@alfadocs/ui-kit-debug 0.93.0 → 0.94.0

package/dist/_chunks/apexcharts-theme-fAQXLIMW.js

@@ -0,0 +1,67 @@
+import { useEffect as u } from "react";
+const s = [
+  "a[href]",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function i(t) {
+  u(() => {
+    const e = t.current;
+    if (!e) return;
+    const r = () => {
+      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, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["aria-hidden", "tabindex"]
+    }), () => o.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;
+}
+function l() {
+  const t = getComputedStyle(document.documentElement), e = (o) => t.getPropertyValue(o).trim();
+  return {
+    theme: { mode: document.documentElement.classList.contains("theme-dark") ? "dark" : "light" },
+    colors: [
+      e("--primary"),
+      e("--accent"),
+      e("--success"),
+      e("--warning")
+    ],
+    chart: {
+      background: e("--background"),
+      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"))
+    }
+  };
+}
+export {
+  l as g,
+  i as u
+};
+//# sourceMappingURL=apexcharts-theme-fAQXLIMW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apexcharts-theme-fAQXLIMW.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/**\n * Resolved colours for a `ChartSeries` `role: 'compare'` overlay (see\n * `src/components/chart/chart.tsx`). ApexCharts cannot read `var(--…)` or a\n * `color-mix()` string, so both are resolved to a usable colour value here —\n * the same native way the ramp resolves `--primary` — and re-read on the\n * chart's existing theme MutationObserver, so they retint per theme with no\n * new observer and no hex literal in component code.\n */\nexport interface ApexCompareColors {\n  /**\n   * Load-bearing solid neutral grey — the compare line stroke, the compare bar\n   * fill base, the area gradient source, and the greyed legend swatch. Sourced\n   * from `--muted-foreground` (a plain `var(--color-blue-*)` chain), which\n   * `getPropertyValue` already returns as a usable colour. Solid so it clears\n   * WCAG 1.4.11 3:1 as a graphical object — which the 55% `--calendar-compare-edge`\n   * mix does not.\n   */\n  mark: string;\n  /**\n   * Decorative faint grey wash for the compare area gradient tint only.\n   * Sourced from `--calendar-compare-fill`, which is a `color-mix()` string\n   * that `getPropertyValue` returns UNRESOLVED, so it is resolved via a\n   * detached probe (see `resolveColour`).\n   */\n  wash: string;\n}\n\n/** The theme-bridge output, plus resolved compare-overlay colours. */\nexport interface ApexChartsTheme extends ApexCharts.ApexOptions {\n  /**\n   * Resolved compare-overlay colours. Read ONLY inside the chart's\n   * `hasCompare` branches and never spread into the ApexCharts options object,\n   * so a chart with no compare series emits byte-identical options.\n   */\n  compare?: ApexCompareColors;\n}\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 grey), 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\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    compare: {\n      // `--muted-foreground` is a plain `var(--color-blue-*)` chain — already a\n      // usable colour, so no probe is needed.\n      mark: get('--muted-foreground'),\n      // `--calendar-compare-fill` is a `color-mix()` string — resolve it.\n      wash: resolveColour(get('--calendar-compare-fill')),\n    },\n  };\n}\n"],"names":["FOCUSABLE_SELECTOR","useNeutraliseHiddenFocus","containerRef","useEffect","root","neutralise","hidden","el","observer","resolveColour","value","probe","resolved","getApexChartsTheme","styles","get","v"],"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;ACNA,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;AAEO,SAASG,IAAsC;AACpD,QAAMC,IAAS,iBAAiB,SAAS,eAAe,GAClDC,IAAM,CAACC,MAAcF,EAAO,iBAAiBE,CAAC,EAAE,KAAA;AAEtD,SAAO;AAAA,IACL,OAAO,EAAE,MAFI,SAAS,gBAAgB,UAAU,SAAS,YAAY,IAE7C,SAAS,QAAA;AAAA,IACjC,QAAQ;AAAA,MACND,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,IACnC,SAAS;AAAA;AAAA;AAAA,MAGP,MAAMA,EAAI,oBAAoB;AAAA;AAAA,MAE9B,MAAMN,EAAcM,EAAI,yBAAyB,CAAC;AAAA,IAAA;AAAA,EACpD;AAEJ;"}