@mieweb/ui 0.8.0-dev.13 → 0.8.0-dev.15

package/dist/{chunk-Y6YSJPVC.js → chunk-KRU6IGV7.js}

@@ -78,6 +78,7 @@ var Accordion = React.forwardRef(
               {
                 type: "button",
                 id: triggerId,
+                "data-slot": "accordion-trigger",
                 "aria-expanded": isOpen,
                 "aria-controls": panelId,
                 disabled: item.disabled,
@@ -114,7 +115,14 @@ var Accordion = React.forwardRef(
                   "grid transition-[grid-template-rows] duration-200 ease-out",
                   isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
                 ),
-                children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-5 pb-4 text-sm leading-relaxed", children: item.content }) })
+                children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "data-slot": "accordion-content",
+                    className: "text-muted-foreground px-5 pb-4 text-sm leading-relaxed",
+                    children: item.content
+                  }
+                ) })
               }
             )
           ] }, item.id);
@@ -125,5 +133,5 @@ var Accordion = React.forwardRef(
 );
 
 export { Accordion };
-//# sourceMappingURL=chunk-Y6YSJPVC.js.map
-//# sourceMappingURL=chunk-Y6YSJPVC.js.map
+//# sourceMappingURL=chunk-KRU6IGV7.js.map
+//# sourceMappingURL=chunk-KRU6IGV7.js.map

package/dist/chunk-KRU6IGV7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"names":["Accordion"],"mappings":"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","file":"chunk-KRU6IGV7.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst accordionVariants = cva('', {\n  variants: {\n    variant: {\n      // Each item is its own card with spacing between\n      separated: 'flex flex-col gap-3',\n      // One bordered list with dividers\n      joined: 'border-border divide-border divide-y rounded-lg border',\n    },\n  },\n  defaultVariants: {\n    variant: 'separated',\n  },\n});\n\nconst itemVariants = cva('overflow-hidden', {\n  variants: {\n    variant: {\n      separated: 'border-border bg-card rounded-lg border',\n      joined: 'bg-card first:rounded-t-lg last:rounded-b-lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'separated',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface AccordionItem {\n  /** Stable id used for open state and aria wiring. */\n  id: string;\n  /** Header label (e.g. an FAQ question). */\n  title: React.ReactNode;\n  /** Panel content (e.g. the answer). */\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface AccordionProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof accordionVariants> {\n  items: AccordionItem[];\n  /** `single` keeps at most one panel open; `multiple` allows any number. */\n  type?: 'single' | 'multiple';\n  /** Ids open initially (uncontrolled). */\n  defaultOpenIds?: string[];\n  /** Controlled open ids. Changes reported via `onOpenChange`. */\n  openIds?: string[];\n  onOpenChange?: (openIds: string[]) => void;\n  /** In `single` mode, allow closing the open panel (default true). */\n  collapsible?: boolean;\n  /** Heading level wrapping each trigger for document outline (default h3). */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\n// =============================================================================\n// Accordion\n// =============================================================================\n\n/**\n * A vertically stacked set of expandable panels — FAQ lists, settings\n * groups, progressive disclosure. Panels animate open to their natural\n * height (CSS grid rows, no max-height clipping), and headers are real\n * buttons inside headings with full `aria-expanded`/`aria-controls` wiring.\n *\n * @example\n * ```tsx\n * <Accordion\n *   type=\"single\"\n *   items={[\n *     { id: 'pricing', title: 'How is pricing calculated?', content: <p>…</p> },\n *     { id: 'billing', title: 'When am I billed?', content: <p>…</p> },\n *   ]}\n * />\n * ```\n */\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      items,\n      type = 'single',\n      defaultOpenIds,\n      openIds: controlledOpen,\n      onOpenChange,\n      collapsible = true,\n      headingLevel: Heading = 'h3',\n      variant,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const baseId = React.useId();\n    const [internalOpen, setInternalOpen] = React.useState<string[]>(\n      () => defaultOpenIds ?? []\n    );\n    const rawOpen = controlledOpen ?? internalOpen;\n    // Single mode keeps at most one panel open, even if defaultOpenIds or a\n    // controlled openIds array hands us several.\n    const open = React.useMemo(\n      () => (type === 'single' ? rawOpen.slice(0, 1) : rawOpen),\n      [type, rawOpen]\n    );\n    const openSet = React.useMemo(() => new Set(open), [open]);\n\n    const toggle = (id: string) => {\n      let next: string[];\n      if (openSet.has(id)) {\n        if (type === 'single' && !collapsible) return;\n        next = open.filter((o) => o !== id);\n      } else {\n        next = type === 'single' ? [id] : [...open, id];\n      }\n      if (controlledOpen === undefined) setInternalOpen(next);\n      onOpenChange?.(next);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(accordionVariants({ variant }), className)}\n        {...props}\n      >\n        {items.map((item) => {\n          const isOpen = openSet.has(item.id);\n          const triggerId = `${baseId}-${item.id}-trigger`;\n          const panelId = `${baseId}-${item.id}-panel`;\n          return (\n            <div key={item.id} className={cn(itemVariants({ variant }))}>\n              <Heading className=\"m-0\">\n                <button\n                  type=\"button\"\n                  id={triggerId}\n                  data-slot=\"accordion-trigger\"\n                  aria-expanded={isOpen}\n                  aria-controls={panelId}\n                  disabled={item.disabled}\n                  onClick={() => toggle(item.id)}\n                  className={cn(\n                    'hover:bg-muted/60 flex w-full items-center justify-between gap-4 px-5 py-4 text-start transition-colors',\n                    'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset',\n                    'disabled:pointer-events-none disabled:opacity-50'\n                  )}\n                >\n                  <span className=\"text-foreground min-w-0 text-sm font-semibold\">\n                    {item.title}\n                  </span>\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'text-muted-foreground h-5 w-5 shrink-0 transition-transform duration-200',\n                      isOpen && 'rotate-180'\n                    )}\n                  />\n                </button>\n              </Heading>\n              {/* grid-rows 0fr→1fr animates to natural height without a max-height clip;\n                  collapsed panels are hidden from AT and unfocusable via aria-hidden + inert */}\n              <div\n                id={panelId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                aria-hidden={!isOpen}\n                inert={!isOpen || undefined}\n                className={cn(\n                  'grid transition-[grid-template-rows] duration-200 ease-out',\n                  isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n                )}\n              >\n                <div className=\"overflow-hidden\">\n                  <div\n                    data-slot=\"accordion-content\"\n                    className=\"text-muted-foreground px-5 pb-4 text-sm leading-relaxed\"\n                  >\n                    {item.content}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n);\n"]}

