@ngrok/mantle 0.66.0 → 0.66.2

package/dist/accordion.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { a as IconProps } from './icon-DXTMiV1L.js';
-import './types-BuKAGhC-.js';
+import { n as IconProps } from "./icon-B1XLv02t.js";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as react from "react";
+import { ComponentPropsWithoutRef } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
+//#region src/components/accordion/accordion.d.ts
 /**
  * A vertically stacked set of interactive headings that each reveal a section of content.
  *
@@ -28,153 +28,157 @@ import './types-BuKAGhC-.js';
  * ```
  */
 declare const Accordion: {
-    /**
-     * A vertically stacked set of interactive headings that each reveal a section of content.
-     * The root component that contains all accordion items.
-     *
-     * @see https://mantle.ngrok.com/components/accordion#api-accordion
-     *
-     * @example
-     * ```tsx
-     * <Accordion.Root type="single" collapsible>
-     *   <Accordion.Item value="item-1">
-     *     <Accordion.Heading>
-     *       <Accordion.Trigger>
-     *         <Accordion.TriggerIcon />
-     *         Is it accessible?
-     *       </Accordion.Trigger>
-     *     </Accordion.Heading>
-     *     <Accordion.Content>
-     *       Yes. It adheres to the WAI-ARIA design pattern.
-     *     </Accordion.Content>
-     *   </Accordion.Item>
-     * </Accordion.Root>
-     * ```
-     */
-    readonly Root: react.ForwardRefExoticComponent<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>>> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * Contains the collapsible content for an item.
-     * The content area that is revealed when the accordion item is expanded.
-     *
-     * @see https://mantle.ngrok.com/components/accordion#api-accordion-content
-     *
-     * @example
-     * ```tsx
-     * <Accordion.Root type="single" collapsible>
-     *   <Accordion.Item value="item-1">
-     *     <Accordion.Heading>
-     *       <Accordion.Trigger>
-     *         <Accordion.TriggerIcon />
-     *         Is it accessible?
-     *       </Accordion.Trigger>
-     *     </Accordion.Heading>
-     *     <Accordion.Content>
-     *       Yes. It adheres to the WAI-ARIA design pattern.
-     *     </Accordion.Content>
-     *   </Accordion.Item>
-     * </Accordion.Root>
-     * ```
-     */
-    readonly Content: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * Wraps an AccordionTrigger.
-     * Contains the accordion trigger and provides proper heading semantics.
-     *
-     * @see https://mantle.ngrok.com/components/accordion#api-accordion-heading
-     *
-     * @example
-     * ```tsx
-     * <Accordion.Root type="single" collapsible>
-     *   <Accordion.Item value="item-1">
-     *     <Accordion.Heading>
-     *       <Accordion.Trigger>
-     *         <Accordion.TriggerIcon />
-     *         Is it accessible?
-     *       </Accordion.Trigger>
-     *     </Accordion.Heading>
-     *     <Accordion.Content>
-     *       Yes. It adheres to the WAI-ARIA design pattern.
-     *     </Accordion.Content>
-     *   </Accordion.Item>
-     * </Accordion.Root>
-     * ```
-     */
-    readonly Heading: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionHeaderProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * Contains all the parts of a collapsible section.
-     * A single accordion item that can be expanded or collapsed.
-     *
-     * @see https://mantle.ngrok.com/components/accordion#api-accordion-item
-     *
-     * @example
-     * ```tsx
-     * <Accordion.Root type="single" collapsible>
-     *   <Accordion.Item value="item-1">
-     *     <Accordion.Heading>
-     *       <Accordion.Trigger>
-     *         <Accordion.TriggerIcon />
-     *         Is it accessible?
-     *       </Accordion.Trigger>
-     *     </Accordion.Heading>
-     *     <Accordion.Content>
-     *       Yes. It adheres to the WAI-ARIA design pattern.
-     *     </Accordion.Content>
-     *   </Accordion.Item>
-     * </Accordion.Root>
-     * ```
-     */
-    readonly Item: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * Toggles the collapsed state of its associated item.
-     * The interactive element that expands or collapses the accordion content.
-     *
-     * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger
-     *
-     * @example
-     * ```tsx
-     * <Accordion.Root type="single" collapsible>
-     *   <Accordion.Item value="item-1">
-     *     <Accordion.Heading>
-     *       <Accordion.Trigger>
-     *         <Accordion.TriggerIcon />
-     *         Is it accessible?
-     *       </Accordion.Trigger>
-     *     </Accordion.Heading>
-     *     <Accordion.Content>
-     *       Yes. It adheres to the WAI-ARIA design pattern.
-     *     </Accordion.Content>
-     *   </Accordion.Item>
-     * </Accordion.Root>
-     * ```
-     */
-    readonly 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.
-     *
-     * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger-icon
-     *
-     * @example
-     * ```tsx
-     * <Accordion.Root type="single" collapsible>
-     *   <Accordion.Item value="item-1">
-     *     <Accordion.Heading>
-     *       <Accordion.Trigger>
-     *         <Accordion.TriggerIcon />
-     *         Is it accessible?
-     *       </Accordion.Trigger>
-     *     </Accordion.Heading>
-     *     <Accordion.Content>
-     *       Yes. It adheres to the WAI-ARIA design pattern.
-     *     </Accordion.Content>
-     *   </Accordion.Item>
-     * </Accordion.Root>
-     * ```
-     */
-    readonly TriggerIcon: {
-        ({ className, ...props }: Omit<IconProps, "svg">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
+  /**
+   * A vertically stacked set of interactive headings that each reveal a section of content.
+   * The root component that contains all accordion items.
+   *
+   * @see https://mantle.ngrok.com/components/accordion#api-accordion
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Root type="single" collapsible>
+   *   <Accordion.Item value="item-1">
+   *     <Accordion.Heading>
+   *       <Accordion.Trigger>
+   *         <Accordion.TriggerIcon />
+   *         Is it accessible?
+   *       </Accordion.Trigger>
+   *     </Accordion.Heading>
+   *     <Accordion.Content>
+   *       Yes. It adheres to the WAI-ARIA design pattern.
+   *     </Accordion.Content>
+   *   </Accordion.Item>
+   * </Accordion.Root>
+   * ```
+   */
+  readonly Root: react.ForwardRefExoticComponent<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>>> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * Contains the collapsible content for an item.
+   * The content area that is revealed when the accordion item is expanded.
+   *
+   * @see https://mantle.ngrok.com/components/accordion#api-accordion-content
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Root type="single" collapsible>
+   *   <Accordion.Item value="item-1">
+   *     <Accordion.Heading>
+   *       <Accordion.Trigger>
+   *         <Accordion.TriggerIcon />
+   *         Is it accessible?
+   *       </Accordion.Trigger>
+   *     </Accordion.Heading>
+   *     <Accordion.Content>
+   *       Yes. It adheres to the WAI-ARIA design pattern.
+   *     </Accordion.Content>
+   *   </Accordion.Item>
+   * </Accordion.Root>
+   * ```
+   */
+  readonly Content: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * Wraps an AccordionTrigger.
+   * Contains the accordion trigger and provides proper heading semantics.
+   *
+   * @see https://mantle.ngrok.com/components/accordion#api-accordion-heading
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Root type="single" collapsible>
+   *   <Accordion.Item value="item-1">
+   *     <Accordion.Heading>
+   *       <Accordion.Trigger>
+   *         <Accordion.TriggerIcon />
+   *         Is it accessible?
+   *       </Accordion.Trigger>
+   *     </Accordion.Heading>
+   *     <Accordion.Content>
+   *       Yes. It adheres to the WAI-ARIA design pattern.
+   *     </Accordion.Content>
+   *   </Accordion.Item>
+   * </Accordion.Root>
+   * ```
+   */
+  readonly Heading: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionHeaderProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * Contains all the parts of a collapsible section.
+   * A single accordion item that can be expanded or collapsed.
+   *
+   * @see https://mantle.ngrok.com/components/accordion#api-accordion-item
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Root type="single" collapsible>
+   *   <Accordion.Item value="item-1">
+   *     <Accordion.Heading>
+   *       <Accordion.Trigger>
+   *         <Accordion.TriggerIcon />
+   *         Is it accessible?
+   *       </Accordion.Trigger>
+   *     </Accordion.Heading>
+   *     <Accordion.Content>
+   *       Yes. It adheres to the WAI-ARIA design pattern.
+   *     </Accordion.Content>
+   *   </Accordion.Item>
+   * </Accordion.Root>
+   * ```
+   */
+  readonly Item: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * Toggles the collapsed state of its associated item.
+   * The interactive element that expands or collapses the accordion content.
+   *
+   * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Root type="single" collapsible>
+   *   <Accordion.Item value="item-1">
+   *     <Accordion.Heading>
+   *       <Accordion.Trigger>
+   *         <Accordion.TriggerIcon />
+   *         Is it accessible?
+   *       </Accordion.Trigger>
+   *     </Accordion.Heading>
+   *     <Accordion.Content>
+   *       Yes. It adheres to the WAI-ARIA design pattern.
+   *     </Accordion.Content>
+   *   </Accordion.Item>
+   * </Accordion.Root>
+   * ```
+   */
+  readonly 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.
+   *
+   * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger-icon
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Root type="single" collapsible>
+   *   <Accordion.Item value="item-1">
+   *     <Accordion.Heading>
+   *       <Accordion.Trigger>
+   *         <Accordion.TriggerIcon />
+   *         Is it accessible?
+   *       </Accordion.Trigger>
+   *     </Accordion.Heading>
+   *     <Accordion.Content>
+   *       Yes. It adheres to the WAI-ARIA design pattern.
+   *     </Accordion.Content>
+   *   </Accordion.Item>
+   * </Accordion.Root>
+   * ```
+   */
+  readonly TriggerIcon: {
+    ({
+      className,
+      ...props
+    }: Omit<IconProps, "svg">): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
 };
-
+//#endregion
 export { Accordion };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/accordion.js

@@ -1,2 +1,2 @@
-import{a}from"./chunk-IVQ626TU.js";import"./chunk-SBQHQ2SJ.js";import{a as r}from"./chunk-PFXFESEN.js";import{CaretDownIcon as A}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 p=c(({className:e,...i},t)=>n(o.Root,{ref:t,className:r("w-full space-y-2.5",e),...i}));p.displayName="Accordion";var d=o.Item;d.displayName="AccordionItem";var s=c(({className:e,...i},t)=>n(o.Header,{ref:t,className:r("flex items-center gap-2",e),...i}));s.displayName="AccordionHeading";var f=c(({className:e,children:i,...t},m)=>n(o.Trigger,{ref:m,className:r("group flex items-center gap-1.5",e),...t,children:i}));f.displayName="AccordionTrigger";var g=({className:e,...i})=>n(a,{...i,svg:n(A,{weight:"fill"}),className:r("group-data-[state=open]:rotate-0 -rotate-90",e)});g.displayName="AccordionTriggerIcon";var l=c(({className:e,children:i,...t},m)=>n(o.Content,{ref:m,className:r("data-state-closed:animate-accordion-up data-state-open:animate-accordion-down overflow-hidden *:first:mt-4",e),...t,children:i}));l.displayName="AccordionContent";var P={Root:p,Content:l,Heading:s,Item:d,Trigger:f,TriggerIcon:g};export{P as Accordion};
+import{t as e}from"./cx-bKromGBh.js";import{t}from"./icon-B5oNYYrJ.js";import{CaretDownIcon as n}from"@phosphor-icons/react/CaretDown";import*as r from"@radix-ui/react-accordion";import{forwardRef as i}from"react";import{jsx as a}from"react/jsx-runtime";const o=i(({className:t,...n},i)=>a(r.Root,{ref:i,className:e(`w-full space-y-2.5`,t),...n}));o.displayName=`Accordion`;const s=r.Item;s.displayName=`AccordionItem`;const c=i(({className:t,...n},i)=>a(r.Header,{ref:i,className:e(`flex items-center gap-2`,t),...n}));c.displayName=`AccordionHeading`;const l=i(({className:t,children:n,...i},o)=>a(r.Trigger,{ref:o,className:e(`group flex items-center gap-1.5`,t),...i,children:n}));l.displayName=`AccordionTrigger`;const u=({className:r,...i})=>a(t,{...i,svg:a(n,{weight:`fill`}),className:e(`group-data-[state=open]:rotate-0 -rotate-90`,r)});u.displayName=`AccordionTriggerIcon`;const d=i(({className:t,children:n,...i},o)=>a(r.Content,{ref:o,className:e(`data-state-closed:animate-accordion-up data-state-open:animate-accordion-down overflow-hidden *:first:mt-4`,t),...i,children:n}));d.displayName=`AccordionContent`;const f={Root:o,Content:d,Heading:c,Item:s,Trigger:l,TriggerIcon:u};export{f 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 { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } 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.Root 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.Root>\n * ```\n */\nconst Root = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Root>\n>(({ className, ...props }, ref) => (\n\t<AccordionPrimitive.Root ref={ref} className={cx(\"w-full space-y-2.5\", className)} {...props} />\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.Root 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.Root>\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.Root 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.Root>\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.Root 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.Root>\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.Root 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.Root>\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.Root 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.Root>\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 *:first:mt-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 * A vertically stacked set of interactive headings that each reveal a section of content.\n *\n * @see https://mantle.ngrok.com/components/accordion\n *\n * @example\n * ```tsx\n * <Accordion.Root 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.Root>\n * ```\n */\nconst Accordion = {\n\t/**\n\t * A vertically stacked set of interactive headings that each reveal a section of content.\n\t * The root component that contains all accordion items.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tRoot,\n\t/**\n\t * Contains the collapsible content for an item.\n\t * The content area that is revealed when the accordion item is expanded.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-content\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tContent,\n\t/**\n\t * Wraps an AccordionTrigger.\n\t * Contains the accordion trigger and provides proper heading semantics.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-heading\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tHeading,\n\t/**\n\t * Contains all the parts of a collapsible section.\n\t * A single accordion item that can be expanded or collapsed.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-item\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tItem,\n\t/**\n\t * Toggles the collapsed state of its associated item.\n\t * The interactive element that expands or collapses the accordion content.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tTrigger,\n\t/**\n\t * An icon that indicates the expanded/collapsed state of the accordion trigger.\n\t * Rotates based on the accordion item state to provide visual feedback.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger-icon\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tTriggerIcon,\n} as const;\n\nexport {\n\t//,\n\tAccordion,\n};\n"],"mappings":"uGAEA,OAAS,iBAAAA,MAAqB,kCAC9B,UAAYC,MAAwB,4BACpC,OAA2D,cAAAC,MAAkB,QA+B5E,cAAAC,MAAA,oBAJD,IAAMC,EAAOC,EAGX,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BL,EAAoB,OAAnB,CAAwB,IAAKK,EAAK,UAAWC,EAAG,qBAAsBH,CAAS,EAAI,GAAGC,EAAO,CAC9F,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,8CAA+CH,CAAS,EACvE,EAEDQ,EAAY,YAAc,uBAyB1B,IAAMG,EAAUZ,EAGd,CAAC,CAAE,UAAAC,EAAW,SAAAO,EAAU,GAAGN,CAAM,EAAGC,IACrCL,EAAoB,UAAnB,CACA,IAAKK,EACL,UAAWC,EACV,6GACAH,CACD,EACC,GAAGC,EAEH,SAAAM,EACF,CACA,EACDI,EAAQ,YAAc,mBAwBtB,IAAMC,EAAY,CAwBjB,KAAAd,EAwBA,QAAAa,EAwBA,QAAAN,EAwBA,KAAAD,EAwBA,QAAAE,EAwBA,YAAAE,CACD","names":["CaretDownIcon","AccordionPrimitive","forwardRef","jsx","Root","forwardRef","className","props","ref","cx","Item","Heading","Trigger","children","TriggerIcon","Icon","CaretDownIcon","Content","Accordion"]}
+{"version":3,"file":"accordion.js","names":[],"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 { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } 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.Root 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.Root>\n * ```\n */\nconst Root = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof AccordionPrimitive.Root>\n>(({ className, ...props }, ref) => (\n\t<AccordionPrimitive.Root ref={ref} className={cx(\"w-full space-y-2.5\", className)} {...props} />\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.Root 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.Root>\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.Root 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.Root>\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.Root 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.Root>\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.Root 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.Root>\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.Root 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.Root>\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 *:first:mt-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 * A vertically stacked set of interactive headings that each reveal a section of content.\n *\n * @see https://mantle.ngrok.com/components/accordion\n *\n * @example\n * ```tsx\n * <Accordion.Root 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.Root>\n * ```\n */\nconst Accordion = {\n\t/**\n\t * A vertically stacked set of interactive headings that each reveal a section of content.\n\t * The root component that contains all accordion items.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tRoot,\n\t/**\n\t * Contains the collapsible content for an item.\n\t * The content area that is revealed when the accordion item is expanded.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-content\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tContent,\n\t/**\n\t * Wraps an AccordionTrigger.\n\t * Contains the accordion trigger and provides proper heading semantics.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-heading\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tHeading,\n\t/**\n\t * Contains all the parts of a collapsible section.\n\t * A single accordion item that can be expanded or collapsed.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-item\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tItem,\n\t/**\n\t * Toggles the collapsed state of its associated item.\n\t * The interactive element that expands or collapses the accordion content.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tTrigger,\n\t/**\n\t * An icon that indicates the expanded/collapsed state of the accordion trigger.\n\t * Rotates based on the accordion item state to provide visual feedback.\n\t *\n\t * @see https://mantle.ngrok.com/components/accordion#api-accordion-trigger-icon\n\t *\n\t * @example\n\t * ```tsx\n\t * <Accordion.Root type=\"single\" collapsible>\n\t *   <Accordion.Item value=\"item-1\">\n\t *     <Accordion.Heading>\n\t *       <Accordion.Trigger>\n\t *         <Accordion.TriggerIcon />\n\t *         Is it accessible?\n\t *       </Accordion.Trigger>\n\t *     </Accordion.Heading>\n\t *     <Accordion.Content>\n\t *       Yes. It adheres to the WAI-ARIA design pattern.\n\t *     </Accordion.Content>\n\t *   </Accordion.Item>\n\t * </Accordion.Root>\n\t * ```\n\t */\n\tTriggerIcon,\n} as const;\n\nexport {\n\t//,\n\tAccordion,\n};\n"],"mappings":"8PA+BA,MAAM,EAAO,GAGV,CAAE,YAAW,GAAG,GAAS,IAC3B,EAAC,EAAmB,KAApB,CAA8B,MAAK,UAAW,EAAG,qBAAsB,EAAU,CAAE,GAAI,EAAS,CAAA,CAC/F,CACF,EAAK,YAAc,YAyBnB,MAAM,EAAO,EAAmB,KAChC,EAAK,YAAc,gBAyBnB,MAAM,EAAU,GAGb,CAAE,YAAW,GAAG,GAAS,IAC3B,EAAC,EAAmB,OAApB,CACM,MACL,UAAW,EAAG,0BAA2B,EAAU,CACnD,GAAI,EACH,CAAA,CACD,CACF,EAAQ,YAAc,mBAyBtB,MAAM,EAAU,GAGb,CAAE,YAAW,WAAU,GAAG,GAAS,IACrC,EAAC,EAAmB,QAApB,CACM,MACL,UAAW,EAAG,kCAAmC,EAAU,CAC3D,GAAI,EAEH,WAC2B,CAAA,CAC5B,CACF,EAAQ,YAAc,mBAyBtB,MAAM,GAAe,CAAE,YAAW,GAAG,KACpC,EAAC,EAAD,CACC,GAAI,EACJ,IAAK,EAAC,EAAD,CAAe,OAAO,OAAS,CAAA,CACpC,UAAW,EAAG,8CAA+C,EAAU,CACtE,CAAA,CAEH,EAAY,YAAc,uBAyB1B,MAAM,EAAU,GAGb,CAAE,YAAW,WAAU,GAAG,GAAS,IACrC,EAAC,EAAmB,QAApB,CACM,MACL,UAAW,EACV,6GACA,EACA,CACD,GAAI,EAEH,WAC2B,CAAA,CAC5B,CACF,EAAQ,YAAc,mBAwBtB,MAAM,EAAY,CAwBjB,OAwBA,UAwBA,UAwBA,OAwBA,UAwBA,cACA"}