@arolariu/components/dist/cjs/components/ui/accordion.cjs.map

A collection of reusable components for React applications, built as ESM & CJS modules with tree shake, minify and bundler optimizations enabled, for the lowest bundle size (import cost)!

{"version":3,"file":"components\\ui\\accordion.cjs","sources":["webpack://@arolariu/components/./src/components/ui/accordion.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { cn } from \"./../../lib/utils\";\n\nfunction Accordion({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-hidden hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"text-neutral-500 pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200 dark:text-neutral-400\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["Accordion","props","AccordionPrimitive","AccordionItem","className","cn","AccordionTrigger","children","ChevronDownIcon","AccordionContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,UAAU,EACjB,GAAGC,OACkD;IACrD,OAAO,WAAP,GAAO,qCAACC,gCAAAA,IAAuB;QAAC,aAAU;QAAa,GAAGD,KAAK;;AACjE;AAEA,SAASE,cAAc,EACrBC,SAAS,EACT,GAAGH,OACkD;IACrD,OACE,WADF,GACE,qCAACC,gCAAAA,IAAuB;QACtB,aAAU;QACV,WAAWG,IAAAA,0BAAAA,EAAAA,EAAG,4BAA4BD;QACzC,GAAGH,KAAK;;AAGf;AAEA,SAASK,iBAAiB,EACxBF,SAAS,EACTG,QAAQ,EACR,GAAGN,OACqD;IACxD,OACE,WADF,GACE,qCAACC,gCAAAA,MAAyB;QAAC,WAAU;kBACnC,oDAACA,gCAAAA,OAA0B;YACzB,aAAU;YACV,WAAWG,IAAAA,0BAAAA,EAAAA,EACT,2YACAD;YAED,GAAGH,KAAK;;gBAERM;8BACD,qCAACC,sCAAAA,eAAeA,EAAAA;oBAAC,WAAU;;;;;AAInC;AAEA,SAASC,iBAAiB,EACxBL,SAAS,EACTG,QAAQ,EACR,GAAGN,OACqD;IACxD,OACE,WADF,GACE,qCAACC,gCAAAA,OAA0B;QACzB,aAAU;QACV,WAAU;QACT,GAAGD,KAAK;kBAET,mDAAC;YAAI,WAAWI,IAAAA,0BAAAA,EAAAA,EAAG,aAAaD;sBAAaG;;;AAGnD"}