package/dist/{chunk-HK3AMH3Q.cjs → chunk-VROIMIHB.cjs}

@@ -100,6 +100,7 @@ var Accordion = React__namespace.forwardRef(
               {
                 type: "button",
                 id: triggerId,
+                "data-slot": "accordion-trigger",
                 "aria-expanded": isOpen,
                 "aria-controls": panelId,
                 disabled: item.disabled,
@@ -136,7 +137,14 @@ var Accordion = React__namespace.forwardRef(
                   "grid transition-[grid-template-rows] duration-200 ease-out",
                   isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
                 ),
-                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground px-5 pb-4 text-sm leading-relaxed", children: item.content }) })
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    "data-slot": "accordion-content",
+                    className: "text-muted-foreground px-5 pb-4 text-sm leading-relaxed",
+                    children: item.content
+                  }
+                ) })
               }
             )
           ] }, item.id);
@@ -147,5 +155,5 @@ var Accordion = React__namespace.forwardRef(
 );
 
 exports.Accordion = Accordion;
-//# sourceMappingURL=chunk-HK3AMH3Q.cjs.map
-//# sourceMappingURL=chunk-HK3AMH3Q.cjs.map
+//# sourceMappingURL=chunk-VROIMIHB.cjs.map
+//# sourceMappingURL=chunk-VROIMIHB.cjs.map

