@alfadocs/ui-kit 1.65.0 → 1.66.0

package/dist/_chunks/chart-CwmyCuWe.js

@@ -0,0 +1,1340 @@
+import { jsx as H, jsxs as ge } from "react/jsx-runtime";
+import { useEffect as ce, forwardRef as mt, useId as ft, useMemo as V, useRef as de, useState as ie, useImperativeHandle as yt } from "react";
+import { c as Oe } from "./index-D2ZczOXr.js";
+import { useTranslation as gt } from "react-i18next";
+import bt from "react-apexcharts";
+import Je from "apexcharts";
+import { u as vt, a as xt, g as Qe, b as St, r as wt } from "./apexcharts-theme-DNoXvgnZ.js";
+import { u as At } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as Et } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as Lt } from "./intl-locale-FWh-Y5_3.js";
+import { e as be } from "./escape-html-Cn9Fao6a.js";
+import { c as Ct } from "./compose-refs-C0k0tdqF.js";
+import { u as Tt } from "./registry-DvAUVLHh.js";
+import { I as Mt } from "./icon-button-C_1TgRiK.js";
+import { I as It } from "./icon-button-group-NIHji7_y.js";
+import { c as we } 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 Rt = [
+  ["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"
+    }
+  ]
+], Nt = we("chart-area", Rt);
+/**
+ * @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 Ot = [
+  ["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" }]
+], Pt = we("chart-column", Ot);
+/**
+ * @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 _t = [
+  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
+  ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
+], kt = we("chart-line", _t);
+/**
+ * @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 zt = [
+  [
+    "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" }]
+], Bt = we("chart-pie", zt);
+/**
+ * @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 $t = [
+  [
+    "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" }]
+], qt = we("donut", $t), Ft = ".apexcharts-legend, .apexcharts-toolbar";
+function Me(e, a, t) {
+  !e || e.getAttribute(a) === t || (t === null ? e.removeAttribute(a) : e.setAttribute(a, t));
+}
+function Ht(e, a) {
+  ce(() => {
+    if (!e) return;
+    const t = () => {
+      e.querySelectorAll(".apexcharts-canvas").forEach((l) => {
+        Array.from(l.children).forEach((x) => {
+          x.matches(Ft) || Me(x, "aria-hidden", "true");
+        });
+      }), e.querySelectorAll(".apexcharts-toolbar").forEach((l) => {
+        var b;
+        const x = ((b = l.querySelector(".apexcharts-menu-icon")) == null ? void 0 : b.getAttribute("aria-expanded")) === "true";
+        Me(
+          l.querySelector(".apexcharts-menu"),
+          "inert",
+          x ? null : ""
+        );
+      }), e.querySelectorAll(
+        '.apexcharts-legend-series[role="button"]'
+      ).forEach((l) => {
+        Me(l, "aria-label", null);
+        const x = l.getAttribute("data:collapsed") === "true" ? "false" : "true";
+        Me(l, "aria-pressed", a ? x : null);
+      });
+    };
+    let o = 0;
+    const h = (l) => {
+      const x = l.target instanceof Element ? l.target.closest(".apexcharts-legend-series") : null, b = x == null ? void 0 : x.getAttribute("rel");
+      b && (cancelAnimationFrame(o), o = requestAnimationFrame(() => {
+        var r;
+        const w = document.activeElement;
+        w && w !== document.body || (r = e.querySelector(
+          `.apexcharts-legend-series[rel="${CSS.escape(b)}"]`
+        )) == null || r.focus();
+      }));
+    };
+    t();
+    const s = new MutationObserver(t);
+    return s.observe(e, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: [
+        "aria-hidden",
+        "aria-label",
+        "aria-pressed",
+        "aria-expanded"
+      ]
+    }), e.addEventListener("click", h), () => {
+      s.disconnect(), e.removeEventListener("click", h), cancelAnimationFrame(o);
+    };
+  }, [e, a]);
+}
+const _e = '.apexcharts-legend-series[role="button"]', et = ".apexcharts-legend-text", Ie = "--chart-legend-item-size", ke = "--chart-legend-value-size", Wt = ".chart-legend-value", Dt = ".chart-legend-name", Vt = 350;
+function Re(e, a, t) {
+  t && e.getAttribute(a) !== "true" ? e.setAttribute(a, "true") : !t && e.hasAttribute(a) && e.removeAttribute(a);
+}
+const ae = (e, a) => Number.parseFloat(e.getPropertyValue(a)) || 0;
+function Gt(e, a) {
+  ce(() => {
+    if (!e || !a) return;
+    let t = null, o = 0, h = 0;
+    const s = () => {
+      if (!t) return;
+      const i = Math.abs(t.scrollLeft), u = t.scrollWidth - t.clientWidth;
+      h = i, Re(t, "data-fade-start", i > 1), Re(t, "data-fade-end", u - i > 1);
+    }, l = () => {
+      if (!t) return;
+      const i = getComputedStyle(t).direction === "rtl" ? -1 : 1;
+      Math.abs(Math.abs(t.scrollLeft) - h) > 1 && (t.scrollLeft = i * h);
+    }, x = () => {
+      if (!t) return;
+      const i = t.clientWidth, u = Array.from(
+        t.querySelectorAll(`:scope > ${_e}`)
+      ).filter((A) => A.getClientRects().length > 0), f = (A, E, g = "") => ae(A, `${E}-inline-start${g}`) + ae(A, `${E}-inline-end${g}`), y = u.map((A) => {
+        const E = A.querySelector(Wt);
+        if (!E) return 0;
+        const g = getComputedStyle(A);
+        let R = f(g, "padding") + f(g, "border", "-width");
+        for (const T of Array.from(A.children)) {
+          const L = getComputedStyle(T);
+          R += f(L, "margin") + (T.contains(E) ? f(L, "padding") + f(L, "border", "-width") : T.getBoundingClientRect().width);
+        }
+        return R + E.getBoundingClientRect().width;
+      }), $ = getComputedStyle(t), _ = ae($, "padding-inline-start"), B = ae($, "padding-inline-end"), M = t.style.getPropertyValue(Ie);
+      if (t.style.removeProperty(Ie), u.length === 0) return;
+      u.forEach((A, E) => {
+        y[E] > 0 ? A.style.setProperty(ke, `${Math.ceil(y[E])}px`) : A.style.removeProperty(ke);
+      });
+      const Z = u.map(
+        (A) => ae(getComputedStyle(A), "min-inline-size")
+      ), j = Math.max(...Z), Q = getComputedStyle(u[0]), N = ae(Q, "margin-inline-start") + ae(Q, "margin-inline-end"), n = Z.reduce((A, E) => A + E + N, 0);
+      if (j <= 0 || _ + B + n <= i)
+        return;
+      const m = Math.floor(
+        (i - _ - N / 2 - j / 2) / (j + N)
+      );
+      if (m < 1) return;
+      const S = (i - _ - N / 2 - m * N) / (m + 0.5);
+      t.style.setProperty(
+        Ie,
+        M && Math.abs(Number.parseFloat(M) - S) < 0.5 ? M : `${Math.floor(S * 100) / 100}px`
+      );
+    }, b = new ResizeObserver(() => {
+      x(), s();
+    }), { fonts: w } = e.ownerDocument, r = () => {
+      x(), s();
+    }, c = () => {
+      const i = e.querySelector(".apexcharts-legend"), u = i !== t;
+      u && (t && (t.removeEventListener("scroll", s), b.unobserve(t)), t = i, t && (t.addEventListener("scroll", s, { passive: !0 }), b.observe(t))), x(), u && l(), s();
+    };
+    let p = !1, d = 0, W;
+    const G = (i) => t !== null && i.target instanceof Node && t.contains(i.target), O = () => {
+      cancelAnimationFrame(d), clearTimeout(W), p = !1;
+    }, J = (i) => {
+      O(), p = G(i);
+    }, U = (i) => {
+      if (p) {
+        if (!G(i)) {
+          O();
+          return;
+        }
+        clearTimeout(W), W = setTimeout(
+          O,
+          i.pointerType === "touch" ? Vt : 0
+        );
+      }
+    }, Y = () => {
+      p && (clearTimeout(W), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+        d = requestAnimationFrame(() => {
+          p = !1;
+        });
+      }));
+    }, te = (i) => {
+      if (!t) return;
+      const u = t.getBoundingClientRect(), f = i.getBoundingClientRect(), y = getComputedStyle(t), $ = u.left + ae(y, "scroll-padding-left"), _ = u.right - ae(y, "scroll-padding-right");
+      f.left < $ || f.width > _ - $ ? t.scrollLeft -= $ - f.left : f.right > _ && (t.scrollLeft += f.right - _);
+    }, K = (i) => {
+      const { target: u } = i;
+      !t || !(u instanceof HTMLElement) || t.contains(u) && (p && !u.matches(":focus-visible") ? l() : te(u), s());
+    }, C = () => {
+      cancelAnimationFrame(o), o = requestAnimationFrame(s);
+    }, k = (i) => {
+      var $;
+      const { target: u } = i, f = u instanceof Element ? ($ = u.closest(_e)) == null ? void 0 : $.querySelector(et) : null;
+      if (!f || !(t != null && t.contains(f))) return;
+      const y = f.querySelector(Dt) ?? f;
+      if (y.scrollWidth > y.clientWidth) {
+        const _ = f.textContent ?? "";
+        f.title !== _ && (f.title = _);
+      } else f.hasAttribute("title") && f.removeAttribute("title");
+    }, z = (i) => i instanceof Element && (i.closest(".apexcharts-legend") !== null || i.querySelector(".apexcharts-legend") !== null), I = new MutationObserver((i) => {
+      i.some(
+        (f) => [f.target, ...f.addedNodes, ...f.removedNodes].some(
+          z
+        )
+      ) && c();
+    }), P = e.ownerDocument.defaultView ?? window;
+    return c(), I.observe(e, { childList: !0, subtree: !0 }), P.addEventListener("pointerdown", J, !0), P.addEventListener("pointerup", U, !0), P.addEventListener("pointercancel", O, !0), P.addEventListener("click", Y, !0), P.addEventListener("blur", O), e.addEventListener("keydown", O), e.addEventListener("focusin", K), e.addEventListener("focusout", C), e.addEventListener("mouseover", k), w == null || w.addEventListener("loadingdone", r), () => {
+      I.disconnect(), b.disconnect(), cancelAnimationFrame(o), O(), P.removeEventListener("pointerdown", J, !0), P.removeEventListener("pointerup", U, !0), P.removeEventListener("pointercancel", O, !0), P.removeEventListener("click", Y, !0), P.removeEventListener("blur", O), e.removeEventListener("keydown", O), e.removeEventListener("focusin", K), e.removeEventListener("focusout", C), e.removeEventListener("mouseover", k), w == null || w.removeEventListener("loadingdone", r), e.querySelectorAll(`${et}[title]`).forEach((i) => i.removeAttribute("title")), t && (t.removeEventListener("scroll", s), t.style.removeProperty(Ie), t.querySelectorAll(_e).forEach((i) => i.style.removeProperty(ke)), Re(t, "data-fade-start", !1), Re(t, "data-fade-end", !1));
+    };
+  }, [e, a]);
+}
+const Ut = ".apexcharts-xaxis-texts-g > text.apexcharts-xaxis-label", Kt = 0.5;
+function jt(e) {
+  const a = e.getCTM();
+  if (!a) return null;
+  const { x: t, y: o, width: h, height: s } = e.getBBox();
+  return h === 0 && s === 0 ? null : [
+    [t, o],
+    [t + h, o],
+    [t + h, o + s],
+    [t, o + s]
+  ].map(([l, x]) => {
+    const b = new DOMPoint(l, x).matrixTransform(a);
+    return { x: b.x, y: b.y };
+  });
+}
+function Xt(e, a, t) {
+  return [e, a].some(
+    (o) => o.some((h, s) => {
+      const l = o[(s + 1) % o.length], x = h.y - l.y, b = l.x - h.x, w = Math.hypot(x, b);
+      if (w === 0) return !1;
+      const r = (d) => d.map((W) => (W.x * x + W.y * b) / w), c = r(e), p = r(a);
+      return Math.min(...p) - Math.max(...c) >= t || Math.min(...c) - Math.max(...p) >= t;
+    })
+  );
+}
+function Yt(e) {
+  ce(() => {
+    if (!e) return;
+    const a = () => {
+      const s = Array.from(
+        e.querySelectorAll(Ut)
+      ).filter((r) => (r.textContent ?? "").trim() !== "");
+      if (s.length === 0 || typeof s[0].getBBox != "function")
+        return;
+      const l = s.map(jt), x = Kt * (Number.parseFloat(getComputedStyle(s[0]).fontSize) || 0), b = (r) => {
+        for (let c = r; c < s.length; c += r) {
+          const p = l[c - r], d = l[c];
+          if (p && d && !Xt(p, d, x)) return !1;
+        }
+        return !0;
+      };
+      let w = 1;
+      for (; w < s.length && !b(w); ) w += 1;
+      s.forEach((r, c) => {
+        const p = c % w === 0;
+        p && r.hasAttribute("visibility") ? r.removeAttribute("visibility") : !p && r.getAttribute("visibility") !== "hidden" && r.setAttribute("visibility", "hidden");
+      });
+    }, t = (s) => s instanceof Element && (s.closest(".apexcharts-xaxis") !== null || s.querySelector(".apexcharts-xaxis") !== null), o = new MutationObserver((s) => {
+      s.some(
+        (l) => [l.target, ...l.addedNodes].some(t)
+      ) && a();
+    }), { fonts: h } = e.ownerDocument;
+    return a(), o.observe(e, { childList: !0, subtree: !0 }), h == null || h.addEventListener("loadingdone", a), () => {
+      o.disconnect(), h == null || h.removeEventListener("loadingdone", a);
+    };
+  }, [e]);
+}
+const tt = "http://www.w3.org/2000/svg", Ne = ".apexcharts-radialbar .apexcharts-datalabels-group", Zt = ".apexcharts-datalabel-label", Jt = ".apexcharts-datalabel-value", Qt = ".apexcharts-radialbar-hollow", ve = "--chart-centre-size", er = "var(--type-label-size)", tr = 0.5, rr = 0.25, nr = 1, ar = 0.06, rt = "data-centre-name", ze = "data-centre-line", nt = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}]/u, sr = /^[)\]}）】」』〕〉》、。，．・：；！？ー…]/u, or = /[([{（【「『〔〈《]$/u;
+function ir(e) {
+  if (typeof Intl.Segmenter != "function") return null;
+  try {
+    return new Intl.Segmenter(e, { granularity: "word" });
+  } catch {
+    return new Intl.Segmenter(void 0, { granularity: "word" });
+  }
+}
+function cr(e, a) {
+  const t = [[e]], o = ir(a), h = o ? Array.from(o.segment(e), (l) => l.segment) : e.split(/(\s+)/);
+  let s = 0;
+  return h.forEach((l, x) => {
+    s += l.length;
+    const b = h[x + 1];
+    if (b === void 0) return;
+    const w = /^\s+$/.test(l) || /^\s+$/.test(b), r = nt.test(l.slice(-1)) || nt.test(b.charAt(0));
+    if (!w && !r) return;
+    const c = e.slice(0, s).trim(), p = e.slice(s).trim();
+    !c || !p || sr.test(p) || or.test(c) || t.some(([d, W]) => d === c && W === p) || t.push([c, p]);
+  }), t;
+}
+function lr(e, a, t) {
+  ce(() => {
+    if (!e || !a) return;
+    const o = () => {
+      try {
+        h();
+      } finally {
+        l.takeRecords();
+      }
+    }, h = () => {
+      if (e.getClientRects().length === 0) return;
+      const r = e.querySelector(Ne), c = e.querySelector(Qt), p = (r == null ? void 0 : r.querySelector(Jt)) ?? null, d = (r == null ? void 0 : r.querySelector(Zt)) ?? null;
+      if (!r || !c) return;
+      const W = c.getCTM(), G = r.getCTM();
+      if (!W || !G) return;
+      const O = G.inverse().multiply(W), J = new DOMPoint(
+        c.cx.baseVal.value,
+        c.cy.baseVal.value
+      ).matrixTransform(O), U = c.r.baseVal.value * Math.hypot(O.a, O.b), Y = U - nr;
+      if (Y <= 0) return;
+      const { x: te, y: K } = J, C = ar * 2 * U, k = (n, m, S) => {
+        const A = K - m / 2;
+        let E = -1 / 0, g = 1 / 0;
+        for (const { width: T, start: L, end: re } of n) {
+          if (T / 2 > Y) return null;
+          const se = Math.sqrt(Y ** 2 - (T / 2) ** 2);
+          E = Math.max(E, K - se - L), g = Math.min(g, K + se - re);
+        }
+        const R = Math.max(A, E);
+        return R <= Math.min(g, A + S) ? R : null;
+      }, z = d && d.querySelector(`tspan[${ze}]`) ? d.getAttribute(rt) ?? "" : (d == null ? void 0 : d.textContent) ?? "";
+      for (const n of [d, p])
+        n == null || n.style.removeProperty(ve), n == null || n.removeAttribute("visibility");
+      const I = (n) => Number.parseFloat(getComputedStyle(n).fontSize) || 0, P = (n, m) => {
+        n.style.setProperty(ve, er);
+        const S = Math.min(I(n), m);
+        return n.style.removeProperty(ve), S;
+      };
+      let i = 0, u = 0, f = 0;
+      if (p && (p.textContent ?? "") !== "") {
+        i = I(p);
+        const n = P(p, i);
+        u = p.getComputedTextLength(), f = p.getBBox().height;
+        const m = Math.hypot(u / 2, f / 2);
+        if (m > Y) {
+          const S = Math.max(Y / m, n / i);
+          i *= S, u *= S, f *= S;
+        }
+      }
+      const y = i > 0 ? rr * i : 0, $ = (n) => n.length > 0 ? y : 0;
+      let _ = 0, B = null, M = 0;
+      if (d && z.trim() !== "") {
+        M = I(d);
+        const n = P(d, M), m = (T) => (d.textContent = T, d.getComputedTextLength());
+        d.textContent = z, _ = d.getBBox().height / M;
+        const [S, ...A] = cr(z, t).map((T) => ({
+          lines: T,
+          widths: T.map(m)
+        })), E = [
+          S,
+          ...A.sort(
+            (T, L) => Math.max(...T.widths) - Math.max(...L.widths)
+          )
+        ], g = [];
+        for (let T = M; T > n + 0.01; T -= tr)
+          g.push(T);
+        g.push(n);
+        const R = (T, L) => {
+          for (const re of L) {
+            const se = re / M, oe = _ * re;
+            let pe = null, he = 1 / 0;
+            for (const { lines: me, widths: Ae } of E) {
+              const fe = me.length * oe + $(me), X = fe + f, le = Ae.map((Ee, ye) => ({
+                width: Ee * se,
+                start: ye * oe,
+                end: (ye + 1) * oe
+              }));
+              f > 0 && le.push({
+                width: u,
+                start: fe,
+                end: X
+              });
+              const ne = k(le, X, T);
+              ne !== null && ne - (K - X / 2) < he && (pe = { lines: me, size: re, top: ne }, he = ne - (K - X / 2));
+            }
+            if (pe) return pe;
+          }
+          return null;
+        };
+        B = R(0, g) ?? R(C, [n]);
+      }
+      const Z = (B == null ? void 0 : B.lines) ?? [], j = B ? _ * B.size : 0, Q = Z.length * j + $(Z) + f, N = (B == null ? void 0 : B.top) ?? K - Q / 2;
+      if (d)
+        if (d.textContent = "", d.setAttribute(rt, z), d.setAttribute("dominant-baseline", "central"), d.setAttribute("x", String(te)), d.setAttribute("y", String(N + j / 2)), Z.forEach((n, m) => {
+          const S = e.ownerDocument.createElementNS(tt, "tspan");
+          S.setAttribute(ze, ""), S.setAttribute("x", String(te)), S.setAttribute("y", String(N + (m + 0.5) * j)), S.textContent = n, d.appendChild(S);
+        }), B)
+          B.size < M - 0.01 && d.style.setProperty(ve, `${B.size}px`);
+        else {
+          const n = e.ownerDocument.createElementNS(tt, "tspan");
+          n.setAttribute(ze, ""), n.textContent = z, d.appendChild(n), d.setAttribute("visibility", "hidden");
+        }
+      p && f > 0 && (p.setAttribute("dominant-baseline", "central"), p.setAttribute("x", String(te)), p.setAttribute("y", String(N + Q - f / 2)), i < I(p) - 0.01 && p.style.setProperty(ve, `${i}px`));
+    }, s = (r) => {
+      var c;
+      return r instanceof Element && (r.closest(Ne) !== null || r.querySelector(Ne) !== null) || r instanceof Text && ((c = r.parentElement) == null ? void 0 : c.closest(Ne)) != null;
+    }, l = new MutationObserver((r) => {
+      r.some(
+        (c) => [c.target, ...c.addedNodes].some(s)
+      ) && o();
+    }), x = (r) => (r ?? "").split(/\s+/).filter((c) => c.startsWith("theme-")).sort().join(" "), b = new MutationObserver((r) => {
+      r.some(
+        (c) => c.target instanceof Element && x(c.oldValue) !== x(c.target.getAttribute("class"))
+      ) && o();
+    });
+    for (let r = e.parentElement; r; r = r.parentElement)
+      b.observe(r, {
+        attributes: !0,
+        attributeFilter: ["class"],
+        attributeOldValue: !0
+      });
+    const { fonts: w } = e.ownerDocument;
+    return o(), l.observe(e, {
+      childList: !0,
+      subtree: !0,
+      characterData: !0
+    }), w == null || w.addEventListener("loadingdone", o), () => {
+      l.disconnect(), b.disconnect(), w == null || w.removeEventListener("loadingdone", o);
+    };
+  }, [e, a, t]);
+}
+const ur = {
+  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: (e) => e.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: (e) => e.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: (e) => e.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: (e, a) => e.setType(a.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) — 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"]
+                }
+              },
+              {
+                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 data and its summary table persist across type switches, resizes and theme changes until the host passes a new series prop.",
+      invoke: (e, a) => {
+        e.updateSeries(a.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. Waits until series pushed with update_series are drawn.",
+      invoke: (e) => e.dataURI()
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "chart" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, dr = Oe(
+  "ds:relative ds:block ds:w-full apex-theme-alfadocs",
+  {
+    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" }
+  }
+), pr = Oe("", {
+  variants: {
+    fill: {
+      none: "",
+      // The figure is the root: it takes the share itself.
+      root: "ds:h-[var(--chart-fill-size)] ds:min-h-[var(--chart-min-height-fill)]",
+      // Below the switcher row: the rest.
+      rest: "ds:min-h-[var(--chart-min-height-fill)] ds:flex-1"
+    }
+  },
+  defaultVariants: { fill: "none" }
+}), hr = Oe("", {
+  variants: {
+    fill: { false: "", true: "ds:absolute ds:inset-0" }
+  },
+  defaultVariants: { fill: !1 }
+}), mr = Oe("ds:w-full", {
+  variants: {
+    fill: {
+      false: "ds:block",
+      true: "ds:flex ds:flex-col ds:h-[var(--chart-fill-size)] ds:min-h-min"
+    }
+  },
+  defaultVariants: { fill: !1 }
+}), fr = [
+  "verticalLines",
+  "horizontalLines",
+  "slantedLines",
+  "squares",
+  "circles"
+], yr = ["line", "bar", "area"], gr = ["pie", "donut", "radialBar"], at = [
+  "line",
+  "bar",
+  "area",
+  "pie",
+  "donut"
+], br = {
+  line: "chart.typeSwitcher.line",
+  bar: "chart.typeSwitcher.bar",
+  area: "chart.typeSwitcher.area",
+  pie: "chart.typeSwitcher.pie",
+  donut: "chart.typeSwitcher.donut"
+}, vr = {
+  line: /* @__PURE__ */ H(kt, {}),
+  bar: /* @__PURE__ */ H(Pt, {}),
+  area: /* @__PURE__ */ H(Nt, {}),
+  pie: /* @__PURE__ */ H(Bt, {}),
+  donut: /* @__PURE__ */ H(qt, {})
+}, xr = 2, ct = "0 6", Sr = 5, wr = 20, Ar = -45, Er = 640, Lr = 300, Cr = 160;
+function Tr(e, a) {
+  !e || a.length === 0 || e.querySelectorAll(
+    ".apexcharts-bar-series > .apexcharts-series"
+  ).forEach((t) => {
+    const o = Number(t.getAttribute("data:realIndex"));
+    a.includes(o) && t.querySelectorAll("path.apexcharts-bar-area").forEach(
+      (h) => {
+        if (typeof h.getBBox != "function") return;
+        const s = h.getBBox();
+        h.setAttribute(
+          "d",
+          `M ${s.x} ${s.y + s.height} L ${s.x} ${s.y} L ${s.x + s.width} ${s.y} L ${s.x + s.width} ${s.y + s.height}`
+        ), h.setAttribute("stroke-dasharray", ct), h.setAttribute("stroke-linecap", "round");
+      }
+    );
+  });
+}
+function st(e) {
+  const a = getComputedStyle(e), t = (o) => Number.parseFloat(a.getPropertyValue(o)) || 0;
+  return t("--min-target-size") + t("--focus-ring-offset") + t("--focus-ring-width");
+}
+function Mr(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 lt(e, a) {
+  if (a) return a;
+  const t = new Intl.NumberFormat(e, {
+    style: "percent",
+    maximumFractionDigits: 2
+  });
+  return (o) => t.format(o / 100);
+}
+function Ir(e) {
+  return typeof e == "number" ? e : e.trim().endsWith("%") ? Number.NaN : Number.parseInt(e, 10);
+}
+function ot(e, a, t, o, h, s) {
+  if (o === h)
+    return {
+      effectiveSeries: e,
+      effectiveCategories: a,
+      effectiveLabels: t
+    };
+  if (!o) {
+    const b = e.filter((r) => r.role !== "compare");
+    return {
+      effectiveSeries: b.map((r) => r.data.reduce((c, p) => c + p, 0)),
+      effectiveCategories: void 0,
+      effectiveLabels: b.map((r) => r.name)
+    };
+  }
+  return {
+    effectiveSeries: [{ name: s, data: e }],
+    effectiveCategories: t ?? [],
+    effectiveLabels: void 0
+  };
+}
+function it({
+  themeOptions: e,
+  toolbarBand: a,
+  chartId: t,
+  toolbar: o,
+  reducedMotion: h,
+  toolbarLocale: s,
+  locale: l,
+  effectiveLabels: x,
+  formatValue: b,
+  noDataText: w,
+  effectiveType: r,
+  effectiveSeries: c,
+  effectiveCategories: p,
+  isRtl: d,
+  patterns: W,
+  stacked: G,
+  orientation: O,
+  curve: J,
+  colors: U,
+  radialValueFormatter: Y,
+  narrow: te,
+  short: K,
+  wrapperRef: C
+}) {
+  var B, M, Z, j, Q, N;
+  const k = e, z = Se(r) && Array.isArray(c) ? c.map((n) => n.role === "compare") : [], I = z.some(Boolean), P = I && r === "bar", i = P && c.some(
+    (n) => n.role === "compare" && n.data.some((m) => m < 0)
+  ), u = P && O === "vertical" && !i, f = I ? St() : 0.3, y = {
+    ...k,
+    chart: {
+      ...k.chart,
+      id: t,
+      toolbar: { show: o },
+      zoom: { enabled: o },
+      animations: {
+        enabled: !h,
+        dynamicAnimation: { enabled: !h }
+      },
+      locales: [s],
+      defaultLocale: l,
+      parentHeightOffset: 0,
+      // Keep the keyboard-operable legend; drop Apex's data-point navigation
+      // and live announcements (English-only, and the summary table covers them).
+      accessibility: {
+        enabled: !0,
+        announcements: { enabled: !1 },
+        keyboard: { enabled: !0, navigation: { enabled: !1 } }
+      },
+      // 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`.
+      ...Se(r) ? { stacked: G } : {}
+    },
+    // 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.
+    ...x ? { labels: x } : {},
+    legend: {
+      ...k.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: d ? "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 },
+      // ApexCharts writes legend text as HTML: a series named "R&D" or
+      // "<b>" must read as written, not as markup.
+      formatter: (n) => be(String(n))
+    },
+    // The tooltip, like the legend, is written as HTML: its heading (the
+    // category) and each series name are escaped too.
+    tooltip: {
+      ...k.tooltip,
+      x: {
+        ...(B = k.tooltip) == null ? void 0 : B.x,
+        // A line or area chart hands ApexCharts its categories as positions
+        // (1..n), so the heading is named from the point's index, as
+        // ApexCharts' own axis label is.
+        formatter: (n, m) => be(
+          String((p == null ? void 0 : p[(m == null ? void 0 : m.dataPointIndex) ?? -1]) ?? n)
+        )
+      },
+      y: {
+        formatter: (n) => b(n),
+        title: {
+          formatter: (n) => n ? `${be(String(n))}: ` : ""
+        }
+      }
+    },
+    noData: {
+      text: w
+    }
+  }, $ = o && a ? a : 0, _ = K && Se(r) ? wr : 0;
+  if (y.title = $ || _ ? { ...y.title, text: "", margin: $ - _ } : { ...y.title, text: void 0, margin: Sr }, U && U.length > 0 && (y.colors = U), I) {
+    const n = y.colors ?? k.colors ?? [], m = (g) => n[g % Math.max(n.length, 1)], S = c.map((g, R) => g.role === "compare" ? -1 : R).filter((g) => g >= 0);
+    let A = 0;
+    y.colors = c.map((g, R) => {
+      if (g.role !== "compare") return m(R);
+      const T = S.length ? S[Math.min(A++, S.length - 1)] : R;
+      return m(T);
+    });
+    const E = y.colors.map(
+      (g, R) => z[R] ? wt(g) : g
+    );
+    y.legend = {
+      ...y.legend,
+      markers: {
+        ...((M = y.legend) == null ? void 0 : M.markers) ?? {},
+        fillColors: E
+      }
+    };
+  }
+  if (Se(r)) {
+    const n = r === "bar" && O === "horizontal";
+    y.xaxis = {
+      ...k.xaxis,
+      categories: p ?? [],
+      labels: {
+        ...(Z = k.xaxis) == null ? void 0 : Z.labels,
+        formatter: n ? (m) => b(Number(m)) : void 0,
+        // A narrow chart thins crowded labels rather than turning them sideways.
+        // Sent both ways, so a widened chart rotates. ApexCharts draws every
+        // label and useApexXLabelSpacing thins them: its own test keeps two
+        // labels that touch, or overlap when the second is wider.
+        rotate: te ? 0 : Ar,
+        hideOverlappingLabels: !1
+      },
+      // The hover tooltip already heads with the category. ApexCharts' own
+      // x-axis box repeats it below the axis, outside the chart's box.
+      tooltip: { enabled: !1 }
+    }, y.yaxis = {
+      ...k.yaxis,
+      opposite: d,
+      ...n ? {} : { labels: { formatter: (m) => b(m) } }
+    }, y.stroke = {
+      curve: J,
+      width: r === "bar" ? I ? z.map((m) => m ? xr : 0) : 0 : 2,
+      ...I ? {
+        lineCap: "round",
+        // Runtime accepts a string dash; the published types say
+        // `number` → one documented cast. `'0 6'` + round cap ⇒ dots.
+        dashArray: z.map(
+          (m) => m ? ct : 0
+        )
+      } : {}
+    }, y.dataLabels = { enabled: !1 };
+  }
+  if (r === "radialBar") {
+    const n = lt(l, Y), m = k.plotOptions ?? {}, S = (j = m.radialBar) == null ? void 0 : j.dataLabels;
+    y.plotOptions = {
+      ...m,
+      radialBar: {
+        ...m.radialBar ?? {},
+        dataLabels: {
+          ...S ?? {},
+          name: { ...(S == null ? void 0 : S.name) ?? {}, color: (Q = k.chart) == null ? void 0 : Q.foreColor },
+          value: {
+            ...(S == null ? void 0 : S.value) ?? {},
+            formatter: (g) => n(Number(g))
+          }
+        }
+      }
+    };
+    const A = Array.isArray(c) && c.length > 1, E = d ? "rtl" : "ltr";
+    y.legend = {
+      ...y.legend,
+      show: A,
+      ...A ? {
+        formatter: (g, R) => {
+          const T = Number(
+            c[(R == null ? void 0 : R.seriesIndex) ?? 0]
+          );
+          return `<span class="chart-legend-ring" dir="${E}"><span class="chart-legend-name">${be(String(g))}</span> <span class="chart-legend-value">${be(n(T))}</span></span>`;
+        }
+      } : {}
+    };
+  }
+  if (r === "bar") {
+    const n = k.plotOptions ?? {};
+    y.plotOptions = {
+      ...n,
+      bar: {
+        ...n.bar ?? {},
+        horizontal: O === "horizontal"
+      }
+    };
+  }
+  if (W ? y.fill = {
+    type: I ? z.map((n) => n ? "solid" : "pattern") : "pattern",
+    opacity: I ? z.map(
+      (n) => n ? f : r === "area" ? 0.3 : 1
+    ) : r === "area" ? 0.3 : 1,
+    pattern: {
+      style: [...fr],
+      strokeWidth: 2
+    }
+  } : P ? y.fill = {
+    type: "solid",
+    opacity: z.map((n) => n ? f : 1)
+  } : r === "area" && (y.fill = I ? {
+    type: "gradient",
+    opacity: z.map((n) => n ? f : 0.3)
+  } : {
+    type: "gradient",
+    opacity: 0.3
+  }), u) {
+    const n = z.map((A, E) => A ? E : -1).filter((A) => A >= 0), m = () => Tr(C.current, n), S = () => typeof requestAnimationFrame == "function" ? requestAnimationFrame(m) : m();
+    y.chart = {
+      ...y.chart,
+      events: {
+        ...((N = y.chart) == null ? void 0 : N.events) ?? {},
+        mounted: () => S(),
+        updated: () => S(),
+        animationEnd: () => m()
+      }
+    };
+  }
+  return Rr(y, r);
+}
+function Rr(e, a) {
+  var o, h, s, l, x, b;
+  if (!Se(a)) return e;
+  const t = (o = e.chart) == null ? void 0 : o.events;
+  return {
+    ...e,
+    colors: e.colors,
+    chart: {
+      ...e.chart,
+      events: {
+        ...t,
+        mounted: t == null ? void 0 : t.mounted,
+        updated: t == null ? void 0 : t.updated,
+        animationEnd: t == null ? void 0 : t.animationEnd
+      }
+    },
+    stroke: {
+      ...e.stroke,
+      lineCap: ((h = e.stroke) == null ? void 0 : h.lineCap) ?? (a === "bar" ? "square" : "butt"),
+      dashArray: ((s = e.stroke) == null ? void 0 : s.dashArray) ?? 0
+    },
+    legend: {
+      ...e.legend,
+      markers: {
+        ...(l = e.legend) == null ? void 0 : l.markers,
+        fillColors: (b = (x = e.legend) == null ? void 0 : x.markers) == null ? void 0 : b.fillColors
+      }
+    },
+    fill: e.fill ?? { type: "solid", opacity: 0.85 }
+  };
+}
+function xe(e) {
+  return gr.includes(e);
+}
+function Se(e) {
+  return yr.includes(e);
+}
+function Nr(e, a) {
+  return xe(a) ? [
+    {
+      name: "",
+      data: e
+    }
+  ] : e;
+}
+const Or = mt(
+  ({
+    title: e,
+    id: a,
+    type: t,
+    series: o,
+    categories: h,
+    labels: s,
+    height: l,
+    width: x,
+    patterns: b = !1,
+    stacked: w = !1,
+    orientation: r = "vertical",
+    curve: c = "smooth",
+    colors: p,
+    toolbar: d = !1,
+    locale: W,
+    radialValueFormatter: G,
+    valueFormatter: O,
+    switchableTypes: J,
+    onTypeChange: U,
+    density: Y,
+    className: te
+  }, K) => {
+    const { t: C, i18n: k } = gt("ui"), z = ft(), I = V(
+      () => `chart-${z.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [z]
+    ), P = `${I}-summary`, i = de(null), [u, f] = ie(null), y = V(
+      () => Ct(i, f),
+      []
+    ), $ = V(() => ({ current: u }), [u]), [_, B] = ie(0), M = typeof l == "string" && l.trim().endsWith("%") ? l.trim() : void 0, [Z, j] = ie(0), Q = de(!1);
+    Q.current = M !== void 0, Et(() => {
+      M && u && j(Math.floor(u.clientHeight));
+    }, [M, u]), vt($), xt($);
+    const N = Lt(
+      W ?? k.language ?? "en",
+      k.language
+    ), [n, m] = ie(() => {
+      try {
+        return Qe();
+      } catch {
+        return {};
+      }
+    });
+    ce(() => {
+      if (typeof document > "u") return;
+      let v;
+      const q = new MutationObserver(() => {
+        clearTimeout(v), v = setTimeout(() => {
+          try {
+            m(Qe());
+          } catch {
+          }
+        }, 50);
+      });
+      return q.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["class"]
+      }), () => {
+        clearTimeout(v), q.disconnect();
+      };
+    }, []);
+    const [S, A] = ie(
+      () => typeof document > "u" ? 0 : st(document.documentElement)
+    );
+    ce(() => {
+      if (!u || !d) return;
+      const v = new ResizeObserver(() => q()), q = () => {
+        const F = u.querySelector(".apexcharts-toolbar");
+        F && v.observe(F), A(
+          Math.max(st(u), (F == null ? void 0 : F.offsetHeight) ?? 0)
+        );
+      };
+      q();
+      const ee = new MutationObserver(q);
+      for (let F = u.parentElement; F; F = F.parentElement)
+        ee.observe(F, { attributes: !0, attributeFilter: ["class"] });
+      const D = new MutationObserver((F) => {
+        F.flatMap((ue) => [...ue.addedNodes]).some(
+          (ue) => ue instanceof Element && (ue.matches(".apexcharts-toolbar") || ue.querySelector(".apexcharts-toolbar"))
+        ) && q();
+      });
+      return D.observe(u, { childList: !0, subtree: !0 }), () => {
+        v.disconnect(), ee.disconnect(), D.disconnect();
+      };
+    }, [u, d]), ce(() => {
+      const v = u;
+      if (!v || typeof ResizeObserver > "u") return;
+      const q = new ResizeObserver((ee) => {
+        const D = ee[0];
+        D && (B(Math.floor(D.contentRect.width)), Q.current && j(Math.floor(D.contentRect.height)));
+      });
+      return q.observe(v), () => q.disconnect();
+    }, [u]);
+    const E = V(() => {
+      if (!J || J.length === 0) return [];
+      const v = J.filter(
+        (ee) => at.includes(ee)
+      );
+      if (!at.includes(t))
+        return [];
+      const q = v.includes(t) ? v : [t, ...v];
+      return [...new Set(q)];
+    }, [J, t]), g = E.length >= 2, [R, T] = ie(null), L = g && R && E.includes(R) ? R : t;
+    Ht(
+      u,
+      L !== "pie" && L !== "donut"
+    );
+    const re = xe(t), se = xe(L), [oe, pe] = ie(null), [he, me] = ie(o);
+    he !== o && (me(o), oe && pe(null));
+    const Ae = oe && oe.base === o && he === o ? oe.next : o, fe = de(o);
+    fe.current = o;
+    const { effectiveSeries: X, effectiveCategories: le, effectiveLabels: ne } = V(
+      () => ot(
+        Ae,
+        h,
+        s,
+        re,
+        se,
+        C("chart.table.value")
+      ),
+      [Ae, h, s, re, se, C]
+    ), Ee = (v) => ot(
+      v,
+      h,
+      s,
+      re,
+      se,
+      C("chart.table.value")
+    ), ye = de(Ee);
+    ye.current = Ee;
+    const Be = de(Promise.resolve()), Pe = V(
+      () => ({
+        async dataURI() {
+          await Be.current;
+          const v = Je.getChartByID(I);
+          return v ? (await v.dataURI()).imgURI : "";
+        },
+        updateSeries(v) {
+          pe({ base: fe.current, next: v });
+          const q = Je.getChartByID(I);
+          if (!q) return;
+          const ee = ye.current(v), D = { ...je.current, ...ee };
+          Be.current = q.updateOptions(
+            { ...it(D), series: ee.effectiveSeries },
+            !1,
+            !0
+          ).catch(() => {
+          });
+        },
+        setType(v) {
+          return !g || !E.includes(v) ? !1 : (T(v), !0);
+        },
+        getTypeState() {
+          return {
+            declaredType: t,
+            effectiveType: L,
+            availableTypes: g ? [...E] : []
+          };
+        }
+      }),
+      [I, t, L, g, E]
+    );
+    yt(K, () => Pe, [Pe]), Tt(ur, Pe, a);
+    const $e = typeof document < "u" && document.documentElement.dir === "rtl", qe = V(
+      () => Nr(X, L),
+      [X, L]
+    ), Fe = V(
+      () => new Intl.NumberFormat(N),
+      [N]
+    ), Le = V(
+      () => O ?? ((v) => Fe.format(v)),
+      [O, Fe]
+    ), He = V(
+      () => ({
+        name: N,
+        options: {
+          toolbar: {
+            download: C("chart.toolbar.download"),
+            // Names the button that opens the export menu (Apex: "Menu").
+            menu: C("chart.toolbar.download"),
+            selection: C("chart.toolbar.selection"),
+            selectionZoom: C("chart.toolbar.selectionZoom"),
+            zoomIn: C("chart.toolbar.zoomIn"),
+            zoomOut: C("chart.toolbar.zoomOut"),
+            pan: C("chart.toolbar.pan"),
+            reset: C("chart.toolbar.reset"),
+            exportToSVG: C("chart.toolbar.exportToSVG"),
+            exportToPNG: C("chart.toolbar.exportToPNG"),
+            exportToCSV: C("chart.toolbar.exportToCSV")
+          }
+        }
+      }),
+      [N, C]
+    ), We = At(), De = C("chart.noData"), Ve = Mr(x, _), Ge = Ve > 0 && Ve < Er, ut = x ?? (_ > 0 ? _ : "100%"), Ue = M ? Z > 0 ? Z : Cr : l ?? 320, Ke = Ir(Ue), Ce = Ke > 0 && Ke < Lr;
+    Gt(u, Ce), Yt(u), lr(u, L === "radialBar", N), de(!1), ce(() => {
+    }, [L, G, X]);
+    const Te = V(
+      () => ({
+        themeOptions: n,
+        toolbarBand: S,
+        chartId: I,
+        toolbar: d,
+        reducedMotion: We,
+        toolbarLocale: He,
+        locale: N,
+        effectiveLabels: ne,
+        formatValue: Le,
+        noDataText: De,
+        effectiveType: L,
+        effectiveSeries: X,
+        effectiveCategories: le,
+        isRtl: $e,
+        patterns: b,
+        stacked: w,
+        orientation: r,
+        curve: c,
+        colors: p,
+        radialValueFormatter: G,
+        narrow: Ge,
+        short: Ce,
+        wrapperRef: i
+      }),
+      [
+        n,
+        S,
+        I,
+        d,
+        We,
+        He,
+        N,
+        ne,
+        Le,
+        De,
+        L,
+        X,
+        le,
+        $e,
+        b,
+        w,
+        r,
+        c,
+        p,
+        G,
+        Ge,
+        Ce
+      ]
+    ), dt = V(
+      () => it(Te),
+      [Te]
+    ), je = de(Te);
+    je.current = Te;
+    const pt = V(() => {
+      const v = xe(L) ? ne ?? [] : le ?? [], q = qe, ee = L === "radialBar" ? lt(N, G) : Le;
+      return /* @__PURE__ */ H("div", { className: "ds:sr-only", children: /* @__PURE__ */ ge("table", { id: P, children: [
+        /* @__PURE__ */ H("caption", { children: e }),
+        /* @__PURE__ */ H("thead", { children: /* @__PURE__ */ ge("tr", { children: [
+          /* @__PURE__ */ H("th", { scope: "col", children: C("chart.table.series") }),
+          v.map((D, F) => /* @__PURE__ */ H("th", { scope: "col", children: D }, `${D}-${F}`))
+        ] }) }),
+        /* @__PURE__ */ H("tbody", { children: q.map((D, F) => /* @__PURE__ */ ge("tr", { children: [
+          /* @__PURE__ */ H("th", { scope: "row", children: D.name || C("chart.table.value") }),
+          D.data.map((Ze, ue) => /* @__PURE__ */ H("td", { children: ee(Ze) }, `${F}-${ue}`))
+        ] }, `${D.name}-${F}`)) })
+      ] }) });
+    }, [
+      L,
+      qe,
+      ne,
+      le,
+      P,
+      e,
+      C,
+      Le,
+      G,
+      N
+    ]), ht = V(() => (xe(L), X), [X, L]), Xe = M ? {
+      "--chart-fill-size": M
+    } : void 0, Ye = /* @__PURE__ */ ge(
+      "div",
+      {
+        ref: y,
+        role: "figure",
+        "aria-label": e,
+        "aria-describedby": P,
+        "data-legend-layout": Ce ? "row" : void 0,
+        className: dr({
+          // Explicit height wins over the density min-height unless the
+          // caller also asked for a density explicitly.
+          // A `%` height takes its height from the parent, never a density.
+          density: M ? "none" : Y ?? (l !== void 0 ? "none" : void 0),
+          className: [
+            pr({
+              fill: M ? g ? "rest" : "root" : "none"
+            }),
+            g ? void 0 : te
+          ].filter(Boolean).join(" ")
+        }),
+        style: g ? void 0 : Xe,
+        ...g ? {} : { "data-component": "chart", "data-component-id": a },
+        children: [
+          pt,
+          /* @__PURE__ */ H(
+            bt,
+            {
+              className: hr({ fill: M !== void 0 }),
+              type: L,
+              series: ht,
+              options: dt,
+              width: ut,
+              height: Ue
+            },
+            L
+          )
+        ]
+      }
+    );
+    return g ? /* @__PURE__ */ ge(
+      "div",
+      {
+        "data-component": "chart",
+        "data-component-id": a,
+        className: mr({
+          fill: M !== void 0,
+          className: te
+        }),
+        style: Xe,
+        children: [
+          /* @__PURE__ */ H("div", { className: "ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ H(
+            It,
+            {
+              role: "radiogroup",
+              mode: "toggle-single",
+              size: "sm",
+              "aria-label": C("chart.typeSwitcher.label"),
+              value: L,
+              onValueChange: (v) => {
+                v !== L && (T(v), U == null || U(v));
+              },
+              children: E.map((v) => /* @__PURE__ */ H(
+                Mt,
+                {
+                  value: v,
+                  type: "button",
+                  icon: vr[v],
+                  "aria-label": C(br[v])
+                },
+                v
+              ))
+            }
+          ) }),
+          Ye
+        ]
+      }
+    ) : Ye;
+  }
+);
+Or.displayName = "Chart";
+export {
+  Or as C,
+  dr as a,
+  ur as c
+};
+//# sourceMappingURL=chart-CwmyCuWe.js.map