@alfadocs/ui-kit-debug 0.1.8

package/dist/_chunks/use-debounced-callback-BisrB-Fq.js

@@ -0,0 +1,28 @@
+import { useRef as o, useEffect as a, useCallback as m, useMemo as T } from "react";
+function d(u, s) {
+  const t = o(u), n = o(null), r = o(null);
+  a(() => {
+    t.current = u;
+  }, [u]);
+  const e = m(() => {
+    n.current !== null && (clearTimeout(n.current), n.current = null), r.current = null;
+  }, []), f = m(() => {
+    n.current !== null && (clearTimeout(n.current), n.current = null);
+    const c = r.current;
+    r.current = null, c && t.current(...c);
+  }, []);
+  return a(() => e, [e]), T(() => {
+    const l = (...R) => {
+      r.current = R, n.current !== null && clearTimeout(n.current), n.current = setTimeout(() => {
+        n.current = null;
+        const i = r.current;
+        r.current = null, i && t.current(...i);
+      }, s);
+    };
+    return l.cancel = e, l.flush = f, l;
+  }, [s, e, f]);
+}
+export {
+  d as u
+};
+//# sourceMappingURL=use-debounced-callback-BisrB-Fq.js.map

package/dist/_chunks/use-debounced-callback-BisrB-Fq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-callback-BisrB-Fq.js","sources":["../../src/components/_shared/use-debounced-callback.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\n\nexport type DebouncedCallback<A extends unknown[]> = ((...args: A) => void) & {\n  cancel: () => void;\n  flush: () => void;\n};\n\nexport function useDebouncedCallback<A extends unknown[]>(\n  callback: (...args: A) => void,\n  delayMs: number,\n): DebouncedCallback<A> {\n  const callbackRef = useRef(callback);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const pendingArgsRef = useRef<A | null>(null);\n\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  const cancel = useCallback(() => {\n    if (timerRef.current !== null) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n    pendingArgsRef.current = null;\n  }, []);\n\n  const flush = useCallback(() => {\n    if (timerRef.current !== null) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n    const args = pendingArgsRef.current;\n    pendingArgsRef.current = null;\n    if (args) callbackRef.current(...args);\n  }, []);\n\n  useEffect(() => cancel, [cancel]);\n\n  return useMemo<DebouncedCallback<A>>(() => {\n    const fn = (...args: A) => {\n      pendingArgsRef.current = args;\n      if (timerRef.current !== null) clearTimeout(timerRef.current);\n      timerRef.current = setTimeout(() => {\n        timerRef.current = null;\n        const latest = pendingArgsRef.current;\n        pendingArgsRef.current = null;\n        if (latest) callbackRef.current(...latest);\n      }, delayMs);\n    };\n    const debounced = fn as DebouncedCallback<A>;\n    debounced.cancel = cancel;\n    debounced.flush = flush;\n    return debounced;\n  }, [delayMs, cancel, flush]);\n}\n"],"names":["useDebouncedCallback","callback","delayMs","callbackRef","useRef","timerRef","pendingArgsRef","useEffect","cancel","useCallback","flush","args","useMemo","debounced","latest"],"mappings":";AAOO,SAASA,EACdC,GACAC,GACsB;AACtB,QAAMC,IAAcC,EAAOH,CAAQ,GAC7BI,IAAWD,EAA6C,IAAI,GAC5DE,IAAiBF,EAAiB,IAAI;AAE5C,EAAAG,EAAU,MAAM;AACd,IAAAJ,EAAY,UAAUF;AAAA,EACxB,GAAG,CAACA,CAAQ,CAAC;AAEb,QAAMO,IAASC,EAAY,MAAM;AAC/B,IAAIJ,EAAS,YAAY,SACvB,aAAaA,EAAS,OAAO,GAC7BA,EAAS,UAAU,OAErBC,EAAe,UAAU;AAAA,EAC3B,GAAG,CAAA,CAAE,GAECI,IAAQD,EAAY,MAAM;AAC9B,IAAIJ,EAAS,YAAY,SACvB,aAAaA,EAAS,OAAO,GAC7BA,EAAS,UAAU;AAErB,UAAMM,IAAOL,EAAe;AAC5B,IAAAA,EAAe,UAAU,MACrBK,KAAMR,EAAY,QAAQ,GAAGQ,CAAI;AAAA,EACvC,GAAG,CAAA,CAAE;AAEL,SAAAJ,EAAU,MAAMC,GAAQ,CAACA,CAAM,CAAC,GAEzBI,EAA8B,MAAM;AAWzC,UAAMC,IAVK,IAAIF,MAAY;AACzB,MAAAL,EAAe,UAAUK,GACrBN,EAAS,YAAY,QAAM,aAAaA,EAAS,OAAO,GAC5DA,EAAS,UAAU,WAAW,MAAM;AAClC,QAAAA,EAAS,UAAU;AACnB,cAAMS,IAASR,EAAe;AAC9B,QAAAA,EAAe,UAAU,MACrBQ,KAAQX,EAAY,QAAQ,GAAGW,CAAM;AAAA,MAC3C,GAAGZ,CAAO;AAAA,IACZ;AAEA,WAAAW,EAAU,SAASL,GACnBK,EAAU,QAAQH,GACXG;AAAA,EACT,GAAG,CAACX,GAASM,GAAQE,CAAK,CAAC;AAC7B;"}

package/dist/_chunks/use-direction-D6rvvG9G.js

