{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "resizable",
	"dependencies": ["react-resizable-panels"],
	"registryDependencies": [],
	"files": [
		{
			"path": "ui/resizable.tsx",
			"content": "import * as React from \"react\"\nimport { GripVerticalIcon } from \"lucide-react\"\nimport * as BaseResizable from \"react-resizable-panels\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction ResizablePanelGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseResizable.PanelGroup>) {\n\treturn (\n\t\t<BaseResizable.PanelGroup\n\t\t\tdata-slot=\"resizable-panel-group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction ResizablePanel({\n\t...props\n}: React.ComponentProps<typeof BaseResizable.Panel>) {\n\treturn <BaseResizable.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle({\n\twithHandle,\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseResizable.PanelResizeHandle> & {\n\twithHandle?: boolean\n}) {\n\treturn (\n\t\t<BaseResizable.PanelResizeHandle\n\t\t\tdata-slot=\"resizable-handle\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-border focus-visible:ring-ring/50 focus-visible:ring-offset-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{withHandle && (\n\t\t\t\t<div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n\t\t\t\t\t<GripVerticalIcon className=\"size-2.5\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</BaseResizable.PanelResizeHandle>\n\t)\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n",
			"type": "registry:ui",
			"target": ""
		}
	],
	"type": "registry:ui"
}