{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "collapsible",
  "title": "Collapsible",
  "description": "A collapsible component.",
  "files": [
    {
      "path": "registry/default/collapsible/collapsible.tsx",
      "content": "import * as React from \"react\";\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction CollapsibleRoot({ className, ...props }: BaseCollapsible.Root.Props) {\n  return (\n    <BaseCollapsible.Root\n      data-slot=\"collapsible\"\n      className={cn(\"group/collapsible\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleTrigger({\n  className,\n  ...props\n}: BaseCollapsible.Trigger.Props) {\n  return (\n    <BaseCollapsible.Trigger\n      data-slot=\"collapsible-trigger\"\n      className={cn(\n        \"bg-card border-border hover:bg-surface-hover group hover:text-accent-foreground focus-visible:outline-ring/50 flex w-full cursor-pointer items-center justify-between rounded-md border px-3 py-2 text-left text-sm font-medium shadow-[0_1px_3px_0_oklch(0.18_0_0_/_0.06)] outline-0 transition-[outline,outline-offset] duration-100 ease-out focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-60\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleContent({\n  className,\n  ...props\n}: BaseCollapsible.Panel.Props) {\n  return (\n    <BaseCollapsible.Panel\n      data-slot=\"collapsible-panel\"\n      className={cn(\n        \"h-[var(--collapsible-panel-height)] overflow-hidden text-sm transition-all duration-200 ease-out data-[ending-style]:h-0 data-[ending-style]:opacity-0 data-[starting-style]:h-0 data-[starting-style]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst Collapsible = CollapsibleRoot;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n",
      "type": "registry:ui",
      "target": "components/ui/cubby-ui/collapsible.tsx"
    }
  ],
  "type": "registry:ui"
}