@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.33

package/dist/chunk-IWRBJHO3.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/ActivityFeed/usePendingOverrides.ts
+function usePendingOverrides() {
+  const [overrides, setOverrides] = React__namespace.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const run = React__namespace.useCallback(
+    async (id, value, action) => {
+      setOverrides((prev) => new Map(prev).set(id, value));
+      try {
+        await action();
+      } catch {
+      } finally {
+        setOverrides((prev) => {
+          const next = new Map(prev);
+          next.delete(id);
+          return next;
+        });
+      }
+    },
+    []
+  );
+  return [overrides, run];
+}
+
+exports.usePendingOverrides = usePendingOverrides;
+//# sourceMappingURL=chunk-IWRBJHO3.cjs.map
+//# sourceMappingURL=chunk-IWRBJHO3.cjs.map

package/dist/chunk-IWRBJHO3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/usePendingOverrides.ts"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AASO,SAAS,mBAAA,GAGd;AACA,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAUA,gBAAA,CAAA,QAAA;AAAA,IACtC,0BAAU,GAAA;AAAI,GAChB;AAEA,EAAA,MAAM,GAAA,GAAYA,gBAAA,CAAA,WAAA;AAAA,IAChB,OAAO,EAAA,EAAY,KAAA,EAAU,MAAA,KAAuC;AAClE,MAAA,YAAA,CAAa,CAAC,SAAS,IAAI,GAAA,CAAI,IAAI,CAAA,CAAE,GAAA,CAAI,EAAA,EAAI,KAAK,CAAC,CAAA;AACnD,MAAA,IAAI;AACF,QAAA,MAAM,MAAA,EAAO;AAAA,MACf,CAAA,CAAA,MAAQ;AAAA,MAER,CAAA,SAAE;AACA,QAAA,YAAA,CAAa,CAAC,IAAA,KAAS;AACrB,UAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,UAAA,IAAA,CAAK,OAAO,EAAE,CAAA;AACd,UAAA,OAAO,IAAA;AAAA,QACT,CAAC,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,OAAO,CAAC,WAAW,GAAG,CAAA;AACxB","file":"chunk-IWRBJHO3.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * Optimistic per-id state for async callbacks: `run` sets an override, awaits\n * the action, then drops it — on success the caller's props take over, on\n * rejection the previous value shows again. Surfacing the error is the caller's job.\n */\nexport function usePendingOverrides<V>(): [\n  ReadonlyMap<string, V>,\n  (id: string, value: V, action: () => void | Promise<void>) => Promise<void>,\n] {\n  const [overrides, setOverrides] = React.useState<ReadonlyMap<string, V>>(\n    () => new Map()\n  );\n\n  const run = React.useCallback(\n    async (id: string, value: V, action: () => void | Promise<void>) => {\n      setOverrides((prev) => new Map(prev).set(id, value));\n      try {\n        await action();\n      } catch {\n        // Restored below; the caller owns error reporting.\n      } finally {\n        setOverrides((prev) => {\n          const next = new Map(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    []\n  );\n\n  return [overrides, run];\n}\n"]}

package/dist/{chunk-BIQ7GSO2.js → chunk-JMAZ2GKT.js}