@@ -0,0 +1,40 @@
+import { useState as s, useLayoutEffect as d } from "react";
+const l = () => typeof document > "u" ? "ltr" : document.documentElement.getAttribute("dir") === "rtl" ? "rtl" : "ltr";
+function b(e) {
+  const [u, r] = s(l);
+  return d(() => {
+    const t = e.current;
+    if (!t) return;
+    const n = t.parentElement ?? t, i = () => {
+      const m = window.getComputedStyle(n).direction;
+      r(m === "rtl" ? "rtl" : "ltr");
+    };
+    i();
+    const c = new MutationObserver(i);
+    let o = n;
+    for (; o; )
+      c.observe(o, { attributes: !0, attributeFilter: ["dir"] }), o = o.parentElement;
+    return () => c.disconnect();
+  }, [e]), u;
+}
+function f() {
+  const [e, u] = s(l);
+  return d(() => {
+    if (typeof document > "u") return;
+    const r = () => {
+      const n = document.documentElement.getAttribute("dir");
+      u(n === "rtl" ? "rtl" : "ltr");
+    };
+    r();
+    const t = new MutationObserver(r);
+    return t.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["dir"]
+    }), () => t.disconnect();
+  }, []), e;
+}
+export {
+  f as a,
+  b as u
+};
+//# sourceMappingURL=use-direction-D6rvvG9G.js.map

package/dist/_chunks/use-direction-D6rvvG9G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-direction-D6rvvG9G.js","sources":["../../src/components/_shared/use-direction.ts"],"sourcesContent":["import { useLayoutEffect, useState, type RefObject } from 'react';\n\nexport type Direction = 'ltr' | 'rtl';\n\nconst initialDocumentDir = (): Direction => {\n  if (typeof document === 'undefined') return 'ltr';\n  return document.documentElement.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr';\n};\n\n/**\n * Resolves the effective writing direction for `ref`'s element by walking its\n * ancestor chain and reacting to `dir` attribute mutations along the way.\n *\n * Radix primitives default to `dir=\"ltr\"` when no `DirectionProvider` is\n * present and then stamp `dir=\"ltr\"` onto the rendered element — which\n * overrides any inherited `dir=\"rtl\"` from a parent. Pass the result of this\n * hook to the primitive's `dir` prop so the logical layout flips correctly.\n */\nexport function useDirection(ref: RefObject<HTMLElement | null>): Direction {\n  const [dir, setDir] = useState<Direction>(initialDocumentDir);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    // Read from the parent so Radix's own `dir=\"ltr\"` stamp on `element`\n    // (which overrides the inherited direction) doesn't feed back into us.\n    const source = element.parentElement ?? element;\n\n    const read = () => {\n      const computed = window.getComputedStyle(source).direction;\n      setDir(computed === 'rtl' ? 'rtl' : 'ltr');\n    };\n\n    read();\n\n    const observer = new MutationObserver(read);\n    let node: Element | null = source;\n    while (node) {\n      observer.observe(node, { attributes: true, attributeFilter: ['dir'] });\n      node = node.parentElement;\n    }\n\n    return () => observer.disconnect();\n  }, [ref]);\n\n  return dir;\n}\n\n/**\n * Resolves the document-level writing direction. Use for components whose\n * Root is a pure context provider (no DOM element to ref) — e.g. Radix\n * DropdownMenu/ContextMenu/Menubar Roots.\n */\nexport function useDocumentDirection(): Direction {\n  const [dir, setDir] = useState<Direction>(initialDocumentDir);\n\n  useLayoutEffect(() => {\n    if (typeof document === 'undefined') return;\n    const read = () => {\n      const value = document.documentElement.getAttribute('dir');\n      setDir(value === 'rtl' ? 'rtl' : 'ltr');\n    };\n    read();\n    const observer = new MutationObserver(read);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['dir'],\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  return dir;\n}\n"],"names":["initialDocumentDir","useDirection","ref","dir","setDir","useState","useLayoutEffect","element","source","read","computed","observer","node","useDocumentDirection","value"],"mappings":";AAIA,MAAMA,IAAqB,MACrB,OAAO,WAAa,MAAoB,QACrC,SAAS,gBAAgB,aAAa,KAAK,MAAM,QAAQ,QAAQ;AAYnE,SAASC,EAAaC,GAA+C;AAC1E,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAoBL,CAAkB;AAE5D,SAAAM,EAAgB,MAAM;AACpB,UAAMC,IAAUL,EAAI;AACpB,QAAI,CAACK,EAAS;AAId,UAAMC,IAASD,EAAQ,iBAAiBA,GAElCE,IAAO,MAAM;AACjB,YAAMC,IAAW,OAAO,iBAAiBF,CAAM,EAAE;AACjD,MAAAJ,EAAOM,MAAa,QAAQ,QAAQ,KAAK;AAAA,IAC3C;AAEA,IAAAD,EAAA;AAEA,UAAME,IAAW,IAAI,iBAAiBF,CAAI;AAC1C,QAAIG,IAAuBJ;AAC3B,WAAOI;AACL,MAAAD,EAAS,QAAQC,GAAM,EAAE,YAAY,IAAM,iBAAiB,CAAC,KAAK,GAAG,GACrEA,IAAOA,EAAK;AAGd,WAAO,MAAMD,EAAS,WAAA;AAAA,EACxB,GAAG,CAACT,CAAG,CAAC,GAEDC;AACT;AAOO,SAASU,IAAkC;AAChD,QAAM,CAACV,GAAKC,CAAM,IAAIC,EAAoBL,CAAkB;AAE5D,SAAAM,EAAgB,MAAM;AACpB,QAAI,OAAO,WAAa,IAAa;AACrC,UAAMG,IAAO,MAAM;AACjB,YAAMK,IAAQ,SAAS,gBAAgB,aAAa,KAAK;AACzD,MAAAV,EAAOU,MAAU,QAAQ,QAAQ,KAAK;AAAA,IACxC;AACA,IAAAL,EAAA;AACA,UAAME,IAAW,IAAI,iBAAiBF,CAAI;AAC1C,WAAAE,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,KAAK;AAAA,IAAA,CACxB,GACM,MAAMA,EAAS,WAAA;AAAA,EACxB,GAAG,CAAA,CAAE,GAEER;AACT;"}

package/dist/_chunks/use-locale-BuXR_Zl9.js

@@ -0,0 +1,32 @@
+import { useState as c, useEffect as s, useCallback as u } from "react";
+import "../i18n/config.js";
+import a from "i18next";
+function l(n) {
+  const [o, i] = c(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(n).matches);
+  return s(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function")
+      return;
+    const t = window.matchMedia(n);
+    i(t.matches);
+    const e = (r) => i(r.matches);
+    return typeof t.addEventListener == "function" ? (t.addEventListener("change", e), () => t.removeEventListener("change", e)) : (t.addListener(e), () => t.removeListener(e));
+  }, [n]), o;
+}
+function h() {
+  const [n, o] = c(() => a.language);
+  s(() => {
+    const e = (r) => o(r);
+    return a.on("languageChanged", e), a.language !== n && o(a.language), () => {
+      a.off("languageChanged", e);
+    };
+  }, [n]);
+  const i = u(async (e) => {
+    await a.changeLanguage(e);
+  }, []), t = a.dir(n) === "rtl" ? "rtl" : "ltr";
+  return { locale: n, dir: t, setLocale: i };
+}
+export {
+  l as a,
+  h as u
+};
+//# sourceMappingURL=use-locale-BuXR_Zl9.js.map

