@alfadocs/ui-kit-debug 0.1.9 → 0.2.1

package/dist/_chunks/{transcript-panel.agent-BXEYP6w-.js → transcript-panel-Bx5ANMsv.js}

@@ -1,10 +1,56 @@
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { forwardRef as $, useState as E, useRef as S, useId as K, useMemo as I, useCallback as C, useLayoutEffect as A, useImperativeHandle as _, Fragment as j } from "react";
-import { c as O } from "./index-D2ZczOXr.js";
-import { useTranslation as V } from "react-i18next";
-import { u as D } from "./index-CJE9uQmb.js";
-import { S as F } from "./search-input-Xw3cdWXW.js";
-const H = O(
+import { forwardRef as K, useState as A, useRef as x, useId as _, useMemo as w, useCallback as R, useLayoutEffect as j, useImperativeHandle as O, Fragment as V } from "react";
+import { c as D } from "./index-D2ZczOXr.js";
+import { useTranslation as F } from "react-i18next";
+import { u as H } from "./registry-C9nwlNyL.js";
+import { u as q } from "./index-CJE9uQmb.js";
+import { S as B } from "./search-input-CdJIEjFo.js";
+const U = {
+  id: "transcript-panel",
+  capabilities: ["select_single"],
+  state: {
+    selectedTurn: {
+      type: "string | null",
+      descriptionKey: "ui.agent.transcriptPanel.state.selectedTurn",
+      description: "Opaque id (line index) of the currently-active turn, or null when none is active.",
+      read: (t) => t.getSelectedTurn()
+    }
+  },
+  actions: {
+    focus_turn: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.transcriptPanel.actions.focusTurn",
+      description: "Scroll the given turn into view and focus its seek button.",
+      invoke: (t, n) => {
+        t.focusTurn(n.id);
+      }
+    },
+    copy_turn: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.transcriptPanel.actions.copyTurn",
+      description: "Copy the given turn's text to the clipboard.",
+      invoke: (t, n) => t.copyTurn(n.id)
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "transcript-panel",
+      description: "Marks the TranscriptPanel wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-turn-id",
+      description: "Stable opaque turn id (line index). Never carries the turn's dictated text."
+    }
+  }
+}, G = D(
   [
     "ds:flex ds:flex-col ds:w-full ds:min-h-0",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
@@ -21,22 +67,22 @@ const H = O(
     },
     defaultVariants: { size: "md" }
   }
-), q = 100, B = 8;
+), Q = 100, Y = 8;
 function z(t, n) {
-  const a = Math.max(0, Math.floor(t)), i = Math.floor(a / 60), u = a % 60, p = (v) => new Intl.NumberFormat(n, { minimumIntegerDigits: 2 }).format(v);
+  const a = Math.max(0, Math.floor(t)), i = Math.floor(a / 60), u = a % 60, p = (g) => new Intl.NumberFormat(n, { minimumIntegerDigits: 2 }).format(g);
   return `${p(i)}:${p(u)}`;
 }
