{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "console-layout",
	"title": "Console Layout",
	"description": "A responsive console layout with Menu, Main, Dock, and Composite",
	"files": [
		{
			"path": "registry/default/blocks/console-layout/console-layout.tsx",
			"content": "import type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport namespace ConsoleLayout {\n\texport type RootProps = ComponentPropsWithRef<'div'>;\n\texport type MenuProps = ComponentPropsWithRef<'aside'>;\n\texport type MainProps = ComponentPropsWithRef<'main'>;\n\texport type DockProps = ComponentPropsWithRef<'aside'>;\n\n\texport interface CompositeProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n\t\tmenu?: ReactNode;\n\t\tdock?: ReactNode;\n\t\tchildren?: ReactNode;\n\t}\n\n\t/**\n\t * Composite layout combining Menu, Main, and Dock in a single component\n\t */\n\texport function Composite({ menu, dock, children, className, ...props }: CompositeProps) {\n\t\treturn (\n\t\t\t<Root className={className} {...props}>\n\t\t\t\t{menu && <Menu>{menu}</Menu>}\n\t\t\t\t<Main>{children}</Main>\n\t\t\t\t{dock && <Dock>{dock}</Dock>}\n\t\t\t</Root>\n\t\t);\n\t}\n\n\t/**\n\t * Root layout container with responsive flex layout\n\t * - Mobile: column layout (flex-col)\n\t * - Desktop: row layout (flex-row)\n\t */\n\texport function Root({ children, className, ...props }: RootProps) {\n\t\treturn (\n\t\t\t<div className={cn('flex h-screen w-full overflow-hidden', 'flex-col md:flex-row', className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Left sidebar menu area\n\t * - Fixed width (57px on desktop)\n\t * - Supports top/center/bottom sections via children\n\t */\n\texport function Menu({ children, className, ...props }: MenuProps) {\n\t\treturn (\n\t\t\t<aside\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'border-color bg-base-100 flex items-center',\n\t\t\t\t\t'order-1 w-full border-b px-2',\n\t\t\t\t\t'md:order-1 md:h-full md:w-[57px] md:flex-col md:border-r md:border-b-0 md:px-0',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</aside>\n\t\t);\n\t}\n\n\t/**\n\t * Main content area\n\t * - Fills remaining space\n\t * - Has internal scroll container\n\t */\n\texport function Main({ children, className, ...props }: MainProps) {\n\t\treturn (\n\t\t\t<main className={cn('relative order-2 h-full flex-1 overflow-auto', className)} {...props}>\n\t\t\t\t<div className={'absolute inset-0 isolate scrollbar-thin'}>{children}</div>\n\t\t\t</main>\n\t\t);\n\t}\n\n\t/**\n\t * Right/Bottom dock area\n\t * - Mobile: top display\n\t * - Desktop: right side display\n\t */\n\texport function Dock({ children, className, ...props }: DockProps) {\n\t\treturn (\n\t\t\t<aside\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'border-color bg-base-100 flex items-center',\n\t\t\t\t\t'order-3 w-full border-t px-2',\n\t\t\t\t\t'md:order-3 md:h-full md:w-[57px] md:flex-col md:border-t-0 md:border-l md:px-0',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</aside>\n\t\t);\n\t}\n}\n",
			"type": "registry:component"
		},
		{
			"path": "registry/default/blocks/console-layout/index.ts",
			"content": "export { ConsoleLayout } from './console-layout';\n",
			"type": "registry:component"
		}
	],
	"type": "registry:block"
}