@@ -1,4 +1,4 @@
-import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-ENMXHZNE.js';
+import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-TWQSMUE6.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { Keyboard } from 'lucide-react';
@@ -101,5 +101,5 @@ function KeyboardShortcutsOverlay({
 }
 
 export { Kbd, KeyboardShortcutsOverlay };
-//# sourceMappingURL=chunk-BIQ7GSO2.js.map
-//# sourceMappingURL=chunk-BIQ7GSO2.js.map
+//# sourceMappingURL=chunk-JMAZ2GKT.js.map
+//# sourceMappingURL=chunk-JMAZ2GKT.js.map

package/dist/{chunk-BIQ7GSO2.js.map → chunk-JMAZ2GKT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["Kbd","Fragment"],"mappings":";;;;;;AAqBO,IAAM,GAAA,GAAY,iBAAkC,SAASA,IAAAA,CAClE,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EACtB,GAAA,EACA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,2FAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AA+BD,SAAS,IAAA,CAAK;AAAA,EACZ,IAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,IAAA,GAAO,MAAM,OAAA,CAAQ,IAAI,IAAI,IAAA,GAAO,IAAA,CAAK,MAAM,KAAK,CAAA;AAC1D,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EACb,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACZ,IAAA,CAAO,KAAA,CAAA,QAAA,EAAN,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAK,QAAA,EAAA,CAAA,EAAE,CAAA;AAAA,IACP,CAAA,GAAI,KAAK,MAAA,GAAS,CAAA,wBAChB,MAAA,EAAA,EAAK,SAAA,EAAU,wCACb,QAAA,EAAA,iBAAA,EACH;AAAA,GAAA,EAAA,EALiB,GAAG,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAO9B,CACD,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,2BACG,IAAA,EAAA,EAAG,SAAA,EAAU,qCACX,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,qBACd,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEC,SAAA,EAAU,iEAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,CAAA,CAAE,WAAA,EAAY,CAAA;AAAA,wBACzC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,CAAA,CAAE,MAAM,iBAAA,EAAsC;AAAA;AAAA,KAAA;AAAA,IAJrD,GAAG,CAAA,CAAE,WAAW,IAAI,MAAA,CAAO,CAAA,CAAE,IAAI,CAAC,CAAA;AAAA,GAM1C,CAAA,EACH,CAAA;AAEJ;AAyBO,SAAS,wBAAA,CAAyB;AAAA,EACvC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,GAAQ,oBAAA;AAAA,EACR,IAAA;AAAA,EACA,iBAAA,GAAoB;AACtB,CAAA,EAAkC;AAChC,EAAA,MAAM,WAAA,mBACJ,IAAA,CAAAC,QAAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACM,GAAA,CAAC,OAAI,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,IAAM;AAAA,GAAA,EACpB,CAAA;AAEF,EAAA,MAAM,MAAA,GAAS,IAAA,KAAS,IAAA,GAAO,IAAA,GAAQ,IAAA,IAAQ,WAAA;AAE/C,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,QAAA,IAAI,CAAC,GAAG,OAAA,EAAQ;AAAA,MAClB,CAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,YAAA,EAAY,KAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,UAAA,EAAA,EAAW,WAAU,iCAAA,EACpB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,0BAAA,EAA2B,CAAA;AAAA,YACjE;AAAA,WAAA,EACH,CAAA;AAAA,8BACC,UAAA,EAAA,EAAW;AAAA,SAAA,EACd,CAAA;AAAA,wBACA,IAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,qBAAA,EAClB,QAAA,EAAA;AAAA,UAAA,SAAA,oBACC,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,SAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,UAED,QAAQ,GAAA,CAAI,CAAC,0BACZ,IAAA,CAAC,KAAA,EAAA,EAAsB,WAAU,qBAAA,EAC/B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qEAAA,EACX,QAAA,EAAA,KAAA,CAAM,KAAA,EACT,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBACC,WAAW,KAAA,CAAM,SAAA;AAAA,gBACjB;AAAA;AAAA;AACF,WAAA,EAAA,EAPQ,KAAA,CAAM,KAQhB,CACD;AAAA,SAAA,EACH,CAAA;AAAA,QACC,MAAA,wBACE,WAAA,EAAA,EAAY,SAAA,EAAU,oDACrB,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAM,kBAAO,CAAA,EAChB;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-BIQ7GSO2.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["Kbd","Fragment"],"mappings":"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","file":"chunk-JMAZ2GKT.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}

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

@@ -37,6 +37,7 @@ var Accordion = React.forwardRef(
     onOpenChange,
     collapsible = true,
     headingLevel: Heading = "h3",
+    storageKey,
     variant,
     className,
     ...props
@@ -45,11 +46,26 @@ var Accordion = React.forwardRef(
     const [internalOpen, setInternalOpen] = React.useState(
       () => defaultOpenIds ?? []
     );
+    const persists = Boolean(storageKey) && controlledOpen === void 0;
+    React.useEffect(() => {
+      if (!persists || !storageKey) return;
+      try {
+        const stored = JSON.parse(
+          window.localStorage.getItem(storageKey) ?? "null"
+        );
+        if (Array.isArray(stored)) {
+          setInternalOpen(
+            stored.filter((id) => typeof id === "string")
+          );
+        }
+      } catch {
+      }
+    }, [persists, storageKey]);
     const rawOpen = controlledOpen ?? internalOpen;
-    const open = React.useMemo(
-      () => type === "single" ? rawOpen.slice(0, 1) : rawOpen,
-      [type, rawOpen]
-    );
+    const open = React.useMemo(() => {
+      const known = persists ? rawOpen.filter((id) => items.some((item) => item.id === id)) : rawOpen;
+      return type === "single" ? known.slice(0, 1) : known;
+    }, [type, rawOpen, persists, items]);
     const openSet = React.useMemo(() => new Set(open), [open]);
     const toggle = (id) => {
       let next;
@@ -60,6 +76,12 @@ var Accordion = React.forwardRef(
         next = type === "single" ? [id] : [...open, id];
       }
       if (controlledOpen === void 0) setInternalOpen(next);
+      if (persists && storageKey) {
+        try {
+          window.localStorage.setItem(storageKey, JSON.stringify(next));
+        } catch {
+        }
+      }
       onOpenChange?.(next);
     };
     return /* @__PURE__ */ jsx(
@@ -133,5 +155,5 @@ var Accordion = React.forwardRef(
 );
 
 export { Accordion };
-//# sourceMappingURL=chunk-KRU6IGV7.js.map
-//# sourceMappingURL=chunk-KRU6IGV7.js.map
+//# sourceMappingURL=chunk-JUJGWUAN.js.map
+//# sourceMappingURL=chunk-JUJGWUAN.js.map

package/dist/chunk-JUJGWUAN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"names":["Accordion"],"mappings":"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","file":"chunk-JUJGWUAN.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   * Persists the open ids in `localStorage` under this key (uncontrolled\n   * only). Restored after mount, so server and hydration renders use\n   * `defaultOpenIds`.\n   */\n  storageKey?: string;\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      storageKey,\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 persists = Boolean(storageKey) && controlledOpen === undefined;\n\n    React.useEffect(() => {\n      if (!persists || !storageKey) return;\n      try {\n        const stored: unknown = JSON.parse(\n          window.localStorage.getItem(storageKey) ?? 'null'\n        );\n        if (Array.isArray(stored)) {\n          setInternalOpen(\n            stored.filter((id): id is string => typeof id === 'string')\n          );\n        }\n      } catch {\n        // Storage blocked or value corrupt: keep defaultOpenIds.\n      }\n    }, [persists, storageKey]);\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. Stored ids for removed items\n    // are dropped first so they can't crowd out a valid one.\n    const open = React.useMemo(() => {\n      const known = persists\n        ? rawOpen.filter((id) => items.some((item) => item.id === id))\n        : rawOpen;\n      return type === 'single' ? known.slice(0, 1) : known;\n    }, [type, rawOpen, persists, items]);\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      if (persists && storageKey) {\n        try {\n          window.localStorage.setItem(storageKey, JSON.stringify(next));\n        } catch {\n          // Storage blocked or full; state still updates in memory.\n        }\n      }\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-BUT6MF5K.cjs → chunk-KQ6GLYFZ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunk254QK722_cjs = require('./chunk-254QK722.cjs');
-var chunkX6A27RGO_cjs = require('./chunk-X6A27RGO.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -132,7 +132,7 @@ var MediaPlayer = React__namespace.forwardRef(
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive-700 dark:text-destructive-300 m-0 text-sm", children: error }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkX6A27RGO_cjs.Button,
+              chunkANMX7YDL_cjs.Button,
               {
                 variant: "outline",
                 size: "sm",
@@ -179,5 +179,5 @@ MediaPlayer.displayName = "MediaPlayer";
 exports.MediaPlayer = MediaPlayer;
 exports.inferMediaKind = inferMediaKind;
 exports.mediaPlayerVariants = mediaPlayerVariants;
-//# sourceMappingURL=chunk-BUT6MF5K.cjs.map
-//# sourceMappingURL=chunk-BUT6MF5K.cjs.map
+//# sourceMappingURL=chunk-KQ6GLYFZ.cjs.map
+//# sourceMappingURL=chunk-KQ6GLYFZ.cjs.map

package/dist/{chunk-BUT6MF5K.cjs.map → chunk-KQ6GLYFZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MediaPlayer/MediaPlayer.tsx"],"names":["cva","React","useMediaTransport","jsx","jsxs","Button"],"mappings":"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","file":"chunk-BUT6MF5K.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Button } from '../Button';\nimport { useMediaTransport } from '../../hooks/useMediaTransport';\n\n// ============================================================================\n// Types & Interfaces\n// ============================================================================\n\nexport type MediaPlayerState =\n  | 'idle'\n  | 'loading'\n  | 'playing'\n  | 'paused'\n  | 'error';\n\nexport type MediaKind = 'video' | 'audio';\n\n/** Ref handle for controlling {@link MediaPlayer} programmatically. */\nexport interface MediaPlayerRef {\n  /** Seek to a specific time in milliseconds. */\n  seekToMs: (timeMs: number) => void;\n  /** Start playback. */\n  play: () => void;\n  /** Pause playback. */\n  pause: () => void;\n  /** Get current playback time in milliseconds. */\n  getCurrentTimeMs: () => number;\n  /** Get total duration in milliseconds. */\n  getDurationMs: () => number;\n  /** Whether playback is currently paused. */\n  isPaused: () => boolean;\n  /** Set playback speed multiplier. */\n  setPlaybackRate: (rate: number) => void;\n  /**\n   * The underlying media element.\n   * Escape hatch for host integrations (e.g. thumbnail capture); prefer the\n   * typed methods above for playback control.\n   */\n  mediaElement: HTMLVideoElement | HTMLAudioElement | null;\n}\n\nexport interface MediaPlayerProps extends VariantProps<\n  typeof mediaPlayerVariants\n> {\n  /** Media source URL. */\n  src: string;\n  /** Force the media kind; when omitted it is inferred from the src extension. */\n  kind?: MediaKind;\n  /** Whether to show native controls (default `true`). */\n  controls?: boolean;\n  /** Begin muted; native controls can still change the volume. */\n  muted?: boolean;\n  /** Repeat playback when the media ends. */\n  loop?: boolean;\n  /** Video thumbnail displayed before playback. */\n  poster?: string;\n  /** Browser preload hint (default browser behavior when omitted). */\n  preload?: 'none' | 'metadata' | 'auto';\n  /** Caption/subtitle `<track>` elements. The `src` attribute is always set\n   * on the media element, so alternative `<source>` children are ignored. */\n  children?: React.ReactNode;\n  /** Localized load-error and retry text. */\n  labels?: { error?: string; retry?: string };\n  /** Callback when playback state changes. */\n  onStateChange?: (state: MediaPlayerState) => void;\n  /** Callback when playback ends. */\n  onEnded?: () => void;\n  /** Callback when an error occurs. */\n  onError?: (error: Error) => void;\n  /** Callback after the user requests a fresh media load on the error surface. */\n  onRetry?: () => void;\n  /** Callback on time updates (milliseconds). */\n  onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;\n  /** Additional class name. */\n  className?: string;\n  /** Accessible label for the media element. */\n  'aria-label'?: string;\n  /**\n   * Transitional: exposes the raw media element to legacy consumers.\n   * Prefer {@link MediaPlayerRef} for playback control.\n   */\n  mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst mediaPlayerVariants = cva(\n  'flex h-full w-full items-center justify-center',\n  {\n    variants: {\n      variant: {\n        plain: '',\n        card: 'rounded-xl border border-border bg-card text-card-foreground p-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'plain',\n    },\n  }\n);\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst VIDEO_EXTENSIONS = /\\.(mp4|mov|avi|webm|mkv|m4v)$/i;\n\n/** Infer media kind from a URL's file extension; defaults to audio. */\nexport function inferMediaKind(src: string): MediaKind {\n  // Strip any query string / fragment before matching. Testing the extension\n  // against the full URL required a trailing `.*`, which backtracks\n  // polynomially on crafted inputs (ReDoS); splitting first is linear.\n  const path = src.split(/[?#]/, 1)[0];\n  return VIDEO_EXTENSIONS.test(path) ? 'video' : 'audio';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Media playback surface for audio and video with a shared imperative handle.\n *\n * Renders a native `<video>` or `<audio>` element (kind inferred from the src\n * extension unless forced) with themed error/retry handling. Playback state and\n * controls come from the shared {@link useMediaTransport} hook and are exposed\n * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should\n * not reach into the DOM element directly.\n */\nexport const MediaPlayer = React.forwardRef<MediaPlayerRef, MediaPlayerProps>(\n  (\n    {\n      src,\n      kind,\n      controls = true,\n      muted,\n      loop,\n      poster,\n      preload,\n      children,\n      labels,\n      variant,\n      onStateChange,\n      onEnded,\n      onError,\n      onRetry,\n      onTimeUpdate,\n      className,\n      'aria-label': ariaLabel,\n      mediaElementRef,\n    },\n    ref\n  ) => {\n    const [error, setError] = React.useState<string | null>(null);\n\n    // A failed load must not outlive its src: clearing on change lets a host\n    // swap in a corrected URL without being trapped on the error surface\n    // (which unmounts the media element, so the new src would never load).\n    React.useEffect(() => {\n      setError(null);\n    }, [src]);\n    const resolvedKind = kind ?? inferMediaKind(src);\n\n    const transport = useMediaTransport({\n      onTimeUpdate,\n      onStateChange,\n      onEnded,\n      onError: (err) => {\n        setError(\n          labels?.error ??\n            'Unable to load media. The server may be unavailable.'\n        );\n        onError?.(err);\n      },\n      endedState: 'paused',\n      errorLabel: `media: ${src}`,\n    });\n\n    const { setMediaElement, mediaElement } = transport;\n\n    const setElement = React.useCallback(\n      (el: HTMLVideoElement | HTMLAudioElement | null) => {\n        setMediaElement(el);\n        if (mediaElementRef) {\n          (mediaElementRef as React.MutableRefObject<typeof el>).current = el;\n        }\n      },\n      [setMediaElement, mediaElementRef]\n    );\n\n    React.useImperativeHandle(\n      ref,\n      (): MediaPlayerRef => ({\n        seekToMs: transport.seekToMs,\n        play: transport.play,\n        pause: transport.pause,\n        getCurrentTimeMs: transport.getCurrentTimeMs,\n        getDurationMs: transport.getDurationMs,\n        isPaused: transport.isPaused,\n        setPlaybackRate: transport.setPlaybackRate,\n        get mediaElement() {\n          return mediaElement;\n        },\n      }),\n      [transport, mediaElement]\n    );\n\n    const handleRetry = React.useCallback(() => {\n      setError(null);\n      mediaElement?.load();\n      onRetry?.();\n    }, [mediaElement, onRetry]);\n\n    const sharedMediaProps = {\n      src,\n      controls,\n      muted,\n      loop,\n      preload,\n      'aria-label': ariaLabel,\n    };\n\n    if (error) {\n      return (\n        <div className={mediaPlayerVariants({ variant, className })}>\n          <div\n            role=\"alert\"\n            className=\"border-destructive/30 bg-destructive/10 flex min-h-36 flex-col items-center justify-center gap-3 rounded-lg border p-8 text-center\"\n          >\n            {/* destructive-700/300 instead of the base token: #dc2626 on the\n                destructive/10 tint is 4.14:1 — below WCAG AA (axe: color-contrast). */}\n            <p className=\"text-destructive-700 dark:text-destructive-300 m-0 text-sm\">\n              {error}\n            </p>\n            {/* bg-background: the outline button is transparent, and its text on\n                the destructive/10 tint sits exactly at the 4.5:1 AA boundary. */}\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"bg-background\"\n              onClick={handleRetry}\n            >\n              {labels?.retry ?? 'Retry'}\n            </Button>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className={mediaPlayerVariants({ variant, className })}>\n        {resolvedKind === 'video' ? (\n          // Tracks belong to the caller's media resource and can be supplied as\n          // children. The feed also supports a custom renderer for captions.\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            ref={setElement as React.Ref<HTMLVideoElement>}\n            playsInline\n            poster={poster}\n            className=\"h-auto max-h-full w-auto max-w-full object-contain\"\n            {...sharedMediaProps}\n          >\n            {children}\n          </video>\n        ) : (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <audio\n            ref={setElement as React.Ref<HTMLAudioElement>}\n            className=\"my-4 w-[90%] max-w-lg\"\n            {...sharedMediaProps}\n          >\n            {children}\n          </audio>\n        )}\n      </div>\n    );\n  }\n);\n\nMediaPlayer.displayName = 'MediaPlayer';\n\nexport { mediaPlayerVariants };\n"]}
+{"version":3,"sources":["../src/components/MediaPlayer/MediaPlayer.tsx"],"names":["cva","React","useMediaTransport","jsx","jsxs","Button"],"mappings":"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","file":"chunk-KQ6GLYFZ.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Button } from '../Button';\nimport { useMediaTransport } from '../../hooks/useMediaTransport';\n\n// ============================================================================\n// Types & Interfaces\n// ============================================================================\n\nexport type MediaPlayerState =\n  | 'idle'\n  | 'loading'\n  | 'playing'\n  | 'paused'\n  | 'error';\n\nexport type MediaKind = 'video' | 'audio';\n\n/** Ref handle for controlling {@link MediaPlayer} programmatically. */\nexport interface MediaPlayerRef {\n  /** Seek to a specific time in milliseconds. */\n  seekToMs: (timeMs: number) => void;\n  /** Start playback. */\n  play: () => void;\n  /** Pause playback. */\n  pause: () => void;\n  /** Get current playback time in milliseconds. */\n  getCurrentTimeMs: () => number;\n  /** Get total duration in milliseconds. */\n  getDurationMs: () => number;\n  /** Whether playback is currently paused. */\n  isPaused: () => boolean;\n  /** Set playback speed multiplier. */\n  setPlaybackRate: (rate: number) => void;\n  /**\n   * The underlying media element.\n   * Escape hatch for host integrations (e.g. thumbnail capture); prefer the\n   * typed methods above for playback control.\n   */\n  mediaElement: HTMLVideoElement | HTMLAudioElement | null;\n}\n\nexport interface MediaPlayerProps extends VariantProps<\n  typeof mediaPlayerVariants\n> {\n  /** Media source URL. */\n  src: string;\n  /** Force the media kind; when omitted it is inferred from the src extension. */\n  kind?: MediaKind;\n  /** Whether to show native controls (default `true`). */\n  controls?: boolean;\n  /** Begin muted; native controls can still change the volume. */\n  muted?: boolean;\n  /** Repeat playback when the media ends. */\n  loop?: boolean;\n  /** Video thumbnail displayed before playback. */\n  poster?: string;\n  /** Browser preload hint (default browser behavior when omitted). */\n  preload?: 'none' | 'metadata' | 'auto';\n  /** Caption/subtitle `<track>` elements. The `src` attribute is always set\n   * on the media element, so alternative `<source>` children are ignored. */\n  children?: React.ReactNode;\n  /** Localized load-error and retry text. */\n  labels?: { error?: string; retry?: string };\n  /** Callback when playback state changes. */\n  onStateChange?: (state: MediaPlayerState) => void;\n  /** Callback when playback ends. */\n  onEnded?: () => void;\n  /** Callback when an error occurs. */\n  onError?: (error: Error) => void;\n  /** Callback after the user requests a fresh media load on the error surface. */\n  onRetry?: () => void;\n  /** Callback on time updates (milliseconds). */\n  onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;\n  /** Additional class name. */\n  className?: string;\n  /** Accessible label for the media element. */\n  'aria-label'?: string;\n  /**\n   * Transitional: exposes the raw media element to legacy consumers.\n   * Prefer {@link MediaPlayerRef} for playback control.\n   */\n  mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst mediaPlayerVariants = cva(\n  'flex h-full w-full items-center justify-center',\n  {\n    variants: {\n      variant: {\n        plain: '',\n        card: 'rounded-xl border border-border bg-card text-card-foreground p-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'plain',\n    },\n  }\n);\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst VIDEO_EXTENSIONS = /\\.(mp4|mov|avi|webm|mkv|m4v)$/i;\n\n/** Infer media kind from a URL's file extension; defaults to audio. */\nexport function inferMediaKind(src: string): MediaKind {\n  // Strip any query string / fragment before matching. Testing the extension\n  // against the full URL required a trailing `.*`, which backtracks\n  // polynomially on crafted inputs (ReDoS); splitting first is linear.\n  const path = src.split(/[?#]/, 1)[0];\n  return VIDEO_EXTENSIONS.test(path) ? 'video' : 'audio';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Media playback surface for audio and video with a shared imperative handle.\n *\n * Renders a native `<video>` or `<audio>` element (kind inferred from the src\n * extension unless forced) with themed error/retry handling. Playback state and\n * controls come from the shared {@link useMediaTransport} hook and are exposed\n * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should\n * not reach into the DOM element directly.\n */\nexport const MediaPlayer = React.forwardRef<MediaPlayerRef, MediaPlayerProps>(\n  (\n    {\n      src,\n      kind,\n      controls = true,\n      muted,\n      loop,\n      poster,\n      preload,\n      children,\n      labels,\n      variant,\n      onStateChange,\n      onEnded,\n      onError,\n      onRetry,\n      onTimeUpdate,\n      className,\n      'aria-label': ariaLabel,\n      mediaElementRef,\n    },\n    ref\n  ) => {\n    const [error, setError] = React.useState<string | null>(null);\n\n    // A failed load must not outlive its src: clearing on change lets a host\n    // swap in a corrected URL without being trapped on the error surface\n    // (which unmounts the media element, so the new src would never load).\n    React.useEffect(() => {\n      setError(null);\n    }, [src]);\n    const resolvedKind = kind ?? inferMediaKind(src);\n\n    const transport = useMediaTransport({\n      onTimeUpdate,\n      onStateChange,\n      onEnded,\n      onError: (err) => {\n        setError(\n          labels?.error ??\n            'Unable to load media. The server may be unavailable.'\n        );\n        onError?.(err);\n      },\n      endedState: 'paused',\n      errorLabel: `media: ${src}`,\n    });\n\n    const { setMediaElement, mediaElement } = transport;\n\n    const setElement = React.useCallback(\n      (el: HTMLVideoElement | HTMLAudioElement | null) => {\n        setMediaElement(el);\n        if (mediaElementRef) {\n          (mediaElementRef as React.MutableRefObject<typeof el>).current = el;\n        }\n      },\n      [setMediaElement, mediaElementRef]\n    );\n\n    React.useImperativeHandle(\n      ref,\n      (): MediaPlayerRef => ({\n        seekToMs: transport.seekToMs,\n        play: transport.play,\n        pause: transport.pause,\n        getCurrentTimeMs: transport.getCurrentTimeMs,\n        getDurationMs: transport.getDurationMs,\n        isPaused: transport.isPaused,\n        setPlaybackRate: transport.setPlaybackRate,\n        get mediaElement() {\n          return mediaElement;\n        },\n      }),\n      [transport, mediaElement]\n    );\n\n    const handleRetry = React.useCallback(() => {\n      setError(null);\n      mediaElement?.load();\n      onRetry?.();\n    }, [mediaElement, onRetry]);\n\n    const sharedMediaProps = {\n      src,\n      controls,\n      muted,\n      loop,\n      preload,\n      'aria-label': ariaLabel,\n    };\n\n    if (error) {\n      return (\n        <div className={mediaPlayerVariants({ variant, className })}>\n          <div\n            role=\"alert\"\n            className=\"border-destructive/30 bg-destructive/10 flex min-h-36 flex-col items-center justify-center gap-3 rounded-lg border p-8 text-center\"\n          >\n            {/* destructive-700/300 instead of the base token: #dc2626 on the\n                destructive/10 tint is 4.14:1 — below WCAG AA (axe: color-contrast). */}\n            <p className=\"text-destructive-700 dark:text-destructive-300 m-0 text-sm\">\n              {error}\n            </p>\n            {/* bg-background: the outline button is transparent, and its text on\n                the destructive/10 tint sits exactly at the 4.5:1 AA boundary. */}\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"bg-background\"\n              onClick={handleRetry}\n            >\n              {labels?.retry ?? 'Retry'}\n            </Button>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className={mediaPlayerVariants({ variant, className })}>\n        {resolvedKind === 'video' ? (\n          // Tracks belong to the caller's media resource and can be supplied as\n          // children. The feed also supports a custom renderer for captions.\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            ref={setElement as React.Ref<HTMLVideoElement>}\n            playsInline\n            poster={poster}\n            className=\"h-auto max-h-full w-auto max-w-full object-contain\"\n            {...sharedMediaProps}\n          >\n            {children}\n          </video>\n        ) : (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <audio\n            ref={setElement as React.Ref<HTMLAudioElement>}\n            className=\"my-4 w-[90%] max-w-lg\"\n            {...sharedMediaProps}\n          >\n            {children}\n          </audio>\n        )}\n      </div>\n    );\n  }\n);\n\nMediaPlayer.displayName = 'MediaPlayer';\n\nexport { mediaPlayerVariants };\n"]}

package/dist/chunk-L6K4PRZK.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-L6K4PRZK.cjs.map
+//# sourceMappingURL=chunk-L6K4PRZK.cjs.map

package/dist/chunk-L6K4PRZK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-L6K4PRZK.cjs"}

package/dist/{chunk-T4L7Q5FA.cjs → chunk-LC3JL2HB.cjs}

@@ -51,6 +51,10 @@ var modalContentVariants = classVarianceAuthority.cva(
     // Full viewport height on mobile, constrained on larger screens
     "max-h-dvh sm:max-h-[calc(100dvh-2rem)]",
     "min-h-dvh sm:min-h-0",
+    // Full-screen on mobile covers the status bar and home indicator, so
+    // clear the safe areas there. Overridable for tests and native shells.
+    "pt-[var(--mieweb-safe-area-top,env(safe-area-inset-top))] sm:pt-0",
+    "pb-[var(--mieweb-safe-area-bottom,env(safe-area-inset-bottom))] sm:pb-0",
     // If a <form> is used as a direct child (wrapping ModalBody + ModalFooter),
     // make it participate in the flex column layout so overflow constraints work.
     "[&>form]:flex [&>form]:flex-col [&>form]:flex-1 [&>form]:min-h-0",
@@ -323,5 +327,5 @@ exports.ModalHeader = ModalHeader;
 exports.ModalTitle = ModalTitle;
 exports.modalContentVariants = modalContentVariants;
 exports.modalOverlayVariants = modalOverlayVariants;
-//# sourceMappingURL=chunk-T4L7Q5FA.cjs.map
-//# sourceMappingURL=chunk-T4L7Q5FA.cjs.map
+//# sourceMappingURL=chunk-LC3JL2HB.cjs.map
+//# sourceMappingURL=chunk-LC3JL2HB.cjs.map

package/dist/chunk-LC3JL2HB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/Modal.tsx"],"names":["cva","React","useMotionRuntime","useFocusTrap","useEscapeKey","isStorybookDocsMode","jsx","AnimatedPresence","jsxs","Animated","cn"],"mappings":"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","file":"chunk-LC3JL2HB.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { isStorybookDocsMode } from '../../utils/environment';\nimport { useFocusTrap } from '../../hooks/useFocusTrap';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { Animated, AnimatedPresence, useMotionRuntime } from '../../motion';\n\n/**\n * Modal scroll lock state manager.\n * Uses a singleton pattern with ref-like storage to track open modals\n * and manage body scroll locking across multiple modal instances.\n * Includes reset capability for testing environments.\n */\nconst scrollLockState = {\n  count: 0,\n  originalOverflow: null as string | null,\n  reset() {\n    this.count = 0;\n    this.originalOverflow = null;\n  },\n};\n\n// Export for testing environments\nexport const __resetScrollLockState = () => scrollLockState.reset();\n\nconst modalOverlayVariants = cva(\n  ['fixed inset-0', 'bg-black/50 backdrop-blur-sm'],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Entry keyframes for the CSS path only.\n *\n * Kept out of the `cva` base so they never run alongside the motion runtime —\n * both drive opacity and transform, and applied together they fight.\n *\n * Entry only: there is no CSS exit. The component unmounts the moment `open`\n * flips to false, so `data-state` is hardcoded `\"open\"` and closed keyframes\n * would be unreachable dead code. That missing exit is the clearest thing the\n * motion opt-in buys back.\n */\nconst MODAL_OVERLAY_FALLBACK_ANIMATION = 'animate-in fade-in-0';\n\nconst MODAL_CONTENT_FALLBACK_ANIMATION =\n  'duration-200 animate-in fade-in-0 zoom-in-95';\n\nconst modalContentVariants = cva(\n  [\n    'relative w-full bg-card text-card-foreground',\n    'border border-border shadow-lg',\n    // Full-screen on mobile, rounded on larger screens\n    'rounded-none sm:rounded-xl',\n    'flex flex-col',\n    // Full viewport height on mobile, constrained on larger screens\n    'max-h-dvh sm:max-h-[calc(100dvh-2rem)]',\n    'min-h-dvh sm:min-h-0',\n    // Full-screen on mobile covers the status bar and home indicator, so\n    // clear the safe areas there. Overridable for tests and native shells.\n    'pt-[var(--mieweb-safe-area-top,env(safe-area-inset-top))] sm:pt-0',\n    'pb-[var(--mieweb-safe-area-bottom,env(safe-area-inset-bottom))] sm:pb-0',\n    // If a <form> is used as a direct child (wrapping ModalBody + ModalFooter),\n    // make it participate in the flex column layout so overflow constraints work.\n    '[&>form]:flex [&>form]:flex-col [&>form]:flex-1 [&>form]:min-h-0',\n    'focus:outline-none',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'sm:max-w-sm',\n        md: 'sm:max-w-md',\n        lg: 'sm:max-w-lg',\n        xl: 'sm:max-w-xl',\n        '2xl': 'sm:max-w-2xl',\n        '3xl': 'sm:max-w-3xl',\n        '4xl': 'sm:max-w-4xl',\n        full: 'max-w-[calc(100vw-2rem)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport interface ModalProps extends VariantProps<typeof modalContentVariants> {\n  /** Whether the modal is open */\n  open: boolean;\n  /** Callback when the modal should close */\n  onOpenChange: (open: boolean) => void;\n  /** Modal content */\n  children: React.ReactNode;\n  /** Whether to close when clicking the overlay */\n  closeOnOverlayClick?: boolean;\n  /** Whether to close when pressing Escape */\n  closeOnEscape?: boolean;\n  /** Additional class name for the modal content */\n  className?: string;\n  /** ID for the modal, used for accessibility */\n  id?: string;\n  /** Accessible label for the modal */\n  'aria-label'?: string;\n  /** ID of the element that labels the modal */\n  'aria-labelledby'?: string;\n  /** ID of the element that describes the modal */\n  'aria-describedby'?: string;\n}\n\n/**\n * An accessible modal/dialog component.\n *\n * @example\n * ```tsx\n * <Modal open={isOpen} onOpenChange={setIsOpen} size=\"lg\">\n *   <ModalHeader>\n *     <ModalTitle>Confirm Action</ModalTitle>\n *     <ModalClose />\n *   </ModalHeader>\n *   <ModalBody>\n *     Are you sure you want to continue?\n *   </ModalBody>\n *   <ModalFooter>\n *     <Button variant=\"secondary\" onClick={() => setIsOpen(false)}>Cancel</Button>\n *     <Button onClick={handleConfirm}>Confirm</Button>\n *   </ModalFooter>\n * </Modal>\n * ```\n */\nfunction Modal({\n  open,\n  onOpenChange,\n  children,\n  size,\n  closeOnOverlayClick = true,\n  closeOnEscape = true,\n  className,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n}: ModalProps) {\n  const generatedId = React.useId();\n  const modalId = id || generatedId;\n\n  /*\n   * The dialog outlives `open`.\n   *\n   * With a motion runtime, `AnimatedPresence` keeps the subtree on screen until\n   * its exit animation finishes. Guards keyed on `open` alone would therefore\n   * release while a `role=\"dialog\" aria-modal=\"true\"` element is still visible:\n   * Tab could reach the page behind it and body scrolling would resume under\n   * it. `isGuarded` stays true until presence reports the exit is done.\n   *\n   * Only tracked when a runtime is actually animating. Without one the subtree\n   * unmounts on the same frame, and `onExitComplete` would never fire to clear\n   * the flag.\n   */\n  const runtime = useMotionRuntime();\n  const animatesExit = Boolean(runtime?.enabled);\n  const [isExiting, setIsExiting] = React.useState(false);\n  const [prevOpen, setPrevOpen] = React.useState(open);\n\n  // Derived synchronously during render (React's \"adjust state when props\n  // change\" pattern), not in an effect. An effect runs after commit, which\n  // would leave one committed frame with the dialog still on screen but\n  // `isGuarded` false — the focus trap would tear down, restore focus, then\n  // re-arm and yank focus into the closing dialog, with the scroll lock\n  // flickering alongside. Setting state during render re-renders before\n  // commit, so the guards never observe the gap.\n  if (prevOpen !== open) {\n    setPrevOpen(open);\n    if (!open && animatesExit) {\n      setIsExiting(true);\n    }\n  }\n\n  // If the runtime disappears or is disabled mid-exit, `onExitComplete` will\n  // never fire — the subtree is already gone. Without this reset the guards\n  // (and the body scroll lock with them) would be held forever.\n  React.useEffect(() => {\n    if (!animatesExit && isExiting) {\n      setIsExiting(false);\n    }\n  }, [animatesExit, isExiting]);\n\n  const isGuarded = open || isExiting;\n\n  // Focus trap. Typed as `HTMLElement` because the content element is supplied\n  // by `Animated`, which is element-agnostic.\n  const focusTrapRef = useFocusTrap<HTMLElement>(isGuarded);\n\n  // Handle escape key\n  useEscapeKey(() => {\n    if (closeOnEscape && open) {\n      onOpenChange(false);\n    }\n  }, open);\n\n  // Handle overlay click\n  const handleOverlayClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (closeOnOverlayClick && e.target === e.currentTarget) {\n        onOpenChange(false);\n      }\n    },\n    [closeOnOverlayClick, onOpenChange]\n  );\n\n  // Prevent body scroll while the modal is on screen (handles multiple modals).\n  // Keyed on `isGuarded`, not `open`, so scrolling does not resume underneath a\n  // dialog that is still animating out.\n  // Skip scroll lock in Storybook docs mode where multiple stories render inline\n  React.useEffect(() => {\n    // Skip scroll lock entirely in Storybook docs mode\n    if (!isGuarded || isStorybookDocsMode()) {\n      return undefined;\n    }\n\n    scrollLockState.count++;\n    // Only capture and set overflow when first modal opens\n    if (scrollLockState.count === 1) {\n      scrollLockState.originalOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      scrollLockState.count--;\n      // Only restore overflow when last modal closes\n      if (\n        scrollLockState.count === 0 &&\n        scrollLockState.originalOverflow !== null\n      ) {\n        document.body.style.overflow = scrollLockState.originalOverflow;\n        scrollLockState.originalOverflow = null;\n      }\n    };\n  }, [isGuarded]);\n\n  return (\n    <ModalContext.Provider\n      value={{ onClose: () => onOpenChange(false), modalId }}\n    >\n      {/*\n        The `open` check lives inside `AnimatedPresence` rather than as an early\n        `return null` above. On the CSS path this is identical — the tree\n        unmounts immediately. With a motion runtime the subtree is held on\n        screen until the overlay and content finish their exit animations.\n      */}\n      <AnimatedPresence onExitComplete={() => setIsExiting(false)}>\n        {open && (\n          <div key=\"modal-root\" className=\"fixed inset-0 z-50\">\n            {/* Overlay backdrop */}\n            <Animated\n              preset=\"overlay\"\n              mode=\"presence\"\n              className={cn(modalOverlayVariants())}\n              fallbackClassName={MODAL_OVERLAY_FALLBACK_ANIMATION}\n              data-state=\"open\"\n              aria-hidden=\"true\"\n            />\n            {/* Scrollable centering container — click outside to close */}\n            <div className=\"fixed inset-0 overflow-y-auto\">\n              {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n              <div\n                className=\"flex min-h-full items-center justify-center p-0 sm:p-4\"\n                onClick={handleOverlayClick}\n              >\n                {/* Content */}\n                <Animated\n                  ref={focusTrapRef}\n                  preset=\"modalContent\"\n                  mode=\"presence\"\n                  role=\"dialog\"\n                  aria-modal=\"true\"\n                  aria-label={ariaLabel}\n                  aria-labelledby={ariaLabelledBy || `${modalId}-title`}\n                  aria-describedby={ariaDescribedBy}\n                  id={modalId}\n                  tabIndex={-1}\n                  data-state=\"open\"\n                  data-slot=\"modal\"\n                  className={cn(modalContentVariants({ size }), className)}\n                  fallbackClassName={MODAL_CONTENT_FALLBACK_ANIMATION}\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  {children}\n                </Animated>\n              </div>\n            </div>\n          </div>\n        )}\n      </AnimatedPresence>\n    </ModalContext.Provider>\n  );\n}\n\nModal.displayName = 'Modal';\n\n// ============================================================================\n// Modal Context\n// ============================================================================\n\ninterface ModalContextValue {\n  onClose: () => void;\n  modalId: string;\n}\n\nconst ModalContext = React.createContext<ModalContextValue | undefined>(\n  undefined\n);\n\nfunction useModalContext() {\n  const context = React.useContext(ModalContext);\n  if (!context) {\n    throw new Error('Modal components must be used within a Modal');\n  }\n  return context;\n}\n\n// ============================================================================\n// Modal Header\n// ============================================================================\n\nexport type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Header section of a Modal.\n */\nconst ModalHeader = React.forwardRef<HTMLDivElement, ModalHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"modal-header\"\n      className={cn(\n        'flex shrink-0 items-center justify-between',\n        'border-border border-b px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nModalHeader.displayName = 'ModalHeader';\n\n// ============================================================================\n// Modal Title\n// ============================================================================\n\nexport type ModalTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\n/**\n * Title for a Modal.\n */\nconst ModalTitle = React.forwardRef<HTMLHeadingElement, ModalTitleProps>(\n  ({ className, children, ...props }, ref) => {\n    const { modalId } = useModalContext();\n    return (\n      <h2\n        ref={ref}\n        id={`${modalId}-title`}\n        data-slot=\"modal-title\"\n        className={cn(\n          'text-lg leading-none font-semibold tracking-tight',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </h2>\n    );\n  }\n);\n\nModalTitle.displayName = 'ModalTitle';\n\n// ============================================================================\n// Modal Close Button\n// ============================================================================\n\nexport type ModalCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\n\n/**\n * Close button for a Modal.\n */\nconst ModalClose = React.forwardRef<HTMLButtonElement, ModalCloseProps>(\n  ({ className, children, onClick, ...props }, ref) => {\n    const { onClose } = useModalContext();\n\n    const handleClick = React.useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        if (!e.defaultPrevented) {\n          onClose();\n        }\n      },\n      [onClick, onClose]\n    );\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={handleClick}\n        data-slot=\"modal-close\"\n        className={cn(\n          'inline-flex h-8 w-8 items-center justify-center rounded-lg',\n          'text-muted-foreground hover:text-foreground',\n          'hover:bg-muted transition-colors',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          className\n        )}\n        aria-label=\"Close\"\n        {...props}\n      >\n        {children || <CloseIcon />}\n      </button>\n    );\n  }\n);\n\nModalClose.displayName = 'ModalClose';\n\n// ============================================================================\n// Modal Body\n// ============================================================================\n\nexport type ModalBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Main content area of a Modal.\n */\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"modal-body\"\n      className={cn('min-h-0 flex-1 overflow-y-auto px-6 py-4', className)}\n      {...props}\n    />\n  )\n);\n\nModalBody.displayName = 'ModalBody';\n\n// ============================================================================\n// Modal Footer\n// ============================================================================\n\nexport type ModalFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Footer section of a Modal, typically for action buttons.\n */\nconst ModalFooter = React.forwardRef<HTMLDivElement, ModalFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"modal-footer\"\n      className={cn(\n        'flex shrink-0 items-center justify-end gap-3',\n        'border-border border-t px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nModalFooter.displayName = 'ModalFooter';\n\n// ============================================================================\n// Close Icon\n// ============================================================================\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\nexport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n  modalContentVariants,\n  modalOverlayVariants,\n};\n"]}

package/dist/{chunk-P7UMS4E6.cjs → chunk-LC7PVBXH.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunk7WJ6MBF5_cjs = require('./chunk-7WJ6MBF5.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
@@ -40,6 +41,8 @@ function Tabs({
   defaultValue,
   onValueChange,
   variant = "underline",
+  urlParam,
+  urlValues,
   children,
   className
 }) {
@@ -47,15 +50,20 @@ function Tabs({
     defaultValue || ""
   );
   const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : uncontrolledValue;
+  const syncsUrl = !isControlled && Boolean(urlParam);
+  const [urlValue, setUrlValue] = chunk7WJ6MBF5_cjs.useUrlSearchParam(
+    syncsUrl ? urlParam : void 0,
+    defaultValue || "",
+    (v) => urlValues ? urlValues.includes(v) : v !== ""
+  );
+  const value = isControlled ? controlledValue : syncsUrl ? urlValue : uncontrolledValue;
   const handleValueChange = React__namespace.useCallback(
     (newValue) => {
-      if (!isControlled) {
-        setUncontrolledValue(newValue);
-      }
+      if (syncsUrl) setUrlValue(newValue);
+      else if (!isControlled) setUncontrolledValue(newValue);
       onValueChange?.(newValue);
     },
-    [isControlled, onValueChange]
+    [isControlled, syncsUrl, setUrlValue, onValueChange]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsContext.Provider,
@@ -162,7 +170,7 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
         ],
         pills: [
           "px-3 py-1.5 rounded-md text-sm",
-          "text-muted-foreground hover:text-foreground",
+          "text-neutral-600 dark:text-neutral-300 hover:text-foreground",
           "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
         ],
         enclosed: [
@@ -244,5 +252,5 @@ exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
 exports.tabsListVariants = tabsListVariants;
 exports.tabsTriggerVariants = tabsTriggerVariants;
-//# sourceMappingURL=chunk-P7UMS4E6.cjs.map
-//# sourceMappingURL=chunk-P7UMS4E6.cjs.map
+//# sourceMappingURL=chunk-LC7PVBXH.cjs.map
+//# sourceMappingURL=chunk-LC7PVBXH.cjs.map

package/dist/chunk-LC7PVBXH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"names":["React","useUrlSearchParam","jsx","cn","cva","jsxs"],"mappings":"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","file":"chunk-LC7PVBXH.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useUrlSearchParam } from '../../hooks/useUrlTab';\n\n// ============================================================================\n// Tabs Context\n// ============================================================================\n\ninterface TabsContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  variant: 'underline' | 'pills' | 'enclosed';\n}\n\nconst TabsContext = React.createContext<TabsContextValue | undefined>(\n  undefined\n);\n\nfunction useTabsContext() {\n  const context = React.useContext(TabsContext);\n  if (!context) {\n    throw new Error('Tabs components must be used within a Tabs provider');\n  }\n  return context;\n}\n\n// ============================================================================\n// Tabs Root\n// ============================================================================\n\nexport interface TabsProps {\n  /** The controlled value of the selected tab */\n  value?: string;\n  /** The default value of the selected tab (uncontrolled) */\n  defaultValue?: string;\n  /** Callback when the selected tab changes */\n  onValueChange?: (value: string) => void;\n  /** Visual variant of the tabs */\n  variant?: 'underline' | 'pills' | 'enclosed';\n  /**\n   * Query parameter that mirrors the selected tab (uncontrolled only). Written\n   * with `history.replaceState`; omitted from the URL when it equals\n   * `defaultValue`.\n   */\n  urlParam?: string;\n  /**\n   * Values `urlParam` may select. Anything else in the URL falls back to\n   * `defaultValue`; without it, any non-empty value is accepted.\n   */\n  urlValues?: readonly string[];\n  /** Tab content */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Accessible tabs component with keyboard navigation.\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"tab1\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n * ```\n */\nfunction Tabs({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  variant = 'underline',\n  urlParam,\n  urlValues,\n  children,\n  className,\n}: TabsProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(\n    defaultValue || ''\n  );\n\n  const isControlled = controlledValue !== undefined;\n  const syncsUrl = !isControlled && Boolean(urlParam);\n  const [urlValue, setUrlValue] = useUrlSearchParam(\n    syncsUrl ? urlParam : undefined,\n    defaultValue || '',\n    (v) => (urlValues ? urlValues.includes(v) : v !== '')\n  );\n  const value = isControlled\n    ? controlledValue\n    : syncsUrl\n      ? urlValue\n      : uncontrolledValue;\n\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (syncsUrl) setUrlValue(newValue);\n      else if (!isControlled) setUncontrolledValue(newValue);\n      onValueChange?.(newValue);\n    },\n    [isControlled, syncsUrl, setUrlValue, onValueChange]\n  );\n\n  return (\n    <TabsContext.Provider\n      value={{ value, onValueChange: handleValueChange, variant }}\n    >\n      <div data-slot=\"tabs\" className={cn('w-full', className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nTabs.displayName = 'Tabs';\n\n// ============================================================================\n// Tabs List\n// ============================================================================\n\nconst tabsListVariants = cva(['flex items-center'], {\n  variants: {\n    variant: {\n      underline: 'border-b border-border gap-0',\n      pills: 'gap-1 p-1 rounded-lg bg-muted',\n      enclosed: 'gap-0 border-b border-border',\n    },\n  },\n  defaultVariants: {\n    variant: 'underline',\n  },\n});\n\nexport type TabsListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Container for tab triggers.\n */\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, ...props }, ref) => {\n    const { variant } = useTabsContext();\n    const listRef = React.useRef<HTMLDivElement>(null);\n\n    // Keyboard navigation\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        const list = listRef.current;\n        if (!list) return;\n\n        const triggers = Array.from(\n          list.querySelectorAll<HTMLButtonElement>(\n            '[role=\"tab\"]:not([disabled])'\n          )\n        );\n        const currentIndex = triggers.findIndex(\n          (trigger) => trigger === document.activeElement\n        );\n\n        let nextIndex: number;\n\n        switch (e.key) {\n          case 'ArrowRight':\n          case 'ArrowDown':\n            e.preventDefault();\n            nextIndex =\n              currentIndex === triggers.length - 1 ? 0 : currentIndex + 1;\n            triggers[nextIndex]?.focus();\n            break;\n          case 'ArrowLeft':\n          case 'ArrowUp':\n            e.preventDefault();\n            nextIndex =\n              currentIndex === 0 ? triggers.length - 1 : currentIndex - 1;\n            triggers[nextIndex]?.focus();\n            break;\n          case 'Home':\n            e.preventDefault();\n            triggers[0]?.focus();\n            break;\n          case 'End':\n            e.preventDefault();\n            triggers[triggers.length - 1]?.focus();\n            break;\n        }\n      },\n      []\n    );\n\n    return (\n      <div\n        ref={(node) => {\n          // Combine refs\n          (listRef as React.MutableRefObject<HTMLDivElement | null>).current =\n            node;\n          if (typeof ref === 'function') {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        role=\"tablist\"\n        data-slot=\"tabs-list\"\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        className={cn(tabsListVariants({ variant }), className)}\n        {...props}\n      />\n    );\n  }\n);\n\nTabsList.displayName = 'TabsList';\n\n// ============================================================================\n// Tabs Trigger\n// ============================================================================\n\nconst tabsTriggerVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-medium transition-all duration-200',\n    'whitespace-nowrap',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      variant: {\n        underline: [\n          'px-4 py-2 -mb-px',\n          'border-b-2 border-transparent',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:border-primary-700 data-[state=active]:text-primary-800',\n          'dark:data-[state=active]:border-primary-400 dark:data-[state=active]:text-primary-400',\n        ],\n        pills: [\n          'px-3 py-1.5 rounded-md text-sm',\n          'text-neutral-600 dark:text-neutral-300 hover:text-foreground',\n          'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',\n        ],\n        enclosed: [\n          'px-4 py-2 -mb-px',\n          'border border-transparent rounded-t-lg',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:border-border data-[state=active]:border-b-background data-[state=active]:bg-background data-[state=active]:text-foreground',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'underline',\n    },\n  }\n);\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** The value that identifies this tab */\n  value: string;\n  /** Icon to show before the label */\n  icon?: React.ReactNode;\n}\n\n/**\n * A tab trigger button.\n */\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, value, icon, children, disabled, ...props }, ref) => {\n    const { value: selectedValue, onValueChange, variant } = useTabsContext();\n    const isSelected = selectedValue === value;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"tab\"\n        data-slot=\"tabs-trigger\"\n        aria-selected={isSelected}\n        aria-controls={`tabpanel-${value}`}\n        id={`tab-${value}`}\n        tabIndex={isSelected ? 0 : -1}\n        data-state={isSelected ? 'active' : 'inactive'}\n        disabled={disabled}\n        onClick={() => onValueChange(value)}\n        className={cn(tabsTriggerVariants({ variant }), className)}\n        {...props}\n      >\n        {icon && (\n          <span data-slot=\"tabs-trigger-icon\" className=\"shrink-0\">\n            {icon}\n          </span>\n        )}\n        {children}\n      </button>\n    );\n  }\n);\n\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ============================================================================\n// Tabs Content\n// ============================================================================\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The value that identifies this content panel */\n  value: string;\n  /** Force mount the content (useful for animations) */\n  forceMount?: boolean;\n}\n\n/**\n * Content panel for a tab.\n */\nconst TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, value, forceMount = false, children, ...props }, ref) => {\n    const { value: selectedValue } = useTabsContext();\n    const isSelected = selectedValue === value;\n\n    if (!isSelected && !forceMount) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        data-slot=\"tabs-content\"\n        id={`tabpanel-${value}`}\n        aria-labelledby={`tab-${value}`}\n        tabIndex={0}\n        hidden={!isSelected}\n        data-state={isSelected ? 'active' : 'inactive'}\n        className={cn(\n          'focus-visible:ring-ring mt-4 rounded-lg focus-visible:ring-2 focus-visible:outline-none',\n          !isSelected && 'hidden',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nTabsContent.displayName = 'TabsContent';\n\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n  tabsListVariants,\n  tabsTriggerVariants,\n};\n"]}