@alfadocs/ui-kit 1.64.0 → 1.65.0

package/dist/_chunks/chart-CIzXxNeM.js

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