package/dist/_chunks/use-locale-BuXR_Zl9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-locale-BuXR_Zl9.js","sources":["../../src/hooks/use-media-query.ts","../../src/hooks/use-locale.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Subscribe to an arbitrary media query and return whether it currently\n * matches. Useful for responsive components that need to branch on\n * viewport size without hand-rolling `matchMedia` plumbing.\n *\n * SSR-safe: returns `false` when `window` is undefined. The effect is\n * client-only, so hydration mismatches are avoided without a null\n * sentinel at the type level.\n *\n * Mirrors the shape of `usePrefersReducedMotion` — Safari < 14 fallback\n * via `addListener` / `removeListener` is included.\n *\n * @example\n *   const isMobile = useMediaQuery('(max-width: 640px)');\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = 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    // Re-sync in case the query (or the OS state) changed between the\n    // initial useState read and the first effect.\n    setMatches(mql.matches);\n    const onChange = (ev: MediaQueryListEvent) => setMatches(ev.matches);\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  }, [query]);\n\n  return matches;\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport i18n from '../i18n/config';\n\nexport type LocaleDir = 'ltr' | 'rtl';\n\nexport interface UseLocaleReturn {\n  /** Current i18next language tag (e.g. `'en'`, `'ar'`, `'ja'`). */\n  locale: string;\n  /** Reading direction for the current locale, derived from `i18n.dir(locale)`. */\n  dir: LocaleDir;\n  /** Change the active i18next language. */\n  setLocale: (next: string) => Promise<void>;\n}\n\n/**\n * Read the active i18n locale and its reading direction. Subscribes to\n * `i18next.on('languageChanged')` so consumers re-render when the locale\n * changes (e.g. via `<select>` in a settings page).\n *\n * SSR-safe: the initial state is read synchronously from the i18next\n * instance, which itself ships an SSR-friendly default. The\n * `languageChanged` listener attaches in `useEffect`, so it only runs\n * client-side.\n *\n * Thin wrapper — the underlying source of truth is the i18next instance\n * exported from `src/i18n/config.ts`. Use this hook over reading\n * `i18n.language` directly so components can:\n *   1. Re-render on language change without ad-hoc state.\n *   2. Get `dir` derived correctly (RTL for `ar`).\n */\nexport function useLocale(): UseLocaleReturn {\n  const [locale, setLocaleState] = useState<string>(() => i18n.language);\n\n  useEffect(() => {\n    const onChange = (next: string) => setLocaleState(next);\n    i18n.on('languageChanged', onChange);\n    // Re-sync — the `i18n.language` may have settled between the\n    // initial useState read and effect attach (async language load).\n    if (i18n.language !== locale) setLocaleState(i18n.language);\n    return () => {\n      i18n.off('languageChanged', onChange);\n    };\n  }, [locale]);\n\n  const setLocale = useCallback(async (next: string) => {\n    await i18n.changeLanguage(next);\n  }, []);\n\n  // `i18n.dir(locale)` returns `'ltr' | 'rtl'` — the i18next types declare\n  // it as `string`, so we narrow.\n  const dir = (i18n.dir(locale) === 'rtl' ? 'rtl' : 'ltr') as LocaleDir;\n\n  return { locale, dir, setLocale };\n}\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","mql","onChange","ev","useLocale","locale","setLocaleState","i18n","next","setLocale","useCallback","dir"],"mappings":";;;AAiBO,SAASA,EAAcC,GAAwB;AACpD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAkB,MAE5C,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,aAEtB,KAEF,OAAO,WAAWH,CAAK,EAAE,OACjC;AAED,SAAAI,EAAU,MAAM;AACd,QACE,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe;AAE7B;AAEF,UAAMC,IAAM,OAAO,WAAWL,CAAK;AAGnC,IAAAE,EAAWG,EAAI,OAAO;AACtB,UAAMC,IAAW,CAACC,MAA4BL,EAAWK,EAAG,OAAO;AACnE,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,CAACN,CAAK,CAAC,GAEHC;AACT;ACnBO,SAASO,IAA6B;AAC3C,QAAM,CAACC,GAAQC,CAAc,IAAIP,EAAiB,MAAMQ,EAAK,QAAQ;AAErE,EAAAP,EAAU,MAAM;AACd,UAAME,IAAW,CAACM,MAAiBF,EAAeE,CAAI;AACtDD,WAAAA,EAAK,GAAG,mBAAmBL,CAAQ,GAG/BK,EAAK,aAAaF,KAAQC,EAAeC,EAAK,QAAQ,GACnD,MAAM;AACXA,MAAAA,EAAK,IAAI,mBAAmBL,CAAQ;AAAA,IACtC;AAAA,EACF,GAAG,CAACG,CAAM,CAAC;AAEX,QAAMI,IAAYC,EAAY,OAAOF,MAAiB;AACpD,UAAMD,EAAK,eAAeC,CAAI;AAAA,EAChC,GAAG,CAAA,CAAE,GAICG,IAAOJ,EAAK,IAAIF,CAAM,MAAM,QAAQ,QAAQ;AAElD,SAAO,EAAE,QAAAA,GAAQ,KAAAM,GAAK,WAAAF,EAAA;AACxB;"}

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