-function U(t) {
+function Z(t) {
   const n = Math.max(0, Math.floor(t)), a = Math.floor(n / 60), i = n % 60;
   return `PT${a}M${i}S`;
 }
-function G(t) {
+function J(t) {
   let n = 0;
   for (let a = 0; a < t.length; a += 1)
     n = n * 31 + t.charCodeAt(a) | 0;
-  return Math.abs(n) % B;
+  return Math.abs(n) % Y;
 }
-const Q = [
+const W = [
   "ds:bg-[color:var(--transcript-speaker-1)]",
   "ds:bg-[color:var(--transcript-speaker-2)]",
   "ds:bg-[color:var(--transcript-speaker-3)]",
@@ -46,12 +92,12 @@ const Q = [
   "ds:bg-[color:var(--transcript-speaker-7)]",
   "ds:bg-[color:var(--transcript-speaker-8)]"
 ];
-function Y(t) {
+function X(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Z({ text: t, query: n }) {
+function ee({ text: t, query: n }) {
   if (!n) return t;
-  const a = Y(n);
+  const a = X(n);
   return t.split(new RegExp(`(${a})`, "gi")).map(
     (u, p) => u.toLocaleLowerCase() === n.toLocaleLowerCase() ? /* @__PURE__ */ o(
       "mark",
@@ -60,10 +106,10 @@ function Z({ text: t, query: n }) {
         children: u
       },
       p
-    ) : /* @__PURE__ */ o(j, { children: u }, p)
+    ) : /* @__PURE__ */ o(V, { children: u }, p)
   );
 }
-const J = $(
+const te = K(
   ({
     lines: t,
     currentTime: n = 0,
@@ -71,40 +117,40 @@ const J = $(
     searchable: i = !0,
     size: u = "md",
     className: p,
-    ...v
+    ...g
   }, L) => {
-    const { t: d, i18n: b } = V(), [m, M] = E(""), h = S(null), x = S(null), R = K(), c = I(() => {
+    const { t: d, i18n: b } = F(), [m, M] = A(""), h = x(null), T = x(null), P = _(), c = w(() => {
       if (!Number.isFinite(n)) return -1;
       for (let e = 0; e < t.length; e += 1) {
         const r = t[e];
         if (r.start <= n && n < r.end) return e;
       }
       return -1;
-    }, [t, n]), w = I(() => {
+    }, [t, n]), k = w(() => {
       if (!m) return 0;
       let e = 0;
       const r = m.toLocaleLowerCase();
       for (const s of t) {
         const l = s.text.toLocaleLowerCase();
-        let g = l.indexOf(r);
-        for (; g !== -1; )
-          e += 1, g = l.indexOf(r, g + r.length);
+        let v = l.indexOf(r);
+        for (; v !== -1; )
+          e += 1, v = l.indexOf(r, v + r.length);
       }
       return e;
-    }, [t, m]), P = C(
+    }, [t, m]), $ = R(
       (e) => {
         var r;
-        (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "f" && i && (e.preventDefault(), (r = x.current) == null || r.focus());
+        (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "f" && i && (e.preventDefault(), (r = T.current) == null || r.focus());
       },
       [i]
-    ), T = t.length > q, y = D({
-      count: T ? t.length : 0,
+    ), N = t.length > Q, y = q({
+      count: N ? t.length : 0,
       getScrollElement: () => h.current,
       estimateSize: () => 48,
       overscan: 8,
       getItemKey: (e) => e
     });
-    A(() => {
+    j(() => {
       if (c < 0) return;
       const e = h.current;
       if (!e) return;
@@ -118,9 +164,9 @@ const J = $(
         behavior: s ? "auto" : "smooth"
       });
     }, [c]);
-    const k = C(
+    const S = R(
       (e, r, s) => {
-        const l = r === c, g = G(e.speaker), N = typeof e.confidence == "number" && e.confidence < 0.6;
+        const l = r === c, v = J(e.speaker), C = typeof e.confidence == "number" && e.confidence < 0.6;
         return /* @__PURE__ */ f(
           "li",
           {
@@ -161,7 +207,7 @@ const J = $(
                     "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                     "ds:forced-colors:focus-visible:outline-[CanvasText]"
                   ].join(" "),
-                  children: /* @__PURE__ */ o("time", { dir: "ltr", dateTime: U(e.start), children: z(e.start, b.language) })
+                  children: /* @__PURE__ */ o("time", { dir: "ltr", dateTime: Z(e.start), children: z(e.start, b.language) })
                 }
               ),
               /* @__PURE__ */ f("div", { className: "ds:flex-1 ds:min-w-0", children: [
@@ -170,11 +216,11 @@ const J = $(
                     "span",
                     {
                       "aria-hidden": "true",
-                      className: `ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${Q[g]}`
+                      className: `ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${W[v]}`
                     }
                   ),
                   /* @__PURE__ */ o("strong", { className: "type-title-item", children: d("ui.chat.transcript.speaker", { name: e.speaker }) }),
-                  N ? /* @__PURE__ */ f("span", { className: "type-meta ds:italic ds:text-[color:var(--muted-foreground)]", children: [
+                  C ? /* @__PURE__ */ f("span", { className: "type-meta ds:italic ds:text-[color:var(--muted-foreground)]", children: [
                     "(",
                     d("ui.chat.transcript.lowConfidence"),
                     ")"
@@ -186,9 +232,9 @@ const J = $(
                     dir: "auto",
                     className: [
                       "ds:block",
-                      N ? "ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]" : ""
+                      C ? "ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]" : ""
                     ].join(" "),
-                    children: /* @__PURE__ */ o(Z, { text: e.text, query: m })
+                    children: /* @__PURE__ */ o(ee, { text: e.text, query: m })
                   }
                 )
               ] })
@@ -198,9 +244,9 @@ const J = $(
         );
       },
       [c, b.language, a, m, d]
-    );
-    return _(
-      L,
+    ), I = x(null);
+    O(L, () => I.current, []);
+    const E = w(
       () => ({
         getSelectedTurn: () => c >= 0 ? String(c) : null,
         focusTurn: (e) => {
@@ -210,7 +256,9 @@ const J = $(
           );
           if (!r) return;
           r.scrollIntoView({ block: "center", behavior: "auto" });
-          const s = r.querySelector("button");
+          const s = r.querySelector(
+            "button"
+          );
           s == null || s.focus();
         },
         copyTurn: (e) => {
@@ -222,21 +270,28 @@ const J = $(
         }
       }),
       [c, t]
-    ), /* @__PURE__ */ f(
+    );
+    return H(
+      U,
+      E,
+      g.id
+    ), // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants
+    /* @__PURE__ */ f(
       "div",
       {
-        onKeyDown: P,
+        ref: I,
+        onKeyDown: $,
         "data-component": "transcript-panel",
-        "data-component-id": v.id,
-        className: H({ size: u, className: p }),
-        ...v,
+        "data-component-id": g.id,
+        className: G({ size: u, className: p }),
+        ...g,
         children: [
           i ? /* @__PURE__ */ f("div", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:border-b ds:border-border", children: [
             /* @__PURE__ */ o(
-              F,
+              B,
               {
-                ref: x,
-                id: R,
+                ref: T,
+                id: P,
                 placeholder: d("ui.chat.transcript.search"),
                 "aria-label": d("ui.chat.transcript.search"),
                 "aria-keyshortcuts": "Meta+F Control+F",
@@ -251,7 +306,7 @@ const J = $(
                 role: "status",
                 "aria-live": "polite",
                 className: "type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums",
-                children: w === 0 ? d("ui.chat.transcript.noMatches") : d("ui.chat.transcript.matchCount", { count: w })
+                children: k === 0 ? d("ui.chat.transcript.noMatches") : d("ui.chat.transcript.matchCount", { count: k })
               }
             ) : null
           ] }) : null,
@@ -260,14 +315,14 @@ const J = $(
             {
               ref: h,
               className: "ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden",
-              children: T ? /* @__PURE__ */ o(
+              children: N ? /* @__PURE__ */ o(
                 "ol",
                 {
                   className: "ds:relative ds:list-none ds:ps-0 ds:m-0",
                   style: { blockSize: `${y.getTotalSize()}px` },
                   children: y.getVirtualItems().map((e) => {
                     const r = t[e.index];
-                    return r ? k(r, e.index, {
+                    return r ? S(r, e.index, {
                       liRef: y.measureElement,
                       dataIndex: e.index,
                       style: { transform: `translateY(${e.start}px)` },
@@ -275,7 +330,7 @@ const J = $(
                     }) : null;
                   })
                 }
-              ) : /* @__PURE__ */ o("ol", { className: "ds:list-none ds:ps-0 ds:m-0", children: t.map((e, r) => k(e, r)) })
+              ) : /* @__PURE__ */ o("ol", { className: "ds:list-none ds:ps-0 ds:m-0", children: t.map((e, r) => S(e, r)) })
             }
           )
         ]
@@ -283,55 +338,9 @@ const J = $(
     );
   }
 );
-J.displayName = "TranscriptPanel";
-const ne = {
-  id: "transcript-panel",
-  capabilities: ["select_single"],
-  state: {
-    selectedTurn: {
-      type: "string | null",
-      descriptionKey: "ui.agent.transcriptPanel.state.selectedTurn",
-      description: "Opaque id (line index) of the currently-active turn, or null when none is active.",
-      read: (t) => t.getSelectedTurn()
-    }
-  },
-  actions: {
-    focus_turn: {
-      safety: "read",
-      argsType: "{ id: string }",
-      descriptionKey: "ui.agent.transcriptPanel.actions.focusTurn",
-      description: "Scroll the given turn into view and focus its seek button.",
-      invoke: (t, n) => {
-        t.focusTurn(n.id);
-      }
-    },
-    copy_turn: {
-      safety: "read",
-      argsType: "{ id: string }",
-      descriptionKey: "ui.agent.transcriptPanel.actions.copyTurn",
-      description: "Copy the given turn's text to the clipboard.",
-      invoke: (t, n) => t.copyTurn(n.id)
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "transcript-panel",
-      description: "Marks the TranscriptPanel wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    },
-    item: {
-      attr: "data-turn-id",
-      description: "Stable opaque turn id (line index). Never carries the turn's dictated text."
-    }
-  }
-};
+te.displayName = "TranscriptPanel";
 export {
-  J as T,
-  ne as t
+  te as T,
+  U as t
 };
-//# sourceMappingURL=transcript-panel.agent-BXEYP6w-.js.map
+//# sourceMappingURL=transcript-panel-Bx5ANMsv.js.map

package/dist/_chunks/transcript-panel-Bx5ANMsv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transcript-panel-Bx5ANMsv.js","sources":["../../src/components/transcript-panel/transcript-panel.agent.ts","../../src/components/transcript-panel/transcript-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TranscriptPanel.                                       */\n/*                                                                        */\n/* `data-turn-id` carries the line's stable index (opaque id) — never     */\n/* the dictated text. Transcript content frequently contains PHI; the     */\n/* DOM hook MUST NOT leak it. See PRS §26 §6.1.                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TranscriptPanelHandle } from './transcript-panel';\n\nexport const transcriptPanelAgent: AgentAdapter<TranscriptPanelHandle> = {\n  id: 'transcript-panel',\n  capabilities: ['select_single'],\n  state: {\n    selectedTurn: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.transcriptPanel.state.selectedTurn',\n      description:\n        'Opaque id (line index) of the currently-active turn, or null when none is active.',\n      read: (handle) => handle.getSelectedTurn(),\n    },\n  },\n  actions: {\n    focus_turn: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.transcriptPanel.actions.focusTurn',\n      description: 'Scroll the given turn into view and focus its seek button.',\n      invoke: (handle, args: { id: string }) => {\n        handle.focusTurn(args.id);\n      },\n    },\n    copy_turn: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.transcriptPanel.actions.copyTurn',\n      description: \"Copy the given turn's text to the clipboard.\",\n      invoke: (handle, args: { id: string }) => handle.copyTurn(args.id),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'transcript-panel',\n      description: 'Marks the TranscriptPanel wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-turn-id',\n      description:\n        \"Stable opaque turn id (line index). Never carries the turn's dictated text.\",\n    },\n  },\n};\n","import {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useId,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { transcriptPanelAgent } from './transcript-panel.agent';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { SearchInput } from '../search-input';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface TranscriptLine {\n  speaker: string;\n  text: string;\n  /** Seconds, floating-point — matches HTMLMediaElement.currentTime. */\n  start: number;\n  end: number;\n  /** 0..1 — rendered with a dotted underline when below 0.6. */\n  confidence?: number;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface TranscriptPanelHandle {\n  /** Opaque id (line index) of the active turn, or null. */\n  getSelectedTurn: () => string | null;\n  /** Scroll the turn with the given id into view and focus its seek button. */\n  focusTurn: (id: string) => void;\n  /** Copy the turn's text to the clipboard. */\n  copyTurn: (id: string) => Promise<void> | void;\n}\n\nexport interface TranscriptPanelProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof rootVariants> {\n  lines: TranscriptLine[];\n  /** Current playback time in seconds — drives the active line highlight. */\n  currentTime?: number;\n  onSeek?: (seconds: number) => void;\n  /** Show the search bar. */\n  searchable?: boolean;\n}\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:w-full ds:min-h-0',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n    'ds:bg-background',\n    'ds:focus-within:border-[color:var(--primary)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\nconst SPEAKER_SLOT_COUNT = 8;\n\nfunction formatTime(seconds: number, locale: string): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale, { minimumIntegerDigits: 2 }).format(n);\n  return `${fmt(m)}:${fmt(s)}`;\n}\n\n/** ISO-8601 duration (PT#M#S) for <time datetime=\"...\">. */\nfunction secondsToIsoDuration(seconds: number): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `PT${m}M${s}S`;\n}\n\n/** Deterministic speaker slot (0..7) based on name hash. */\nfunction speakerSlot(name: string): number {\n  let hash = 0;\n  for (let i = 0; i < name.length; i += 1) {\n    hash = (hash * 31 + name.charCodeAt(i)) | 0;\n  }\n  return Math.abs(hash) % SPEAKER_SLOT_COUNT;\n}\n\n/** Per-slot background classes. Indices align with the speaker palette tokens\n *  in tokens/index.css. Static strings so Tailwind can pick them up at build. */\nconst SPEAKER_BG_CLASSES = [\n  'ds:bg-[color:var(--transcript-speaker-1)]',\n  'ds:bg-[color:var(--transcript-speaker-2)]',\n  'ds:bg-[color:var(--transcript-speaker-3)]',\n  'ds:bg-[color:var(--transcript-speaker-4)]',\n  'ds:bg-[color:var(--transcript-speaker-5)]',\n  'ds:bg-[color:var(--transcript-speaker-6)]',\n  'ds:bg-[color:var(--transcript-speaker-7)]',\n  'ds:bg-[color:var(--transcript-speaker-8)]',\n] as const;\n\n/** Escape a literal string for safe use inside a RegExp. */\nfunction escapeRegExp(input: string): string {\n  return input.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\ninterface HighlightedTextProps {\n  text: string;\n  query: string;\n}\n\n/** Renders text with <mark> wrapping around case-insensitive matches.\n *  No dangerouslySetInnerHTML — splits text nodes only. */\nfunction HighlightedText({ text, query }: HighlightedTextProps): ReactNode {\n  if (!query) return text;\n  const escaped = escapeRegExp(query);\n  const parts = text.split(new RegExp(`(${escaped})`, 'gi'));\n  return parts.map((part, i) =>\n    part.toLocaleLowerCase() === query.toLocaleLowerCase() ? (\n      <mark\n        key={i}\n        className=\"ds:bg-[color:var(--warning)]/30 ds:text-[color:var(--foreground)] ds:rounded-[var(--radius-sm)]\"\n      >\n        {part}\n      </mark>\n    ) : (\n      <Fragment key={i}>{part}</Fragment>\n    ),\n  );\n}\n\nexport const TranscriptPanel = forwardRef<HTMLDivElement, TranscriptPanelProps>(\n  (\n    {\n      lines,\n      currentTime = 0,\n      onSeek,\n      searchable = true,\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const [query, setQuery] = useState('');\n    const scrollRef = useRef<HTMLDivElement | null>(null);\n    const searchInputRef = useRef<HTMLInputElement | null>(null);\n    const searchId = useId();\n\n    /* Active-line index */\n    const activeIndex = useMemo(() => {\n      if (!Number.isFinite(currentTime)) return -1;\n      for (let i = 0; i < lines.length; i += 1) {\n        const line = lines[i];\n        if (line.start <= currentTime && currentTime < line.end) return i;\n      }\n      return -1;\n    }, [lines, currentTime]);\n\n    /* Match count for search */\n    const matchCount = useMemo(() => {\n      if (!query) return 0;\n      let count = 0;\n      const needle = query.toLocaleLowerCase();\n      for (const line of lines) {\n        const hay = line.text.toLocaleLowerCase();\n        let idx = hay.indexOf(needle);\n        while (idx !== -1) {\n          count += 1;\n          idx = hay.indexOf(needle, idx + needle.length);\n        }\n      }\n      return count;\n    }, [lines, query]);\n\n    /* Ctrl/Cmd+F shortcut — focuses the search field when focus is within. */\n    const handleRootKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          (e.metaKey || e.ctrlKey) &&\n          e.key.toLowerCase() === 'f' &&\n          searchable\n        ) {\n          e.preventDefault();\n          searchInputRef.current?.focus();\n        }\n      },\n      [searchable],\n    );\n\n    /* Virtualisation above 100 lines */\n    const virtualized = lines.length > VIRTUALIZATION_THRESHOLD;\n    const virtualizer = useVirtualizer({\n      count: virtualized ? lines.length : 0,\n      getScrollElement: () => scrollRef.current,\n      estimateSize: () => 48,\n      overscan: 8,\n      getItemKey: (i) => i,\n    });\n\n    /* Auto-scroll active line into view when it changes. */\n    useLayoutEffect(() => {\n      if (activeIndex < 0) return;\n      const scroller = scrollRef.current;\n      if (!scroller) return;\n      const target = scroller.querySelector(\n        `[data-line-index=\"${activeIndex}\"]`,\n      ) as HTMLElement | null;\n      if (!target) return;\n      const prefersReducedMotion =\n        typeof window !== 'undefined' &&\n        window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      target.scrollIntoView({\n        block: 'center',\n        behavior: prefersReducedMotion ? 'auto' : 'smooth',\n      });\n    }, [activeIndex]);\n\n    const renderLine = useCallback(\n      (\n        line: TranscriptLine,\n        index: number,\n        extras?: {\n          liRef?: (node: HTMLLIElement | null) => void;\n          dataIndex?: number;\n          // Style is an inline-style escape hatch — virtualizer offsets\n          // cannot be expressed as static Tailwind. See 23-constraints §4.\n          style?: CSSProperties;\n          absolutePositioning?: boolean;\n        },\n      ) => {\n        const isActive = index === activeIndex;\n        const slot = speakerSlot(line.speaker);\n        const lowConfidence =\n          typeof line.confidence === 'number' && line.confidence < 0.6;\n        return (\n          <li\n            key={index}\n            ref={extras?.liRef}\n            data-line-index={index}\n            data-turn-id={String(index)}\n            data-index={extras?.dataIndex}\n            aria-current={isActive ? 'true' : undefined}\n            // eslint-disable-next-line react/forbid-dom-props -- virtualizer translateY offset, runtime-computed\n            style={extras?.style}\n            className={[\n              'ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n              isActive\n                ? 'ds:bg-[color:var(--accent)]/12 ds:border-s-[3px] ds:border-[color:var(--primary)]'\n                : 'ds:border-s-[3px] ds:border-transparent',\n              extras?.absolutePositioning\n                ? 'ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full'\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <button\n              type=\"button\"\n              onClick={() => onSeek?.(line.start)}\n              aria-label={t('ui.chat.transcript.seekTo', {\n                time: formatTime(line.start, i18n.language),\n              })}\n              className={[\n                'ds:inline-flex ds:items-center ds:justify-center',\n                'ds:font-[family-name:var(--font-mono)]',\n                'type-meta',\n                'ds:tabular-nums',\n                'ds:text-[color:var(--muted-foreground)]',\n                'ds:rounded-[var(--radius-sm)]',\n                'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n                // WCAG 2.5.5 target size: 44×44 default, 48×48 in accessible\n                // themes — matches the DS `--min-target-size` token.\n                'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n                'ds:hover:bg-muted/20',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              <time dir=\"ltr\" dateTime={secondsToIsoDuration(line.start)}>\n                {formatTime(line.start, i18n.language)}\n              </time>\n            </button>\n            <div className=\"ds:flex-1 ds:min-w-0\">\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <span\n                  aria-hidden=\"true\"\n                  className={`ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${SPEAKER_BG_CLASSES[slot]}`}\n                />\n                <strong className=\"type-title-item\">\n                  {t('ui.chat.transcript.speaker', { name: line.speaker })}\n                </strong>\n                {lowConfidence ? (\n                  <span className=\"type-meta ds:italic ds:text-[color:var(--muted-foreground)]\">\n                    ({t('ui.chat.transcript.lowConfidence')})\n                  </span>\n                ) : null}\n              </div>\n              <span\n                dir=\"auto\"\n                className={[\n                  'ds:block',\n                  lowConfidence\n                    ? 'ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]'\n                    : '',\n                ].join(' ')}\n              >\n                <HighlightedText text={line.text} query={query} />\n              </span>\n            </div>\n          </li>\n        );\n      },\n      [activeIndex, i18n.language, onSeek, query, t],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<TranscriptPanelHandle>(\n      () => ({\n        getSelectedTurn: () => (activeIndex >= 0 ? String(activeIndex) : null),\n        focusTurn: (id: string) => {\n          const target = scrollRef.current?.querySelector(\n            `[data-turn-id=\"${id}\"]`,\n          ) as HTMLElement | null;\n          if (!target) return;\n          target.scrollIntoView({ block: 'center', behavior: 'auto' });\n          const btn = target.querySelector(\n            'button',\n          ) as HTMLButtonElement | null;\n          btn?.focus();\n        },\n        copyTurn: (id: string) => {\n          const index = Number.parseInt(id, 10);\n          if (!Number.isFinite(index)) return;\n          const line = lines[index];\n          if (!line) return;\n          if (typeof navigator !== 'undefined' && navigator.clipboard) {\n            return navigator.clipboard.writeText(line.text);\n          }\n        },\n      }),\n      [activeIndex, lines],\n    );\n    useAgentRegistration(\n      transcriptPanelAgent,\n      agentHandle,\n      rest.id as string | undefined,\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants\n      <div\n        ref={rootRef}\n        onKeyDown={handleRootKeyDown}\n        data-component=\"transcript-panel\"\n        data-component-id={rest.id}\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        {searchable ? (\n          <div className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:border-b ds:border-border\">\n            <SearchInput\n              ref={searchInputRef}\n              id={searchId}\n              placeholder={t('ui.chat.transcript.search')}\n              aria-label={t('ui.chat.transcript.search')}\n              aria-keyshortcuts=\"Meta+F Control+F\"\n              debounceMs={150}\n              onChange={(v) => setQuery(v)}\n              size=\"sm\"\n            />\n            {query ? (\n              <span\n                role=\"status\"\n                aria-live=\"polite\"\n                className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums\"\n              >\n                {matchCount === 0\n                  ? t('ui.chat.transcript.noMatches')\n                  : t('ui.chat.transcript.matchCount', { count: matchCount })}\n              </span>\n            ) : null}\n          </div>\n        ) : null}\n\n        <div\n          ref={scrollRef}\n          className=\"ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden\"\n        >\n          {virtualized ? (\n            <ol\n              className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n              // eslint-disable-next-line react/forbid-dom-props -- virtualizer total size, runtime-computed\n              style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n            >\n              {virtualizer.getVirtualItems().map((vi) => {\n                const line = lines[vi.index];\n                if (!line) return null;\n                // Put the measureElement ref on the <li> directly — a <div>\n                // child of <ol> is invalid and breaks list semantics for\n                // assistive tech.\n                return renderLine(line, vi.index, {\n                  liRef: virtualizer.measureElement,\n                  dataIndex: vi.index,\n                  style: { transform: `translateY(${vi.start}px)` },\n                  absolutePositioning: true,\n                });\n              })}\n            </ol>\n          ) : (\n            <ol className=\"ds:list-none ds:ps-0 ds:m-0\">\n              {lines.map((line, index) => renderLine(line, index))}\n            </ol>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nTranscriptPanel.displayName = 'TranscriptPanel';\n"],"names":["transcriptPanelAgent","handle","args","rootVariants","cva","VIRTUALIZATION_THRESHOLD","SPEAKER_SLOT_COUNT","formatTime","seconds","locale","total","m","s","fmt","n","secondsToIsoDuration","speakerSlot","name","hash","i","SPEAKER_BG_CLASSES","escapeRegExp","input","HighlightedText","text","query","escaped","part","jsx","Fragment","TranscriptPanel","forwardRef","lines","currentTime","onSeek","searchable","size","className","rest","ref","t","i18n","useTranslation","setQuery","useState","scrollRef","useRef","searchInputRef","searchId","useId","activeIndex","useMemo","line","matchCount","count","needle","hay","idx","handleRootKeyDown","useCallback","_a","virtualized","virtualizer","useVirtualizer","useLayoutEffect","scroller","target","prefersReducedMotion","renderLine","index","extras","isActive","slot","lowConfidence","jsxs","rootRef","useImperativeHandle","agentHandle","id","btn","useAgentRegistration","SearchInput","v","vi"],"mappings":"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"}

package/dist/_chunks/{typing-indicator-CbUBf-Dx.js → typing-indicator-BZ5jXZPn.js}

@@ -50,7 +50,14 @@ const g = i(
     defaultVariants: { size: "md" }
   }
 ), x = f(
-  ({ size: a = "md", density: e = "default", label: r, hideLabel: n = !1, className: l, ...c }, m) => {
+  ({
+    size: a = "md",
+    density: e = "default",
+    label: r,
+    hideLabel: n = !1,
+    className: l,
+    ...c
+  }, m) => {
     const { t: p } = u(), d = r ?? p("ui.chat.typing");
     return /* @__PURE__ */ o(
       "div",
@@ -65,9 +72,24 @@ const g = i(
         ...c,
         children: [
           /* @__PURE__ */ o("span", { "aria-hidden": "true", className: v({ density: e }), children: [
-            /* @__PURE__ */ s("span", { className: `${t({ size: a })} ds:[animation-delay:0ms]` }),
-            /* @__PURE__ */ s("span", { className: `${t({ size: a })} ds:[animation-delay:200ms]` }),
-            /* @__PURE__ */ s("span", { className: `${t({ size: a })} ds:[animation-delay:400ms]` })
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: `${t({ size: a })} ds:[animation-delay:0ms]`
+              }
+            ),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: `${t({ size: a })} ds:[animation-delay:200ms]`
+              }
+            ),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: `${t({ size: a })} ds:[animation-delay:400ms]`
+              }
+            )
           ] }),
           n ? null : /* @__PURE__ */ s("span", { className: "ds:font-medium", children: d })
         ]
@@ -79,4 +101,4 @@ x.displayName = "TypingIndicator";
 export {
   x as T
 };
-//# sourceMappingURL=typing-indicator-CbUBf-Dx.js.map
+//# sourceMappingURL=typing-indicator-BZ5jXZPn.js.map

package/dist/_chunks/typing-indicator-BZ5jXZPn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typing-indicator-BZ5jXZPn.js","sources":["../../src/components/typing-indicator/typing-indicator.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\nconst indicatorVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'ds:text-[color:var(--muted-foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      density: {\n        default: 'ds:gap-[var(--spacing-sm)]',\n        compact: 'ds:gap-[var(--spacing-xs)]',\n      },\n      size: {\n        sm: 'ds:text-[length:var(--font-size-xs)]',\n        md: 'ds:text-[length:var(--font-size-sm)]',\n        lg: 'ds:text-[length:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { density: 'default', size: 'md' },\n  },\n);\n\nconst dotsVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    density: {\n      default: 'ds:gap-[var(--spacing-xs)]',\n      compact: 'ds:gap-[calc(var(--spacing)*0.75)]',\n    },\n  },\n  defaultVariants: { density: 'default' },\n});\n\nconst dotVariants = cva(\n  [\n    'ds:inline-block ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:currentColor]',\n    // Accessible themes set --animation-duration:0ms; reduced-motion falls back via media query below\n    'ds:motion-safe:animate-[typing-indicator-dot_var(--animation-duration-typing,1.4s)_ease-in-out_infinite]',\n    'ds:motion-reduce:opacity-60',\n    'ds:[.theme-accessible_&]:animate-none ds:[.theme-accessible_&]:opacity-60',\n    'ds:forced-colors:bg-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-[6px]',\n        md: 'ds:size-[8px]',\n        lg: 'ds:size-[10px]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\ntype NativeDivProps = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'role' | 'aria-live' | 'aria-atomic'\n>;\n\nexport interface TypingIndicatorProps\n  extends NativeDivProps, VariantProps<typeof indicatorVariants> {\n  /** Optional override. When omitted, uses t('ui.chat.typing'). */\n  label?: string;\n  /** Hide the visible label, keeping only the animated dots. The label still\n   *  carries the accessible name via aria-label. */\n  hideLabel?: boolean;\n}\n\nexport const TypingIndicator = forwardRef<HTMLDivElement, TypingIndicatorProps>(\n  (\n    {\n      size = 'md',\n      density = 'default',\n      label,\n      hideLabel = false,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const resolvedLabel = label ?? t('ui.chat.typing');\n\n    return (\n      <div\n        ref={ref}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        aria-label={hideLabel ? resolvedLabel : undefined}\n        data-component=\"typing-indicator\"\n        className={indicatorVariants({ size, density, className })}\n        {...rest}\n      >\n        <span aria-hidden=\"true\" className={dotsVariants({ density })}>\n          <span\n            className={`${dotVariants({ size })} ds:[animation-delay:0ms]`}\n          />\n          <span\n            className={`${dotVariants({ size })} ds:[animation-delay:200ms]`}\n          />\n          <span\n            className={`${dotVariants({ size })} ds:[animation-delay:400ms]`}\n          />\n        </span>\n        {!hideLabel ? (\n          <span className=\"ds:font-medium\">{resolvedLabel}</span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTypingIndicator.displayName = 'TypingIndicator';\n"],"names":["indicatorVariants","cva","dotsVariants","dotVariants","TypingIndicator","forwardRef","size","density","label","hideLabel","className","rest","ref","t","useTranslation","resolvedLabel","jsxs","jsx"],"mappings":";;;;AAIA,MAAMA,IAAoBC;AAAA,EACxB;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,SAAS,WAAW,MAAM,KAAA;AAAA,EAAK;AAEtD,GAEMC,IAAeD,EAAI,kCAAkC;AAAA,EACzD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB,EAAE,SAAS,UAAA;AAC9B,CAAC,GAEKE,IAAcF;AAAA,EAClB;AAAA,IACE;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAgBaG,IAAkBC;AAAA,EAC7B,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAgBP,KAASK,EAAE,gBAAgB;AAEjD,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAJ;AAAA,QACA,MAAK;AAAA,QACL,aAAU;AAAA,QACV,eAAY;AAAA,QACZ,cAAYH,IAAYM,IAAgB;AAAA,QACxC,kBAAe;AAAA,QACf,WAAWf,EAAkB,EAAE,MAAAM,GAAM,SAAAC,GAAS,WAAAG,GAAW;AAAA,QACxD,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAK,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWd,EAAa,EAAE,SAAAK,GAAS,GAC1D,UAAA;AAAA,YAAA,gBAAAU;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,GAAGd,EAAY,EAAE,MAAAG,EAAA,CAAM,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAErC,gBAAAW;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,GAAGd,EAAY,EAAE,MAAAG,EAAA,CAAM,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAErC,gBAAAW;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,GAAGd,EAAY,EAAE,MAAAG,EAAA,CAAM,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UACrC,GACF;AAAA,UACEG,IAEE,OADF,gBAAAQ,EAAC,UAAK,WAAU,kBAAkB,aAAc;AAAA,QAC9C;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAb,EAAgB,cAAc;"}

package/dist/_chunks/use-prefers-reduced-motion-BMwIQRjB.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-prefers-reduced-motion-BMwIQRjB.js","sources":["../../src/hooks/use-prefers-reduced-motion.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\n/**\n * Subscribe to the `prefers-reduced-motion` media query so the return value\n * updates when the user toggles the OS preference during the session.\n *\n * SSR-safe: returns `false` when `window` is undefined. `useEffect` runs on\n * the client only, so hydration mismatches are avoided without a null\n * sentinel at the type level.\n */\nexport function usePrefersReducedMotion(): boolean {\n  const [reduced, setReduced] = useState<boolean>(() => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return false;\n    }\n    return window.matchMedia(QUERY).matches;\n  });\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return;\n    }\n    const mql = window.matchMedia(QUERY);\n    const onChange = (ev: MediaQueryListEvent) => setReduced(ev.matches);\n    // Safari < 14 only supports addListener/removeListener.\n    if (typeof mql.addEventListener === 'function') {\n      mql.addEventListener('change', onChange);\n      return () => mql.removeEventListener('change', onChange);\n    }\n    mql.addListener(onChange);\n    return () => mql.removeListener(onChange);\n  }, []);\n\n  return reduced;\n}\n"],"names":["QUERY","usePrefersReducedMotion","reduced","setReduced","useState","useEffect","mql","onChange","ev"],"mappings":";AAEA,MAAMA,IAAQ;AAUP,SAASC,IAAmC;AACjD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAkB,MAC1C,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe,aACzD,KAEF,OAAO,WAAWJ,CAAK,EAAE,OACjC;AAED,SAAAK,EAAU,MAAM;AACd,QAAI,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe;AAChE;AAEF,UAAMC,IAAM,OAAO,WAAWN,CAAK,GAC7BO,IAAW,CAACC,MAA4BL,EAAWK,EAAG,OAAO;AAEnE,WAAI,OAAOF,EAAI,oBAAqB,cAClCA,EAAI,iBAAiB,UAAUC,CAAQ,GAChC,MAAMD,EAAI,oBAAoB,UAAUC,CAAQ,MAEzDD,EAAI,YAAYC,CAAQ,GACjB,MAAMD,EAAI,eAAeC,CAAQ;AAAA,EAC1C,GAAG,CAAA,CAAE,GAEEL;AACT;"}
+{"version":3,"file":"use-prefers-reduced-motion-BMwIQRjB.js","sources":["../../src/hooks/use-prefers-reduced-motion.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\n/**\n * Subscribe to the `prefers-reduced-motion` media query so the return value\n * updates when the user toggles the OS preference during the session.\n *\n * SSR-safe: returns `false` when `window` is undefined. `useEffect` runs on\n * the client only, so hydration mismatches are avoided without a null\n * sentinel at the type level.\n */\nexport function usePrefersReducedMotion(): boolean {\n  const [reduced, setReduced] = useState<boolean>(() => {\n    if (\n      typeof window === 'undefined' ||\n      typeof window.matchMedia !== 'function'\n    ) {\n      return false;\n    }\n    return window.matchMedia(QUERY).matches;\n  });\n\n  useEffect(() => {\n    if (\n      typeof window === 'undefined' ||\n      typeof window.matchMedia !== 'function'\n    ) {\n      return;\n    }\n    const mql = window.matchMedia(QUERY);\n    const onChange = (ev: MediaQueryListEvent) => setReduced(ev.matches);\n    // Safari < 14 only supports addListener/removeListener.\n    if (typeof mql.addEventListener === 'function') {\n      mql.addEventListener('change', onChange);\n      return () => mql.removeEventListener('change', onChange);\n    }\n    mql.addListener(onChange);\n    return () => mql.removeListener(onChange);\n  }, []);\n\n  return reduced;\n}\n"],"names":["QUERY","usePrefersReducedMotion","reduced","setReduced","useState","useEffect","mql","onChange","ev"],"mappings":";AAEA,MAAMA,IAAQ;AAUP,SAASC,IAAmC;AACjD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAkB,MAE5C,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,aAEtB,KAEF,OAAO,WAAWJ,CAAK,EAAE,OACjC;AAED,SAAAK,EAAU,MAAM;AACd,QACE,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe;AAE7B;AAEF,UAAMC,IAAM,OAAO,WAAWN,CAAK,GAC7BO,IAAW,CAACC,MAA4BL,EAAWK,EAAG,OAAO;AAEnE,WAAI,OAAOF,EAAI,oBAAqB,cAClCA,EAAI,iBAAiB,UAAUC,CAAQ,GAChC,MAAMD,EAAI,oBAAoB,UAAUC,CAAQ,MAEzDD,EAAI,YAAYC,CAAQ,GACjB,MAAMD,EAAI,eAAeC,CAAQ;AAAA,EAC1C,GAAG,CAAA,CAAE,GAEEL;AACT;"}

package/dist/_chunks/{use-theme-BMUhembX.js → use-theme-B1cwAXJR.js}

@@ -119,10 +119,7 @@ function U() {
     K(k(e));
   }, [e]);
   const t = b((n) => {
-    g(
-      y,
-      n === "system" ? null : n
-    ), c({ ...s, theme: n });
+    g(y, n === "system" ? null : n), c({ ...s, theme: n });
   }, []), r = b((n) => {
     g(
       w,
@@ -145,4 +142,4 @@ export {
   v as t,
   U as u
 };
-//# sourceMappingURL=use-theme-BMUhembX.js.map
+//# sourceMappingURL=use-theme-B1cwAXJR.js.map

package/dist/_chunks/use-theme-B1cwAXJR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme-B1cwAXJR.js","sources":["../../src/hooks/use-theme.ts"],"sourcesContent":["import { useCallback, useEffect, useSyncExternalStore } from 'react';\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/*                                                                       */\n/* Modelled as two orthogonal axes per `src/docs/04-theming.mdx` — base  */\n/* colour scheme and AAA contrast modifier — plus an explicit `system`   */\n/* value meaning \"no user override, follow OS preferences\". The four     */\n/* concrete applied themes called out in `hooks-gaps.mdx` are exposed    */\n/* via `resolvedTheme` for code that needs to branch on the composed     */\n/* result (e.g. data-visualisation libraries with their own theme       */\n/* machinery).                                                           */\n/* -------------------------------------------------------------------- */\n\nexport type ThemeBase = 'light' | 'dark';\nexport type ThemePreference = ThemeBase | 'system';\nexport type AccessibilityPreference = 'default' | 'accessible' | 'system';\nexport type ResolvedTheme =\n  | 'light'\n  | 'dark'\n  | 'light-accessible'\n  | 'dark-accessible';\n\nexport interface UseThemeReturn {\n  /** User's stored base-theme preference, or `'system'` when no override is set. */\n  theme: ThemePreference;\n  /** User's stored AAA-contrast preference, or `'system'` when no override is set. */\n  accessibility: AccessibilityPreference;\n  /** The theme actually applied to the DOM once the preferences + OS signals are resolved. */\n  resolvedTheme: ResolvedTheme;\n  /** Persist a new base-theme preference. Pass `'system'` to clear the override. */\n  setTheme: (next: ThemePreference) => void;\n  /** Persist a new AAA-contrast preference. Pass `'system'` to clear the override. */\n  setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/* -------------------------------------------------------------------- */\n/* SSR-safe named constants                                              */\n/*                                                                       */\n/* Exported so a consuming app's SSR shim can plant the correct classes  */\n/* on `<html>` at render time without importing the whole hook (which    */\n/* pulls in React, `useSyncExternalStore`, etc.). See the acceptance    */\n/* criterion in `src/user_stories/to-do/review-findings/hooks-gaps.mdx`. */\n/* -------------------------------------------------------------------- */\n\nexport const THEME_STORAGE_KEY = 'alfadocs-ui.theme';\nexport const ACCESSIBILITY_STORAGE_KEY = 'alfadocs-ui.accessibility';\n\nexport const THEME_CLASS = {\n  light: 'theme-light',\n  dark: 'theme-dark',\n  accessible: 'theme-accessible',\n} as const;\n\nconst COLOR_SCHEME_QUERY = '(prefers-color-scheme: dark)';\nconst CONTRAST_QUERY = '(prefers-contrast: more)';\n\n/* -------------------------------------------------------------------- */\n/* Persistence — guarded against private-mode / disabled-storage throws */\n/* -------------------------------------------------------------------- */\n\nfunction safeReadStorage(key: string): string | null {\n  if (typeof window === 'undefined') return null;\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nfunction safeWriteStorage(key: string, value: string | null): void {\n  if (typeof window === 'undefined') return;\n  try {\n    if (value === null) {\n      window.localStorage.removeItem(key);\n    } else {\n      window.localStorage.setItem(key, value);\n    }\n  } catch {\n    /* Storage can throw in private mode or when quota is exceeded — the\n       in-memory state is the source of truth, so a write failure is\n       recoverable. Silent-fail matches how `usePrefersReducedMotion`\n       handles `matchMedia` being unavailable. */\n  }\n}\n\nfunction isValidTheme(value: unknown): value is ThemePreference {\n  return value === 'light' || value === 'dark' || value === 'system';\n}\n\nfunction isValidAccessibility(\n  value: unknown,\n): value is AccessibilityPreference {\n  return value === 'default' || value === 'accessible' || value === 'system';\n}\n\n/* -------------------------------------------------------------------- */\n/* External store — singleton so every `useTheme()` consumer in the      */\n/* tree reads the same snapshot and only one `matchMedia` / storage      */\n/* subscription is registered per tab.                                   */\n/* -------------------------------------------------------------------- */\n\ninterface ThemeSnapshot {\n  theme: ThemePreference;\n  accessibility: AccessibilityPreference;\n  prefersDark: boolean;\n  prefersMoreContrast: boolean;\n}\n\nfunction readInitialSnapshot(): ThemeSnapshot {\n  const storedTheme = safeReadStorage(THEME_STORAGE_KEY);\n  const storedA11y = safeReadStorage(ACCESSIBILITY_STORAGE_KEY);\n\n  const hasMatchMedia =\n    typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n\n  return {\n    theme: isValidTheme(storedTheme) ? storedTheme : 'system',\n    accessibility: isValidAccessibility(storedA11y) ? storedA11y : 'system',\n    prefersDark: hasMatchMedia\n      ? window.matchMedia(COLOR_SCHEME_QUERY).matches\n      : false,\n    prefersMoreContrast: hasMatchMedia\n      ? window.matchMedia(CONTRAST_QUERY).matches\n      : false,\n  };\n}\n\nlet snapshot: ThemeSnapshot = readInitialSnapshot();\nconst listeners = new Set<() => void>();\n\nfunction commit(next: ThemeSnapshot): void {\n  if (\n    next.theme === snapshot.theme &&\n    next.accessibility === snapshot.accessibility &&\n    next.prefersDark === snapshot.prefersDark &&\n    next.prefersMoreContrast === snapshot.prefersMoreContrast\n  ) {\n    return;\n  }\n  snapshot = next;\n  listeners.forEach((listener) => listener());\n}\n\nfunction subscribe(listener: () => void): () => void {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nfunction getSnapshot(): ThemeSnapshot {\n  return snapshot;\n}\n\nfunction getServerSnapshot(): ThemeSnapshot {\n  return {\n    theme: 'system',\n    accessibility: 'system',\n    prefersDark: false,\n    prefersMoreContrast: false,\n  };\n}\n\n/* -------------------------------------------------------------------- */\n/* Media-query subscriptions — mounted once per tab, on the first time   */\n/* `useTheme` is called in the browser. Cleanup happens via a ref-count  */\n/* in the subscription effect below.                                     */\n/* -------------------------------------------------------------------- */\n\nlet mediaSubscriberCount = 0;\nlet colorSchemeMql: MediaQueryList | null = null;\nlet contrastMql: MediaQueryList | null = null;\nlet storageHandler: ((event: StorageEvent) => void) | null = null;\n\nfunction onColorSchemeChange(event: MediaQueryListEvent): void {\n  commit({ ...snapshot, prefersDark: event.matches });\n}\n\nfunction onContrastChange(event: MediaQueryListEvent): void {\n  commit({ ...snapshot, prefersMoreContrast: event.matches });\n}\n\nfunction onStorage(event: StorageEvent): void {\n  if (event.key === THEME_STORAGE_KEY) {\n    const next = isValidTheme(event.newValue) ? event.newValue : 'system';\n    commit({ ...snapshot, theme: next });\n  } else if (event.key === ACCESSIBILITY_STORAGE_KEY) {\n    const next = isValidAccessibility(event.newValue)\n      ? event.newValue\n      : 'system';\n    commit({ ...snapshot, accessibility: next });\n  }\n}\n\nfunction attachMqlListener(\n  mql: MediaQueryList,\n  handler: (event: MediaQueryListEvent) => void,\n): () => void {\n  if (typeof mql.addEventListener === 'function') {\n    mql.addEventListener('change', handler);\n    return () => mql.removeEventListener('change', handler);\n  }\n  // Safari < 14 fallback.\n  mql.addListener(handler);\n  return () => mql.removeListener(handler);\n}\n\nfunction mountMediaSubscriptions(): () => void {\n  mediaSubscriberCount += 1;\n  if (mediaSubscriberCount > 1) {\n    return disposeOneSubscriber;\n  }\n\n  if (typeof window === 'undefined') {\n    return disposeOneSubscriber;\n  }\n\n  if (typeof window.matchMedia === 'function') {\n    colorSchemeMql = window.matchMedia(COLOR_SCHEME_QUERY);\n    contrastMql = window.matchMedia(CONTRAST_QUERY);\n    // Re-sync the module snapshot in case the OS preferences changed\n    // between initial read and first effect run (hydration window).\n    commit({\n      ...snapshot,\n      prefersDark: colorSchemeMql.matches,\n      prefersMoreContrast: contrastMql.matches,\n    });\n    detachColorScheme = attachMqlListener(colorSchemeMql, onColorSchemeChange);\n    detachContrast = attachMqlListener(contrastMql, onContrastChange);\n  }\n\n  // Cross-tab sync — `storage` only fires on *other* tabs, so the local\n  // tab still needs setTheme to update snapshot directly (it does).\n  storageHandler = onStorage;\n  window.addEventListener('storage', storageHandler);\n\n  return disposeOneSubscriber;\n}\n\nlet detachColorScheme: (() => void) | null = null;\nlet detachContrast: (() => void) | null = null;\n\nfunction disposeOneSubscriber(): void {\n  mediaSubscriberCount -= 1;\n  if (mediaSubscriberCount > 0) return;\n  detachColorScheme?.();\n  detachContrast?.();\n  detachColorScheme = null;\n  detachContrast = null;\n  colorSchemeMql = null;\n  contrastMql = null;\n  if (storageHandler && typeof window !== 'undefined') {\n    window.removeEventListener('storage', storageHandler);\n  }\n  storageHandler = null;\n}\n\n/* -------------------------------------------------------------------- */\n/* Resolution helpers                                                    */\n/* -------------------------------------------------------------------- */\n\nexport function resolveTheme(state: ThemeSnapshot): ResolvedTheme {\n  const base: ThemeBase =\n    state.theme === 'system'\n      ? state.prefersDark\n        ? 'dark'\n        : 'light'\n      : state.theme;\n  const accessible =\n    state.accessibility === 'system'\n      ? state.prefersMoreContrast\n      : state.accessibility === 'accessible';\n  if (base === 'dark' && accessible) return 'dark-accessible';\n  if (base === 'dark') return 'dark';\n  if (accessible) return 'light-accessible';\n  return 'light';\n}\n\nexport function themeClassList(resolved: ResolvedTheme): string[] {\n  switch (resolved) {\n    case 'light':\n      return [THEME_CLASS.light];\n    case 'dark':\n      return [THEME_CLASS.dark];\n    case 'light-accessible':\n      return [THEME_CLASS.light, THEME_CLASS.accessible];\n    case 'dark-accessible':\n      return [THEME_CLASS.dark, THEME_CLASS.accessible];\n  }\n}\n\nconst ALL_THEME_CLASSES = [\n  THEME_CLASS.light,\n  THEME_CLASS.dark,\n  THEME_CLASS.accessible,\n];\n\nfunction applyToDocument(resolved: ResolvedTheme): void {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  const next = new Set(themeClassList(resolved));\n  ALL_THEME_CLASSES.forEach((cls) => {\n    if (next.has(cls)) {\n      root.classList.add(cls);\n    } else {\n      root.classList.remove(cls);\n    }\n  });\n}\n\n/* -------------------------------------------------------------------- */\n/* Public hook                                                           */\n/* -------------------------------------------------------------------- */\n\n/**\n * Read and update the DS theme preference.\n *\n * - `theme` / `accessibility` are the stored user preferences, with\n *   `'system'` meaning \"no override — follow OS\".\n * - `resolvedTheme` composes preferences + live `matchMedia` state into\n *   one of the four concrete themes.\n * - `setTheme` / `setAccessibility` persist the override to\n *   `localStorage` and re-apply classes to `document.documentElement`\n *   synchronously. Pass `'system'` to clear.\n *\n * Singleton under the hood — every hook call shares one `matchMedia`\n * subscription, so mounting the hook many times does not multiply the\n * listener count. The hook also listens for cross-tab `storage` events\n * so a theme change in tab A is reflected in tab B without a reload.\n */\nexport function useTheme(): UseThemeReturn {\n  const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  useEffect(() => mountMediaSubscriptions(), []);\n\n  useEffect(() => {\n    applyToDocument(resolveTheme(state));\n  }, [state]);\n\n  const setTheme = useCallback((next: ThemePreference) => {\n    safeWriteStorage(THEME_STORAGE_KEY, next === 'system' ? null : next);\n    commit({ ...snapshot, theme: next });\n  }, []);\n\n  const setAccessibility = useCallback((next: AccessibilityPreference) => {\n    safeWriteStorage(\n      ACCESSIBILITY_STORAGE_KEY,\n      next === 'system' ? null : next,\n    );\n    commit({ ...snapshot, accessibility: next });\n  }, []);\n\n  return {\n    theme: state.theme,\n    accessibility: state.accessibility,\n    resolvedTheme: resolveTheme(state),\n    setTheme,\n    setAccessibility,\n  };\n}\n\n/* -------------------------------------------------------------------- */\n/* Test hook — reset module-level state between tests. Not exported      */\n/* from the barrel.                                                      */\n/* -------------------------------------------------------------------- */\n\nexport function __resetThemeStoreForTests(): void {\n  snapshot = readInitialSnapshot();\n  listeners.clear();\n  mediaSubscriberCount = 0;\n  detachColorScheme?.();\n  detachContrast?.();\n  detachColorScheme = null;\n  detachContrast = null;\n  colorSchemeMql = null;\n  contrastMql = null;\n  if (storageHandler && typeof window !== 'undefined') {\n    window.removeEventListener('storage', storageHandler);\n  }\n  storageHandler = null;\n}\n"],"names":["THEME_STORAGE_KEY","ACCESSIBILITY_STORAGE_KEY","THEME_CLASS","COLOR_SCHEME_QUERY","CONTRAST_QUERY","safeReadStorage","key","safeWriteStorage","value","isValidTheme","isValidAccessibility","readInitialSnapshot","storedTheme","storedA11y","hasMatchMedia","snapshot","listeners","commit","next","listener","subscribe","getSnapshot","getServerSnapshot","mediaSubscriberCount","colorSchemeMql","contrastMql","storageHandler","onColorSchemeChange","event","onContrastChange","onStorage","attachMqlListener","mql","handler","mountMediaSubscriptions","detachColorScheme","detachContrast","disposeOneSubscriber","resolveTheme","state","base","accessible","themeClassList","resolved","ALL_THEME_CLASSES","applyToDocument","root","cls","useTheme","useSyncExternalStore","useEffect","setTheme","useCallback","setAccessibility"],"mappings":"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"}

package/dist/_chunks/{visually-hidden-Bw7vBHLm.js → visually-hidden-BHxEUGyT.js}

@@ -11,11 +11,20 @@ const m = "ds:sr-only", N = r(
         ref: n
       });
     }
-    return /* @__PURE__ */ i("span", { ref: n, className: a, "data-component": "visually-hidden", ...o, children: s });
+    return /* @__PURE__ */ i(
+      "span",
+      {
+        ref: n,
+        className: a,
+        "data-component": "visually-hidden",
+        ...o,
+        children: s
+      }
+    );
   }
 );
 N.displayName = "VisuallyHidden";
 export {
   N as V
 };
-//# sourceMappingURL=visually-hidden-Bw7vBHLm.js.map
+//# sourceMappingURL=visually-hidden-BHxEUGyT.js.map

package/dist/_chunks/{visually-hidden-Bw7vBHLm.js.map → visually-hidden-BHxEUGyT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden-Bw7vBHLm.js","sources":["../../src/components/visually-hidden/visually-hidden.tsx"],"sourcesContent":["import {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type Ref,\n} from 'react';\n\n/**\n * VisuallyHidden — renders content that is invisible to sighted users but\n * available to assistive technology (screen readers).\n *\n * Implementation note (constraint §2 + §4):\n *   We use Tailwind's built-in `sr-only` utility, which compiles to the\n *   canonical visually-hidden recipe:\n *     position: absolute;\n *     width: 1px; height: 1px;\n *     padding: 0; margin: -1px;\n *     overflow: hidden;\n *     clip: rect(0, 0, 0, 0);\n *     white-space: nowrap;\n *     border-width: 0;\n *   This keeps the element in the accessibility tree (unlike `display: none`\n *   or `aria-hidden`) while removing it from the visual layout. No tokens are\n *   relevant here — there are no colours, spacing, or typography choices to\n *   make. We deliberately avoid hand-rolling the CSS so we stay aligned with\n *   Tailwind's vetted recipe.\n *\n * The `asChild` prop (Radix Slot–style) clones the single child element and\n * merges the `sr-only` class onto it, letting consumers preserve the child's\n * own DOM type (e.g. `<a>` for skip-links) without an extra wrapper element.\n */\n\ntype ChildWithClassName = ReactElement<{\n  className?: string;\n  ref?: Ref<unknown>;\n}>;\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * When true, merges the visually-hidden class onto the single child element\n   * rather than wrapping it in a `<span>`. The child must accept `className`\n   * and `ref`.\n   */\n  asChild?: boolean;\n}\n\nconst VISUALLY_HIDDEN_CLASS = 'ds:sr-only';\n\nexport const VisuallyHidden = forwardRef<HTMLSpanElement, VisuallyHiddenProps>(\n  ({ asChild = false, className, children, ...rest }, ref) => {\n    const merged = className\n      ? `${VISUALLY_HIDDEN_CLASS} ${className}`\n      : VISUALLY_HIDDEN_CLASS;\n\n    if (asChild && isValidElement(children)) {\n      const child = children as ChildWithClassName;\n      const childClassName = child.props.className\n        ? `${merged} ${child.props.className}`\n        : merged;\n      return cloneElement(child, {\n        ...rest,\n        className: childClassName,\n        ref,\n      });\n    }\n\n    return (\n      <span ref={ref} className={merged} data-component=\"visually-hidden\" {...rest}>\n        {children}\n      </span>\n    );\n  },\n);\n\nVisuallyHidden.displayName = 'VisuallyHidden';\n"],"names":["VISUALLY_HIDDEN_CLASS","VisuallyHidden","forwardRef","asChild","className","children","rest","ref","merged","isValidElement","child","childClassName","cloneElement","jsx"],"mappings":";;AAgDA,MAAMA,IAAwB,cAEjBC,IAAiBC;AAAA,EAC5B,CAAC,EAAE,SAAAC,IAAU,IAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC1D,UAAMC,IAASJ,IACX,GAAGJ,CAAqB,IAAII,CAAS,KACrCJ;AAEJ,QAAIG,KAAWM,EAAeJ,CAAQ,GAAG;AACvC,YAAMK,IAAQL,GACRM,IAAiBD,EAAM,MAAM,YAC/B,GAAGF,CAAM,IAAIE,EAAM,MAAM,SAAS,KAClCF;AACJ,aAAOI,EAAaF,GAAO;AAAA,QACzB,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,KAAAJ;AAAA,MAAA,CACD;AAAA,IACH;AAEA,WACE,gBAAAM,EAAC,UAAK,KAAAN,GAAU,WAAWC,GAAQ,kBAAe,mBAAmB,GAAGF,GACrE,UAAAD,EAAA,CACH;AAAA,EAEJ;AACF;AAEAJ,EAAe,cAAc;"}
+{"version":3,"file":"visually-hidden-BHxEUGyT.js","sources":["../../src/components/visually-hidden/visually-hidden.tsx"],"sourcesContent":["import {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type Ref,\n} from 'react';\n\n/**\n * VisuallyHidden — renders content that is invisible to sighted users but\n * available to assistive technology (screen readers).\n *\n * Implementation note (constraint §2 + §4):\n *   We use Tailwind's built-in `sr-only` utility, which compiles to the\n *   canonical visually-hidden recipe:\n *     position: absolute;\n *     width: 1px; height: 1px;\n *     padding: 0; margin: -1px;\n *     overflow: hidden;\n *     clip: rect(0, 0, 0, 0);\n *     white-space: nowrap;\n *     border-width: 0;\n *   This keeps the element in the accessibility tree (unlike `display: none`\n *   or `aria-hidden`) while removing it from the visual layout. No tokens are\n *   relevant here — there are no colours, spacing, or typography choices to\n *   make. We deliberately avoid hand-rolling the CSS so we stay aligned with\n *   Tailwind's vetted recipe.\n *\n * The `asChild` prop (Radix Slot–style) clones the single child element and\n * merges the `sr-only` class onto it, letting consumers preserve the child's\n * own DOM type (e.g. `<a>` for skip-links) without an extra wrapper element.\n */\n\ntype ChildWithClassName = ReactElement<{\n  className?: string;\n  ref?: Ref<unknown>;\n}>;\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * When true, merges the visually-hidden class onto the single child element\n   * rather than wrapping it in a `<span>`. The child must accept `className`\n   * and `ref`.\n   */\n  asChild?: boolean;\n}\n\nconst VISUALLY_HIDDEN_CLASS = 'ds:sr-only';\n\nexport const VisuallyHidden = forwardRef<HTMLSpanElement, VisuallyHiddenProps>(\n  ({ asChild = false, className, children, ...rest }, ref) => {\n    const merged = className\n      ? `${VISUALLY_HIDDEN_CLASS} ${className}`\n      : VISUALLY_HIDDEN_CLASS;\n\n    if (asChild && isValidElement(children)) {\n      const child = children as ChildWithClassName;\n      const childClassName = child.props.className\n        ? `${merged} ${child.props.className}`\n        : merged;\n      return cloneElement(child, {\n        ...rest,\n        className: childClassName,\n        ref,\n      });\n    }\n\n    return (\n      <span\n        ref={ref}\n        className={merged}\n        data-component=\"visually-hidden\"\n        {...rest}\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nVisuallyHidden.displayName = 'VisuallyHidden';\n"],"names":["VISUALLY_HIDDEN_CLASS","VisuallyHidden","forwardRef","asChild","className","children","rest","ref","merged","isValidElement","child","childClassName","cloneElement","jsx"],"mappings":";;AAgDA,MAAMA,IAAwB,cAEjBC,IAAiBC;AAAA,EAC5B,CAAC,EAAE,SAAAC,IAAU,IAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC1D,UAAMC,IAASJ,IACX,GAAGJ,CAAqB,IAAII,CAAS,KACrCJ;AAEJ,QAAIG,KAAWM,EAAeJ,CAAQ,GAAG;AACvC,YAAMK,IAAQL,GACRM,IAAiBD,EAAM,MAAM,YAC/B,GAAGF,CAAM,IAAIE,EAAM,MAAM,SAAS,KAClCF;AACJ,aAAOI,EAAaF,GAAO;AAAA,QACzB,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,KAAAJ;AAAA,MAAA,CACD;AAAA,IACH;AAEA,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,WAAWC;AAAA,QACX,kBAAe;AAAA,QACd,GAAGF;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAJ,EAAe,cAAc;"}