@alfadocs/ui-kit-debug 1.94.0 → 1.95.0

package/dist/_chunks/chart-pMkQN-qy.js

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