{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "baseui-accordion",
	"description": "A Base UI accordion component",
	"dependencies": ["lucide-react", "@base-ui/react"],
	"registryDependencies": ["@craftdotui/utils"],
	"files": [
		{
			"path": "packages/baseui/components/accordion/index.tsx",
			"content": "\"use client\";\n\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -------------------------------------------------------------------------- */\n/* Accordion                                                                  */\n/* -------------------------------------------------------------------------- */\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Root\n\t\t\tdata-slot=\"accordion\"\n\t\t\tclassName={cn(\"flex w-full flex-col\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* AccordionItem                                                              */\n/* -------------------------------------------------------------------------- */\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Item\n\t\t\tdata-slot=\"accordion-item\"\n\t\t\tclassName={cn(\"not-last:border-b\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* AccordionTrigger                                                           */\n/* -------------------------------------------------------------------------- */\n\nfunction AccordionTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: AccordionPrimitive.Trigger.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Header className=\"flex\">\n\t\t\t<AccordionPrimitive.Trigger\n\t\t\t\tdata-slot=\"accordion-trigger\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"py-3 relative flex flex-1 items-start justify-between rounded-md border border-transparent text-left text-sm font-medium transition-all outline-none\",\n\t\t\t\t\t\"hover:cursor-pointer hover:underline disabled:pointer-events-none disabled:opacity-50\",\n\t\t\t\t\t\"focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring\",\n\t\t\t\t\t\"**:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n\t\t\t\t\t\"[&[data-panel-open]>[data-slot=accordion-trigger-icon]]:rotate-180\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\n\t\t\t\t<ChevronDownIcon\n\t\t\t\t\tdata-slot=\"accordion-trigger-icon\"\n\t\t\t\t\tclassName=\"pointer-events-none shrink-0 transition-transform duration-200\"\n\t\t\t\t/>\n\t\t\t</AccordionPrimitive.Trigger>\n\t\t</AccordionPrimitive.Header>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* AccordionPanel                                                             */\n/* -------------------------------------------------------------------------- */\n\nfunction AccordionPanel({\n\tclassName,\n\tchildren,\n\t...props\n}: AccordionPrimitive.Panel.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Panel\n\t\t\tdata-slot=\"accordion-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"h-(--accordion-panel-height) overflow-hidden text-sm text-muted-foreground transition-[height] duration-300 ease-in-out\",\n\t\t\t\t\"data-starting-style:h-0 data-ending-style:h-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"pt-0 pb-3\">{children}</div>\n\t\t</AccordionPrimitive.Panel>\n\t);\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionPanel };\n",
			"type": "registry:component",
			"target": "components/baseui/components/accordion.tsx"
		}
	],
	"type": "registry:component"
}