@alfadocs/ui-kit-debug 0.94.0 → 0.96.0

package/dist/_chunks/{apexcharts-theme-fAQXLIMW.js → apexcharts-theme-B_AxGC_h.js}

@@ -7,36 +7,46 @@ const s = [
   "textarea",
   '[tabindex]:not([tabindex="-1"])'
 ].join(",");
-function i(t) {
+function d(t) {
   u(() => {
     const e = t.current;
     if (!e) return;
-    const r = () => {
+    const o = () => {
       e.querySelectorAll('[aria-hidden="true"]').forEach((n) => {
         n.querySelectorAll(s).forEach((c) => {
           c.setAttribute("tabindex", "-1");
         });
       });
     };
-    r();
-    const o = new MutationObserver(r);
-    return o.observe(e, {
+    o();
+    const r = new MutationObserver(o);
+    return r.observe(e, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       attributeFilter: ["aria-hidden", "tabindex"]
-    }), () => o.disconnect();
+    }), () => r.disconnect();
   }, [t]);
 }
 function a(t) {
   if (typeof document > "u" || !t) return t;
   const e = document.createElement("span");
   e.style.backgroundColor = t, document.documentElement.appendChild(e);
-  const r = getComputedStyle(e).backgroundColor;
-  return e.remove(), r || t;
+  const o = getComputedStyle(e).backgroundColor;
+  return e.remove(), o || t;
 }
 function l() {
-  const t = getComputedStyle(document.documentElement), e = (o) => t.getPropertyValue(o).trim();
+  if (typeof document > "u") return 0.18;
+  const t = getComputedStyle(document.documentElement).getPropertyValue("--chart-compare-fill-opacity").trim(), e = parseFloat(t);
+  return Number.isFinite(e) ? e : 0.18;
+}
+function m(t) {
+  if (typeof document > "u" || !t) return t;
+  const e = getComputedStyle(document.documentElement), o = parseFloat(e.getPropertyValue("--chart-compare-fill-opacity")) || 0.18, r = Math.round(o * 100), n = e.getPropertyValue("--background").trim();
+  return a(`color-mix(in srgb, ${t} ${r}%, ${n})`);
+}
+function p() {
+  const t = getComputedStyle(document.documentElement), e = (r) => t.getPropertyValue(r).trim();
   return {
     theme: { mode: document.documentElement.classList.contains("theme-dark") ? "dark" : "light" },
     colors: [
@@ -50,18 +60,13 @@ function l() {
       foreColor: e("--foreground"),
       fontFamily: e("--font-sans")
     },
-    grid: { borderColor: e("--border") },
-    compare: {
-      // `--muted-foreground` is a plain `var(--color-blue-*)` chain — already a
-      // usable colour, so no probe is needed.
-      mark: e("--muted-foreground"),
-      // `--calendar-compare-fill` is a `color-mix()` string — resolve it.
-      wash: a(e("--calendar-compare-fill"))
-    }
+    grid: { borderColor: e("--border") }
   };
 }
 export {
-  l as g,
-  i as u
+  l as a,
+  p as g,
+  m as r,
+  d as u
 };
-//# sourceMappingURL=apexcharts-theme-fAQXLIMW.js.map
+//# sourceMappingURL=apexcharts-theme-B_AxGC_h.js.map

package/dist/_chunks/apexcharts-theme-B_AxGC_h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apexcharts-theme-B_AxGC_h.js","sources":["../../src/components/_shared/use-neutralize-hidden-focus.ts","../../src/tokens/apexcharts-theme.ts"],"sourcesContent":["import { useEffect, type RefObject } from 'react';\n\n/* -------------------------------------------------------------------- */\n/* useNeutraliseHiddenFocus                                             */\n/*                                                                      */\n/* axe's `aria-hidden-focus` rule (correctly) flags focusable           */\n/* descendants of `aria-hidden=\"true\"` subtrees. Several DS components  */\n/* embed third-party renders (ApexCharts, FullCalendar) that inject     */\n/* focusable elements (canvases with tabindex, anchor wrappers) inside  */\n/* a wrapper that we deliberately mark `aria-hidden` because the outer  */\n/* element carries the accessible name (`role=\"img\"` + `aria-label`).   */\n/*                                                                      */\n/* This hook walks the ref tree on mount and on subtree mutation, and   */\n/* sets `tabindex=\"-1\"` on focusable descendants of any aria-hidden     */\n/* ancestor. Cheaper than forking the third-party render and keeps the  */\n/* fix scoped to the component using it.                                */\n/* -------------------------------------------------------------------- */\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button',\n  'input',\n  'select',\n  'textarea',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\nexport function useNeutraliseHiddenFocus<T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n): void {\n  useEffect(() => {\n    const root = containerRef.current;\n    if (!root) return undefined;\n\n    const neutralise = () => {\n      root\n        .querySelectorAll<HTMLElement>('[aria-hidden=\"true\"]')\n        .forEach((hidden) => {\n          hidden\n            .querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)\n            .forEach((el) => {\n              el.setAttribute('tabindex', '-1');\n            });\n        });\n    };\n\n    neutralise();\n    const observer = new MutationObserver(neutralise);\n    observer.observe(root, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['aria-hidden', 'tabindex'],\n    });\n    return () => observer.disconnect();\n  }, [containerRef]);\n}\n","import type ApexCharts from 'apexcharts';\n\n/** The theme-bridge output. */\nexport type ApexChartsTheme = ApexCharts.ApexOptions;\n\n/**\n * Resolve a colour-accepting token value the ApexCharts way: set it on a real\n * colour property of a detached probe appended to `document.documentElement`\n * (which carries the active `theme-*` class, so a per-theme `color-mix()`\n * resolves to the correct colour), read the computed value back, then remove the\n * probe. Returns the input untouched when there is no DOM (SSR) or when the\n * browser rejected the value.\n *\n * The probe mutates only `documentElement`'s child list, never its `class`\n * attribute, so it does not trip the chart's class-only MutationObserver.\n */\nfunction resolveColour(value: string): string {\n  if (typeof document === 'undefined' || !value) return value;\n  const probe = document.createElement('span');\n  probe.style.backgroundColor = value;\n  document.documentElement.appendChild(probe);\n  const resolved = getComputedStyle(probe).backgroundColor;\n  probe.remove();\n  return resolved || value;\n}\n\n/**\n * Compare fill opacity from the `--chart-compare-fill-opacity` token. Drives\n * the per-series `fill.opacity` of a compare bar / area overlay (see\n * `ChartSeries.role` in `src/components/chart/chart.tsx`). Theme-invariant —\n * the token value itself does not shift between themes; the resulting COLOUR\n * retints because it is mixed from the theme-shifting primary and background\n * (see `resolveCompareTint`). Falls back to 0.18 outside a browser.\n */\nexport function getCompareFillOpacity(): number {\n  if (typeof document === 'undefined') return 0.18;\n  const v = getComputedStyle(document.documentElement)\n    .getPropertyValue('--chart-compare-fill-opacity')\n    .trim();\n  const parsed = parseFloat(v);\n  return Number.isFinite(parsed) ? parsed : 0.18;\n}\n\n/**\n * Resolve a compare TINT: the paired primary mixed OVER the surface at the\n * compare opacity, so it is an opaque lighter shade of the same hue — used for\n * the legend swatch (and anywhere the tint is needed as a solid colour).\n * `primary` is an already-resolved colour (the k-th primary's colour). Uses the\n * same detached probe the bridge uses for `color-mix`, so it retints per theme\n * with no new observer and no hex literal in component code. Returns `primary`\n * untouched outside a browser.\n */\nexport function resolveCompareTint(primary: string): string {\n  if (typeof document === 'undefined' || !primary) return primary;\n  const styles = getComputedStyle(document.documentElement);\n  const opacity =\n    parseFloat(styles.getPropertyValue('--chart-compare-fill-opacity')) || 0.18;\n  const pct = Math.round(opacity * 100);\n  const bg = styles.getPropertyValue('--background').trim();\n  return resolveColour(`color-mix(in srgb, ${primary} ${pct}%, ${bg})`);\n}\n\nexport function getApexChartsTheme(): ApexChartsTheme {\n  const styles = getComputedStyle(document.documentElement);\n  const get = (v: string) => styles.getPropertyValue(v).trim();\n  const isDark = document.documentElement.classList.contains('theme-dark');\n  return {\n    theme: { mode: isDark ? 'dark' : 'light' },\n    colors: [\n      get('--primary'),\n      get('--accent'),\n      get('--success'),\n      get('--warning'),\n    ],\n    chart: {\n      background: get('--background'),\n      foreColor: get('--foreground'),\n      fontFamily: get('--font-sans'),\n    },\n    grid: { borderColor: get('--border') },\n  };\n}\n"],"names":["FOCUSABLE_SELECTOR","useNeutraliseHiddenFocus","containerRef","useEffect","root","neutralise","hidden","el","observer","resolveColour","value","probe","resolved","getCompareFillOpacity","v","parsed","resolveCompareTint","primary","styles","opacity","pct","bg","getApexChartsTheme","get"],"mappings":";AAkBA,MAAMA,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEH,SAASC,EACdC,GACM;AACN,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAOF,EAAa;AAC1B,QAAI,CAACE,EAAM;AAEX,UAAMC,IAAa,MAAM;AACvB,MAAAD,EACG,iBAA8B,sBAAsB,EACpD,QAAQ,CAACE,MAAW;AACnB,QAAAA,EACG,iBAA8BN,CAAkB,EAChD,QAAQ,CAACO,MAAO;AACf,UAAAA,EAAG,aAAa,YAAY,IAAI;AAAA,QAClC,CAAC;AAAA,MACL,CAAC;AAAA,IACL;AAEA,IAAAF,EAAA;AACA,UAAMG,IAAW,IAAI,iBAAiBH,CAAU;AAChD,WAAAG,EAAS,QAAQJ,GAAM;AAAA,MACrB,WAAW;AAAA,MACX,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,iBAAiB,CAAC,eAAe,UAAU;AAAA,IAAA,CAC5C,GACM,MAAMI,EAAS,WAAA;AAAA,EACxB,GAAG,CAACN,CAAY,CAAC;AACnB;ACxCA,SAASO,EAAcC,GAAuB;AAC5C,MAAI,OAAO,WAAa,OAAe,CAACA,EAAO,QAAOA;AACtD,QAAMC,IAAQ,SAAS,cAAc,MAAM;AAC3C,EAAAA,EAAM,MAAM,kBAAkBD,GAC9B,SAAS,gBAAgB,YAAYC,CAAK;AAC1C,QAAMC,IAAW,iBAAiBD,CAAK,EAAE;AACzC,SAAAA,EAAM,OAAA,GACCC,KAAYF;AACrB;AAUO,SAASG,IAAgC;AAC9C,MAAI,OAAO,WAAa,IAAa,QAAO;AAC5C,QAAMC,IAAI,iBAAiB,SAAS,eAAe,EAChD,iBAAiB,8BAA8B,EAC/C,KAAA,GACGC,IAAS,WAAWD,CAAC;AAC3B,SAAO,OAAO,SAASC,CAAM,IAAIA,IAAS;AAC5C;AAWO,SAASC,EAAmBC,GAAyB;AAC1D,MAAI,OAAO,WAAa,OAAe,CAACA,EAAS,QAAOA;AACxD,QAAMC,IAAS,iBAAiB,SAAS,eAAe,GAClDC,IACJ,WAAWD,EAAO,iBAAiB,8BAA8B,CAAC,KAAK,MACnEE,IAAM,KAAK,MAAMD,IAAU,GAAG,GAC9BE,IAAKH,EAAO,iBAAiB,cAAc,EAAE,KAAA;AACnD,SAAOT,EAAc,sBAAsBQ,CAAO,IAAIG,CAAG,MAAMC,CAAE,GAAG;AACtE;AAEO,SAASC,IAAsC;AACpD,QAAMJ,IAAS,iBAAiB,SAAS,eAAe,GAClDK,IAAM,CAACT,MAAcI,EAAO,iBAAiBJ,CAAC,EAAE,KAAA;AAEtD,SAAO;AAAA,IACL,OAAO,EAAE,MAFI,SAAS,gBAAgB,UAAU,SAAS,YAAY,IAE7C,SAAS,QAAA;AAAA,IACjC,QAAQ;AAAA,MACNS,EAAI,WAAW;AAAA,MACfA,EAAI,UAAU;AAAA,MACdA,EAAI,WAAW;AAAA,MACfA,EAAI,WAAW;AAAA,IAAA;AAAA,IAEjB,OAAO;AAAA,MACL,YAAYA,EAAI,cAAc;AAAA,MAC9B,WAAWA,EAAI,cAAc;AAAA,MAC7B,YAAYA,EAAI,aAAa;AAAA,IAAA;AAAA,IAE/B,MAAM,EAAE,aAAaA,EAAI,UAAU,EAAA;AAAA,EAAE;AAEzC;"}