@ngrok/mantle 0.32.2 → 0.40.0

package/dist/accordion.d.ts

@@ -14,21 +14,21 @@ import './types-BuKAGhC-.js';
  * @example
  * ```tsx
  * <Accordion type="single" collapsible>
- *   <AccordionItem value="item-1">
- *     <AccordionHeading>
- *       <AccordionTrigger>
- *         <AccordionTriggerIcon />
+ *   <Accordion.Item value="item-1">
+ *     <Accordion.Heading>
+ *       <Accordion.Trigger>
+ *         <Accordion.TriggerIcon />
  *         Is it accessible?
- *       </AccordionTrigger>
- *     </AccordionHeading>
- *     <AccordionContent>
+ *       </Accordion.Trigger>
+ *     </Accordion.Heading>
+ *     <Accordion.Content>
  *       Yes. It adheres to the WAI-ARIA design pattern.
- *     </AccordionContent>
- *   </AccordionItem>
+ *     </Accordion.Content>
+ *   </Accordion.Item>
  * </Accordion>
  * ```
  */
-declare const Accordion: react.ForwardRefExoticComponent<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>>> & react.RefAttributes<HTMLDivElement>>;
+declare const Root: react.ForwardRefExoticComponent<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>>> & react.RefAttributes<HTMLDivElement>>;
 /**
  * Contains all the parts of a collapsible section.
  * A single accordion item that can be expanded or collapsed.
@@ -38,21 +38,21 @@ declare const Accordion: react.ForwardRefExoticComponent<ComponentPropsWithoutRe
  * @example
  * ```tsx
  * <Accordion type="single" collapsible>
- *   <AccordionItem value="item-1">
- *     <AccordionHeading>
- *       <AccordionTrigger>
- *         <AccordionTriggerIcon />
+ *   <Accordion.Item value="item-1">
+ *     <Accordion.Heading>
+ *       <Accordion.Trigger>
+ *         <Accordion.TriggerIcon />
  *         Is it accessible?
- *       </AccordionTrigger>
- *     </AccordionHeading>
- *     <AccordionContent>
+ *       </Accordion.Trigger>
+ *     </Accordion.Heading>
+ *     <Accordion.Content>
  *       Yes. It adheres to the WAI-ARIA design pattern.
- *     </AccordionContent>
- *   </AccordionItem>
+ *     </Accordion.Content>
+ *   </Accordion.Item>
  * </Accordion>
  * ```
  */
-declare const AccordionItem: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const Item: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
 /**
  * Wraps an AccordionTrigger.
  * Contains the accordion trigger and provides proper heading semantics.
@@ -62,21 +62,21 @@ declare const AccordionItem: react.ForwardRefExoticComponent<AccordionPrimitive.
  * @example
  * ```tsx
  * <Accordion type="single" collapsible>
- *   <AccordionItem value="item-1">
- *     <AccordionHeading>
- *       <AccordionTrigger>
- *         <AccordionTriggerIcon />
+ *   <Accordion.Item value="item-1">
+ *     <Accordion.Heading>
+ *       <Accordion.Trigger>
+ *         <Accordion.TriggerIcon />
  *         Is it accessible?
- *       </AccordionTrigger>
- *     </AccordionHeading>
- *     <AccordionContent>
+ *       </Accordion.Trigger>
+ *     </Accordion.Heading>
+ *     <Accordion.Content>
  *       Yes. It adheres to the WAI-ARIA design pattern.
- *     </AccordionContent>
- *   </AccordionItem>
+ *     </Accordion.Content>
+ *   </Accordion.Item>
  * </Accordion>
  * ```
  */
-declare const AccordionHeading: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionHeaderProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const Heading: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionHeaderProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 /**
  * Toggles the collapsed state of its associated item.
  * The interactive element that expands or collapses the accordion content.
@@ -86,21 +86,21 @@ declare const AccordionHeading: react.ForwardRefExoticComponent<Omit<AccordionPr
  * @example
  * ```tsx
  * <Accordion type="single" collapsible>
- *   <AccordionItem value="item-1">
- *     <AccordionHeading>
- *       <AccordionTrigger>
- *         <AccordionTriggerIcon />
+ *   <Accordion.Item value="item-1">
+ *     <Accordion.Heading>
+ *       <Accordion.Trigger>
+ *         <Accordion.TriggerIcon />
  *         Is it accessible?
- *       </AccordionTrigger>
- *     </AccordionHeading>
- *     <AccordionContent>
+ *       </Accordion.Trigger>
+ *     </Accordion.Heading>
+ *     <Accordion.Content>
  *       Yes. It adheres to the WAI-ARIA design pattern.
- *     </AccordionContent>
- *   </AccordionItem>
+ *     </Accordion.Content>
+ *   </Accordion.Item>
  * </Accordion>
  * ```
  */
-declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const Trigger: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 /**
  * An icon that indicates the expanded/collapsed state of the accordion trigger.
  * Rotates based on the accordion item state to provide visual feedback.
@@ -110,21 +110,21 @@ declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<AccordionPr
  * @example
  * ```tsx
  * <Accordion type="single" collapsible>
- *   <AccordionItem value="item-1">
- *     <AccordionHeading>
- *       <AccordionTrigger>
- *         <AccordionTriggerIcon />
+ *   <Accordion.Item value="item-1">
+ *     <Accordion.Heading>
+ *       <Accordion.Trigger>
+ *         <Accordion.TriggerIcon />
  *         Is it accessible?
- *       </AccordionTrigger>
- *     </AccordionHeading>
- *     <AccordionContent>
+ *       </Accordion.Trigger>
+ *     </Accordion.Heading>
+ *     <Accordion.Content>
  *       Yes. It adheres to the WAI-ARIA design pattern.
- *     </AccordionContent>
- *   </AccordionItem>
+ *     </Accordion.Content>
+ *   </Accordion.Item>
  * </Accordion>
  * ```
  */
-declare const AccordionTriggerIcon: {
+declare const TriggerIcon: {
     ({ className, ...props }: Omit<IconProps, "svg">): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
@@ -137,20 +137,31 @@ declare const AccordionTriggerIcon: {
  * @example
  * ```tsx
  * <Accordion type="single" collapsible>
- *   <AccordionItem value="item-1">
- *     <AccordionHeading>
- *       <AccordionTrigger>
- *         <AccordionTriggerIcon />
+ *   <Accordion.Item value="item-1">
+ *     <Accordion.Heading>
+ *       <Accordion.Trigger>
+ *         <Accordion.TriggerIcon />
  *         Is it accessible?
- *       </AccordionTrigger>
- *     </AccordionHeading>
- *     <AccordionContent>
+ *       </Accordion.Trigger>
+ *     </Accordion.Heading>
+ *     <Accordion.Content>
  *       Yes. It adheres to the WAI-ARIA design pattern.
- *     </AccordionContent>
- *   </AccordionItem>
+ *     </Accordion.Content>
+ *   </Accordion.Item>
  * </Accordion>
  * ```
  */
-declare const AccordionContent: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const Content: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+/**
+ * An accordion namespace object that contains the accordion components.
+ */
+declare const Accordion: typeof Root & {
+    Root: typeof Root;
+    Content: typeof Content;
+    Heading: typeof Heading;
+    Item: typeof Item;
+    Trigger: typeof Trigger;
+    TriggerIcon: typeof TriggerIcon;
+};
 
-export { Accordion, AccordionContent, AccordionHeading, AccordionItem, AccordionTrigger, AccordionTriggerIcon };
+export { Accordion };

package/dist/accordion.js

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk-I6T6YV2L.js";import"./chunk-NPTDRQT5.js";import{a as t}from"./chunk-AZ56JGNY.js";import{CaretDownIcon as l}from"@phosphor-icons/react/CaretDown";import*as o from"@radix-ui/react-accordion";import{forwardRef as c}from"react";import{jsx as n}from"react/jsx-runtime";var a=c(({className:i,...e},r)=>n(o.Root,{ref:r,className:t("w-full space-y-2.5",i),...e}));a.displayName="Accordion";var p=o.Item;p.displayName="AccordionItem";var s=c(({className:i,...e},r)=>n(o.Header,{ref:r,className:t("flex items-center gap-2",i),...e}));s.displayName="AccordionHeading";var f=c(({className:i,children:e,...r},d)=>n(o.Trigger,{ref:d,className:t("group flex items-center gap-1.5",i),...r,children:e}));f.displayName="AccordionTrigger";var A=({className:i,...e})=>n(m,{...e,svg:n(l,{weight:"fill"}),className:t("group-data-state-open:rotate-0 -rotate-90",i)});A.displayName="AccordionTriggerIcon";var g=c(({className:i,children:e,...r},d)=>n(o.Content,{ref:d,className:t("data-state-closed:animate-accordion-up data-state-open:animate-accordion-down overflow-hidden pt-4",i),...r,children:e}));g.displayName="AccordionContent";export{a as Accordion,g as AccordionContent,s as AccordionHeading,p as AccordionItem,f as AccordionTrigger,A as AccordionTriggerIcon};
+import{a as d}from"./chunk-I6T6YV2L.js";import"./chunk-NPTDRQT5.js";import{a as n}from"./chunk-AZ56JGNY.js";import{CaretDownIcon as A}from"@phosphor-icons/react/CaretDown";import*as o from"@radix-ui/react-accordion";import{forwardRef as m}from"react";import{jsx as c}from"react/jsx-runtime";var a=m(({className:e,...t},i)=>c(o.Root,{ref:i,className:n("w-full space-y-2.5",e),...t}));a.displayName="Accordion";var s=o.Item;s.displayName="AccordionItem";var f=m(({className:e,...t},i)=>c(o.Header,{ref:i,className:n("flex items-center gap-2",e),...t}));f.displayName="AccordionHeading";var g=m(({className:e,children:t,...i},p)=>c(o.Trigger,{ref:p,className:n("group flex items-center gap-1.5",e),...i,children:t}));g.displayName="AccordionTrigger";var y=({className:e,...t})=>c(d,{...t,svg:c(A,{weight:"fill"}),className:n("group-data-state-open:rotate-0 -rotate-90",e)});y.displayName="AccordionTriggerIcon";var l=m(({className:e,children:t,...i},p)=>c(o.Content,{ref:p,className:n("data-state-closed:animate-accordion-up data-state-open:animate-accordion-down overflow-hidden pt-4",e),...i,children:t}));l.displayName="AccordionContent";var r=a;r.Root=a;r.Content=l;r.Heading=f;r.Item=s;r.Trigger=g;r.TriggerIcon=y;export{r as Accordion};
 //# sourceMappingURL=accordion.js.map

package/dist/accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { CaretDownIcon } from \"@phosphor-icons/react/CaretDown\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport {\n\ttype ComponentPropsWithoutRef,\n\ttype ComponentRef,\n\tforwardRef,\n} from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { Icon, type IconProps } from \"../icon/icon.js\";\n\n/**\n * A vertically stacked set of interactive headings that each reveal a section of content.\n * The root component that contains all accordion items.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <AccordionItem value=\"item-1\">\n *     <AccordionHeading>\n *       <AccordionTrigger>\n *         <AccordionTriggerIcon />\n *         Is it accessible?\n *       </AccordionTrigger>\n *     </AccordionHeading>\n *     <AccordionContent>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nconst Accordion = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Root>\n>(({ className, ...props }, ref) => (\n\t<AccordionPrimitive.Root\n\t\tref={ref}\n\t\tclassName={cx(\"w-full space-y-2.5\", className)}\n\t\t{...props}\n\t/>\n));\nAccordion.displayName = \"Accordion\";\n\n/**\n * Contains all the parts of a collapsible section.\n * A single accordion item that can be expanded or collapsed.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-item\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <AccordionItem value=\"item-1\">\n *     <AccordionHeading>\n *       <AccordionTrigger>\n *         <AccordionTriggerIcon />\n *         Is it accessible?\n *       </AccordionTrigger>\n *     </AccordionHeading>\n *     <AccordionContent>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nconst AccordionItem = AccordionPrimitive.Item;\nAccordionItem.displayName = \"AccordionItem\";\n\n/**\n * Wraps an AccordionTrigger.\n * Contains the accordion trigger and provides proper heading semantics.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-heading\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <AccordionItem value=\"item-1\">\n *     <AccordionHeading>\n *       <AccordionTrigger>\n *         <AccordionTriggerIcon />\n *         Is it accessible?\n *       </AccordionTrigger>\n *     </AccordionHeading>\n *     <AccordionContent>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nconst AccordionHeading = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Header>\n>(({ className, ...props }, ref) => (\n\t<AccordionPrimitive.Header\n\t\tref={ref}\n\t\tclassName={cx(\"flex items-center gap-2\", className)}\n\t\t{...props}\n\t/>\n));\nAccordionHeading.displayName = \"AccordionHeading\";\n\n/**\n * Toggles the collapsed state of its associated item.\n * The interactive element that expands or collapses the accordion content.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <AccordionItem value=\"item-1\">\n *     <AccordionHeading>\n *       <AccordionTrigger>\n *         <AccordionTriggerIcon />\n *         Is it accessible?\n *       </AccordionTrigger>\n *     </AccordionHeading>\n *     <AccordionContent>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nconst AccordionTrigger = forwardRef<\n\tComponentRef<\"button\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n\t<AccordionPrimitive.Trigger\n\t\tref={ref}\n\t\tclassName={cx(\"group flex items-center gap-1.5\", className)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t</AccordionPrimitive.Trigger>\n));\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\n/**\n * An icon that indicates the expanded/collapsed state of the accordion trigger.\n * Rotates based on the accordion item state to provide visual feedback.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger-icon\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <AccordionItem value=\"item-1\">\n *     <AccordionHeading>\n *       <AccordionTrigger>\n *         <AccordionTriggerIcon />\n *         Is it accessible?\n *       </AccordionTrigger>\n *     </AccordionHeading>\n *     <AccordionContent>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nconst AccordionTriggerIcon = ({\n\tclassName,\n\t...props\n}: Omit<IconProps, \"svg\">) => (\n\t<Icon\n\t\t{...props}\n\t\tsvg={<CaretDownIcon weight=\"fill\" />}\n\t\tclassName={cx(\"group-data-state-open:rotate-0 -rotate-90\", className)}\n\t/>\n);\nAccordionTriggerIcon.displayName = \"AccordionTriggerIcon\";\n\n/**\n * Contains the collapsible content for an item.\n * The content area that is revealed when the accordion item is expanded.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-content\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <AccordionItem value=\"item-1\">\n *     <AccordionHeading>\n *       <AccordionTrigger>\n *         <AccordionTriggerIcon />\n *         Is it accessible?\n *       </AccordionTrigger>\n *     </AccordionHeading>\n *     <AccordionContent>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nconst AccordionContent = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n\t<AccordionPrimitive.Content\n\t\tref={ref}\n\t\tclassName={cx(\n\t\t\t\"data-state-closed:animate-accordion-up data-state-open:animate-accordion-down overflow-hidden pt-4\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t</AccordionPrimitive.Content>\n));\nAccordionContent.displayName = \"AccordionContent\";\n\nexport {\n\t//,\n\tAccordion,\n\tAccordionContent,\n\tAccordionHeading,\n\tAccordionItem,\n\tAccordionTrigger,\n\tAccordionTriggerIcon,\n};\n"],"mappings":"4GAEA,OAAS,iBAAAA,MAAqB,kCAC9B,UAAYC,MAAwB,4BACpC,OAGC,cAAAC,MACM,QA+BN,cAAAC,MAAA,oBAJD,IAAMC,EAAYC,EAGhB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BL,EAAoB,OAAnB,CACA,IAAKK,EACL,UAAWC,EAAG,qBAAsBH,CAAS,EAC5C,GAAGC,EACL,CACA,EACDH,EAAU,YAAc,YAyBxB,IAAMM,EAAmC,OACzCA,EAAc,YAAc,gBAyB5B,IAAMC,EAAmBN,EAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BL,EAAoB,SAAnB,CACA,IAAKK,EACL,UAAWC,EAAG,0BAA2BH,CAAS,EACjD,GAAGC,EACL,CACA,EACDI,EAAiB,YAAc,mBAyB/B,IAAMC,EAAmBP,EAGvB,CAAC,CAAE,UAAAC,EAAW,SAAAO,EAAU,GAAGN,CAAM,EAAGC,IACrCL,EAAoB,UAAnB,CACA,IAAKK,EACL,UAAWC,EAAG,kCAAmCH,CAAS,EACzD,GAAGC,EAEH,SAAAM,EACF,CACA,EACDD,EAAiB,YAAc,mBAyB/B,IAAME,EAAuB,CAAC,CAC7B,UAAAR,EACA,GAAGC,CACJ,IACCJ,EAACY,EAAA,CACC,GAAGR,EACJ,IAAKJ,EAACa,EAAA,CAAc,OAAO,OAAO,EAClC,UAAWP,EAAG,4CAA6CH,CAAS,EACrE,EAEDQ,EAAqB,YAAc,uBAyBnC,IAAMG,EAAmBZ,EAGvB,CAAC,CAAE,UAAAC,EAAW,SAAAO,EAAU,GAAGN,CAAM,EAAGC,IACrCL,EAAoB,UAAnB,CACA,IAAKK,EACL,UAAWC,EACV,qGACAH,CACD,EACC,GAAGC,EAEH,SAAAM,EACF,CACA,EACDI,EAAiB,YAAc","names":["CaretDownIcon","AccordionPrimitive","forwardRef","jsx","Accordion","forwardRef","className","props","ref","cx","AccordionItem","AccordionHeading","AccordionTrigger","children","AccordionTriggerIcon","Icon","CaretDownIcon","AccordionContent"]}
+{"version":3,"sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { CaretDownIcon } from \"@phosphor-icons/react/CaretDown\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport {\n\ttype ComponentPropsWithoutRef,\n\ttype ComponentRef,\n\tforwardRef,\n} from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { Icon, type IconProps } from \"../icon/icon.js\";\n\n/**\n * A vertically stacked set of interactive headings that each reveal a section of content.\n * The root component that contains all accordion items.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <Accordion.Item value=\"item-1\">\n *     <Accordion.Heading>\n *       <Accordion.Trigger>\n *         <Accordion.TriggerIcon />\n *         Is it accessible?\n *       </Accordion.Trigger>\n *     </Accordion.Heading>\n *     <Accordion.Content>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </Accordion.Content>\n *   </Accordion.Item>\n * </Accordion>\n * ```\n */\nconst Root = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Root>\n>(({ className, ...props }, ref) => (\n\t<AccordionPrimitive.Root\n\t\tref={ref}\n\t\tclassName={cx(\"w-full space-y-2.5\", className)}\n\t\t{...props}\n\t/>\n));\nRoot.displayName = \"Accordion\";\n\n/**\n * Contains all the parts of a collapsible section.\n * A single accordion item that can be expanded or collapsed.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-item\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <Accordion.Item value=\"item-1\">\n *     <Accordion.Heading>\n *       <Accordion.Trigger>\n *         <Accordion.TriggerIcon />\n *         Is it accessible?\n *       </Accordion.Trigger>\n *     </Accordion.Heading>\n *     <Accordion.Content>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </Accordion.Content>\n *   </Accordion.Item>\n * </Accordion>\n * ```\n */\nconst Item = AccordionPrimitive.Item;\nItem.displayName = \"AccordionItem\";\n\n/**\n * Wraps an AccordionTrigger.\n * Contains the accordion trigger and provides proper heading semantics.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-heading\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <Accordion.Item value=\"item-1\">\n *     <Accordion.Heading>\n *       <Accordion.Trigger>\n *         <Accordion.TriggerIcon />\n *         Is it accessible?\n *       </Accordion.Trigger>\n *     </Accordion.Heading>\n *     <Accordion.Content>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </Accordion.Content>\n *   </Accordion.Item>\n * </Accordion>\n * ```\n */\nconst Heading = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Header>\n>(({ className, ...props }, ref) => (\n\t<AccordionPrimitive.Header\n\t\tref={ref}\n\t\tclassName={cx(\"flex items-center gap-2\", className)}\n\t\t{...props}\n\t/>\n));\nHeading.displayName = \"AccordionHeading\";\n\n/**\n * Toggles the collapsed state of its associated item.\n * The interactive element that expands or collapses the accordion content.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <Accordion.Item value=\"item-1\">\n *     <Accordion.Heading>\n *       <Accordion.Trigger>\n *         <Accordion.TriggerIcon />\n *         Is it accessible?\n *       </Accordion.Trigger>\n *     </Accordion.Heading>\n *     <Accordion.Content>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </Accordion.Content>\n *   </Accordion.Item>\n * </Accordion>\n * ```\n */\nconst Trigger = forwardRef<\n\tComponentRef<\"button\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n\t<AccordionPrimitive.Trigger\n\t\tref={ref}\n\t\tclassName={cx(\"group flex items-center gap-1.5\", className)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t</AccordionPrimitive.Trigger>\n));\nTrigger.displayName = \"AccordionTrigger\";\n\n/**\n * An icon that indicates the expanded/collapsed state of the accordion trigger.\n * Rotates based on the accordion item state to provide visual feedback.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger-icon\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <Accordion.Item value=\"item-1\">\n *     <Accordion.Heading>\n *       <Accordion.Trigger>\n *         <Accordion.TriggerIcon />\n *         Is it accessible?\n *       </Accordion.Trigger>\n *     </Accordion.Heading>\n *     <Accordion.Content>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </Accordion.Content>\n *   </Accordion.Item>\n * </Accordion>\n * ```\n */\nconst TriggerIcon = ({ className, ...props }: Omit<IconProps, \"svg\">) => (\n\t<Icon\n\t\t{...props}\n\t\tsvg={<CaretDownIcon weight=\"fill\" />}\n\t\tclassName={cx(\"group-data-state-open:rotate-0 -rotate-90\", className)}\n\t/>\n);\nTriggerIcon.displayName = \"AccordionTriggerIcon\";\n\n/**\n * Contains the collapsible content for an item.\n * The content area that is revealed when the accordion item is expanded.\n *\n * @see https://mantle.ngrok.com/components/accordion#api-accordion-content\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <Accordion.Item value=\"item-1\">\n *     <Accordion.Heading>\n *       <Accordion.Trigger>\n *         <Accordion.TriggerIcon />\n *         Is it accessible?\n *       </Accordion.Trigger>\n *     </Accordion.Heading>\n *     <Accordion.Content>\n *       Yes. It adheres to the WAI-ARIA design pattern.\n *     </Accordion.Content>\n *   </Accordion.Item>\n * </Accordion>\n * ```\n */\nconst Content = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n\t<AccordionPrimitive.Content\n\t\tref={ref}\n\t\tclassName={cx(\n\t\t\t\"data-state-closed:animate-accordion-up data-state-open:animate-accordion-down overflow-hidden pt-4\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t</AccordionPrimitive.Content>\n));\nContent.displayName = \"AccordionContent\";\n\n/**\n * An accordion namespace object that contains the accordion components.\n */\nconst Accordion = Root as typeof Root & {\n\tRoot: typeof Root;\n\tContent: typeof Content;\n\tHeading: typeof Heading;\n\tItem: typeof Item;\n\tTrigger: typeof Trigger;\n\tTriggerIcon: typeof TriggerIcon;\n};\nAccordion.Root = Root;\nAccordion.Content = Content;\nAccordion.Heading = Heading;\nAccordion.Item = Item;\nAccordion.Trigger = Trigger;\nAccordion.TriggerIcon = TriggerIcon;\n\nexport {\n\t//,\n\tAccordion,\n};\n"],"mappings":"4GAEA,OAAS,iBAAAA,MAAqB,kCAC9B,UAAYC,MAAwB,4BACpC,OAGC,cAAAC,MACM,QA+BN,cAAAC,MAAA,oBAJD,IAAMC,EAAOC,EAGX,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BL,EAAoB,OAAnB,CACA,IAAKK,EACL,UAAWC,EAAG,qBAAsBH,CAAS,EAC5C,GAAGC,EACL,CACA,EACDH,EAAK,YAAc,YAyBnB,IAAMM,EAA0B,OAChCA,EAAK,YAAc,gBAyBnB,IAAMC,EAAUN,EAGd,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BL,EAAoB,SAAnB,CACA,IAAKK,EACL,UAAWC,EAAG,0BAA2BH,CAAS,EACjD,GAAGC,EACL,CACA,EACDI,EAAQ,YAAc,mBAyBtB,IAAMC,EAAUP,EAGd,CAAC,CAAE,UAAAC,EAAW,SAAAO,EAAU,GAAGN,CAAM,EAAGC,IACrCL,EAAoB,UAAnB,CACA,IAAKK,EACL,UAAWC,EAAG,kCAAmCH,CAAS,EACzD,GAAGC,EAEH,SAAAM,EACF,CACA,EACDD,EAAQ,YAAc,mBAyBtB,IAAME,EAAc,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,IAC1CJ,EAACY,EAAA,CACC,GAAGR,EACJ,IAAKJ,EAACa,EAAA,CAAc,OAAO,OAAO,EAClC,UAAWP,EAAG,4CAA6CH,CAAS,EACrE,EAEDQ,EAAY,YAAc,uBAyB1B,IAAMG,EAAUZ,EAGd,CAAC,CAAE,UAAAC,EAAW,SAAAO,EAAU,GAAGN,CAAM,EAAGC,IACrCL,EAAoB,UAAnB,CACA,IAAKK,EACL,UAAWC,EACV,qGACAH,CACD,EACC,GAAGC,EAEH,SAAAM,EACF,CACA,EACDI,EAAQ,YAAc,mBAKtB,IAAMC,EAAYd,EAQlBc,EAAU,KAAOd,EACjBc,EAAU,QAAUD,EACpBC,EAAU,QAAUP,EACpBO,EAAU,KAAOR,EACjBQ,EAAU,QAAUN,EACpBM,EAAU,YAAcJ","names":["CaretDownIcon","AccordionPrimitive","forwardRef","jsx","Root","forwardRef","className","props","ref","cx","Item","Heading","Trigger","children","TriggerIcon","Icon","CaretDownIcon","Content","Accordion"]}