@alfadocs/ui-kit-debug 0.94.0 → 0.96.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "0.94.0",
+  "version": "0.96.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",

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

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

package/dist/_chunks/chart-DqxVCm1I.js

@@ -1,664 +0,0 @@
-import { jsxs as R, jsx as c } from "react/jsx-runtime";
-import { forwardRef as _e, useId as xe, useMemo as h, useRef as ze, useState as D, useEffect as he, useImperativeHandle as Ee } from "react";
-import { c as Ne } from "./index-D2ZczOXr.js";
-import { useTranslation as Ae } from "react-i18next";
-import Oe from "react-apexcharts";
-import ue from "apexcharts";
-import { u as Be, g as me } from "./apexcharts-theme-fAQXLIMW.js";
-import { u as Pe } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as Me } from "./registry-DvAUVLHh.js";
-import { I as $e } from "./icon-button-C_kbcd7I.js";
-import { I as He } from "./icon-button-group-BLHPN6jg.js";
-import { c as L } from "./createLucideIcon-DhHxpK9K.js";
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const We = [
-  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
-  [
-    "path",
-    {
-      d: "M7 11.207a.5.5 0 0 1 .146-.353l2-2a.5.5 0 0 1 .708 0l3.292 3.292a.5.5 0 0 0 .708 0l4.292-4.292a.5.5 0 0 1 .854.353V16a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z",
-      key: "q0gr47"
-    }
-  ]
-], Ge = L("chart-area", We);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const je = [
-  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
-  ["path", { d: "M18 17V9", key: "2bz60n" }],
-  ["path", { d: "M13 17V5", key: "1frdt8" }],
-  ["path", { d: "M8 17v-3", key: "17ska0" }]
-], De = L("chart-column", je);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ke = [
-  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
-  ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
-], Ue = L("chart-line", Ke);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ve = [
-  [
-    "path",
-    {
-      d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
-      key: "pzmjnu"
-    }
-  ],
-  ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }]
-], Ye = L("chart-pie", Ve);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const qe = [
-  [
-    "path",
-    {
-      d: "M20.5 10a2.5 2.5 0 0 1-2.4-3H18a2.95 2.95 0 0 1-2.6-4.4 10 10 0 1 0 6.3 7.1c-.3.2-.8.3-1.2.3",
-      key: "19sr3x"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Ze = L("donut", qe), Fe = {
-  id: "chart",
-  // view_change backs the opt-in type switcher (`switchableTypes` prop):
-  // the same chart re-presented as line / bar / area / pie / donut.
-  capabilities: ["view_change"],
-  state: {
-    declaredType: {
-      type: "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
-      descriptionKey: "ui.agent.chart.state.declaredType",
-      description: "The consumer-declared chart type — the shape `update_series` expects.",
-      read: (o) => o.getTypeState().declaredType
-    },
-    effectiveType: {
-      type: "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
-      descriptionKey: "ui.agent.chart.state.effectiveType",
-      description: "The type currently rendered — differs from declaredType after a type-switcher pick.",
-      read: (o) => o.getTypeState().effectiveType
-    },
-    availableTypes: {
-      type: "ChartType[]",
-      descriptionKey: "ui.agent.chart.state.availableTypes",
-      description: "Types the switcher offers. Empty when the chart has no type switcher.",
-      read: (o) => o.getTypeState().availableTypes
-    }
-  },
-  actions: {
-    change_view: {
-      // Switching the presentation is a write (it changes what the user
-      // sees) but is trivially reversible by switching back.
-      safety: "write",
-      argsType: "type",
-      argsSchema: {
-        type: "object",
-        properties: {
-          type: {
-            type: "string",
-            enum: ["line", "bar", "area", "pie", "donut"],
-            description: "The chart type to render."
-          }
-        },
-        required: ["type"]
-      },
-      returns: "boolean (accepted)",
-      returnsSchema: {
-        type: "boolean",
-        description: "True when the switch was applied; false when the chart has no type switcher or the type is not offered (check availableTypes first)."
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.changeView",
-      description: "Switch the rendered chart type via the type switcher. No-op (returns false) when the chart has no switcher or the type is not offered.",
-      invoke: (o, f) => o.setType(f.type)
-    },
-    update_series: {
-      // Replacing the rendered series mutates what the chart displays — it
-      // is a write, reversible by pushing the prior series back.
-      safety: "write",
-      argsType: "series",
-      // `series` is `ChartSeries[]` (line/bar/area) OR `number[]`
-      // (pie/donut/radialBar). Both shapes are accepted; the handle routes
-      // by chart type internally.
-      argsSchema: {
-        type: "object",
-        properties: {
-          series: {
-            oneOf: [
-              {
-                type: "array",
-                description: "Categorical series for line / bar / area charts.",
-                items: {
-                  type: "object",
-                  properties: {
-                    name: { type: "string" },
-                    data: { type: "array", items: { type: "number" } },
-                    role: {
-                      type: "string",
-                      enum: ["primary", "compare"],
-                      description: "Optional. 'compare' renders this series as a secondary, colour-blind-safe overlay (e.g. the previous period) — dashed grey for line/area, hatched grey for bar. Omit for a normal primary series."
-                    }
-                  },
-                  required: ["name", "data"]
-                }
-              },
-              {
-                type: "array",
-                description: "Flat values for pie / donut / radialBar charts.",
-                items: { type: "number" }
-              }
-            ]
-          }
-        },
-        required: ["series"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.updateSeries",
-      description: "Replace the chart series without remounting. Pass the DECLARED type’s shape (see declaredType state) — when the user has switched the view cross-shape the values are converted to the rendered shape. The write targets the live instance only: a later type switch re-reads the original props and discards it.",
-      invoke: (o, f) => {
-        o.updateSeries(f.series);
-      }
-    },
-    export_png: {
-      safety: "read",
-      returns: "string (PNG data URI)",
-      returnsSchema: {
-        type: "string",
-        description: "A `data:image/png;base64,…` URI of the rendered chart."
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.exportPng",
-      description: "Return a PNG data URI of the chart for export or screenshotting.",
-      invoke: (o) => o.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "chart" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, Je = Ne("ds:relative ds:block ds:w-full", {
-  variants: {
-    density: {
-      compact: "ds:min-h-[var(--chart-min-height-compact)]",
-      comfortable: "ds:min-h-[var(--chart-min-height-comfortable)]",
-      // Applied when an explicit `height` prop is given and no density was
-      // requested: the wrapper must not exceed the caller's height (a 96px
-      // KPI chart inside a card must not reserve 320px).
-      none: ""
-    }
-  },
-  defaultVariants: { density: "comfortable" }
-}), K = [
-  "verticalLines",
-  "horizontalLines",
-  "slantedLines",
-  "squares",
-  "circles"
-], Qe = ["line", "bar", "area"], Xe = ["pie", "donut", "radialBar"], fe = [
-  "line",
-  "bar",
-  "area",
-  "pie",
-  "donut"
-], et = {
-  line: "chart.typeSwitcher.line",
-  bar: "chart.typeSwitcher.bar",
-  area: "chart.typeSwitcher.area",
-  pie: "chart.typeSwitcher.pie",
-  donut: "chart.typeSwitcher.donut"
-}, tt = {
-  line: /* @__PURE__ */ c(Ue, {}),
-  bar: /* @__PURE__ */ c(De, {}),
-  area: /* @__PURE__ */ c(Ge, {}),
-  pie: /* @__PURE__ */ c(Ye, {}),
-  donut: /* @__PURE__ */ c(Ze, {})
-};
-function v(o) {
-  return Xe.includes(o);
-}
-function U(o) {
-  return Qe.includes(o);
-}
-function at(o, f) {
-  return v(f) ? [
-    {
-      name: "",
-      data: o
-    }
-  ] : o;
-}
-const rt = _e(
-  ({
-    title: o,
-    id: f,
-    type: u,
-    series: _,
-    categories: V,
-    labels: N,
-    height: Y,
-    width: ye,
-    patterns: q = !1,
-    stacked: Z = !1,
-    orientation: A = "vertical",
-    curve: F = "smooth",
-    colors: x,
-    toolbar: O = !1,
-    locale: be,
-    radialValueFormatter: g,
-    valueFormatter: J,
-    switchableTypes: z,
-    onTypeChange: B,
-    density: ve,
-    className: Q
-  }, ge) => {
-    const { t: i, i18n: Te } = Ae(), X = xe(), T = h(
-      () => `chart-${X.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [X]
-    ), P = `${T}-summary`, M = ze(null), [ee, Se] = D(0);
-    Be(M);
-    const S = be ?? Te.language ?? "en", [te, we] = D(() => {
-      try {
-        return me();
-      } catch {
-        return {};
-      }
-    });
-    he(() => {
-      if (typeof document > "u") return;
-      let e;
-      const t = new MutationObserver(() => {
-        clearTimeout(e), e = setTimeout(() => {
-          try {
-            we(me());
-          } catch {
-          }
-        }, 50);
-      });
-      return t.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => {
-        clearTimeout(e), t.disconnect();
-      };
-    }, []), he(() => {
-      const e = M.current;
-      if (!e || typeof ResizeObserver > "u") return;
-      const t = new ResizeObserver((n) => {
-        const p = n[0];
-        p && Se(Math.floor(p.contentRect.width));
-      });
-      return t.observe(e), () => t.disconnect();
-    }, []);
-    const w = h(() => {
-      if (!z || z.length === 0) return [];
-      const e = z.filter(
-        (n) => fe.includes(n)
-      );
-      if (!fe.includes(u))
-        return [];
-      const t = e.includes(u) ? e : [u, ...e];
-      return [...new Set(t)];
-    }, [z, u]), b = w.length >= 2, [$, ae] = D(null), a = b && $ && w.includes($) ? $ : u, H = v(u), re = v(a), { effectiveSeries: y, effectiveCategories: E, effectiveLabels: I } = h(() => {
-      if (H === re)
-        return {
-          effectiveSeries: _,
-          effectiveCategories: V,
-          effectiveLabels: N
-        };
-      if (!H) {
-        const n = _.filter((s) => s.role !== "compare");
-        return {
-          effectiveSeries: n.map(
-            (s) => s.data.reduce((d, C) => d + C, 0)
-          ),
-          effectiveCategories: void 0,
-          effectiveLabels: n.map((s) => s.name)
-        };
-      }
-      const e = _;
-      return {
-        effectiveSeries: [
-          { name: i("chart.table.value"), data: e }
-        ],
-        effectiveCategories: N ?? [],
-        effectiveLabels: void 0
-      };
-    }, [_, V, N, H, re, i]), W = h(
-      () => ({
-        async dataURI() {
-          const e = ue.getChartByID(T);
-          return e ? (await e.dataURI()).imgURI : "";
-        },
-        updateSeries(e) {
-          const t = ue.getChartByID(T);
-          if (!t) return;
-          const n = v(u), p = v(a);
-          if (n === p) {
-            t.updateSeries(e);
-            return;
-          }
-          if (!n) {
-            const s = e.filter(
-              (d) => d.role !== "compare"
-            );
-            t.updateOptions(
-              { labels: s.map((d) => d.name) },
-              !1,
-              !0
-            ), t.updateSeries(
-              s.map((d) => d.data.reduce((C, l) => C + l, 0))
-            );
-            return;
-          }
-          t.updateSeries([
-            { name: i("chart.table.value"), data: e }
-          ]);
-        },
-        setType(e) {
-          return !b || !w.includes(e) ? !1 : (ae(e), !0);
-        },
-        getTypeState() {
-          return {
-            declaredType: u,
-            effectiveType: a,
-            availableTypes: b ? [...w] : []
-          };
-        }
-      }),
-      [T, u, a, i, b, w]
-    );
-    Ee(ge, () => W, [W]), Me(Fe, W, f);
-    const G = typeof document < "u" && document.documentElement.dir === "rtl", oe = h(
-      () => at(y, a),
-      [y, a]
-    ), ie = h(
-      () => new Intl.NumberFormat(S),
-      [S]
-    ), k = h(
-      () => J ?? ((e) => ie.format(e)),
-      [J, ie]
-    ), se = h(
-      () => ({
-        name: S,
-        options: {
-          toolbar: {
-            download: i("chart.toolbar.download"),
-            selection: i("chart.toolbar.selection"),
-            selectionZoom: i("chart.toolbar.selectionZoom"),
-            zoomIn: i("chart.toolbar.zoomIn"),
-            zoomOut: i("chart.toolbar.zoomOut"),
-            pan: i("chart.toolbar.pan"),
-            reset: i("chart.toolbar.reset"),
-            exportToSVG: i("chart.toolbar.exportToSVG"),
-            exportToPNG: i("chart.toolbar.exportToPNG"),
-            exportToCSV: i("chart.toolbar.exportToCSV")
-          }
-        }
-      }),
-      [S, i]
-    ), j = Pe(), ke = h(() => {
-      var ce, de, le;
-      const { compare: e, ...t } = te, n = (e == null ? void 0 : e.mark) ?? "", p = (e == null ? void 0 : e.wash) ?? "", s = U(a) && Array.isArray(y) ? y.map((r) => r.role === "compare") : [], d = s.some(Boolean), C = d && a === "bar", l = {
-        ...t,
-        chart: {
-          ...t.chart,
-          id: T,
-          toolbar: { show: O },
-          zoom: { enabled: O },
-          animations: {
-            enabled: !j,
-            dynamicAnimation: { enabled: !j }
-          },
-          locales: [se],
-          defaultLocale: S,
-          parentHeightOffset: 0,
-          // Stacking is an axis-only concept — gate on the categorical types
-          // so a slice/radial chart never receives it, and omit the key
-          // entirely when unstacked so the default output is byte-identical.
-          ...Z && U(a) ? { stacked: !0 } : {}
-        },
-        // Only set `labels` when the effective type actually has them (slice
-        // charts). Emitting `labels: undefined` crashes ApexCharts' bar
-        // renderer — `parseDataAxisCharts` reads `labels.length` and throws
-        // "Cannot read properties of undefined (reading 'length')", which
-        // aborts the render and leaves a blank chart. Absent is safe; area /
-        // line tolerate the undefined but bar does not, so never pass it.
-        ...I ? { labels: I } : {},
-        legend: {
-          ...t.legend,
-          position: "bottom",
-          // ApexCharts legend.horizontalAlign is a physical prop mapped internally
-          // to the chart's own text flow. For RTL we flip via `yaxis.opposite`
-          // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored
-          // to the inline-start by asking for 'left' on LTR and 'right' on RTL.
-          horizontalAlign: G ? "right" : "left",
-          fontFamily: "inherit"
-        },
-        tooltip: {
-          ...t.tooltip,
-          y: {
-            formatter: (r) => k(r)
-          }
-        },
-        noData: {
-          text: i("chart.noData")
-        }
-      };
-      if (x && x.length > 0 && (l.colors = x), d) {
-        const r = l.colors ?? t.colors ?? [];
-        l.colors = y.map(
-          (m, pe) => s[pe] ? n : r[pe % Math.max(r.length, 1)]
-        );
-      }
-      if (U(a)) {
-        const r = a === "bar" && A === "horizontal";
-        l.xaxis = {
-          ...t.xaxis,
-          categories: E ?? [],
-          ...r ? {
-            labels: {
-              formatter: (m) => k(Number(m))
-            }
-          } : {}
-        }, l.yaxis = {
-          ...t.yaxis,
-          opposite: G,
-          ...r ? {} : { labels: { formatter: (m) => k(m) } }
-        }, l.stroke = {
-          curve: F,
-          width: a === "bar" ? 0 : 2,
-          ...d && a !== "bar" ? { dashArray: s.map((m) => m ? 6 : 0) } : {}
-        }, l.dataLabels = { enabled: !1 };
-      }
-      if (a === "radialBar" && g) {
-        const r = t.plotOptions ?? {};
-        l.plotOptions = {
-          ...r,
-          radialBar: {
-            ...r.radialBar ?? {},
-            dataLabels: {
-              ...((ce = r.radialBar) == null ? void 0 : ce.dataLabels) ?? {},
-              value: {
-                ...((le = (de = r.radialBar) == null ? void 0 : de.dataLabels) == null ? void 0 : le.value) ?? {},
-                formatter: (m) => g(Number(m))
-              }
-            }
-          }
-        };
-      }
-      if (a === "bar" && A === "horizontal") {
-        const r = t.plotOptions ?? {};
-        l.plotOptions = {
-          ...r,
-          bar: { ...r.bar ?? {}, horizontal: !0 }
-        };
-      }
-      return q ? l.fill = {
-        type: "pattern",
-        opacity: a === "area" ? 0.3 : 1,
-        pattern: {
-          style: d ? s.map(
-            (r, m) => r ? "slantedLines" : K[m % K.length]
-          ) : [...K],
-          strokeWidth: 2
-        }
-      } : C ? l.fill = {
-        type: s.map((r) => r ? "pattern" : "solid"),
-        pattern: {
-          style: s.map(
-            (r) => r ? "slantedLines" : "horizontalLines"
-          ),
-          strokeWidth: 2
-        }
-      } : a === "area" && (l.fill = d ? {
-        type: "gradient",
-        opacity: s.map((r) => r ? 0.15 : 0.3),
-        gradient: {
-          gradientToColors: s.map(
-            (r) => r ? p : void 0
-          )
-        }
-      } : {
-        type: "gradient",
-        opacity: 0.3
-      }), l;
-    }, [
-      te,
-      T,
-      O,
-      j,
-      se,
-      S,
-      I,
-      k,
-      i,
-      a,
-      y,
-      E,
-      G,
-      q,
-      Z,
-      A,
-      F,
-      x,
-      g
-    ]), Ie = ye ?? (ee > 0 ? ee : "100%"), Ce = Y ?? 320, Re = h(() => {
-      const e = v(a) ? I ?? [] : E ?? [], t = oe;
-      return /* @__PURE__ */ R("table", { id: P, className: "ds:sr-only", children: [
-        /* @__PURE__ */ c("caption", { children: o }),
-        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ R("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "col", children: i("chart.table.series") }),
-          e.map((n, p) => /* @__PURE__ */ c("th", { scope: "col", children: n }, `${n}-${p}`))
-        ] }) }),
-        /* @__PURE__ */ c("tbody", { children: t.map((n, p) => /* @__PURE__ */ R("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "row", children: n.name || i("chart.table.value") }),
-          n.data.map((s, d) => /* @__PURE__ */ c("td", { children: a === "radialBar" && g ? g(s) : k(s) }, `${p}-${d}`))
-        ] }, `${n.name}-${p}`)) })
-      ] });
-    }, [
-      a,
-      oe,
-      I,
-      E,
-      P,
-      o,
-      i,
-      k,
-      g
-    ]), Le = h(() => (v(a), y), [y, a]), ne = /* @__PURE__ */ R(
-      "div",
-      {
-        ref: M,
-        role: "img",
-        "aria-label": o,
-        "aria-describedby": P,
-        className: Je({
-          // Explicit height wins over the density min-height unless the
-          // caller also asked for a density explicitly.
-          density: ve ?? (Y !== void 0 ? "none" : void 0),
-          className: b ? void 0 : Q
-        }),
-        ...b ? {} : { "data-component": "chart", "data-component-id": f },
-        children: [
-          Re,
-          /* @__PURE__ */ c(
-            Oe,
-            {
-              type: a,
-              series: Le,
-              options: ke,
-              width: Ie,
-              height: Ce,
-              "aria-hidden": "true"
-            },
-            a
-          )
-        ]
-      }
-    );
-    return b ? /* @__PURE__ */ R(
-      "div",
-      {
-        "data-component": "chart",
-        "data-component-id": f,
-        className: `ds:block ds:w-full ${Q ?? ""}`.trim(),
-        children: [
-          /* @__PURE__ */ c("div", { className: "ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ c(
-            He,
-            {
-              role: "radiogroup",
-              mode: "toggle-single",
-              size: "sm",
-              "aria-label": i("chart.typeSwitcher.label"),
-              value: a,
-              onValueChange: (e) => {
-                e !== a && (ae(e), B == null || B(e));
-              },
-              children: w.map((e) => /* @__PURE__ */ c(
-                $e,
-                {
-                  value: e,
-                  type: "button",
-                  icon: tt[e],
-                  "aria-label": i(et[e])
-                },
-                e
-              ))
-            }
-          ) }),
-          ne
-        ]
-      }
-    ) : ne;
-  }
-);
-rt.displayName = "Chart";
-export {
-  rt as C,
-  Je as a,
-  Fe as c
-};
-//# sourceMappingURL=chart-DqxVCm1I.js.map