@alfadocs/ui-kit-debug 1.56.0 → 1.57.0

package/dist/_chunks/{chart-HsF1KHbx.js → chart-DQ5GxqgT.js}

@@ -1,10 +1,10 @@
-import { jsxs as Y, jsx as g } from "react/jsx-runtime";
-import { useEffect as ce, forwardRef as Ge, useId as Ke, useMemo as x, useRef as j, useState as z, useImperativeHandle as Ue } from "react";
+import { jsxs as Y, jsx as v } from "react/jsx-runtime";
+import { useEffect as le, forwardRef as Ge, useId as Ke, useMemo as x, useRef as j, useState as z, useImperativeHandle as Ue } from "react";
 import { c as Ye } from "./index-D2ZczOXr.js";
 import { useTranslation as je } from "react-i18next";
 import Ve from "react-apexcharts";
-import Le from "apexcharts";
-import { u as Ze, a as Je, g as _e, b as Qe, r as Xe } from "./apexcharts-theme-DNoXvgnZ.js";
+import Oe from "apexcharts";
+import { u as Ze, a as Xe, g as _e, b as Je, r as Qe } from "./apexcharts-theme-DNoXvgnZ.js";
 import { u as et } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { c as tt } from "./compose-refs-C0k0tdqF.js";
 import { u as rt } from "./registry-DvAUVLHh.js";
