{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "accordion",
	"type": "registry:ui",
	"title": "Accordion",
	"description": "An accordion component.",
	"dependencies": ["@radix-ui/react-accordion"],
	"files": [
		{
			"path": "registry/niv/ui/accordion.tsx",
			"content": "'use client';\n\nimport {\n  Content,\n  Header,\n  Item,\n  Root,\n  Trigger,\n} from '@radix-ui/react-accordion';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { cn } from '@/lib/classnames';\nimport type { ComponentProps } from 'react';\n\nconst AccordionRoot = ({ ...props }: ComponentProps<typeof Root>) => {\n  return <Root data-slot='accordion' {...props} />;\n};\n\nconst AccordionItem = ({\n  className,\n  ...props\n}: ComponentProps<typeof Item>) => {\n  return (\n    <Item\n      className={cn('border-b last:border-b-0', className)}\n      data-slot='accordion-item'\n      {...props}\n    />\n  );\n};\n\nconst AccordionTrigger = ({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof Trigger>) => {\n  return (\n    <Header className='flex'>\n      <Trigger\n        className={cn(\n          'flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left font-medium text-sm outline-none transition-all hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',\n          className,\n        )}\n        data-slot='accordion-trigger'\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className='pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200' />\n      </Trigger>\n    </Header>\n  );\n};\n\nconst AccordionContent = ({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof Content>) => {\n  return (\n    <Content\n      className='overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down'\n      data-slot='accordion-content'\n      {...props}\n    >\n      <div className={cn('pt-0 pb-4', className)}>{children}</div>\n    </Content>\n  );\n};\n\nconst Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n});\n\nexport { Accordion };\n",
			"type": "registry:ui"
		}
	]
}