package/dist/chunk-VROIMIHB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"names":["cva","React","Accordion","jsx","cn","jsxs","ChevronDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,iBAAA,GAAoBA,2BAAI,EAAA,EAAI;AAAA,EAChC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA;AAAA,MAEP,SAAA,EAAW,qBAAA;AAAA;AAAA,MAEX,MAAA,EAAQ;AAAA;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAED,IAAM,YAAA,GAAeA,2BAAI,iBAAA,EAAmB;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,SAAA,EAAW,yCAAA;AAAA,MACX,MAAA,EAAQ;AAAA;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAuDM,IAAM,SAAA,GAAkBC,gBAAA,CAAA,UAAA;AAAA,EAC7B,SAASC,UAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,cAAA;AAAA,IACA,OAAA,EAAS,cAAA;AAAA,IACT,YAAA;AAAA,IACA,WAAA,GAAc,IAAA;AAAA,IACd,cAAc,OAAA,GAAU,IAAA;AAAA,IACxB,OAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,SAAeD,gBAAA,CAAA,KAAA,EAAM;AAC3B,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAUA,gBAAA,CAAA,QAAA;AAAA,MAC5C,MAAM,kBAAkB;AAAC,KAC3B;AACA,IAAA,MAAM,UAAU,cAAA,IAAkB,YAAA;AAGlC,IAAA,MAAM,IAAA,GAAaA,gBAAA,CAAA,OAAA;AAAA,MACjB,MAAO,IAAA,KAAS,QAAA,GAAW,QAAQ,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GAAI,OAAA;AAAA,MACjD,CAAC,MAAM,OAAO;AAAA,KAChB;AACA,IAAA,MAAM,OAAA,GAAgBA,yBAAQ,MAAM,IAAI,IAAI,IAAI,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAEzD,IAAA,MAAM,MAAA,GAAS,CAAC,EAAA,KAAe;AAC7B,MAAA,IAAI,IAAA;AACJ,MAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,EAAE,CAAA,EAAG;AACnB,QAAA,IAAI,IAAA,KAAS,QAAA,IAAY,CAAC,WAAA,EAAa;AACvC,QAAA,IAAA,GAAO,IAAA,CAAK,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,EAAE,CAAA;AAAA,MACpC,CAAA,MAAO;AACL,QAAA,IAAA,GAAO,IAAA,KAAS,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,EAAE,CAAA;AAAA,MAChD;AACA,MAAA,IAAI,cAAA,KAAmB,MAAA,EAAW,eAAA,CAAgB,IAAI,CAAA;AACtD,MAAA,YAAA,GAAe,IAAI,CAAA;AAAA,IACrB,CAAA;AAEA,IAAA,uBACEE,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAWC,oBAAA,CAAG,iBAAA,CAAkB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QACtD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,UAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,GAAA,CAAI,IAAA,CAAK,EAAE,CAAA;AAClC,UAAA,MAAM,SAAA,GAAY,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,KAAK,EAAE,CAAA,QAAA,CAAA;AACtC,UAAA,MAAM,OAAA,GAAU,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,KAAK,EAAE,CAAA,MAAA,CAAA;AACpC,UAAA,uBACEC,eAAA,CAAC,SAAkB,SAAA,EAAWD,oBAAA,CAAG,aAAa,EAAE,OAAA,EAAS,CAAC,CAAA,EACxD,QAAA,EAAA;AAAA,4BAAAD,cAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,KAAA,EACjB,QAAA,kBAAAE,eAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,EAAA,EAAI,SAAA;AAAA,gBACJ,WAAA,EAAU,mBAAA;AAAA,gBACV,eAAA,EAAe,MAAA;AAAA,gBACf,eAAA,EAAe,OAAA;AAAA,gBACf,UAAU,IAAA,CAAK,QAAA;AAAA,gBACf,OAAA,EAAS,MAAM,MAAA,CAAO,IAAA,CAAK,EAAE,CAAA;AAAA,gBAC7B,SAAA,EAAWD,oBAAA;AAAA,kBACT,yGAAA;AAAA,kBACA,kGAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEA,QAAA,EAAA;AAAA,kCAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+CAAA,EACb,QAAA,EAAA,IAAA,CAAK,KAAA,EACR,CAAA;AAAA,kCACAA,cAAA;AAAA,oBAACG,uBAAA;AAAA,oBAAA;AAAA,sBACC,aAAA,EAAY,MAAA;AAAA,sBACZ,SAAA,EAAWF,oBAAA;AAAA,wBACT,0EAAA;AAAA,wBACA,MAAA,IAAU;AAAA;AACZ;AAAA;AACF;AAAA;AAAA,aACF,EACF,CAAA;AAAA,4BAGAD,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,OAAA;AAAA,gBACJ,IAAA,EAAK,QAAA;AAAA,gBACL,iBAAA,EAAiB,SAAA;AAAA,gBACjB,eAAa,CAAC,MAAA;AAAA,gBACd,KAAA,EAAO,CAAC,MAAA,IAAU,MAAA;AAAA,gBAClB,SAAA,EAAWC,oBAAA;AAAA,kBACT,4DAAA;AAAA,kBACA,SAAS,iBAAA,GAAoB;AAAA,iBAC/B;AAAA,gBAEA,QAAA,kBAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,mBAAA;AAAA,oBACV,SAAA,EAAU,yDAAA;AAAA,oBAET,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,iBACR,EACF;AAAA;AAAA;AACF,WAAA,EAAA,EAjDQ,KAAK,EAkDf,CAAA;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF","file":"chunk-VROIMIHB.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst accordionVariants = cva('', {\n  variants: {\n    variant: {\n      // Each item is its own card with spacing between\n      separated: 'flex flex-col gap-3',\n      // One bordered list with dividers\n      joined: 'border-border divide-border divide-y rounded-lg border',\n    },\n  },\n  defaultVariants: {\n    variant: 'separated',\n  },\n});\n\nconst itemVariants = cva('overflow-hidden', {\n  variants: {\n    variant: {\n      separated: 'border-border bg-card rounded-lg border',\n      joined: 'bg-card first:rounded-t-lg last:rounded-b-lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'separated',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface AccordionItem {\n  /** Stable id used for open state and aria wiring. */\n  id: string;\n  /** Header label (e.g. an FAQ question). */\n  title: React.ReactNode;\n  /** Panel content (e.g. the answer). */\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface AccordionProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof accordionVariants> {\n  items: AccordionItem[];\n  /** `single` keeps at most one panel open; `multiple` allows any number. */\n  type?: 'single' | 'multiple';\n  /** Ids open initially (uncontrolled). */\n  defaultOpenIds?: string[];\n  /** Controlled open ids. Changes reported via `onOpenChange`. */\n  openIds?: string[];\n  onOpenChange?: (openIds: string[]) => void;\n  /** In `single` mode, allow closing the open panel (default true). */\n  collapsible?: boolean;\n  /** Heading level wrapping each trigger for document outline (default h3). */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\n// =============================================================================\n// Accordion\n// =============================================================================\n\n/**\n * A vertically stacked set of expandable panels — FAQ lists, settings\n * groups, progressive disclosure. Panels animate open to their natural\n * height (CSS grid rows, no max-height clipping), and headers are real\n * buttons inside headings with full `aria-expanded`/`aria-controls` wiring.\n *\n * @example\n * ```tsx\n * <Accordion\n *   type=\"single\"\n *   items={[\n *     { id: 'pricing', title: 'How is pricing calculated?', content: <p>…</p> },\n *     { id: 'billing', title: 'When am I billed?', content: <p>…</p> },\n *   ]}\n * />\n * ```\n */\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      items,\n      type = 'single',\n      defaultOpenIds,\n      openIds: controlledOpen,\n      onOpenChange,\n      collapsible = true,\n      headingLevel: Heading = 'h3',\n      variant,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const baseId = React.useId();\n    const [internalOpen, setInternalOpen] = React.useState<string[]>(\n      () => defaultOpenIds ?? []\n    );\n    const rawOpen = controlledOpen ?? internalOpen;\n    // Single mode keeps at most one panel open, even if defaultOpenIds or a\n    // controlled openIds array hands us several.\n    const open = React.useMemo(\n      () => (type === 'single' ? rawOpen.slice(0, 1) : rawOpen),\n      [type, rawOpen]\n    );\n    const openSet = React.useMemo(() => new Set(open), [open]);\n\n    const toggle = (id: string) => {\n      let next: string[];\n      if (openSet.has(id)) {\n        if (type === 'single' && !collapsible) return;\n        next = open.filter((o) => o !== id);\n      } else {\n        next = type === 'single' ? [id] : [...open, id];\n      }\n      if (controlledOpen === undefined) setInternalOpen(next);\n      onOpenChange?.(next);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(accordionVariants({ variant }), className)}\n        {...props}\n      >\n        {items.map((item) => {\n          const isOpen = openSet.has(item.id);\n          const triggerId = `${baseId}-${item.id}-trigger`;\n          const panelId = `${baseId}-${item.id}-panel`;\n          return (\n            <div key={item.id} className={cn(itemVariants({ variant }))}>\n              <Heading className=\"m-0\">\n                <button\n                  type=\"button\"\n                  id={triggerId}\n                  data-slot=\"accordion-trigger\"\n                  aria-expanded={isOpen}\n                  aria-controls={panelId}\n                  disabled={item.disabled}\n                  onClick={() => toggle(item.id)}\n                  className={cn(\n                    'hover:bg-muted/60 flex w-full items-center justify-between gap-4 px-5 py-4 text-start transition-colors',\n                    'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset',\n                    'disabled:pointer-events-none disabled:opacity-50'\n                  )}\n                >\n                  <span className=\"text-foreground min-w-0 text-sm font-semibold\">\n                    {item.title}\n                  </span>\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'text-muted-foreground h-5 w-5 shrink-0 transition-transform duration-200',\n                      isOpen && 'rotate-180'\n                    )}\n                  />\n                </button>\n              </Heading>\n              {/* grid-rows 0fr→1fr animates to natural height without a max-height clip;\n                  collapsed panels are hidden from AT and unfocusable via aria-hidden + inert */}\n              <div\n                id={panelId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                aria-hidden={!isOpen}\n                inert={!isOpen || undefined}\n                className={cn(\n                  'grid transition-[grid-template-rows] duration-200 ease-out',\n                  isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n                )}\n              >\n                <div className=\"overflow-hidden\">\n                  <div\n                    data-slot=\"accordion-content\"\n                    className=\"text-muted-foreground px-5 pb-4 text-sm leading-relaxed\"\n                  >\n                    {item.content}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n);\n"]}