@@ -81,41 +81,41 @@ const ht = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ], mt = Z("donut", ht), ft = ".apexcharts-legend, .apexcharts-toolbar";
-function ie(e, s, t) {
+function ce(e, s, t) {
   !e || e.getAttribute(s) === t || (t === null ? e.removeAttribute(s) : e.setAttribute(s, t));
 }
-function yt(e, s) {
-  ce(() => {
+function bt(e, s) {
+  le(() => {
     if (!e) return;
     const t = () => {
-      e.querySelectorAll(".apexcharts-canvas").forEach((u) => {
-        Array.from(u.children).forEach((y) => {
-          y.matches(ft) || ie(y, "aria-hidden", "true");
+      e.querySelectorAll(".apexcharts-canvas").forEach((p) => {
+        Array.from(p.children).forEach((h) => {
+          h.matches(ft) || ce(h, "aria-hidden", "true");
         });
-      }), e.querySelectorAll(".apexcharts-toolbar").forEach((u) => {
-        var v;
-        const y = ((v = u.querySelector(".apexcharts-menu-icon")) == null ? void 0 : v.getAttribute("aria-expanded")) === "true";
-        ie(
-          u.querySelector(".apexcharts-menu"),
+      }), e.querySelectorAll(".apexcharts-toolbar").forEach((p) => {
+        var m;
+        const h = ((m = p.querySelector(".apexcharts-menu-icon")) == null ? void 0 : m.getAttribute("aria-expanded")) === "true";
+        ce(
+          p.querySelector(".apexcharts-menu"),
           "inert",
-          y ? null : ""
+          h ? null : ""
         );
       }), e.querySelectorAll(
         '.apexcharts-legend-series[role="button"]'
-      ).forEach((u) => {
-        ie(u, "aria-label", null);
-        const y = u.getAttribute("data:collapsed") === "true" ? "false" : "true";
-        ie(u, "aria-pressed", s ? y : null);
+      ).forEach((p) => {
+        ce(p, "aria-label", null);
+        const h = p.getAttribute("data:collapsed") === "true" ? "false" : "true";
+        ce(p, "aria-pressed", s ? h : null);
       });
     };
     let i = 0;
-    const p = (u) => {
-      const y = u.target instanceof Element ? u.target.closest(".apexcharts-legend-series") : null, v = y == null ? void 0 : y.getAttribute("rel");
-      v && (cancelAnimationFrame(i), i = requestAnimationFrame(() => {
+    const d = (p) => {
+      const h = p.target instanceof Element ? p.target.closest(".apexcharts-legend-series") : null, m = h == null ? void 0 : h.getAttribute("rel");
+      m && (cancelAnimationFrame(i), i = requestAnimationFrame(() => {
         var l;
-        const k = document.activeElement;
-        k && k !== document.body || (l = e.querySelector(
-          `.apexcharts-legend-series[rel="${CSS.escape(v)}"]`
+        const L = document.activeElement;
+        L && L !== document.body || (l = e.querySelector(
+          `.apexcharts-legend-series[rel="${CSS.escape(m)}"]`
         )) == null || l.focus();
       }));
     };
@@ -131,12 +131,12 @@ function yt(e, s) {
         "aria-pressed",
         "aria-expanded"
       ]
-    }), e.addEventListener("click", p), () => {
-      c.disconnect(), e.removeEventListener("click", p), cancelAnimationFrame(i);
+    }), e.addEventListener("click", d), () => {
+      c.disconnect(), e.removeEventListener("click", d), cancelAnimationFrame(i);
     };
   }, [e, s]);
 }
-const bt = {
+const yt = {
   id: "chart",
   // view_change backs the opt-in type switcher (`switchableTypes` prop):
   // the same chart re-presented as line / bar / area / pie / donut.
@@ -212,7 +212,7 @@ const bt = {
                     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."
+                      description: "Optional. 'compare' renders this series as a secondary, colour-blind-safe overlay (e.g. the previous period) — a dotted stroke in its paired primary's colour for line/area, a tinted bar with a dotted outline for bar. Omit for a normal primary series."
                     }
                   },
                   required: ["name", "data"]
@@ -277,59 +277,59 @@ const bt = {
   "slantedLines",
   "squares",
   "circles"
-], wt = ["line", "bar", "area"], St = ["pie", "donut", "radialBar"], Be = [
+], wt = ["line", "bar", "area"], xt = ["pie", "donut", "radialBar"], Ne = [
   "line",
   "bar",
   "area",
   "pie",
   "donut"
-], xt = {
+], St = {
   line: "chart.typeSwitcher.line",
   bar: "chart.typeSwitcher.bar",
   area: "chart.typeSwitcher.area",
   pie: "chart.typeSwitcher.pie",
   donut: "chart.typeSwitcher.donut"
-}, Tt = {
-  line: /* @__PURE__ */ g(dt, {}),
-  bar: /* @__PURE__ */ g(ct, {}),
-  area: /* @__PURE__ */ g(st, {}),
-  pie: /* @__PURE__ */ g(ut, {}),
-  donut: /* @__PURE__ */ g(mt, {})
-}, At = 2, Pe = "0 6";
-function Ct(e, s) {
+}, At = {
+  line: /* @__PURE__ */ v(dt, {}),
+  bar: /* @__PURE__ */ v(ct, {}),
+  area: /* @__PURE__ */ v(st, {}),
+  pie: /* @__PURE__ */ v(ut, {}),
+  donut: /* @__PURE__ */ v(mt, {})
+}, Tt = 2, ze = "0 6", Ct = 5;
+function Et(e, s) {
   !e || s.length === 0 || e.querySelectorAll(
     ".apexcharts-bar-series > .apexcharts-series"
   ).forEach((t) => {
     const i = Number(t.getAttribute("data:realIndex"));
     s.includes(i) && t.querySelectorAll("path.apexcharts-bar-area").forEach(
-      (p) => {
-        if (typeof p.getBBox != "function") return;
-        const c = p.getBBox();
-        p.setAttribute(
+      (d) => {
+        if (typeof d.getBBox != "function") return;
+        const c = d.getBBox();
+        d.setAttribute(
           "d",
           `M ${c.x} ${c.y + c.height} L ${c.x} ${c.y} L ${c.x + c.width} ${c.y} L ${c.x + c.width} ${c.y + c.height}`
-        ), p.setAttribute("stroke-dasharray", Pe), p.setAttribute("stroke-linecap", "round");
+        ), d.setAttribute("stroke-dasharray", ze), d.setAttribute("stroke-linecap", "round");
       }
     );
   });
 }
-function Ne(e) {
+function Be(e) {
   const s = getComputedStyle(e), t = (i) => Number.parseFloat(s.getPropertyValue(i)) || 0;
   return t("--min-target-size") + t("--focus-ring-offset") + t("--focus-ring-width");
 }
-function ze(e, s, t, i, p, c) {
-  if (i === p)
+function Me(e, s, t, i, d, c) {
+  if (i === d)
     return {
       effectiveSeries: e,
       effectiveCategories: s,
       effectiveLabels: t
     };
   if (!i) {
-    const v = e.filter((l) => l.role !== "compare");
+    const m = e.filter((l) => l.role !== "compare");
     return {
-      effectiveSeries: v.map((l) => l.data.reduce((C, M) => C + M, 0)),
+      effectiveSeries: m.map((l) => l.data.reduce((T, $) => T + $, 0)),
       effectiveCategories: void 0,
-      effectiveLabels: v.map((l) => l.name)
+      effectiveLabels: m.map((l) => l.name)
     };
   }
   return {
@@ -338,45 +338,45 @@ function ze(e, s, t, i, p, c) {
     effectiveLabels: void 0
   };
 }
-function Me({
+function Pe({
   themeOptions: e,
   toolbarBand: s,
   chartId: t,
   toolbar: i,
-  reducedMotion: p,
+  reducedMotion: d,
   toolbarLocale: c,
-  locale: u,
-  effectiveLabels: y,
-  formatValue: v,
-  noDataText: k,
+  locale: p,
+  effectiveLabels: h,
+  formatValue: m,
+  noDataText: L,
   effectiveType: l,
-  effectiveSeries: C,
-  effectiveCategories: M,
-  isRtl: L,
-  patterns: de,
-  stacked: _,
-  orientation: P,
-  curve: $,
+  effectiveSeries: T,
+  effectiveCategories: $,
+  isRtl: _,
+  patterns: pe,
+  stacked: N,
+  orientation: q,
+  curve: H,
   colors: B,
-  radialValueFormatter: J,
-  wrapperRef: Q
+  radialValueFormatter: X,
+  wrapperRef: J
 }) {
-  var X, ee, D, W, te;
-  const A = e, o = le(l) && Array.isArray(C) ? C.map((r) => r.role === "compare") : [], E = o.some(Boolean), q = E && l === "bar", R = q && C.some(
-    (r) => r.role === "compare" && r.data.some((d) => d < 0)
-  ), F = q && P === "vertical" && !R, H = E ? Qe() : 0.3, n = {
-    ...A,
+  var Q, ee, G, K, te, I;
+  const S = e, o = de(l) && Array.isArray(T) ? T.map((n) => n.role === "compare") : [], C = o.some(Boolean), F = C && l === "bar", O = F && T.some(
+    (n) => n.role === "compare" && n.data.some((u) => u < 0)
+  ), W = F && q === "vertical" && !O, D = C ? Je() : 0.3, a = {
+    ...S,
     chart: {
-      ...A.chart,
+      ...S.chart,
       id: t,
       toolbar: { show: i },
       zoom: { enabled: i },
       animations: {
-        enabled: !p,
-        dynamicAnimation: { enabled: !p }
+        enabled: !d,
+        dynamicAnimation: { enabled: !d }
       },
       locales: [c],
-      defaultLocale: u,
+      defaultLocale: p,
       parentHeightOffset: 0,
       // Keep the keyboard-operable legend; drop Apex's data-point navigation
       // and live announcements (English-only, and the summary table covers them).
@@ -385,10 +385,10 @@ function Me({
         announcements: { enabled: !1 },
         keyboard: { enabled: !0, navigation: { enabled: !1 } }
       },
-      // 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.
-      ..._ && le(l) ? { stacked: !0 } : {}
+      // Stacking is axis-only, so a slice or radial chart never receives it.
+      // Sent as false too: ApexCharts merges an update into its config, so
+      // leaving it out would keep an earlier `true`.
+      ...de(l) ? { stacked: N } : {}
     },
     // Only set `labels` when the effective type actually has them (slice
     // charts). Emitting `labels: undefined` crashes ApexCharts' bar
@@ -396,135 +396,138 @@ function Me({
     // "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.
-    ...y ? { labels: y } : {},
+    ...h ? { labels: h } : {},
     legend: {
-      ...A.legend,
+      ...S.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: L ? "right" : "left",
+      horizontalAlign: _ ? "right" : "left",
       fontFamily: "inherit",
       // apexcharts-theme.css sizes the legend hit areas and ring room from
       // this 4px; pinned so an ApexCharts default change cannot break them.
       itemMargin: { horizontal: 5, vertical: 4 }
     },
     tooltip: {
-      ...A.tooltip,
+      ...S.tooltip,
       y: {
-        formatter: (r) => v(r)
+        formatter: (n) => m(n)
       }
     },
     noData: {
-      text: k
+      text: L
     }
   };
-  if (i && s && (n.title = { ...n.title, text: "", margin: s }), B && B.length > 0 && (n.colors = B), E) {
-    const r = n.colors ?? A.colors ?? [], d = (f) => r[f % Math.max(r.length, 1)], I = C.map((f, S) => f.role === "compare" ? -1 : S).filter((f) => f >= 0);
-    let O = 0;
-    n.colors = C.map((f, S) => {
-      if (f.role !== "compare") return d(S);
-      const K = I.length ? I[Math.min(O++, I.length - 1)] : S;
-      return d(K);
+  if (a.title = i && s ? { ...a.title, text: "", margin: s } : { ...a.title, text: void 0, margin: Ct }, B && B.length > 0 && (a.colors = B), C) {
+    const n = a.colors ?? S.colors ?? [], u = (f) => n[f % Math.max(n.length, 1)], R = T.map((f, k) => f.role === "compare" ? -1 : k).filter((f) => f >= 0);
+    let M = 0;
+    a.colors = T.map((f, k) => {
+      if (f.role !== "compare") return u(k);
+      const re = R.length ? R[Math.min(M++, R.length - 1)] : k;
+      return u(re);
     });
-    const G = n.colors.map(
-      (f, S) => o[S] ? Xe(f) : f
+    const E = a.colors.map(
+      (f, k) => o[k] ? Qe(f) : f
     );
-    n.legend = {
-      ...n.legend,
+    a.legend = {
+      ...a.legend,
       markers: {
-        ...((X = n.legend) == null ? void 0 : X.markers) ?? {},
-        fillColors: G
+        ...((Q = a.legend) == null ? void 0 : Q.markers) ?? {},
+        fillColors: E
       }
     };
   }
-  if (le(l)) {
-    const r = l === "bar" && P === "horizontal";
-    n.xaxis = {
-      ...A.xaxis,
-      categories: M ?? [],
-      ...r ? {
-        labels: {
-          formatter: (d) => v(Number(d))
-        }
-      } : {}
-    }, n.yaxis = {
-      ...A.yaxis,
-      opposite: L,
-      ...r ? {} : { labels: { formatter: (d) => v(d) } }
-    }, n.stroke = {
-      curve: $,
-      width: l === "bar" ? E ? o.map((d) => d ? At : 0) : 0 : 2,
-      ...E ? {
+  if (de(l)) {
+    const n = l === "bar" && q === "horizontal";
+    a.xaxis = {
+      ...S.xaxis,
+      categories: $ ?? [],
+      labels: {
+        ...(ee = S.xaxis) == null ? void 0 : ee.labels,
+        formatter: n ? (u) => m(Number(u)) : void 0
+      }
+    }, a.yaxis = {
+      ...S.yaxis,
+      opposite: _,
+      ...n ? {} : { labels: { formatter: (u) => m(u) } }
+    }, a.stroke = {
+      curve: H,
+      width: l === "bar" ? C ? o.map((u) => u ? Tt : 0) : 0 : 2,
+      ...C ? {
         lineCap: "round",
         // Runtime accepts a string dash; the published types say
         // `number` → one documented cast. `'0 6'` + round cap ⇒ dots.
         dashArray: o.map(
-          (d) => d ? Pe : 0
+          (u) => u ? ze : 0
         )
       } : {}
-    }, n.dataLabels = { enabled: !1 };
+    }, a.dataLabels = { enabled: !1 };
   }
-  if (l === "radialBar" && J) {
-    const r = A.plotOptions ?? {};
-    n.plotOptions = {
-      ...r,
+  if (l === "radialBar" && X) {
+    const n = S.plotOptions ?? {};
+    a.plotOptions = {
+      ...n,
       radialBar: {
-        ...r.radialBar ?? {},
+        ...n.radialBar ?? {},
         dataLabels: {
-          ...((ee = r.radialBar) == null ? void 0 : ee.dataLabels) ?? {},
+          ...((G = n.radialBar) == null ? void 0 : G.dataLabels) ?? {},
           value: {
-            ...((W = (D = r.radialBar) == null ? void 0 : D.dataLabels) == null ? void 0 : W.value) ?? {},
-            formatter: (d) => J(Number(d))
+            ...((te = (K = n.radialBar) == null ? void 0 : K.dataLabels) == null ? void 0 : te.value) ?? {},
+            formatter: (u) => X(Number(u))
           }
         }
       }
     };
   }
-  if (l === "bar" && P === "horizontal") {
-    const r = A.plotOptions ?? {};
-    n.plotOptions = {
-      ...r,
-      bar: { ...r.bar ?? {}, horizontal: !0 }
+  if (l === "bar") {
+    const n = S.plotOptions ?? {};
+    a.plotOptions = {
+      ...n,
+      bar: {
+        ...n.bar ?? {},
+        horizontal: q === "horizontal"
+      }
     };
   }
-  if (de ? n.fill = {
-    type: E ? o.map((r) => r ? "solid" : "pattern") : "pattern",
-    opacity: E ? o.map(
-      (r) => r ? H : l === "area" ? 0.3 : 1
+  if (pe ? a.fill = {
+    type: C ? o.map((n) => n ? "solid" : "pattern") : "pattern",
+    opacity: C ? o.map(
+      (n) => n ? D : l === "area" ? 0.3 : 1
     ) : l === "area" ? 0.3 : 1,
     pattern: {
       style: [...vt],
       strokeWidth: 2
     }
-  } : q ? n.fill = {
+  } : F ? a.fill = {
     type: "solid",
-    opacity: o.map((r) => r ? H : 1)
-  } : l === "area" && (n.fill = E ? {
+    opacity: o.map((n) => n ? D : 1)
+  } : l === "area" && (a.fill = C ? {
     type: "gradient",
-    opacity: o.map((r) => r ? H : 0.3)
+    opacity: o.map((n) => n ? D : 0.3)
   } : {
     type: "gradient",
     opacity: 0.3
-  }), F) {
-    const r = o.map((O, G) => O ? G : -1).filter((O) => O >= 0), d = () => Ct(Q.current, r), I = () => typeof requestAnimationFrame == "function" ? requestAnimationFrame(d) : d();
-    n.chart = {
-      ...n.chart,
+  }), W) {
+    const n = o.map((M, E) => M ? E : -1).filter((M) => M >= 0), u = () => Et(J.current, n), R = () => typeof requestAnimationFrame == "function" ? requestAnimationFrame(u) : u();
+    a.chart = {
+      ...a.chart,
       events: {
-        ...((te = n.chart) == null ? void 0 : te.events) ?? {},
-        mounted: () => I(),
-        updated: () => I(),
-        animationEnd: () => d()
+        ...((I = a.chart) == null ? void 0 : I.events) ?? {},
+        mounted: () => R(),
+        updated: () => R(),
+        animationEnd: () => u()
       }
     };
   }
-  return n;
+  return kt(a, l);
 }
-function Et(e, s) {
-  var p, c, u;
-  if (!le(s)) return e;
-  const t = (p = e.chart) == null ? void 0 : p.events, i = {
+function kt(e, s) {
+  var i, d, c, p, h, m;
+  if (!de(s)) return e;
+  const t = (i = e.chart) == null ? void 0 : i.events;
+  return {
     ...e,
     colors: e.colors,
     chart: {
@@ -535,29 +538,29 @@ function Et(e, s) {
         updated: t == null ? void 0 : t.updated,
         animationEnd: t == null ? void 0 : t.animationEnd
       }
-    }
-  };
-  return ((c = e.stroke) == null ? void 0 : c.dashArray) !== void 0 ? i : {
-    ...i,
+    },
     stroke: {
       ...e.stroke,
-      lineCap: s === "bar" ? "square" : "butt",
-      dashArray: 0
+      lineCap: ((d = e.stroke) == null ? void 0 : d.lineCap) ?? (s === "bar" ? "square" : "butt"),
+      dashArray: ((c = e.stroke) == null ? void 0 : c.dashArray) ?? 0
     },
     legend: {
       ...e.legend,
-      markers: { ...(u = e.legend) == null ? void 0 : u.markers, fillColors: void 0 }
+      markers: {
+        ...(p = e.legend) == null ? void 0 : p.markers,
+        fillColors: (m = (h = e.legend) == null ? void 0 : h.markers) == null ? void 0 : m.fillColors
+      }
     },
     fill: e.fill ?? { type: "solid", opacity: 0.85 }
   };
 }
 function V(e) {
-  return St.includes(e);
+  return xt.includes(e);
 }
-function le(e) {
+function de(e) {
   return wt.includes(e);
 }
-function kt(e, s) {
+function It(e, s) {
   return V(s) ? [
     {
       name: "",
@@ -571,177 +574,171 @@ const Rt = Ge(
     id: s,
     type: t,
     series: i,
-    categories: p,
+    categories: d,
     labels: c,
-    height: u,
-    width: y,
-    patterns: v = !1,
-    stacked: k = !1,
+    height: p,
+    width: h,
+    patterns: m = !1,
+    stacked: L = !1,
     orientation: l = "vertical",
-    curve: C = "smooth",
-    colors: M,
-    toolbar: L = !1,
-    locale: de,
-    radialValueFormatter: _,
-    valueFormatter: P,
-    switchableTypes: $,
+    curve: T = "smooth",
+    colors: $,
+    toolbar: _ = !1,
+    locale: pe,
+    radialValueFormatter: N,
+    valueFormatter: q,
+    switchableTypes: H,
     onTypeChange: B,
-    density: J,
-    className: Q
-  }, A) => {
-    const { t: o, i18n: E } = je("ui"), q = Ke(), R = x(
-      () => `chart-${q.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [q]
-    ), F = `${R}-summary`, H = j(null), [n, X] = z(null), ee = x(
-      () => tt(H, X),
+    density: X,
+    className: J
+  }, S) => {
+    const { t: o, i18n: C } = je("ui"), F = Ke(), O = x(
+      () => `chart-${F.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [F]
+    ), W = `${O}-summary`, D = j(null), [a, Q] = z(null), ee = x(
+      () => tt(D, Q),
       []
-    ), D = x(() => ({ current: n }), [n]), [W, te] = z(0);
-    Ze(D), Je(D);
-    const r = de ?? E.language ?? "en", [d, I] = z(() => {
+    ), G = x(() => ({ current: a }), [a]), [K, te] = z(0);
+    Ze(G), Xe(G);
+    const I = pe ?? C.language ?? "en", [n, u] = z(() => {
       try {
         return _e();
       } catch {
         return {};
       }
     });
-    ce(() => {
+    le(() => {
       if (typeof document > "u") return;
-      let a;
-      const m = new MutationObserver(() => {
-        clearTimeout(a), a = setTimeout(() => {
+      let r;
+      const y = new MutationObserver(() => {
+        clearTimeout(r), r = setTimeout(() => {
           try {
-            I(_e());
+            u(_e());
           } catch {
           }
         }, 50);
       });
-      return m.observe(document.documentElement, {
+      return y.observe(document.documentElement, {
         attributes: !0,
         attributeFilter: ["class"]
       }), () => {
-        clearTimeout(a), m.disconnect();
+        clearTimeout(r), y.disconnect();
       };
     }, []);
-    const [O, G] = z(
-      () => typeof document > "u" ? 0 : Ne(document.documentElement)
+    const [R, M] = z(
+      () => typeof document > "u" ? 0 : Be(document.documentElement)
     );
-    ce(() => {
-      if (!n || !L) return;
-      const a = new ResizeObserver(() => m()), m = () => {
-        const w = n.querySelector(".apexcharts-toolbar");
-        w && a.observe(w), G(
-          Math.max(Ne(n), (w == null ? void 0 : w.offsetHeight) ?? 0)
+    le(() => {
+      if (!a || !_) return;
+      const r = new ResizeObserver(() => y()), y = () => {
+        const w = a.querySelector(".apexcharts-toolbar");
+        w && r.observe(w), M(
+          Math.max(Be(a), (w == null ? void 0 : w.offsetHeight) ?? 0)
         );
       };
-      m();
-      const b = new MutationObserver(m);
-      for (let w = n.parentElement; w; w = w.parentElement)
-        b.observe(w, { attributes: !0, attributeFilter: ["class"] });
-      const T = new MutationObserver((w) => {
+      y();
+      const g = new MutationObserver(y);
+      for (let w = a.parentElement; w; w = w.parentElement)
+        g.observe(w, { attributes: !0, attributeFilter: ["class"] });
+      const A = new MutationObserver((w) => {
         w.flatMap((U) => [...U.addedNodes]).some(
           (U) => U instanceof Element && (U.matches(".apexcharts-toolbar") || U.querySelector(".apexcharts-toolbar"))
-        ) && m();
+        ) && y();
       });
-      return T.observe(n, { childList: !0, subtree: !0 }), () => {
-        a.disconnect(), b.disconnect(), T.disconnect();
+      return A.observe(a, { childList: !0, subtree: !0 }), () => {
+        r.disconnect(), g.disconnect(), A.disconnect();
       };
-    }, [n, L]), ce(() => {
-      const a = n;
-      if (!a || typeof ResizeObserver > "u") return;
-      const m = new ResizeObserver((b) => {
-        const T = b[0];
-        T && te(Math.floor(T.contentRect.width));
+    }, [a, _]), le(() => {
+      const r = a;
+      if (!r || typeof ResizeObserver > "u") return;
+      const y = new ResizeObserver((g) => {
+        const A = g[0];
+        A && te(Math.floor(A.contentRect.width));
       });
-      return m.observe(a), () => m.disconnect();
-    }, [n]);
-    const f = x(() => {
-      if (!$ || $.length === 0) return [];
-      const a = $.filter(
-        (b) => Be.includes(b)
+      return y.observe(r), () => y.disconnect();
+    }, [a]);
+    const E = x(() => {
+      if (!H || H.length === 0) return [];
+      const r = H.filter(
+        (g) => Ne.includes(g)
       );
-      if (!Be.includes(t))
+      if (!Ne.includes(t))
         return [];
-      const m = a.includes(t) ? a : [t, ...a];
-      return [...new Set(m)];
-    }, [$, t]), S = f.length >= 2, [K, me] = z(null), h = S && K && f.includes(K) ? K : t;
-    yt(
-      n,
-      h !== "pie" && h !== "donut"
+      const y = r.includes(t) ? r : [t, ...r];
+      return [...new Set(y)];
+    }, [H, t]), f = E.length >= 2, [k, re] = z(null), b = f && k && E.includes(k) ? k : t;
+    bt(
+      a,
+      b !== "pie" && b !== "donut"
     );
-    const pe = V(t), ue = V(h), [re, fe] = z(null), [ye, $e] = z(i);
-    ye !== i && ($e(i), re && fe(null));
-    const be = re && re.base === i && ye === i ? re.next : i, ge = j(i);
+    const ue = V(t), he = V(b), [ae, fe] = z(null), [be, $e] = z(i);
+    be !== i && ($e(i), ae && fe(null));
+    const ye = ae && ae.base === i && be === i ? ae.next : i, ge = j(i);
     ge.current = i;
-    const { effectiveSeries: N, effectiveCategories: ae, effectiveLabels: ne } = x(
-      () => ze(
-        be,
-        p,
+    const { effectiveSeries: P, effectiveCategories: ne, effectiveLabels: oe } = x(
+      () => Me(
+        ye,
+        d,
         c,
-        pe,
         ue,
+        he,
         o("chart.table.value")
       ),
-      [be, p, c, pe, ue, o]
-    ), ve = (a) => ze(
-      a,
-      p,
+      [ye, d, c, ue, he, o]
+    ), ve = (r) => Me(
+      r,
+      d,
       c,
-      pe,
       ue,
+      he,
       o("chart.table.value")
     ), we = j(ve);
     we.current = ve;
-    const Se = j(Promise.resolve()), he = x(
+    const xe = j(Promise.resolve()), me = x(
       () => ({
         async dataURI() {
-          await Se.current;
-          const a = Le.getChartByID(R);
-          return a ? (await a.dataURI()).imgURI : "";
+          await xe.current;
+          const r = Oe.getChartByID(O);
+          return r ? (await r.dataURI()).imgURI : "";
         },
-        updateSeries(a) {
-          fe({ base: ge.current, next: a });
-          const m = Le.getChartByID(R);
-          if (!m) return;
-          const b = we.current(a), T = { ...Re.current, ...b };
-          Se.current = m.updateOptions(
-            {
-              ...Et(
-                Me(T),
-                T.effectiveType
-              ),
-              series: b.effectiveSeries
-            },
+        updateSeries(r) {
+          fe({ base: ge.current, next: r });
+          const y = Oe.getChartByID(O);
+          if (!y) return;
+          const g = we.current(r), A = { ...Ie.current, ...g };
+          xe.current = y.updateOptions(
+            { ...Pe(A), series: g.effectiveSeries },
             !1,
             !0
           ).catch(() => {
           });
         },
-        setType(a) {
-          return !S || !f.includes(a) ? !1 : (me(a), !0);
+        setType(r) {
+          return !f || !E.includes(r) ? !1 : (re(r), !0);
         },
         getTypeState() {
           return {
             declaredType: t,
-            effectiveType: h,
-            availableTypes: S ? [...f] : []
+            effectiveType: b,
+            availableTypes: f ? [...E] : []
           };
         }
       }),
-      [R, t, h, S, f]
+      [O, t, b, f, E]
     );
-    Ue(A, () => he, [he]), rt(bt, he, s);
-    const xe = typeof document < "u" && document.documentElement.dir === "rtl", Te = x(
-      () => kt(N, h),
-      [N, h]
-    ), Ae = x(
-      () => new Intl.NumberFormat(r),
-      [r]
-    ), oe = x(
-      () => P ?? ((a) => Ae.format(a)),
-      [P, Ae]
+    Ue(S, () => me, [me]), rt(yt, me, s);
+    const Se = typeof document < "u" && document.documentElement.dir === "rtl", Ae = x(
+      () => It(P, b),
+      [P, b]
+    ), Te = x(
+      () => new Intl.NumberFormat(I),
+      [I]
+    ), se = x(
+      () => q ?? ((r) => Te.format(r)),
+      [q, Te]
     ), Ce = x(
       () => ({
-        name: r,
+        name: I,
         options: {
           toolbar: {
             download: o("chart.toolbar.download"),
@@ -759,151 +756,151 @@ const Rt = Ge(
           }
         }
       }),
-      [r, o]
-    ), Ee = et(), ke = o("chart.noData"), se = x(
+      [I, o]
+    ), Ee = et(), ke = o("chart.noData"), ie = x(
       () => ({
-        themeOptions: d,
-        toolbarBand: O,
-        chartId: R,
-        toolbar: L,
+        themeOptions: n,
+        toolbarBand: R,
+        chartId: O,
+        toolbar: _,
         reducedMotion: Ee,
         toolbarLocale: Ce,
-        locale: r,
-        effectiveLabels: ne,
-        formatValue: oe,
+        locale: I,
+        effectiveLabels: oe,
+        formatValue: se,
         noDataText: ke,
-        effectiveType: h,
-        effectiveSeries: N,
-        effectiveCategories: ae,
-        isRtl: xe,
-        patterns: v,
-        stacked: k,
+        effectiveType: b,
+        effectiveSeries: P,
+        effectiveCategories: ne,
+        isRtl: Se,
+        patterns: m,
+        stacked: L,
         orientation: l,
-        curve: C,
-        colors: M,
-        radialValueFormatter: _,
-        wrapperRef: H
+        curve: T,
+        colors: $,
+        radialValueFormatter: N,
+        wrapperRef: D
       }),
       [
-        d,
-        O,
+        n,
         R,
-        L,
+        O,
+        _,
         Ee,
         Ce,
-        r,
-        ne,
+        I,
         oe,
+        se,
         ke,
-        h,
-        N,
-        ae,
-        xe,
-        v,
-        k,
+        b,
+        P,
+        ne,
+        Se,
+        m,
+        L,
         l,
-        C,
-        M,
-        _
+        T,
+        $,
+        N
       ]
     ), qe = x(
-      () => Me(se),
-      [se]
-    ), Re = j(se);
-    Re.current = se;
-    const He = y ?? (W > 0 ? W : "100%"), Fe = u ?? 320, De = x(() => {
-      const a = V(h) ? ne ?? [] : ae ?? [], m = Te;
-      return /* @__PURE__ */ Y("table", { id: F, className: "ds:sr-only", children: [
-        /* @__PURE__ */ g("caption", { children: e }),
-        /* @__PURE__ */ g("thead", { children: /* @__PURE__ */ Y("tr", { children: [
-          /* @__PURE__ */ g("th", { scope: "col", children: o("chart.table.series") }),
-          a.map((b, T) => /* @__PURE__ */ g("th", { scope: "col", children: b }, `${b}-${T}`))
+      () => Pe(ie),
+      [ie]
+    ), Ie = j(ie);
+    Ie.current = ie;
+    const He = h ?? (K > 0 ? K : "100%"), Fe = p ?? 320, De = x(() => {
+      const r = V(b) ? oe ?? [] : ne ?? [], y = Ae;
+      return /* @__PURE__ */ Y("table", { id: W, className: "ds:sr-only", children: [
+        /* @__PURE__ */ v("caption", { children: e }),
+        /* @__PURE__ */ v("thead", { children: /* @__PURE__ */ Y("tr", { children: [
+          /* @__PURE__ */ v("th", { scope: "col", children: o("chart.table.series") }),
+          r.map((g, A) => /* @__PURE__ */ v("th", { scope: "col", children: g }, `${g}-${A}`))
         ] }) }),
-        /* @__PURE__ */ g("tbody", { children: m.map((b, T) => /* @__PURE__ */ Y("tr", { children: [
-          /* @__PURE__ */ g("th", { scope: "row", children: b.name || o("chart.table.value") }),
-          b.data.map((w, Oe) => /* @__PURE__ */ g("td", { children: h === "radialBar" && _ ? _(w) : oe(w) }, `${T}-${Oe}`))
-        ] }, `${b.name}-${T}`)) })
+        /* @__PURE__ */ v("tbody", { children: y.map((g, A) => /* @__PURE__ */ Y("tr", { children: [
+          /* @__PURE__ */ v("th", { scope: "row", children: g.name || o("chart.table.value") }),
+          g.data.map((w, Le) => /* @__PURE__ */ v("td", { children: b === "radialBar" && N ? N(w) : se(w) }, `${A}-${Le}`))
+        ] }, `${g.name}-${A}`)) })
       ] });
     }, [
-      h,
-      Te,
+      b,
+      Ae,
+      oe,
       ne,
-      ae,
-      F,
+      W,
       e,
       o,
-      oe,
-      _
-    ]), We = x(() => (V(h), N), [N, h]), Ie = /* @__PURE__ */ Y(
+      se,
+      N
+    ]), We = x(() => (V(b), P), [P, b]), Re = /* @__PURE__ */ Y(
       "div",
       {
         ref: ee,
         role: "figure",
         "aria-label": e,
-        "aria-describedby": F,
+        "aria-describedby": W,
         className: gt({
           // Explicit height wins over the density min-height unless the
           // caller also asked for a density explicitly.
-          density: J ?? (u !== void 0 ? "none" : void 0),
-          className: S ? void 0 : Q
+          density: X ?? (p !== void 0 ? "none" : void 0),
+          className: f ? void 0 : J
         }),
-        ...S ? {} : { "data-component": "chart", "data-component-id": s },
+        ...f ? {} : { "data-component": "chart", "data-component-id": s },
         children: [
           De,
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ v(
             Ve,
             {
-              type: h,
+              type: b,
               series: We,
               options: qe,
               width: He,
               height: Fe
             },
-            h
+            b
           )
         ]
       }
     );
-    return S ? /* @__PURE__ */ Y(
+    return f ? /* @__PURE__ */ Y(
       "div",
       {
         "data-component": "chart",
         "data-component-id": s,
-        className: `ds:block ds:w-full ${Q ?? ""}`.trim(),
+        className: `ds:block ds:w-full ${J ?? ""}`.trim(),
         children: [
-          /* @__PURE__ */ g("div", { className: "ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ g(
+          /* @__PURE__ */ v("div", { className: "ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ v(
             nt,
             {
               role: "radiogroup",
               mode: "toggle-single",
               size: "sm",
               "aria-label": o("chart.typeSwitcher.label"),
-              value: h,
-              onValueChange: (a) => {
-                a !== h && (me(a), B == null || B(a));
+              value: b,
+              onValueChange: (r) => {
+                r !== b && (re(r), B == null || B(r));
               },
-              children: f.map((a) => /* @__PURE__ */ g(
+              children: E.map((r) => /* @__PURE__ */ v(
                 at,
                 {
-                  value: a,
+                  value: r,
                   type: "button",
-                  icon: Tt[a],
-                  "aria-label": o(xt[a])
+                  icon: At[r],
+                  "aria-label": o(St[r])
                 },
-                a
+                r
               ))
             }
           ) }),
-          Ie
+          Re
         ]
       }
-    ) : Ie;
+    ) : Re;
   }
 );
 Rt.displayName = "Chart";
 export {
   Rt as C,
   gt as a,
-  bt as c
+  yt as c
 };
-//# sourceMappingURL=chart-HsF1KHbx.js.map
+//# sourceMappingURL=chart-DQ5GxqgT.js.map