{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "collapsible",
  "type": "registry:ui",
  "title": "Collapsible",
  "description": "Collapsible built on Base UI with eased height animation.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "https://seamui.dev/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/seam/ui/collapsible.tsx",
      "content": "\"use client\"\n\nimport type * as React from \"react\"\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Collapsible(props: React.ComponentProps<typeof BaseCollapsible.Root>) {\n  return <BaseCollapsible.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger(\n  props: React.ComponentProps<typeof BaseCollapsible.Trigger>\n) {\n  return <BaseCollapsible.Trigger data-slot=\"collapsible-trigger\" {...props} />\n}\n\nfunction CollapsibleContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof BaseCollapsible.Panel>) {\n  return (\n    <BaseCollapsible.Panel\n      data-slot=\"collapsible-content\"\n      // Height eased between 0 and Base UI's measured value (see Accordion).\n      className={cn(\n        \"h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-200 ease-out motion-reduce:transition-none\",\n        \"data-[starting-style]:h-0 data-[ending-style]:h-0\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </BaseCollapsible.Panel>\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n",
      "type": "registry:ui",
      "target": "components/ui/collapsible.tsx"
    }
  ]
}