{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "resizable",
	"title": "Resizable",
	"description": "The shadcn resizable panel group, panel, and accessible separator for react-resizable-panels v4",
	"dependencies": ["daisyui", "lucide-react", "react-resizable-panels@^4.12.1"],
	"files": [
		{
			"path": "registry/default/ui/resizable.tsx",
			"content": "'use client';\n\nimport { GripVerticalIcon } from 'lucide-react';\nimport * as ResizablePrimitive from 'react-resizable-panels';\nimport { cn } from '@/lib/utils';\n\nexport function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps) {\n\treturn (\n\t\t<ResizablePrimitive.Group\n\t\t\tdata-slot='resizable-panel-group'\n\t\t\tclassName={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function ResizablePanel(props: ResizablePrimitive.PanelProps) {\n\treturn <ResizablePrimitive.Panel data-slot='resizable-panel' {...props} />;\n}\n\nexport function ResizableHandle({\n\twithHandle,\n\tclassName,\n\t...props\n}: ResizablePrimitive.SeparatorProps & { withHandle?: boolean }) {\n\treturn (\n\t\t<ResizablePrimitive.Separator\n\t\t\tdata-slot='resizable-handle'\n\t\t\tclassName={cn(\n\t\t\t\t'bg-base-300 hover:bg-info/70 focus-visible:bg-info data-[separator=hover]:bg-info/70 data-[separator=active]:bg-info focus-visible:ring-info relative z-10 flex w-0.5 items-center justify-center transition-colors duration-150 after:absolute after:inset-y-0 after:left-1/2 after:w-2 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden aria-[orientation=horizontal]:h-0.5 aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-2 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>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-base-300 z-10 flex h-4 w-3 items-center justify-center rounded-xs border'>\n\t\t\t\t\t<GripVerticalIcon aria-hidden='true' className='size-2.5' />\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</ResizablePrimitive.Separator>\n\t);\n}\n",
			"type": "registry:ui",
			"target": "@ui/resizable.tsx"
		}
	],
	"type": "registry:ui"
}