package/dist/components/Accordion/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkHK3AMH3Q_cjs = require('../../chunk-HK3AMH3Q.cjs');
+var chunkVROIMIHB_cjs = require('../../chunk-VROIMIHB.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 
 
 
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkHK3AMH3Q_cjs.Accordion; }
+  get: function () { return chunkVROIMIHB_cjs.Accordion; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Accordion/index.js

@@ -1,4 +1,4 @@
-export { Accordion } from '../../chunk-Y6YSJPVC.js';
+export { Accordion } from '../../chunk-KRU6IGV7.js';
 import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -65,7 +65,7 @@ var chunkN5O47VGS_cjs = require('./chunk-N5O47VGS.cjs');
 var chunkX4LBUPJO_cjs = require('./chunk-X4LBUPJO.cjs');
 var chunkIUDY6S7I_cjs = require('./chunk-IUDY6S7I.cjs');
 var chunkKOISIOUB_cjs = require('./chunk-KOISIOUB.cjs');
-var chunkHK3AMH3Q_cjs = require('./chunk-HK3AMH3Q.cjs');
+var chunkVROIMIHB_cjs = require('./chunk-VROIMIHB.cjs');
 var chunkNYJIXR4Y_cjs = require('./chunk-NYJIXR4Y.cjs');
 var chunkTVLZZI5Q_cjs = require('./chunk-TVLZZI5Q.cjs');
 var chunkPJ6CC53R_cjs = require('./chunk-PJ6CC53R.cjs');
@@ -45504,7 +45504,7 @@ Object.defineProperty(exports, "miewebUISafelist", {
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkHK3AMH3Q_cjs.Accordion; }
+  get: function () { return chunkVROIMIHB_cjs.Accordion; }
 });
 Object.defineProperty(exports, "Alert", {
   enumerable: true,

package/dist/index.js

@@ -77,7 +77,7 @@ export { ClampedText } from './chunk-L6MDULYB.js';
 export { CollabStatus, defaultCollabStatusLabels, useYjsCollabStatus } from './chunk-SVSHA7XV.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-BJKAVWED.js';
 export { miewebUIPreset, miewebUISafelist } from './chunk-SZ6H4RJG.js';
-export { Accordion } from './chunk-Y6YSJPVC.js';
+export { Accordion } from './chunk-KRU6IGV7.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-3JWAABYI.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-3JWAABYI.js';
 import { AlertDialog } from './chunk-FPVRQCCL.js';