@alfadocs/ui-kit 1.58.0 → 1.59.0

package/dist/_chunks/{chart-ZMkX-Gqy.js → chart-0jK6B2ry.js}

@@ -1,15 +1,15 @@
-import { jsx as g, jsxs as Y } 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 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";
-import { I as at } from "./icon-button-COX76Jdj.js";
-import { I as nt } from "./icon-button-group-C5hhI-R5.js";
+import { jsx as y, jsxs as Y } from "react/jsx-runtime";
+import { useEffect as ce, forwardRef as Ue, useId as Ye, useMemo as S, useRef as j, useState as $, useImperativeHandle as je } from "react";
+import { c as Ve } from "./index-D2ZczOXr.js";
+import { useTranslation as Ze } from "react-i18next";
+import Xe from "react-apexcharts";
+import Ne from "apexcharts";
+import { u as Je, a as Qe, g as Be, b as et, r as tt } from "./apexcharts-theme-DNoXvgnZ.js";
+import { u as rt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { c as at } from "./compose-refs-C0k0tdqF.js";
+import { u as nt } from "./registry-DvAUVLHh.js";
+import { I as ot } from "./icon-button-CsOGhuRB.js";
+import { I as st } from "./icon-button-group-Cap4-Idv.js";
 import { c as Z } from "./createLucideIcon-DhHxpK9K.js";
 /**
  * @license lucide-react v1.22.0 - ISC
@@ -17,7 +17,7 @@ import { c as Z } from "./createLucideIcon-DhHxpK9K.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ot = [
+const it = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -26,36 +26,36 @@ const ot = [
       key: "q0gr47"
     }
   ]
-], st = Z("chart-area", ot);
+], ct = Z("chart-area", it);
 /**
  * @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 it = [
+const lt = [
   ["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" }]
-], ct = Z("chart-column", it);
+], dt = Z("chart-column", lt);
 /**
  * @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 lt = [
+const pt = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
-], dt = Z("chart-line", lt);
+], ut = Z("chart-line", pt);
 /**
  * @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 pt = [
+const ht = [
   [
     "path",
     {
@@ -64,14 +64,14 @@ const pt = [
     }
   ],
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }]
-], ut = Z("chart-pie", pt);
+], mt = Z("chart-pie", ht);
 /**
  * @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 ht = [
+const ft = [
   [
     "path",
     {
@@ -80,48 +80,48 @@ const ht = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], mt = Z("donut", ht), ft = ".apexcharts-legend, .apexcharts-toolbar";
-function ce(e, s, t) {
-  !e || e.getAttribute(s) === t || (t === null ? e.removeAttribute(s) : e.setAttribute(s, t));
+], bt = Z("donut", ft), yt = ".apexcharts-legend, .apexcharts-toolbar";
+function ie(e, a, t) {
+  !e || e.getAttribute(a) === t || (t === null ? e.removeAttribute(a) : e.setAttribute(a, t));
 }
-function bt(e, s) {
-  le(() => {
+function gt(e, a) {
+  ce(() => {
     if (!e) return;
     const t = () => {
-      e.querySelectorAll(".apexcharts-canvas").forEach((p) => {
-        Array.from(p.children).forEach((h) => {
-          h.matches(ft) || ce(h, "aria-hidden", "true");
+      e.querySelectorAll(".apexcharts-canvas").forEach((u) => {
+        Array.from(u.children).forEach((h) => {
+          h.matches(yt) || ie(h, "aria-hidden", "true");
         });
-      }), 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"),
+      }), e.querySelectorAll(".apexcharts-toolbar").forEach((u) => {
+        var f;
+        const h = ((f = u.querySelector(".apexcharts-menu-icon")) == null ? void 0 : f.getAttribute("aria-expanded")) === "true";
+        ie(
+          u.querySelector(".apexcharts-menu"),
           "inert",
           h ? null : ""
         );
       }), e.querySelectorAll(
         '.apexcharts-legend-series[role="button"]'
-      ).forEach((p) => {
-        ce(p, "aria-label", null);
-        const h = p.getAttribute("data:collapsed") === "true" ? "false" : "true";
-        ce(p, "aria-pressed", s ? h : null);
+      ).forEach((u) => {
+        ie(u, "aria-label", null);
+        const h = u.getAttribute("data:collapsed") === "true" ? "false" : "true";
+        ie(u, "aria-pressed", a ? h : null);
       });
     };
-    let i = 0;
-    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(() => {
+    let s = 0;
+    const p = (u) => {
+      const h = u.target instanceof Element ? u.target.closest(".apexcharts-legend-series") : null, f = h == null ? void 0 : h.getAttribute("rel");
+      f && (cancelAnimationFrame(s), s = requestAnimationFrame(() => {
         var l;
-        const L = document.activeElement;
-        L && L !== document.body || (l = e.querySelector(
-          `.apexcharts-legend-series[rel="${CSS.escape(m)}"]`
+        const O = document.activeElement;
+        O && O !== document.body || (l = e.querySelector(
+          `.apexcharts-legend-series[rel="${CSS.escape(f)}"]`
         )) == null || l.focus();
       }));
     };
     t();
-    const c = new MutationObserver(t);
-    return c.observe(e, {
+    const i = new MutationObserver(t);
+    return i.observe(e, {
       childList: !0,
       subtree: !0,
       attributes: !0,
@@ -131,12 +131,12 @@ function bt(e, s) {
         "aria-pressed",
         "aria-expanded"
       ]
-    }), e.addEventListener("click", d), () => {
-      c.disconnect(), e.removeEventListener("click", d), cancelAnimationFrame(i);
+    }), e.addEventListener("click", p), () => {
+      i.disconnect(), e.removeEventListener("click", p), cancelAnimationFrame(s);
     };
-  }, [e, s]);
+  }, [e, a]);
 }
-const yt = {
+const vt = {
   id: "chart",
   // view_change backs the opt-in type switcher (`switchableTypes` prop):
   // the same chart re-presented as line / bar / area / pie / donut.
@@ -186,7 +186,7 @@ const yt = {
       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: (e, s) => e.setType(s.type)
+      invoke: (e, a) => e.setType(a.type)
     },
     update_series: {
       // Replacing the rendered series mutates what the chart displays — it
@@ -231,8 +231,8 @@ const yt = {
       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 data and its summary table persist across type switches, resizes and theme changes until the host passes a new series prop.",
-      invoke: (e, s) => {
-        e.updateSeries(s.series);
+      invoke: (e, a) => {
+        e.updateSeries(a.series);
       }
     },
     export_png: {
@@ -256,7 +256,7 @@ const yt = {
       description: "Sourced from the id prop."
     }
   }
-}, gt = Ye(
+}, wt = Ve(
   "ds:relative ds:block ds:w-full apex-theme-alfadocs",
   {
     variants: {
@@ -271,112 +271,119 @@ const yt = {
     },
     defaultVariants: { density: "comfortable" }
   }
-), vt = [
+), xt = [
   "verticalLines",
   "horizontalLines",
   "slantedLines",
   "squares",
   "circles"
-], wt = ["line", "bar", "area"], xt = ["pie", "donut", "radialBar"], Ne = [
+], St = ["line", "bar", "area"], At = ["pie", "donut", "radialBar"], Pe = [
   "line",
   "bar",
   "area",
   "pie",
   "donut"
-], St = {
+], Tt = {
   line: "chart.typeSwitcher.line",
   bar: "chart.typeSwitcher.bar",
   area: "chart.typeSwitcher.area",
   pie: "chart.typeSwitcher.pie",
   donut: "chart.typeSwitcher.donut"
-}, At = {
-  line: /* @__PURE__ */ g(dt, {}),
-  bar: /* @__PURE__ */ g(ct, {}),
-  area: /* @__PURE__ */ g(st, {}),
-  pie: /* @__PURE__ */ g(ut, {}),
-  donut: /* @__PURE__ */ g(mt, {})
-}, Tt = 2, ze = "0 6", Ct = 5;
-function Et(e, s) {
-  !e || s.length === 0 || e.querySelectorAll(
+}, Ct = {
+  line: /* @__PURE__ */ y(ut, {}),
+  bar: /* @__PURE__ */ y(dt, {}),
+  area: /* @__PURE__ */ y(ct, {}),
+  pie: /* @__PURE__ */ y(mt, {}),
+  donut: /* @__PURE__ */ y(bt, {})
+}, Et = 2, qe = "0 6", kt = 5, Rt = -45, It = 640;
+function _t(e, a) {
+  !e || a.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(
-      (d) => {
-        if (typeof d.getBBox != "function") return;
-        const c = d.getBBox();
-        d.setAttribute(
+    const s = Number(t.getAttribute("data:realIndex"));
+    a.includes(s) && t.querySelectorAll("path.apexcharts-bar-area").forEach(
+      (p) => {
+        if (typeof p.getBBox != "function") return;
+        const i = p.getBBox();
+        p.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}`
-        ), d.setAttribute("stroke-dasharray", ze), d.setAttribute("stroke-linecap", "round");
+          `M ${i.x} ${i.y + i.height} L ${i.x} ${i.y} L ${i.x + i.width} ${i.y} L ${i.x + i.width} ${i.y + i.height}`
+        ), p.setAttribute("stroke-dasharray", qe), p.setAttribute("stroke-linecap", "round");
       }
     );
   });
 }
-function Be(e) {
-  const s = getComputedStyle(e), t = (i) => Number.parseFloat(s.getPropertyValue(i)) || 0;
+function Me(e) {
+  const a = getComputedStyle(e), t = (s) => Number.parseFloat(a.getPropertyValue(s)) || 0;
   return t("--min-target-size") + t("--focus-ring-offset") + t("--focus-ring-width");
 }
-function Me(e, s, t, i, d, c) {
-  if (i === d)
+function Lt(e, a) {
+  if (e === void 0) return a;
+  if (typeof e == "number") return e;
+  const t = Number.parseInt(e, 10);
+  return e.trim().endsWith("%") ? a * t / 100 : t;
+}
+function ze(e, a, t, s, p, i) {
+  if (s === p)
     return {
       effectiveSeries: e,
-      effectiveCategories: s,
+      effectiveCategories: a,
       effectiveLabels: t
     };
-  if (!i) {
-    const m = e.filter((l) => l.role !== "compare");
+  if (!s) {
+    const f = e.filter((l) => l.role !== "compare");
     return {
-      effectiveSeries: m.map((l) => l.data.reduce((T, $) => T + $, 0)),
+      effectiveSeries: f.map((l) => l.data.reduce((R, q) => R + q, 0)),
       effectiveCategories: void 0,
-      effectiveLabels: m.map((l) => l.name)
+      effectiveLabels: f.map((l) => l.name)
     };
   }
   return {
-    effectiveSeries: [{ name: c, data: e }],
+    effectiveSeries: [{ name: i, data: e }],
     effectiveCategories: t ?? [],
     effectiveLabels: void 0
   };
 }
-function Pe({
+function $e({
   themeOptions: e,
-  toolbarBand: s,
+  toolbarBand: a,
   chartId: t,
-  toolbar: i,
-  reducedMotion: d,
-  toolbarLocale: c,
-  locale: p,
+  toolbar: s,
+  reducedMotion: p,
+  toolbarLocale: i,
+  locale: u,
   effectiveLabels: h,
-  formatValue: m,
-  noDataText: L,
+  formatValue: f,
+  noDataText: O,
   effectiveType: l,
-  effectiveSeries: T,
-  effectiveCategories: $,
-  isRtl: _,
-  patterns: pe,
-  stacked: N,
-  orientation: q,
-  curve: H,
-  colors: B,
+  effectiveSeries: R,
+  effectiveCategories: q,
+  isRtl: B,
+  patterns: de,
+  stacked: P,
+  orientation: H,
+  curve: W,
+  colors: M,
   radialValueFormatter: X,
-  wrapperRef: J
+  narrow: J,
+  wrapperRef: pe
 }) {
-  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,
+  var ee, G, D, te, _, K;
+  const n = e, C = le(l) && Array.isArray(R) ? R.map((o) => o.role === "compare") : [], E = C.some(Boolean), I = E && l === "bar", F = I && R.some(
+    (o) => o.role === "compare" && o.data.some((d) => d < 0)
+  ), Q = I && H === "vertical" && !F, v = E ? et() : 0.3, c = {
+    ...n,
     chart: {
-      ...S.chart,
+      ...n.chart,
       id: t,
-      toolbar: { show: i },
-      zoom: { enabled: i },
+      toolbar: { show: s },
+      zoom: { enabled: s },
       animations: {
-        enabled: !d,
-        dynamicAnimation: { enabled: !d }
+        enabled: !p,
+        dynamicAnimation: { enabled: !p }
       },
-      locales: [c],
-      defaultLocale: p,
+      locales: [i],
+      defaultLocale: u,
       parentHeightOffset: 0,
       // Keep the keyboard-operable legend; drop Apex's data-point navigation
       // and live announcements (English-only, and the summary table covers them).
@@ -388,7 +395,7 @@ function Pe({
       // 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 } : {}
+      ...le(l) ? { stacked: P } : {}
     },
     // Only set `labels` when the effective type actually has them (slice
     // charts). Emitting `labels: undefined` crashes ApexCharts' bar
@@ -398,135 +405,140 @@ function Pe({
     // line tolerate the undefined but bar does not, so never pass it.
     ...h ? { labels: h } : {},
     legend: {
-      ...S.legend,
+      ...n.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: _ ? "right" : "left",
+      horizontalAlign: B ? "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: {
-      ...S.tooltip,
+      ...n.tooltip,
       y: {
-        formatter: (n) => m(n)
+        formatter: (o) => f(o)
       }
     },
     noData: {
-      text: L
+      text: O
     }
   };
-  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);
+  if (c.title = s && a ? { ...c.title, text: "", margin: a } : { ...c.title, text: void 0, margin: kt }, M && M.length > 0 && (c.colors = M), E) {
+    const o = c.colors ?? n.colors ?? [], d = (x) => o[x % Math.max(o.length, 1)], N = R.map((x, L) => x.role === "compare" ? -1 : L).filter((x) => x >= 0);
+    let A = 0;
+    c.colors = R.map((x, L) => {
+      if (x.role !== "compare") return d(L);
+      const m = N.length ? N[Math.min(A++, N.length - 1)] : L;
+      return d(m);
     });
-    const E = a.colors.map(
-      (f, k) => o[k] ? Qe(f) : f
+    const k = c.colors.map(
+      (x, L) => C[L] ? tt(x) : x
     );
-    a.legend = {
-      ...a.legend,
+    c.legend = {
+      ...c.legend,
       markers: {
-        ...((Q = a.legend) == null ? void 0 : Q.markers) ?? {},
-        fillColors: E
+        ...((ee = c.legend) == null ? void 0 : ee.markers) ?? {},
+        fillColors: k
       }
     };
   }
-  if (de(l)) {
-    const n = l === "bar" && q === "horizontal";
-    a.xaxis = {
-      ...S.xaxis,
-      categories: $ ?? [],
+  if (le(l)) {
+    const o = l === "bar" && H === "horizontal";
+    c.xaxis = {
+      ...n.xaxis,
+      categories: q ?? [],
       labels: {
-        ...(ee = S.xaxis) == null ? void 0 : ee.labels,
-        formatter: n ? (u) => m(Number(u)) : void 0
+        ...(G = n.xaxis) == null ? void 0 : G.labels,
+        formatter: o ? (d) => f(Number(d)) : void 0,
+        // A narrow chart thins crowded labels rather than turning them sideways.
+        // Sent both ways, so a widened chart rotates; the thinning is pinned
+        // so an ApexCharts default change cannot leave narrow labels overlapping.
+        rotate: J ? 0 : Rt,
+        hideOverlappingLabels: !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 ? {
+    }, c.yaxis = {
+      ...n.yaxis,
+      opposite: B,
+      ...o ? {} : { labels: { formatter: (d) => f(d) } }
+    }, c.stroke = {
+      curve: W,
+      width: l === "bar" ? E ? C.map((d) => d ? Et : 0) : 0 : 2,
+      ...E ? {
         lineCap: "round",
         // Runtime accepts a string dash; the published types say
         // `number` → one documented cast. `'0 6'` + round cap ⇒ dots.
-        dashArray: o.map(
-          (u) => u ? ze : 0
+        dashArray: C.map(
+          (d) => d ? qe : 0
         )
       } : {}
-    }, a.dataLabels = { enabled: !1 };
+    }, c.dataLabels = { enabled: !1 };
   }
   if (l === "radialBar" && X) {
-    const n = S.plotOptions ?? {};
-    a.plotOptions = {
-      ...n,
+    const o = n.plotOptions ?? {};
+    c.plotOptions = {
+      ...o,
       radialBar: {
-        ...n.radialBar ?? {},
+        ...o.radialBar ?? {},
         dataLabels: {
-          ...((G = n.radialBar) == null ? void 0 : G.dataLabels) ?? {},
+          ...((D = o.radialBar) == null ? void 0 : D.dataLabels) ?? {},
           value: {
-            ...((te = (K = n.radialBar) == null ? void 0 : K.dataLabels) == null ? void 0 : te.value) ?? {},
-            formatter: (u) => X(Number(u))
+            ...((_ = (te = o.radialBar) == null ? void 0 : te.dataLabels) == null ? void 0 : _.value) ?? {},
+            formatter: (d) => X(Number(d))
           }
         }
       }
     };
   }
   if (l === "bar") {
-    const n = S.plotOptions ?? {};
-    a.plotOptions = {
-      ...n,
+    const o = n.plotOptions ?? {};
+    c.plotOptions = {
+      ...o,
       bar: {
-        ...n.bar ?? {},
-        horizontal: q === "horizontal"
+        ...o.bar ?? {},
+        horizontal: H === "horizontal"
       }
     };
   }
-  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
+  if (de ? c.fill = {
+    type: E ? C.map((o) => o ? "solid" : "pattern") : "pattern",
+    opacity: E ? C.map(
+      (o) => o ? v : l === "area" ? 0.3 : 1
     ) : l === "area" ? 0.3 : 1,
     pattern: {
-      style: [...vt],
+      style: [...xt],
       strokeWidth: 2
     }
-  } : F ? a.fill = {
+  } : I ? c.fill = {
     type: "solid",
-    opacity: o.map((n) => n ? D : 1)
-  } : l === "area" && (a.fill = C ? {
+    opacity: C.map((o) => o ? v : 1)
+  } : l === "area" && (c.fill = E ? {
     type: "gradient",
-    opacity: o.map((n) => n ? D : 0.3)
+    opacity: C.map((o) => o ? v : 0.3)
   } : {
     type: "gradient",
     opacity: 0.3
-  }), 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,
+  }), Q) {
+    const o = C.map((A, k) => A ? k : -1).filter((A) => A >= 0), d = () => _t(pe.current, o), N = () => typeof requestAnimationFrame == "function" ? requestAnimationFrame(d) : d();
+    c.chart = {
+      ...c.chart,
       events: {
-        ...((I = a.chart) == null ? void 0 : I.events) ?? {},
-        mounted: () => R(),
-        updated: () => R(),
-        animationEnd: () => u()
+        ...((K = c.chart) == null ? void 0 : K.events) ?? {},
+        mounted: () => N(),
+        updated: () => N(),
+        animationEnd: () => d()
       }
     };
   }
-  return kt(a, l);
+  return Ot(c, l);
 }
-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;
+function Ot(e, a) {
+  var s, p, i, u, h, f;
+  if (!le(a)) return e;
+  const t = (s = e.chart) == null ? void 0 : s.events;
   return {
     ...e,
     colors: e.colors,
@@ -541,366 +553,368 @@ function kt(e, s) {
     },
     stroke: {
       ...e.stroke,
-      lineCap: ((d = e.stroke) == null ? void 0 : d.lineCap) ?? (s === "bar" ? "square" : "butt"),
-      dashArray: ((c = e.stroke) == null ? void 0 : c.dashArray) ?? 0
+      lineCap: ((p = e.stroke) == null ? void 0 : p.lineCap) ?? (a === "bar" ? "square" : "butt"),
+      dashArray: ((i = e.stroke) == null ? void 0 : i.dashArray) ?? 0
     },
     legend: {
       ...e.legend,
       markers: {
-        ...(p = e.legend) == null ? void 0 : p.markers,
-        fillColors: (m = (h = e.legend) == null ? void 0 : h.markers) == null ? void 0 : m.fillColors
+        ...(u = e.legend) == null ? void 0 : u.markers,
+        fillColors: (f = (h = e.legend) == null ? void 0 : h.markers) == null ? void 0 : f.fillColors
       }
     },
     fill: e.fill ?? { type: "solid", opacity: 0.85 }
   };
 }
 function V(e) {
-  return xt.includes(e);
+  return At.includes(e);
 }
-function de(e) {
-  return wt.includes(e);
+function le(e) {
+  return St.includes(e);
 }
-function It(e, s) {
-  return V(s) ? [
+function Nt(e, a) {
+  return V(a) ? [
     {
       name: "",
       data: e
     }
   ] : e;
 }
-const Rt = Ge(
+const Bt = Ue(
   ({
     title: e,
-    id: s,
+    id: a,
     type: t,
-    series: i,
-    categories: d,
-    labels: c,
-    height: p,
+    series: s,
+    categories: p,
+    labels: i,
+    height: u,
     width: h,
-    patterns: m = !1,
-    stacked: L = !1,
+    patterns: f = !1,
+    stacked: O = !1,
     orientation: l = "vertical",
-    curve: T = "smooth",
-    colors: $,
-    toolbar: _ = !1,
-    locale: pe,
-    radialValueFormatter: N,
-    valueFormatter: q,
-    switchableTypes: H,
-    onTypeChange: B,
+    curve: R = "smooth",
+    colors: q,
+    toolbar: B = !1,
+    locale: de,
+    radialValueFormatter: P,
+    valueFormatter: H,
+    switchableTypes: W,
+    onTypeChange: M,
     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),
+  }, pe) => {
+    const { t: n, i18n: C } = Ze("ui"), E = Ye(), I = S(
+      () => `chart-${E.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [E]
+    ), F = `${I}-summary`, Q = j(null), [v, c] = $(null), ee = S(
+      () => at(Q, c),
       []
-    ), G = x(() => ({ current: a }), [a]), [K, te] = z(0);
-    Ze(G), Xe(G);
-    const I = pe ?? C.language ?? "en", [n, u] = z(() => {
+    ), G = S(() => ({ current: v }), [v]), [D, te] = $(0);
+    Je(G), Qe(G);
+    const _ = de ?? C.language ?? "en", [K, o] = $(() => {
       try {
-        return _e();
+        return Be();
       } catch {
         return {};
       }
     });
-    le(() => {
+    ce(() => {
       if (typeof document > "u") return;
       let r;
-      const y = new MutationObserver(() => {
+      const b = new MutationObserver(() => {
         clearTimeout(r), r = setTimeout(() => {
           try {
-            u(_e());
+            o(Be());
           } catch {
           }
         }, 50);
       });
-      return y.observe(document.documentElement, {
+      return b.observe(document.documentElement, {
         attributes: !0,
         attributeFilter: ["class"]
       }), () => {
-        clearTimeout(r), y.disconnect();
+        clearTimeout(r), b.disconnect();
       };
     }, []);
-    const [R, M] = z(
-      () => typeof document > "u" ? 0 : Be(document.documentElement)
+    const [d, N] = $(
+      () => typeof document > "u" ? 0 : Me(document.documentElement)
     );
-    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)
+    ce(() => {
+      if (!v || !B) return;
+      const r = new ResizeObserver(() => b()), b = () => {
+        const w = v.querySelector(".apexcharts-toolbar");
+        w && r.observe(w), N(
+          Math.max(Me(v), (w == null ? void 0 : w.offsetHeight) ?? 0)
         );
       };
-      y();
-      const v = new MutationObserver(y);
-      for (let w = a.parentElement; w; w = w.parentElement)
-        v.observe(w, { attributes: !0, attributeFilter: ["class"] });
-      const A = new MutationObserver((w) => {
+      b();
+      const g = new MutationObserver(b);
+      for (let w = v.parentElement; w; w = w.parentElement)
+        g.observe(w, { attributes: !0, attributeFilter: ["class"] });
+      const T = new MutationObserver((w) => {
         w.flatMap((U) => [...U.addedNodes]).some(
           (U) => U instanceof Element && (U.matches(".apexcharts-toolbar") || U.querySelector(".apexcharts-toolbar"))
-        ) && y();
+        ) && b();
       });
-      return A.observe(a, { childList: !0, subtree: !0 }), () => {
-        r.disconnect(), v.disconnect(), A.disconnect();
+      return T.observe(v, { childList: !0, subtree: !0 }), () => {
+        r.disconnect(), g.disconnect(), T.disconnect();
       };
-    }, [a, _]), le(() => {
-      const r = a;
+    }, [v, B]), ce(() => {
+      const r = v;
       if (!r || typeof ResizeObserver > "u") return;
-      const y = new ResizeObserver((v) => {
-        const A = v[0];
-        A && te(Math.floor(A.contentRect.width));
+      const b = new ResizeObserver((g) => {
+        const T = g[0];
+        T && te(Math.floor(T.contentRect.width));
       });
-      return y.observe(r), () => y.disconnect();
-    }, [a]);
-    const E = x(() => {
-      if (!H || H.length === 0) return [];
-      const r = H.filter(
-        (v) => Ne.includes(v)
+      return b.observe(r), () => b.disconnect();
+    }, [v]);
+    const A = S(() => {
+      if (!W || W.length === 0) return [];
+      const r = W.filter(
+        (g) => Pe.includes(g)
       );
-      if (!Ne.includes(t))
+      if (!Pe.includes(t))
         return [];
-      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 b = r.includes(t) ? r : [t, ...r];
+      return [...new Set(b)];
+    }, [W, t]), k = A.length >= 2, [x, L] = $(null), m = k && x && A.includes(x) ? x : t;
+    gt(
+      v,
+      m !== "pie" && m !== "donut"
     );
-    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: P, effectiveCategories: ne, effectiveLabels: oe } = x(
-      () => Me(
+    const ue = V(t), he = V(m), [re, fe] = $(null), [be, He] = $(s);
+    be !== s && (He(s), re && fe(null));
+    const ye = re && re.base === s && be === s ? re.next : s, ge = j(s);
+    ge.current = s;
+    const { effectiveSeries: z, effectiveCategories: ae, effectiveLabels: ne } = S(
+      () => ze(
         ye,
-        d,
-        c,
+        p,
+        i,
         ue,
         he,
-        o("chart.table.value")
+        n("chart.table.value")
       ),
-      [ye, d, c, ue, he, o]
-    ), ve = (r) => Me(
+      [ye, p, i, ue, he, n]
+    ), ve = (r) => ze(
       r,
-      d,
-      c,
+      p,
+      i,
       ue,
       he,
-      o("chart.table.value")
+      n("chart.table.value")
     ), we = j(ve);
     we.current = ve;
-    const xe = j(Promise.resolve()), me = x(
+    const xe = j(Promise.resolve()), me = S(
       () => ({
         async dataURI() {
           await xe.current;
-          const r = Oe.getChartByID(O);
+          const r = Ne.getChartByID(I);
           return r ? (await r.dataURI()).imgURI : "";
         },
         updateSeries(r) {
           fe({ base: ge.current, next: r });
-          const y = Oe.getChartByID(O);
-          if (!y) return;
-          const v = we.current(r), A = { ...Ie.current, ...v };
-          xe.current = y.updateOptions(
-            { ...Pe(A), series: v.effectiveSeries },
+          const b = Ne.getChartByID(I);
+          if (!b) return;
+          const g = we.current(r), T = { ..._e.current, ...g };
+          xe.current = b.updateOptions(
+            { ...$e(T), series: g.effectiveSeries },
             !1,
             !0
           ).catch(() => {
           });
         },
         setType(r) {
-          return !f || !E.includes(r) ? !1 : (re(r), !0);
+          return !k || !A.includes(r) ? !1 : (L(r), !0);
         },
         getTypeState() {
           return {
             declaredType: t,
-            effectiveType: b,
-            availableTypes: f ? [...E] : []
+            effectiveType: m,
+            availableTypes: k ? [...A] : []
           };
         }
       }),
-      [O, t, b, f, E]
+      [I, t, m, k, A]
     );
-    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(
+    je(pe, () => me, [me]), nt(vt, me, a);
+    const Se = typeof document < "u" && document.documentElement.dir === "rtl", Ae = S(
+      () => Nt(z, m),
+      [z, m]
+    ), Te = S(
+      () => new Intl.NumberFormat(_),
+      [_]
+    ), oe = S(
+      () => H ?? ((r) => Te.format(r)),
+      [H, Te]
+    ), Ce = S(
       () => ({
-        name: I,
+        name: _,
         options: {
           toolbar: {
-            download: o("chart.toolbar.download"),
+            download: n("chart.toolbar.download"),
             // Names the button that opens the export menu (Apex: "Menu").
-            menu: o("chart.toolbar.download"),
-            selection: o("chart.toolbar.selection"),
-            selectionZoom: o("chart.toolbar.selectionZoom"),
-            zoomIn: o("chart.toolbar.zoomIn"),
-            zoomOut: o("chart.toolbar.zoomOut"),
-            pan: o("chart.toolbar.pan"),
-            reset: o("chart.toolbar.reset"),
-            exportToSVG: o("chart.toolbar.exportToSVG"),
-            exportToPNG: o("chart.toolbar.exportToPNG"),
-            exportToCSV: o("chart.toolbar.exportToCSV")
+            menu: n("chart.toolbar.download"),
+            selection: n("chart.toolbar.selection"),
+            selectionZoom: n("chart.toolbar.selectionZoom"),
+            zoomIn: n("chart.toolbar.zoomIn"),
+            zoomOut: n("chart.toolbar.zoomOut"),
+            pan: n("chart.toolbar.pan"),
+            reset: n("chart.toolbar.reset"),
+            exportToSVG: n("chart.toolbar.exportToSVG"),
+            exportToPNG: n("chart.toolbar.exportToPNG"),
+            exportToCSV: n("chart.toolbar.exportToCSV")
           }
         }
       }),
-      [I, o]
-    ), Ee = et(), ke = o("chart.noData"), ie = x(
+      [_, n]
+    ), Ee = rt(), ke = n("chart.noData"), Re = Lt(h, D), Ie = Re > 0 && Re < It, se = S(
       () => ({
-        themeOptions: n,
-        toolbarBand: R,
-        chartId: O,
-        toolbar: _,
+        themeOptions: K,
+        toolbarBand: d,
+        chartId: I,
+        toolbar: B,
         reducedMotion: Ee,
         toolbarLocale: Ce,
-        locale: I,
-        effectiveLabels: oe,
-        formatValue: se,
+        locale: _,
+        effectiveLabels: ne,
+        formatValue: oe,
         noDataText: ke,
-        effectiveType: b,
-        effectiveSeries: P,
-        effectiveCategories: ne,
+        effectiveType: m,
+        effectiveSeries: z,
+        effectiveCategories: ae,
         isRtl: Se,
-        patterns: m,
-        stacked: L,
+        patterns: f,
+        stacked: O,
         orientation: l,
-        curve: T,
-        colors: $,
-        radialValueFormatter: N,
-        wrapperRef: D
+        curve: R,
+        colors: q,
+        radialValueFormatter: P,
+        narrow: Ie,
+        wrapperRef: Q
       }),
       [
-        n,
-        R,
-        O,
-        _,
+        K,
+        d,
+        I,
+        B,
         Ee,
         Ce,
-        I,
+        _,
+        ne,
         oe,
-        se,
         ke,
-        b,
-        P,
-        ne,
-        Se,
         m,
-        L,
+        z,
+        ae,
+        Se,
+        f,
+        O,
         l,
-        T,
-        $,
-        N
+        R,
+        q,
+        P,
+        Ie
       ]
-    ), qe = x(
-      () => 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__ */ g("div", { className: "ds:sr-only", children: /* @__PURE__ */ Y("table", { id: W, children: [
-        /* @__PURE__ */ g("caption", { children: e }),
-        /* @__PURE__ */ g("thead", { children: /* @__PURE__ */ Y("tr", { children: [
-          /* @__PURE__ */ g("th", { scope: "col", children: o("chart.table.series") }),
-          r.map((v, A) => /* @__PURE__ */ g("th", { scope: "col", children: v }, `${v}-${A}`))
+    ), We = S(
+      () => $e(se),
+      [se]
+    ), _e = j(se);
+    _e.current = se;
+    const De = h ?? (D > 0 ? D : "100%"), Fe = u ?? 320, Ge = S(() => {
+      const r = V(m) ? ne ?? [] : ae ?? [], b = Ae;
+      return /* @__PURE__ */ y("div", { className: "ds:sr-only", children: /* @__PURE__ */ Y("table", { id: F, children: [
+        /* @__PURE__ */ y("caption", { children: e }),
+        /* @__PURE__ */ y("thead", { children: /* @__PURE__ */ Y("tr", { children: [
+          /* @__PURE__ */ y("th", { scope: "col", children: n("chart.table.series") }),
+          r.map((g, T) => /* @__PURE__ */ y("th", { scope: "col", children: g }, `${g}-${T}`))
         ] }) }),
-        /* @__PURE__ */ g("tbody", { children: y.map((v, A) => /* @__PURE__ */ Y("tr", { children: [
-          /* @__PURE__ */ g("th", { scope: "row", children: v.name || o("chart.table.value") }),
-          v.data.map((w, Le) => /* @__PURE__ */ g("td", { children: b === "radialBar" && N ? N(w) : se(w) }, `${A}-${Le}`))
-        ] }, `${v.name}-${A}`)) })
+        /* @__PURE__ */ y("tbody", { children: b.map((g, T) => /* @__PURE__ */ Y("tr", { children: [
+          /* @__PURE__ */ y("th", { scope: "row", children: g.name || n("chart.table.value") }),
+          g.data.map((w, Oe) => /* @__PURE__ */ y("td", { children: m === "radialBar" && P ? P(w) : oe(w) }, `${T}-${Oe}`))
+        ] }, `${g.name}-${T}`)) })
       ] }) });
     }, [
-      b,
+      m,
       Ae,
-      oe,
       ne,
-      W,
+      ae,
+      F,
       e,
-      o,
-      se,
-      N
-    ]), We = x(() => (V(b), P), [P, b]), Re = /* @__PURE__ */ Y(
+      n,
+      oe,
+      P
+    ]), Ke = S(() => (V(m), z), [z, m]), Le = /* @__PURE__ */ Y(
       "div",
       {
         ref: ee,
         role: "figure",
         "aria-label": e,
-        "aria-describedby": W,
-        className: gt({
+        "aria-describedby": F,
+        className: wt({
           // Explicit height wins over the density min-height unless the
           // caller also asked for a density explicitly.
-          density: X ?? (p !== void 0 ? "none" : void 0),
-          className: f ? void 0 : J
+          density: X ?? (u !== void 0 ? "none" : void 0),
+          className: k ? void 0 : J
         }),
-        ...f ? {} : { "data-component": "chart", "data-component-id": s },
+        ...k ? {} : { "data-component": "chart", "data-component-id": a },
         children: [
-          De,
-          /* @__PURE__ */ g(
-            Ve,
+          Ge,
+          /* @__PURE__ */ y(
+            Xe,
             {
-              type: b,
-              series: We,
-              options: qe,
-              width: He,
+              type: m,
+              series: Ke,
+              options: We,
+              width: De,
               height: Fe
             },
-            b
+            m
           )
         ]
       }
     );
-    return f ? /* @__PURE__ */ Y(
+    return k ? /* @__PURE__ */ Y(
       "div",
       {
         "data-component": "chart",
-        "data-component-id": s,
+        "data-component-id": a,
         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(
-            nt,
+          /* @__PURE__ */ y("div", { className: "ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ y(
+            st,
             {
               role: "radiogroup",
               mode: "toggle-single",
               size: "sm",
-              "aria-label": o("chart.typeSwitcher.label"),
-              value: b,
+              "aria-label": n("chart.typeSwitcher.label"),
+              value: m,
               onValueChange: (r) => {
-                r !== b && (re(r), B == null || B(r));
+                r !== m && (L(r), M == null || M(r));
               },
-              children: E.map((r) => /* @__PURE__ */ g(
-                at,
+              children: A.map((r) => /* @__PURE__ */ y(
+                ot,
                 {
                   value: r,
                   type: "button",
-                  icon: At[r],
-                  "aria-label": o(St[r])
+                  icon: Ct[r],
+                  "aria-label": n(Tt[r])
                 },
                 r
               ))
             }
           ) }),
-          Re
+          Le
         ]
       }
-    ) : Re;
+    ) : Le;
   }
 );
-Rt.displayName = "Chart";
+Bt.displayName = "Chart";
 export {
-  Rt as C,
-  gt as a,
-  yt as c
+  Bt as C,
+  wt as a,
+  vt as c
 };
-//# sourceMappingURL=chart-ZMkX-Gqy.js.map
+//# sourceMappingURL=chart-0jK6B2ry.js.map