{"name":"collapsible","type":"registry:ui","files":[{"path":"collapsible.tsx","type":"registry:ui","content":"\"use client\"\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui-components/react/collapsible\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  className,\n  ...props\n}: CollapsiblePrimitive.Trigger.Props) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      className={cn(\"cursor-pointer\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CollapsiblePanel({\n  className,\n  ...props\n}: CollapsiblePrimitive.Panel.Props) {\n  return (\n    <CollapsiblePrimitive.Panel\n      data-slot=\"collapsible-panel\"\n      className={cn(\n        \"h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Collapsible,\n  CollapsibleTrigger,\n  CollapsiblePanel,\n  CollapsiblePanel as CollapsibleContent,\n}\n","target":"components/ui/collapsible.tsx"}],"dependencies":["@base-ui-components/react"]}