@@ -0,0 +1,15 @@
+import { useState as i, useEffect as c } from "react";
+const t = "(prefers-reduced-motion: reduce)";
+function f() {
+  const [d, o] = i(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(t).matches);
+  return c(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function")
+      return;
+    const e = window.matchMedia(t), n = (r) => o(r.matches);
+    return typeof e.addEventListener == "function" ? (e.addEventListener("change", n), () => e.removeEventListener("change", n)) : (e.addListener(n), () => e.removeListener(n));
+  }, []), d;
+}
+export {
+  f as u
+};
+//# sourceMappingURL=use-prefers-reduced-motion-BMwIQRjB.js.map

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

@@ -0,0 +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;"}

package/dist/_chunks/use-theme-BMUhembX.js

@@ -0,0 +1,148 @@
+import { useSyncExternalStore as A, useEffect as p, useCallback as b } from "react";
+const y = "alfadocs-ui.theme", w = "alfadocs-ui.accessibility", i = {
+  light: "theme-light",
+  dark: "theme-dark",
+  accessible: "theme-accessible"
+}, M = "(prefers-color-scheme: dark)", C = "(prefers-contrast: more)";
+function S(e) {
+  if (typeof window > "u") return null;
+  try {
+    return window.localStorage.getItem(e);
+  } catch {
+    return null;
+  }
+}
+function g(e, t) {
+  if (!(typeof window > "u"))
+    try {
+      t === null ? window.localStorage.removeItem(e) : window.localStorage.setItem(e, t);
+    } catch {
+    }
+}
+function L(e) {
+  return e === "light" || e === "dark" || e === "system";
+}
+function T(e) {
+  return e === "default" || e === "accessible" || e === "system";
+}
+function _() {
+  const e = S(y), t = S(w), r = typeof window < "u" && typeof window.matchMedia == "function";
+  return {
+    theme: L(e) ? e : "system",
+    accessibility: T(t) ? t : "system",
+    prefersDark: r ? window.matchMedia(M).matches : !1,
+    prefersMoreContrast: r ? window.matchMedia(C).matches : !1
+  };
+}
+let s = _();
+const h = /* @__PURE__ */ new Set();
+function c(e) {
+  e.theme === s.theme && e.accessibility === s.accessibility && e.prefersDark === s.prefersDark && e.prefersMoreContrast === s.prefersMoreContrast || (s = e, h.forEach((t) => t()));
+}
+function D(e) {
+  return h.add(e), () => {
+    h.delete(e);
+  };
+}
+function I() {
+  return s;
+}
+function R() {
+  return {
+    theme: "system",
+    accessibility: "system",
+    prefersDark: !1,
+    prefersMoreContrast: !1
+  };
+}
+let d = 0, u = null, f = null, l = null;
+function O(e) {
+  c({ ...s, prefersDark: e.matches });
+}
+function V(e) {
+  c({ ...s, prefersMoreContrast: e.matches });
+}
+function H(e) {
+  if (e.key === y) {
+    const t = L(e.newValue) ? e.newValue : "system";
+    c({ ...s, theme: t });
+  } else if (e.key === w) {
+    const t = T(e.newValue) ? e.newValue : "system";
+    c({ ...s, accessibility: t });
+  }
+}
+function E(e, t) {
+  return typeof e.addEventListener == "function" ? (e.addEventListener("change", t), () => e.removeEventListener("change", t)) : (e.addListener(t), () => e.removeListener(t));
+}
+function Y() {
+  return d += 1, d > 1 || typeof window > "u" || (typeof window.matchMedia == "function" && (u = window.matchMedia(M), f = window.matchMedia(C), c({
+    ...s,
+    prefersDark: u.matches,
+    prefersMoreContrast: f.matches
+  }), a = E(u, O), o = E(f, V)), l = H, window.addEventListener("storage", l)), m;
+}
+let a = null, o = null;
+function m() {
+  d -= 1, !(d > 0) && (a == null || a(), o == null || o(), a = null, o = null, u = null, f = null, l && typeof window < "u" && window.removeEventListener("storage", l), l = null);
+}
+function k(e) {
+  const t = e.theme === "system" ? e.prefersDark ? "dark" : "light" : e.theme, r = e.accessibility === "system" ? e.prefersMoreContrast : e.accessibility === "accessible";
+  return t === "dark" && r ? "dark-accessible" : t === "dark" ? "dark" : r ? "light-accessible" : "light";
+}
+function v(e) {
+  switch (e) {
+    case "light":
+      return [i.light];
+    case "dark":
+      return [i.dark];
+    case "light-accessible":
+      return [i.light, i.accessible];
+    case "dark-accessible":
+      return [i.dark, i.accessible];
+  }
+}
+const G = [
+  i.light,
+  i.dark,
+  i.accessible
+];
+function K(e) {
+  if (typeof document > "u") return;
+  const t = document.documentElement, r = new Set(v(e));
+  G.forEach((n) => {
+    r.has(n) ? t.classList.add(n) : t.classList.remove(n);
+  });
+}
+function U() {
+  const e = A(D, I, R);
+  p(() => Y(), []), p(() => {
+    K(k(e));
+  }, [e]);
+  const t = b((n) => {
+    g(
+      y,
+      n === "system" ? null : n
+    ), c({ ...s, theme: n });
+  }, []), r = b((n) => {
+    g(
+      w,
+      n === "system" ? null : n
+    ), c({ ...s, accessibility: n });
+  }, []);
+  return {
+    theme: e.theme,
+    accessibility: e.accessibility,
+    resolvedTheme: k(e),
+    setTheme: t,
+    setAccessibility: r
+  };
+}
+export {
+  w as A,
+  i as T,
+  y as a,
+  k as r,
+  v as t,
+  U as u
+};
+//# sourceMappingURL=use-theme-BMUhembX.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme-BMUhembX.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' &&\n    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(\n      THEME_STORAGE_KEY,\n      next === 'system' ? null : next,\n    );\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/user-CPxpqFjJ.js

