{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "collapsible",
  "title": "Collapsible",
  "description": "One panel that opens and closes.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "https://ui.ndekocode.dev/r/theme.json",
    "https://ui.ndekocode.dev/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/ndeko/ui/collapsible.tsx",
      "content": "'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';\n\nimport { cn } from '@/registry/ndeko/lib/utils';\n\ntype WithClassName<Props> = Omit<Props, 'className'> & { className?: string };\n\nfunction Collapsible(props: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot='collapsible' {...props} />;\n}\n\nfunction CollapsibleTrigger(props: CollapsiblePrimitive.Trigger.Props) {\n  return (\n    <CollapsiblePrimitive.Trigger data-slot='collapsible-trigger' {...props} />\n  );\n}\n\nfunction CollapsibleContent({\n  className,\n  ...props\n}: WithClassName<CollapsiblePrimitive.Panel.Props>) {\n  return (\n    <CollapsiblePrimitive.Panel\n      data-slot='collapsible-content'\n      className={cn(\n        'h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 ease-(--ease-out-strong) data-ending-style:h-0 data-starting-style:h-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleContent as CollapsiblePanel,\n  CollapsibleTrigger,\n};\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "primitives"
  ],
  "type": "registry:ui"
}