@@ -0,0 +1,15 @@
+import { c } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+], r = c("user", e);
+export {
+  r as U
+};
+//# sourceMappingURL=user-CPxpqFjJ.js.map

package/dist/_chunks/user-CPxpqFjJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-CPxpqFjJ.js","sources":["../../node_modules/lucide-react/dist/esm/icons/user.js"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\", key: \"975kel\" }],\n  [\"circle\", { cx: \"12\", cy: \"7\", r: \"4\", key: \"17ys0d\" }]\n];\nconst User = createLucideIcon(\"user\", __iconNode);\n\nexport { __iconNode, User as default };\n//# sourceMappingURL=user.js.map\n"],"names":["__iconNode","User","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,6CAA6C,KAAK,SAAQ,CAAE;AAAA,EAC1E,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,KAAK,GAAG,KAAK,KAAK,SAAQ,CAAE;AACzD,GACMC,IAAOC,EAAiB,QAAQF,CAAU;","x_google_ignoreList":[0]}

package/dist/_chunks/visually-hidden-Bw7vBHLm.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as r, isValidElement as c, cloneElement as p } from "react";
+const m = "ds:sr-only", N = r(
+  ({ asChild: t = !1, className: l, children: s, ...o }, n) => {
+    const a = l ? `${m} ${l}` : m;
+    if (t && c(s)) {
+      const e = s, d = e.props.className ? `${a} ${e.props.className}` : a;
+      return p(e, {
+        ...o,
+        className: d,
+        ref: n
+      });
+    }
+    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

package/dist/_chunks/visually-hidden-Bw7vBHLm.js.map

@@ -0,0 +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;"}

package/dist/_chunks/warning-stack-8Pa3pekh.js

@@ -0,0 +1,181 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { forwardRef as M, useId as N, useState as O, useRef as y, useEffect as V, useMemo as _, useCallback as j } from "react";
+import { c as W } from "./index-D2ZczOXr.js";
+import { useTranslation as q } from "react-i18next";
+import { A as u } from "./alert-BlOUMkXj.js";
+import { B as F } from "./button-7mLWcMp_.js";
+import { C as H } from "./chevron-down-BX_NP2Yh.js";
+const L = W(
+  [
+    "ds:flex ds:flex-col",
+    "ds:rounded-[var(--radius-lg)]",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:shadow-[var(--shadow-card)]",
+    "ds:p-[var(--spacing-md)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:gap-[var(--spacing-sm)]",
+        md: "ds:gap-[var(--spacing-md)]"
+      },
+      // `stretch: true` fills the parent layout cell — mirrors the `stretch`
+      // prop on `Card` so a WarningStack rendered next to a Card in a grid
+      // row ends up at matching height.
+      stretch: {
+        true: "ds:h-full ds:self-stretch",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      stretch: !1
+    }
+  }
+), J = W("ds:flex ds:flex-col", {
+  variants: {
+    size: {
+      sm: "ds:gap-[var(--spacing-sm)]",
+      md: "ds:gap-[var(--spacing-md)]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), K = [
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start"
+].join(" "), P = M(
+  ({
+    items: r,
+    title: h,
+    description: p,
+    maxVisible: t,
+    defaultCollapsed: z = !0,
+    onDismiss: i,
+    size: g = "md",
+    stretch: v = !1,
+    ariaLabel: A,
+    emptyState: m,
+    className: w,
+    ...x
+  }, k) => {
+    const { t: e } = q(), d = N(), b = N(), c = t !== void 0 && r.length > t, [o, B] = O(z), f = y(null), S = y(r.length);
+    V(() => {
+      if (!f.current) return;
+      const n = S.current, s = r.length;
+      n !== s && (f.current.textContent = e("ui.warningStack.countChanged", {
+        count: s,
+        defaultValue: "{{count}} warnings to review"
+      })), S.current = s;
+    }, [r.length, e]);
+    const R = _(() => !c || !o ? r : r.slice(0, t), [r, c, o, t]), E = c ? r.length - (t ?? 0) : 0, I = j(
+      (n) => (s) => {
+        s || i == null || i(n);
+      },
+      [i]
+    ), T = j(() => B((n) => !n), []), G = A ?? e("ui.warningStack.regionLabel", "Warnings"), C = h ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-3xs)]", children: [
+      /* @__PURE__ */ a(
+        "h2",
+        {
+          id: d,
+          className: "ds:text-start type-title-section ds:text-[var(--foreground)]",
+          children: h
+        }
+      ),
+      p ? /* @__PURE__ */ a("p", { className: "ds:text-start type-body-sm ds:text-[var(--muted-foreground)]", children: p }) : null
+    ] }) : /* @__PURE__ */ a("h2", { id: d, className: "ds:sr-only", children: G });
+    return r.length === 0 ? m ? /* @__PURE__ */ l(
+      "section",
+      {
+        ref: k,
+        role: "region",
+        "aria-labelledby": d,
+        "data-component": "warning-stack",
+        className: [L({ size: g, stretch: v }), w].filter(Boolean).join(" "),
+        ...x,
+        children: [
+          C,
+          m
+        ]
+      }
+    ) : null : /* @__PURE__ */ l(
+      "section",
+      {
+        ref: k,
+        role: "region",
+        "aria-labelledby": d,
+        "data-component": "warning-stack",
+        className: [L({ size: g, stretch: v }), w].filter(Boolean).join(" "),
+        ...x,
+        children: [
+          C,
+          /* @__PURE__ */ a(
+            "div",
+            {
+              ref: f,
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              className: "ds:sr-only"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "ul",
+            {
+              id: b,
+              className: J({ size: g }),
+              "aria-label": e("ui.warningStack.listLabel", "Warning list"),
+              children: R.map((n) => {
+                const s = n.variant ?? "warning";
+                return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ l(
+                  u,
+                  {
+                    variant: s,
+                    dismissible: n.dismissible,
+                    icon: n.icon,
+                    onOpenChange: I(n),
+                    children: [
+                      /* @__PURE__ */ a(u.Title, { as: "h3", children: n.title }),
+                      n.description ? /* @__PURE__ */ a(u.Description, { children: n.description }) : null,
+                      n.actions ? /* @__PURE__ */ a(u.Action, { children: n.actions }) : null
+                    ]
+                  }
+                ) }, n.id);
+              })
+            }
+          ),
+          c ? /* @__PURE__ */ l(
+            F,
+            {
+              type: "button",
+              intent: "link",
+              size: "sm",
+              "aria-expanded": !o,
+              "aria-controls": b,
+              onClick: T,
+              className: K,
+              children: [
+                /* @__PURE__ */ a(
+                  H,
+                  {
+                    "aria-hidden": "true",
+                    className: [
+                      "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+                      o ? "" : "ds:rotate-180"
+                    ].join(" ")
+                  }
+                ),
+                o ? e("ui.warningStack.showMore", {
+                  count: E,
+                  defaultValue: "Show {{count}} more warnings"
+                }) : e("ui.warningStack.showLess", "Show less")
+              ]
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+P.displayName = "WarningStack";
+export {
+  P as W
+};
+//# sourceMappingURL=warning-stack-8Pa3pekh.js.map

package/dist/_chunks/warning-stack-8Pa3pekh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning-stack-8Pa3pekh.js","sources":["../../src/components/warning-stack/warning-stack.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { Alert, type AlertProps } from '../alert/alert';\nimport { Button } from '../button/button';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface WarningStackItem {\n  id: string;\n  variant?: AlertProps['variant'];\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  dismissible?: boolean;\n}\n\nconst stackVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:p-[var(--spacing-md)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:gap-[var(--spacing-sm)]',\n        md: 'ds:gap-[var(--spacing-md)]',\n      },\n      // `stretch: true` fills the parent layout cell — mirrors the `stretch`\n      // prop on `Card` so a WarningStack rendered next to a Card in a grid\n      // row ends up at matching height.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      stretch: false,\n    },\n  },\n);\n\nconst listVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    size: {\n      sm: 'ds:gap-[var(--spacing-sm)]',\n      md: 'ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst TOGGLE_CLASSES = [\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start',\n].join(' ');\n\nexport interface WarningStackProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'title'>,\n    VariantProps<typeof stackVariants> {\n  /** Items rendered inside the stack. */\n  items: WarningStackItem[];\n  /** Fill the parent layout cell — use in a dashboard grid row so the\n   *  stack ends up with matching height to sibling Cards. */\n  stretch?: boolean;\n  /** Visible title rendered as an `<h2>` above the stack. Also labels the\n   *  region for assistive tech. When omitted, the region is labelled via a\n   *  visually hidden heading using `ariaLabel` (or the default \"Warnings\"). */\n  title?: ReactNode;\n  /** Optional short description rendered under the title. */\n  description?: ReactNode;\n  /** Cap on visible items before a \"Show N more\" toggle appears. */\n  maxVisible?: number;\n  /** Whether the stack starts collapsed when items exceed `maxVisible`. */\n  defaultCollapsed?: boolean;\n  /** Fires when a dismissible item's close control is activated. */\n  onDismiss?: (item: WarningStackItem) => void;\n  /** Accessible label for the region when `title` is not set. */\n  ariaLabel?: string;\n  /** Optional node rendered when the stack has zero items. */\n  emptyState?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const WarningStack = forwardRef<HTMLDivElement, WarningStackProps>(\n  (\n    {\n      items,\n      title,\n      description,\n      maxVisible,\n      defaultCollapsed = true,\n      onDismiss,\n      size = 'md',\n      stretch = false,\n      ariaLabel,\n      emptyState,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const labelId = useId();\n    const listId = useId();\n\n    const overflow = maxVisible !== undefined && items.length > maxVisible;\n    const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n    // Live-region announces the count when items change.\n    const liveRef = useRef<HTMLDivElement>(null);\n    const lastCountRef = useRef<number>(items.length);\n\n    useEffect(() => {\n      if (!liveRef.current) return;\n      const prev = lastCountRef.current;\n      const next = items.length;\n      if (prev !== next) {\n        liveRef.current.textContent = t('ui.warningStack.countChanged', {\n          count: next,\n          defaultValue: '{{count}} warnings to review',\n        });\n      }\n      lastCountRef.current = next;\n    }, [items.length, t]);\n\n    const visible = useMemo(() => {\n      if (!overflow || !collapsed) return items;\n      return items.slice(0, maxVisible);\n    }, [items, overflow, collapsed, maxVisible]);\n\n    const hiddenCount = overflow ? items.length - (maxVisible ?? 0) : 0;\n\n    const handleDismiss = useCallback(\n      (item: WarningStackItem) => (open: boolean) => {\n        if (!open) onDismiss?.(item);\n      },\n      [onDismiss],\n    );\n\n    const toggle = useCallback(() => setCollapsed((c) => !c), []);\n\n    const regionLabel = ariaLabel ?? t('ui.warningStack.regionLabel', 'Warnings');\n\n    // Title block: a visible header when `title` is provided; otherwise a\n    // visually hidden heading so the region still has a programmatic name.\n    // A `<div>` rather than `<header>` wrapper keeps the `<header>` element's\n    // implicit banner role from leaking out of the region.\n    const header = title ? (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-3xs)]\">\n        <h2\n          id={labelId}\n          className=\"ds:text-start type-title-section ds:text-[var(--foreground)]\"\n        >\n          {title}\n        </h2>\n        {description ? (\n          <p className=\"ds:text-start type-body-sm ds:text-[var(--muted-foreground)]\">\n            {description}\n          </p>\n        ) : null}\n      </div>\n    ) : (\n      <h2 id={labelId} className=\"ds:sr-only\">\n        {regionLabel}\n      </h2>\n    );\n\n    if (items.length === 0) {\n      if (!emptyState) return null;\n      return (\n        <section\n          ref={ref}\n          role=\"region\"\n          aria-labelledby={labelId}\n          data-component=\"warning-stack\"\n          className={[stackVariants({ size, stretch }), className].filter(Boolean).join(' ')}\n          {...rest}\n        >\n          {header}\n          {emptyState}\n        </section>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        role=\"region\"\n        aria-labelledby={labelId}\n        data-component=\"warning-stack\"\n        className={[stackVariants({ size, stretch }), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {header}\n        <div\n          ref={liveRef}\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n        />\n        <ul\n          id={listId}\n          className={listVariants({ size })}\n          aria-label={t('ui.warningStack.listLabel', 'Warning list')}\n        >\n          {visible.map((item) => {\n            const variant = item.variant ?? 'warning';\n            return (\n              <li key={item.id}>\n                <Alert\n                  variant={variant}\n                  dismissible={item.dismissible}\n                  icon={item.icon}\n                  onOpenChange={handleDismiss(item)}\n                >\n                  {/* `as=\"h3\"` keeps a clean heading ladder — the stack's\n                      h2 labels the region, then each item's h3 rises from it. */}\n                  <Alert.Title as=\"h3\">{item.title}</Alert.Title>\n                  {item.description ? (\n                    <Alert.Description>{item.description}</Alert.Description>\n                  ) : null}\n                  {item.actions ? <Alert.Action>{item.actions}</Alert.Action> : null}\n                </Alert>\n              </li>\n            );\n          })}\n        </ul>\n\n        {overflow ? (\n          <Button\n            type=\"button\"\n            intent=\"link\"\n            size=\"sm\"\n            aria-expanded={!collapsed}\n            aria-controls={listId}\n            onClick={toggle}\n            className={TOGGLE_CLASSES}\n          >\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={[\n                'ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                collapsed ? '' : 'ds:rotate-180',\n              ].join(' ')}\n            />\n            {collapsed\n              ? t('ui.warningStack.showMore', {\n                  count: hiddenCount,\n                  defaultValue: 'Show {{count}} more warnings',\n                })\n              : t('ui.warningStack.showLess', 'Show less')}\n          </Button>\n        ) : null}\n      </section>\n    );\n  },\n);\n\nWarningStack.displayName = 'WarningStack';\n"],"names":["stackVariants","cva","listVariants","TOGGLE_CLASSES","WarningStack","forwardRef","items","title","description","maxVisible","defaultCollapsed","onDismiss","size","stretch","ariaLabel","emptyState","className","rest","ref","t","useTranslation","labelId","useId","listId","overflow","collapsed","setCollapsed","useState","liveRef","useRef","lastCountRef","useEffect","prev","next","visible","useMemo","hiddenCount","handleDismiss","useCallback","item","open","toggle","c","regionLabel","header","jsxs","jsx","variant","Alert","Button","ChevronDown"],"mappings":";;;;;;;AA+BA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,IACE;AAAA,IACA;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,MAAA;AAAA;AAAA;AAAA;AAAA,MAKN,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAeD,EAAI,uBAAuB;AAAA,EAC9C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB,EAAE,MAAM,KAAA;AAC3B,CAAC,GAEKE,IAAiB;AAAA,EACrB;AACF,EAAE,KAAK,GAAG,GAgCGC,IAAeC;AAAA,EAC1B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAASD,EAAA,GAETE,IAAWf,MAAe,UAAaH,EAAM,SAASG,GACtD,CAACgB,GAAWC,CAAY,IAAIC,EAASjB,CAAgB,GAGrDkB,IAAUC,EAAuB,IAAI,GACrCC,IAAeD,EAAevB,EAAM,MAAM;AAEhD,IAAAyB,EAAU,MAAM;AACd,UAAI,CAACH,EAAQ,QAAS;AACtB,YAAMI,IAAOF,EAAa,SACpBG,IAAO3B,EAAM;AACnB,MAAI0B,MAASC,MACXL,EAAQ,QAAQ,cAAcT,EAAE,gCAAgC;AAAA,QAC9D,OAAOc;AAAA,QACP,cAAc;AAAA,MAAA,CACf,IAEHH,EAAa,UAAUG;AAAA,IACzB,GAAG,CAAC3B,EAAM,QAAQa,CAAC,CAAC;AAEpB,UAAMe,IAAUC,EAAQ,MAClB,CAACX,KAAY,CAACC,IAAkBnB,IAC7BA,EAAM,MAAM,GAAGG,CAAU,GAC/B,CAACH,GAAOkB,GAAUC,GAAWhB,CAAU,CAAC,GAErC2B,IAAcZ,IAAWlB,EAAM,UAAUG,KAAc,KAAK,GAE5D4B,IAAgBC;AAAA,MACpB,CAACC,MAA2B,CAACC,MAAkB;AAC7C,QAAKA,KAAM7B,KAAA,QAAAA,EAAY4B;AAAA,MACzB;AAAA,MACA,CAAC5B,CAAS;AAAA,IAAA,GAGN8B,IAASH,EAAY,MAAMZ,EAAa,CAACgB,MAAM,CAACA,CAAC,GAAG,EAAE,GAEtDC,IAAc7B,KAAaK,EAAE,+BAA+B,UAAU,GAMtEyB,IAASrC,IACb,gBAAAsC,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAIzB;AAAA,UACJ,WAAU;AAAA,UAET,UAAAd;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFC,IACC,gBAAAsC,EAAC,KAAA,EAAE,WAAU,gEACV,aACH,IACE;AAAA,IAAA,EAAA,CACN,IAEA,gBAAAA,EAAC,MAAA,EAAG,IAAIzB,GAAS,WAAU,cACxB,UAAAsB,GACH;AAGF,WAAIrC,EAAM,WAAW,IACdS,IAEH,gBAAA8B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAA3B;AAAA,QACA,MAAK;AAAA,QACL,mBAAiBG;AAAA,QACjB,kBAAe;AAAA,QACf,WAAW,CAACrB,EAAc,EAAE,MAAAY,GAAM,SAAAC,EAAA,CAAS,GAAGG,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAChF,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAA2B;AAAA,UACA7B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAXmB,OAiBxB,gBAAA8B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAA3B;AAAA,QACA,MAAK;AAAA,QACL,mBAAiBG;AAAA,QACjB,kBAAe;AAAA,QACf,WAAW,CAACrB,EAAc,EAAE,MAAAY,GAAM,SAAAC,EAAA,CAAS,GAAGG,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAChF,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAA2B;AAAA,UACD,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKlB;AAAA,cACL,aAAU;AAAA,cACV,eAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAkB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIvB;AAAA,cACJ,WAAWrB,EAAa,EAAE,MAAAU,GAAM;AAAA,cAChC,cAAYO,EAAE,6BAA6B,cAAc;AAAA,cAExD,UAAAe,EAAQ,IAAI,CAACK,MAAS;AACrB,sBAAMQ,IAAUR,EAAK,WAAW;AAChC,yCACG,MAAA,EACC,UAAA,gBAAAM;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,SAAAD;AAAA,oBACA,aAAaR,EAAK;AAAA,oBAClB,MAAMA,EAAK;AAAA,oBACX,cAAcF,EAAcE,CAAI;AAAA,oBAIhC,UAAA;AAAA,sBAAA,gBAAAO,EAACE,EAAM,OAAN,EAAY,IAAG,MAAM,YAAK,OAAM;AAAA,sBAChCT,EAAK,cACJ,gBAAAO,EAACE,EAAM,aAAN,EAAmB,UAAAT,EAAK,aAAY,IACnC;AAAA,sBACHA,EAAK,UAAU,gBAAAO,EAACE,EAAM,QAAN,EAAc,UAAAT,EAAK,SAAQ,IAAkB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,EAChE,GAdOA,EAAK,EAed;AAAA,cAEJ,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFf,IACC,gBAAAqB;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,MAAK;AAAA,cACL,iBAAe,CAACxB;AAAA,cAChB,iBAAeF;AAAA,cACf,SAASkB;AAAA,cACT,WAAWtC;AAAA,cAEX,UAAA;AAAA,gBAAA,gBAAA2C;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,WAAW;AAAA,sBACT;AAAA,sBACAzB,IAAY,KAAK;AAAA,oBAAA,EACjB,KAAK,GAAG;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEXA,IACGN,EAAE,4BAA4B;AAAA,kBAC5B,OAAOiB;AAAA,kBACP,cAAc;AAAA,gBAAA,CACf,IACDjB,EAAE,4BAA4B,WAAW;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAE7C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAf,EAAa,cAAc;"}