@alfadocs/ui-kit 1.64.0 → 1.66.0

package/dist/_chunks/chart-CzTF8yhH.js

@@ -1,1123 +0,0 @@
-import { jsx as I, jsxs as oe } from "react/jsx-runtime";
-import { useEffect as ae, forwardRef as st, useId as ot, useMemo as O, useRef as re, useState as U, useImperativeHandle as it } from "react";
-import { c as xe } from "./index-D2ZczOXr.js";
-import { useTranslation as ct } from "react-i18next";
-import lt from "react-apexcharts";
-import Ge from "apexcharts";
-import { u as dt, a as ut, g as Ke, b as pt, r as ht } from "./apexcharts-theme-DNoXvgnZ.js";
-import { u as mt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as ft } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { c as bt } from "./compose-refs-C0k0tdqF.js";
-import { u as yt } from "./registry-DvAUVLHh.js";
-import { I as gt } from "./icon-button-C_1TgRiK.js";
-import { I as vt } from "./icon-button-group-NIHji7_y.js";
-import { c as le } 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 xt = [
-  ["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"
-    }
-  ]
-], At = le("chart-area", xt);
-/**
- * @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 Et = [
-  ["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" }]
-], wt = le("chart-column", Et);
-/**
- * @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 St = [
-  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
-  ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
-], Lt = le("chart-line", St);
-/**
- * @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 Tt = [
-  [
-    "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" }]
-], Ct = le("chart-pie", Tt);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const It = [
-  [
-    "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" }]
-], Rt = le("donut", It), Mt = ".apexcharts-legend, .apexcharts-toolbar";
-function ye(e, a, t) {
-  !e || e.getAttribute(a) === t || (t === null ? e.removeAttribute(a) : e.setAttribute(a, t));
-}
-function kt(e, a) {
-  ae(() => {
-    if (!e) return;
-    const t = () => {
-      e.querySelectorAll(".apexcharts-canvas").forEach((c) => {
-        Array.from(c.children).forEach((p) => {
-          p.matches(Mt) || ye(p, "aria-hidden", "true");
-        });
-      }), e.querySelectorAll(".apexcharts-toolbar").forEach((c) => {
-        var h;
-        const p = ((h = c.querySelector(".apexcharts-menu-icon")) == null ? void 0 : h.getAttribute("aria-expanded")) === "true";
-        ye(
-          c.querySelector(".apexcharts-menu"),
-          "inert",
-          p ? null : ""
-        );
-      }), e.querySelectorAll(
-        '.apexcharts-legend-series[role="button"]'
-      ).forEach((c) => {
-        ye(c, "aria-label", null);
-        const p = c.getAttribute("data:collapsed") === "true" ? "false" : "true";
-        ye(c, "aria-pressed", a ? p : null);
-      });
-    };
-    let o = 0;
-    const i = (c) => {
-      const p = c.target instanceof Element ? c.target.closest(".apexcharts-legend-series") : null, h = p == null ? void 0 : p.getAttribute("rel");
-      h && (cancelAnimationFrame(o), o = requestAnimationFrame(() => {
-        var s;
-        const w = document.activeElement;
-        w && w !== document.body || (s = e.querySelector(
-          `.apexcharts-legend-series[rel="${CSS.escape(h)}"]`
-        )) == null || s.focus();
-      }));
-    };
-    t();
-    const r = new MutationObserver(t);
-    return r.observe(e, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      attributeFilter: [
-        "aria-hidden",
-        "aria-label",
-        "aria-pressed",
-        "aria-expanded"
-      ]
-    }), e.addEventListener("click", i), () => {
-      r.disconnect(), e.removeEventListener("click", i), cancelAnimationFrame(o);
-    };
-  }, [e, a]);
-}
-const je = '.apexcharts-legend-series[role="button"]', Ue = ".apexcharts-legend-text", ge = "--chart-legend-item-size", _t = 350;
-function ve(e, a, t) {
-  t && e.getAttribute(a) !== "true" ? e.setAttribute(a, "true") : !t && e.hasAttribute(a) && e.removeAttribute(a);
-}
-const ee = (e, a) => Number.parseFloat(e.getPropertyValue(a)) || 0;
-function Nt(e, a) {
-  ae(() => {
-    if (!e || !a) return;
-    let t = null, o = 0, i = 0;
-    const r = () => {
-      if (!t) return;
-      const n = Math.abs(t.scrollLeft), m = t.scrollWidth - t.clientWidth;
-      i = n, ve(t, "data-fade-start", n > 1), ve(t, "data-fade-end", m - n > 1);
-    }, c = () => {
-      if (!t) return;
-      const n = getComputedStyle(t).direction === "rtl" ? -1 : 1;
-      Math.abs(Math.abs(t.scrollLeft) - i) > 1 && (t.scrollLeft = n * i);
-    }, p = () => {
-      if (!t) return;
-      const n = t.clientWidth, m = Array.from(
-        t.querySelectorAll(`:scope > ${je}`)
-      ).filter((Z) => Z.getClientRects().length > 0), b = getComputedStyle(t), f = ee(b, "padding-inline-start"), N = ee(b, "padding-inline-end"), d = t.style.getPropertyValue(ge);
-      if (t.style.removeProperty(ge), m.length === 0) return;
-      const V = getComputedStyle(m[0]), B = ee(V, "min-inline-size"), q = ee(V, "margin-inline-start") + ee(V, "margin-inline-end");
-      if (B <= 0 || f + N + m.length * (B + q) <= n)
-        return;
-      const C = Math.floor(
-        (n - f - q / 2 - B / 2) / (B + q)
-      );
-      if (C < 1) return;
-      const j = (n - f - q / 2 - C * q) / (C + 0.5);
-      t.style.setProperty(
-        ge,
-        d && Math.abs(Number.parseFloat(d) - j) < 0.5 ? d : `${Math.floor(j * 100) / 100}px`
-      );
-    }, h = new ResizeObserver(() => {
-      p(), r();
-    }), w = () => {
-      const n = e.querySelector(".apexcharts-legend"), m = n !== t;
-      m && (t && (t.removeEventListener("scroll", r), h.unobserve(t)), t = n, t && (t.addEventListener("scroll", r, { passive: !0 }), h.observe(t))), p(), m && c(), r();
-    };
-    let s = !1, y = 0, x;
-    const M = (n) => t !== null && n.target instanceof Node && t.contains(n.target), T = () => {
-      cancelAnimationFrame(y), clearTimeout(x), s = !1;
-    }, z = (n) => {
-      T(), s = M(n);
-    }, W = (n) => {
-      if (s) {
-        if (!M(n)) {
-          T();
-          return;
-        }
-        clearTimeout(x), x = setTimeout(
-          T,
-          n.pointerType === "touch" ? _t : 0
-        );
-      }
-    }, $ = () => {
-      s && (clearTimeout(x), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
-        y = requestAnimationFrame(() => {
-          s = !1;
-        });
-      }));
-    }, D = (n) => {
-      if (!t) return;
-      const m = t.getBoundingClientRect(), b = n.getBoundingClientRect(), f = getComputedStyle(t), N = m.left + ee(f, "scroll-padding-left"), d = m.right - ee(f, "scroll-padding-right");
-      b.left < N || b.width > d - N ? t.scrollLeft -= N - b.left : b.right > d && (t.scrollLeft += b.right - d);
-    }, Y = (n) => {
-      const { target: m } = n;
-      !t || !(m instanceof HTMLElement) || t.contains(m) && (s && !m.matches(":focus-visible") ? c() : D(m), r());
-    }, X = () => {
-      cancelAnimationFrame(o), o = requestAnimationFrame(r);
-    }, te = (n) => {
-      var f;
-      const { target: m } = n, b = m instanceof Element ? (f = m.closest(je)) == null ? void 0 : f.querySelector(Ue) : null;
-      if (!(!b || !(t != null && t.contains(b))))
-        if (b.scrollWidth > b.clientWidth) {
-          const N = b.textContent ?? "";
-          b.title !== N && (b.title = N);
-        } else b.hasAttribute("title") && b.removeAttribute("title");
-    }, g = (n) => n instanceof Element && (n.closest(".apexcharts-legend") !== null || n.querySelector(".apexcharts-legend") !== null), k = new MutationObserver((n) => {
-      n.some(
-        (b) => [b.target, ...b.addedNodes, ...b.removedNodes].some(
-          g
-        )
-      ) && w();
-    }), v = e.ownerDocument.defaultView ?? window;
-    return w(), k.observe(e, { childList: !0, subtree: !0 }), v.addEventListener("pointerdown", z, !0), v.addEventListener("pointerup", W, !0), v.addEventListener("pointercancel", T, !0), v.addEventListener("click", $, !0), v.addEventListener("blur", T), e.addEventListener("keydown", T), e.addEventListener("focusin", Y), e.addEventListener("focusout", X), e.addEventListener("mouseover", te), () => {
-      k.disconnect(), h.disconnect(), cancelAnimationFrame(o), T(), v.removeEventListener("pointerdown", z, !0), v.removeEventListener("pointerup", W, !0), v.removeEventListener("pointercancel", T, !0), v.removeEventListener("click", $, !0), v.removeEventListener("blur", T), e.removeEventListener("keydown", T), e.removeEventListener("focusin", Y), e.removeEventListener("focusout", X), e.removeEventListener("mouseover", te), e.querySelectorAll(`${Ue}[title]`).forEach((n) => n.removeAttribute("title")), t && (t.removeEventListener("scroll", r), t.style.removeProperty(ge), ve(t, "data-fade-start", !1), ve(t, "data-fade-end", !1));
-    };
-  }, [e, a]);
-}
-const Ot = ".apexcharts-xaxis-texts-g > text.apexcharts-xaxis-label", Pt = 0.5;
-function Bt(e) {
-  const a = e.getCTM();
-  if (!a) return null;
-  const { x: t, y: o, width: i, height: r } = e.getBBox();
-  return i === 0 && r === 0 ? null : [
-    [t, o],
-    [t + i, o],
-    [t + i, o + r],
-    [t, o + r]
-  ].map(([c, p]) => {
-    const h = new DOMPoint(c, p).matrixTransform(a);
-    return { x: h.x, y: h.y };
-  });
-}
-function zt(e, a, t) {
-  return [e, a].some(
-    (o) => o.some((i, r) => {
-      const c = o[(r + 1) % o.length], p = i.y - c.y, h = c.x - i.x, w = Math.hypot(p, h);
-      if (w === 0) return !1;
-      const s = (M) => M.map((T) => (T.x * p + T.y * h) / w), y = s(e), x = s(a);
-      return Math.min(...x) - Math.max(...y) >= t || Math.min(...y) - Math.max(...x) >= t;
-    })
-  );
-}
-function qt(e) {
-  ae(() => {
-    if (!e) return;
-    const a = () => {
-      const r = Array.from(
-        e.querySelectorAll(Ot)
-      ).filter((s) => (s.textContent ?? "").trim() !== "");
-      if (r.length === 0 || typeof r[0].getBBox != "function")
-        return;
-      const c = r.map(Bt), p = Pt * (Number.parseFloat(getComputedStyle(r[0]).fontSize) || 0), h = (s) => {
-        for (let y = s; y < r.length; y += s) {
-          const x = c[y - s], M = c[y];
-          if (x && M && !zt(x, M, p)) return !1;
-        }
-        return !0;
-      };
-      let w = 1;
-      for (; w < r.length && !h(w); ) w += 1;
-      r.forEach((s, y) => {
-        const x = y % w === 0;
-        x && s.hasAttribute("visibility") ? s.removeAttribute("visibility") : !x && s.getAttribute("visibility") !== "hidden" && s.setAttribute("visibility", "hidden");
-      });
-    }, t = (r) => r instanceof Element && (r.closest(".apexcharts-xaxis") !== null || r.querySelector(".apexcharts-xaxis") !== null), o = new MutationObserver((r) => {
-      r.some(
-        (c) => [c.target, ...c.addedNodes].some(t)
-      ) && a();
-    }), { fonts: i } = e.ownerDocument;
-    return a(), o.observe(e, { childList: !0, subtree: !0 }), i == null || i.addEventListener("loadingdone", a), () => {
-      o.disconnect(), i == null || i.removeEventListener("loadingdone", a);
-    };
-  }, [e]);
-}
-const Ft = {
-  id: "chart",
-  // view_change backs the opt-in type switcher (`switchableTypes` prop):
-  // the same chart re-presented as line / bar / area / pie / donut.
-  capabilities: ["view_change"],
-  state: {
-    declaredType: {
-      type: "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
-      descriptionKey: "ui.agent.chart.state.declaredType",
-      description: "The consumer-declared chart type — the shape `update_series` expects.",
-      read: (e) => e.getTypeState().declaredType
-    },
-    effectiveType: {
-      type: "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
-      descriptionKey: "ui.agent.chart.state.effectiveType",
-      description: "The type currently rendered — differs from declaredType after a type-switcher pick.",
-      read: (e) => e.getTypeState().effectiveType
-    },
-    availableTypes: {
-      type: "ChartType[]",
-      descriptionKey: "ui.agent.chart.state.availableTypes",
-      description: "Types the switcher offers. Empty when the chart has no type switcher.",
-      read: (e) => e.getTypeState().availableTypes
-    }
-  },
-  actions: {
-    change_view: {
-      // Switching the presentation is a write (it changes what the user
-      // sees) but is trivially reversible by switching back.
-      safety: "write",
-      argsType: "type",
-      argsSchema: {
-        type: "object",
-        properties: {
-          type: {
-            type: "string",
-            enum: ["line", "bar", "area", "pie", "donut"],
-            description: "The chart type to render."
-          }
-        },
-        required: ["type"]
-      },
-      returns: "boolean (accepted)",
-      returnsSchema: {
-        type: "boolean",
-        description: "True when the switch was applied; false when the chart has no type switcher or the type is not offered (check availableTypes first)."
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.changeView",
-      description: "Switch the rendered chart type via the type switcher. No-op (returns false) when the chart has no switcher or the type is not offered.",
-      invoke: (e, a) => e.setType(a.type)
-    },
-    update_series: {
-      // Replacing the rendered series mutates what the chart displays — it
-      // is a write, reversible by pushing the prior series back.
-      safety: "write",
-      argsType: "series",
-      // `series` is `ChartSeries[]` (line/bar/area) OR `number[]`
-      // (pie/donut/radialBar). Both shapes are accepted; the handle routes
-      // by chart type internally.
-      argsSchema: {
-        type: "object",
-        properties: {
-          series: {
-            oneOf: [
-              {
-                type: "array",
-                description: "Categorical series for line / bar / area charts.",
-                items: {
-                  type: "object",
-                  properties: {
-                    name: { type: "string" },
-                    data: { type: "array", items: { type: "number" } },
-                    role: {
-                      type: "string",
-                      enum: ["primary", "compare"],
-                      description: "Optional. 'compare' renders this series as a secondary, colour-blind-safe overlay (e.g. the previous period) — a dotted stroke in its paired primary's colour for line/area, a tinted bar with a dotted outline for bar. Omit for a normal primary series."
-                    }
-                  },
-                  required: ["name", "data"]
-                }
-              },
-              {
-                type: "array",
-                description: "Flat values for pie / donut / radialBar charts.",
-                items: { type: "number" }
-              }
-            ]
-          }
-        },
-        required: ["series"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.updateSeries",
-      description: "Replace the chart series without remounting. Pass the DECLARED type’s shape (see declaredType state); when the user has switched the view cross-shape the values are converted to the rendered shape. The data and its summary table persist across type switches, resizes and theme changes until the host passes a new series prop.",
-      invoke: (e, a) => {
-        e.updateSeries(a.series);
-      }
-    },
-    export_png: {
-      safety: "read",
-      returns: "string (PNG data URI)",
-      returnsSchema: {
-        type: "string",
-        description: "A `data:image/png;base64,…` URI of the rendered chart."
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.exportPng",
-      description: "Return a PNG data URI of the chart for export or screenshotting. Waits until series pushed with update_series are drawn.",
-      invoke: (e) => e.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "chart" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, Ht = xe(
-  "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" }
-  }
-), Wt = xe("", {
-  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" }
-}), $t = xe("", {
-  variants: {
-    fill: { false: "", true: "ds:absolute ds:inset-0" }
-  },
-  defaultVariants: { fill: !1 }
-}), Dt = xe("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 }
-}), Vt = [
-  "verticalLines",
-  "horizontalLines",
-  "slantedLines",
-  "squares",
-  "circles"
-], Gt = ["line", "bar", "area"], Kt = ["pie", "donut", "radialBar"], Ye = [
-  "line",
-  "bar",
-  "area",
-  "pie",
-  "donut"
-], jt = {
-  line: "chart.typeSwitcher.line",
-  bar: "chart.typeSwitcher.bar",
-  area: "chart.typeSwitcher.area",
-  pie: "chart.typeSwitcher.pie",
-  donut: "chart.typeSwitcher.donut"
-}, Ut = {
-  line: /* @__PURE__ */ I(Lt, {}),
-  bar: /* @__PURE__ */ I(wt, {}),
-  area: /* @__PURE__ */ I(At, {}),
-  pie: /* @__PURE__ */ I(Ct, {}),
-  donut: /* @__PURE__ */ I(Rt, {})
-}, Yt = 2, Qe = "0 6", Xt = 5, Zt = 20, Jt = -45, Qt = 640, er = 300, tr = 160;
-function rr(e, a) {
-  !e || a.length === 0 || e.querySelectorAll(
-    ".apexcharts-bar-series > .apexcharts-series"
-  ).forEach((t) => {
-    const o = Number(t.getAttribute("data:realIndex"));
-    a.includes(o) && t.querySelectorAll("path.apexcharts-bar-area").forEach(
-      (i) => {
-        if (typeof i.getBBox != "function") return;
-        const r = i.getBBox();
-        i.setAttribute(
-          "d",
-          `M ${r.x} ${r.y + r.height} L ${r.x} ${r.y} L ${r.x + r.width} ${r.y} L ${r.x + r.width} ${r.y + r.height}`
-        ), i.setAttribute("stroke-dasharray", Qe), i.setAttribute("stroke-linecap", "round");
-      }
-    );
-  });
-}
-function Xe(e) {
-  const a = getComputedStyle(e), t = (o) => Number.parseFloat(a.getPropertyValue(o)) || 0;
-  return t("--min-target-size") + t("--focus-ring-offset") + t("--focus-ring-width");
-}
-function ar(e, a) {
-  if (e === void 0) return a;
-  if (typeof e == "number") return e;
-  const t = Number.parseInt(e, 10);
-  return e.trim().endsWith("%") ? a * t / 100 : t;
-}
-function nr(e) {
-  return typeof e == "number" ? e : e.trim().endsWith("%") ? Number.NaN : Number.parseInt(e, 10);
-}
-function Ze(e, a, t, o, i, r) {
-  if (o === i)
-    return {
-      effectiveSeries: e,
-      effectiveCategories: a,
-      effectiveLabels: t
-    };
-  if (!o) {
-    const h = e.filter((s) => s.role !== "compare");
-    return {
-      effectiveSeries: h.map((s) => s.data.reduce((y, x) => y + x, 0)),
-      effectiveCategories: void 0,
-      effectiveLabels: h.map((s) => s.name)
-    };
-  }
-  return {
-    effectiveSeries: [{ name: r, data: e }],
-    effectiveCategories: t ?? [],
-    effectiveLabels: void 0
-  };
-}
-function Je({
-  themeOptions: e,
-  toolbarBand: a,
-  chartId: t,
-  toolbar: o,
-  reducedMotion: i,
-  toolbarLocale: r,
-  locale: c,
-  effectiveLabels: p,
-  formatValue: h,
-  noDataText: w,
-  effectiveType: s,
-  effectiveSeries: y,
-  effectiveCategories: x,
-  isRtl: M,
-  patterns: T,
-  stacked: z,
-  orientation: W,
-  curve: $,
-  colors: D,
-  radialValueFormatter: Y,
-  narrow: X,
-  short: te,
-  wrapperRef: g
-}) {
-  var q, C, j, Z, ne, G;
-  const k = e, v = ce(s) && Array.isArray(y) ? y.map((u) => u.role === "compare") : [], n = v.some(Boolean), m = n && s === "bar", b = m && y.some(
-    (u) => u.role === "compare" && u.data.some((A) => A < 0)
-  ), f = m && W === "vertical" && !b, N = n ? pt() : 0.3, d = {
-    ...k,
-    chart: {
-      ...k.chart,
-      id: t,
-      toolbar: { show: o },
-      zoom: { enabled: o },
-      animations: {
-        enabled: !i,
-        dynamicAnimation: { enabled: !i }
-      },
-      locales: [r],
-      defaultLocale: c,
-      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`.
-      ...ce(s) ? { stacked: z } : {}
-    },
-    // 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.
-    ...p ? { labels: p } : {},
-    legend: {
-      ...k.legend,
-      position: "bottom",
-      // ApexCharts legend.horizontalAlign is a physical prop mapped internally
-      // to the chart's own text flow. For RTL we flip via `yaxis.opposite`
-      // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored
-      // to the inline-start by asking for 'left' on LTR and 'right' on RTL.
-      horizontalAlign: M ? "right" : "left",
-      fontFamily: "inherit",
-      // apexcharts-theme.css sizes the legend hit areas and ring room from
-      // this 4px; pinned so an ApexCharts default change cannot break them.
-      itemMargin: { horizontal: 5, vertical: 4 }
-    },
-    tooltip: {
-      ...k.tooltip,
-      y: {
-        formatter: (u) => h(u)
-      }
-    },
-    noData: {
-      text: w
-    }
-  }, V = o && a ? a : 0, B = te && ce(s) ? Zt : 0;
-  if (d.title = V || B ? { ...d.title, text: "", margin: V - B } : { ...d.title, text: void 0, margin: Xt }, D && D.length > 0 && (d.colors = D), n) {
-    const u = d.colors ?? k.colors ?? [], A = (E) => u[E % Math.max(u.length, 1)], K = y.map((E, H) => E.role === "compare" ? -1 : H).filter((E) => E >= 0);
-    let J = 0;
-    d.colors = y.map((E, H) => {
-      if (E.role !== "compare") return A(H);
-      const de = K.length ? K[Math.min(J++, K.length - 1)] : H;
-      return A(de);
-    });
-    const F = d.colors.map(
-      (E, H) => v[H] ? ht(E) : E
-    );
-    d.legend = {
-      ...d.legend,
-      markers: {
-        ...((q = d.legend) == null ? void 0 : q.markers) ?? {},
-        fillColors: F
-      }
-    };
-  }
-  if (ce(s)) {
-    const u = s === "bar" && W === "horizontal";
-    d.xaxis = {
-      ...k.xaxis,
-      categories: x ?? [],
-      labels: {
-        ...(C = k.xaxis) == null ? void 0 : C.labels,
-        formatter: u ? (A) => h(Number(A)) : 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 : Jt,
-        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 }
-    }, d.yaxis = {
-      ...k.yaxis,
-      opposite: M,
-      ...u ? {} : { labels: { formatter: (A) => h(A) } }
-    }, d.stroke = {
-      curve: $,
-      width: s === "bar" ? n ? v.map((A) => A ? Yt : 0) : 0 : 2,
-      ...n ? {
-        lineCap: "round",
-        // Runtime accepts a string dash; the published types say
-        // `number` → one documented cast. `'0 6'` + round cap ⇒ dots.
-        dashArray: v.map(
-          (A) => A ? Qe : 0
-        )
-      } : {}
-    }, d.dataLabels = { enabled: !1 };
-  }
-  if (s === "radialBar" && Y) {
-    const u = k.plotOptions ?? {};
-    d.plotOptions = {
-      ...u,
-      radialBar: {
-        ...u.radialBar ?? {},
-        dataLabels: {
-          ...((j = u.radialBar) == null ? void 0 : j.dataLabels) ?? {},
-          value: {
-            ...((ne = (Z = u.radialBar) == null ? void 0 : Z.dataLabels) == null ? void 0 : ne.value) ?? {},
-            formatter: (A) => Y(Number(A))
-          }
-        }
-      }
-    };
-  }
-  if (s === "bar") {
-    const u = k.plotOptions ?? {};
-    d.plotOptions = {
-      ...u,
-      bar: {
-        ...u.bar ?? {},
-        horizontal: W === "horizontal"
-      }
-    };
-  }
-  if (T ? d.fill = {
-    type: n ? v.map((u) => u ? "solid" : "pattern") : "pattern",
-    opacity: n ? v.map(
-      (u) => u ? N : s === "area" ? 0.3 : 1
-    ) : s === "area" ? 0.3 : 1,
-    pattern: {
-      style: [...Vt],
-      strokeWidth: 2
-    }
-  } : m ? d.fill = {
-    type: "solid",
-    opacity: v.map((u) => u ? N : 1)
-  } : s === "area" && (d.fill = n ? {
-    type: "gradient",
-    opacity: v.map((u) => u ? N : 0.3)
-  } : {
-    type: "gradient",
-    opacity: 0.3
-  }), f) {
-    const u = v.map((J, F) => J ? F : -1).filter((J) => J >= 0), A = () => rr(g.current, u), K = () => typeof requestAnimationFrame == "function" ? requestAnimationFrame(A) : A();
-    d.chart = {
-      ...d.chart,
-      events: {
-        ...((G = d.chart) == null ? void 0 : G.events) ?? {},
-        mounted: () => K(),
-        updated: () => K(),
-        animationEnd: () => A()
-      }
-    };
-  }
-  return sr(d, s);
-}
-function sr(e, a) {
-  var o, i, r, c, p, h;
-  if (!ce(a)) return e;
-  const t = (o = e.chart) == null ? void 0 : o.events;
-  return {
-    ...e,
-    colors: e.colors,
-    chart: {
-      ...e.chart,
-      events: {
-        ...t,
-        mounted: t == null ? void 0 : t.mounted,
-        updated: t == null ? void 0 : t.updated,
-        animationEnd: t == null ? void 0 : t.animationEnd
-      }
-    },
-    stroke: {
-      ...e.stroke,
-      lineCap: ((i = e.stroke) == null ? void 0 : i.lineCap) ?? (a === "bar" ? "square" : "butt"),
-      dashArray: ((r = e.stroke) == null ? void 0 : r.dashArray) ?? 0
-    },
-    legend: {
-      ...e.legend,
-      markers: {
-        ...(c = e.legend) == null ? void 0 : c.markers,
-        fillColors: (h = (p = e.legend) == null ? void 0 : p.markers) == null ? void 0 : h.fillColors
-      }
-    },
-    fill: e.fill ?? { type: "solid", opacity: 0.85 }
-  };
-}
-function ie(e) {
-  return Kt.includes(e);
-}
-function ce(e) {
-  return Gt.includes(e);
-}
-function or(e, a) {
-  return ie(a) ? [
-    {
-      name: "",
-      data: e
-    }
-  ] : e;
-}
-const ir = st(
-  ({
-    title: e,
-    id: a,
-    type: t,
-    series: o,
-    categories: i,
-    labels: r,
-    height: c,
-    width: p,
-    patterns: h = !1,
-    stacked: w = !1,
-    orientation: s = "vertical",
-    curve: y = "smooth",
-    colors: x,
-    toolbar: M = !1,
-    locale: T,
-    radialValueFormatter: z,
-    valueFormatter: W,
-    switchableTypes: $,
-    onTypeChange: D,
-    density: Y,
-    className: X
-  }, te) => {
-    const { t: g, i18n: k } = ct("ui"), v = ot(), n = O(
-      () => `chart-${v.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [v]
-    ), m = `${n}-summary`, b = re(null), [f, N] = U(null), d = O(
-      () => bt(b, N),
-      []
-    ), V = O(() => ({ current: f }), [f]), [B, q] = U(0), C = typeof c == "string" && c.trim().endsWith("%") ? c.trim() : void 0, [j, Z] = U(0), ne = re(!1);
-    ne.current = C !== void 0, ft(() => {
-      C && f && Z(Math.floor(f.clientHeight));
-    }, [C, f]), dt(V), ut(V);
-    const G = T ?? k.language ?? "en", [u, A] = U(() => {
-      try {
-        return Ke();
-      } catch {
-        return {};
-      }
-    });
-    ae(() => {
-      if (typeof document > "u") return;
-      let l;
-      const L = new MutationObserver(() => {
-        clearTimeout(l), l = setTimeout(() => {
-          try {
-            A(Ke());
-          } catch {
-          }
-        }, 50);
-      });
-      return L.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => {
-        clearTimeout(l), L.disconnect();
-      };
-    }, []);
-    const [K, J] = U(
-      () => typeof document > "u" ? 0 : Xe(document.documentElement)
-    );
-    ae(() => {
-      if (!f || !M) return;
-      const l = new ResizeObserver(() => L()), L = () => {
-        const _ = f.querySelector(".apexcharts-toolbar");
-        _ && l.observe(_), J(
-          Math.max(Xe(f), (_ == null ? void 0 : _.offsetHeight) ?? 0)
-        );
-      };
-      L();
-      const R = new MutationObserver(L);
-      for (let _ = f.parentElement; _; _ = _.parentElement)
-        R.observe(_, { attributes: !0, attributeFilter: ["class"] });
-      const P = new MutationObserver((_) => {
-        _.flatMap((se) => [...se.addedNodes]).some(
-          (se) => se instanceof Element && (se.matches(".apexcharts-toolbar") || se.querySelector(".apexcharts-toolbar"))
-        ) && L();
-      });
-      return P.observe(f, { childList: !0, subtree: !0 }), () => {
-        l.disconnect(), R.disconnect(), P.disconnect();
-      };
-    }, [f, M]), ae(() => {
-      const l = f;
-      if (!l || typeof ResizeObserver > "u") return;
-      const L = new ResizeObserver((R) => {
-        const P = R[0];
-        P && (q(Math.floor(P.contentRect.width)), ne.current && Z(Math.floor(P.contentRect.height)));
-      });
-      return L.observe(l), () => L.disconnect();
-    }, [f]);
-    const F = O(() => {
-      if (!$ || $.length === 0) return [];
-      const l = $.filter(
-        (R) => Ye.includes(R)
-      );
-      if (!Ye.includes(t))
-        return [];
-      const L = l.includes(t) ? l : [t, ...l];
-      return [...new Set(L)];
-    }, [$, t]), E = F.length >= 2, [H, de] = U(null), S = E && H && F.includes(H) ? H : t;
-    kt(
-      f,
-      S !== "pie" && S !== "donut"
-    );
-    const Ae = ie(t), Ee = ie(S), [ue, Se] = U(null), [Le, et] = U(o);
-    Le !== o && (et(o), ue && Se(null));
-    const Te = ue && ue.base === o && Le === o ? ue.next : o, Ce = re(o);
-    Ce.current = o;
-    const { effectiveSeries: Q, effectiveCategories: pe, effectiveLabels: he } = O(
-      () => Ze(
-        Te,
-        i,
-        r,
-        Ae,
-        Ee,
-        g("chart.table.value")
-      ),
-      [Te, i, r, Ae, Ee, g]
-    ), Ie = (l) => Ze(
-      l,
-      i,
-      r,
-      Ae,
-      Ee,
-      g("chart.table.value")
-    ), Re = re(Ie);
-    Re.current = Ie;
-    const Me = re(Promise.resolve()), we = O(
-      () => ({
-        async dataURI() {
-          await Me.current;
-          const l = Ge.getChartByID(n);
-          return l ? (await l.dataURI()).imgURI : "";
-        },
-        updateSeries(l) {
-          Se({ base: Ce.current, next: l });
-          const L = Ge.getChartByID(n);
-          if (!L) return;
-          const R = Re.current(l), P = { ...We.current, ...R };
-          Me.current = L.updateOptions(
-            { ...Je(P), series: R.effectiveSeries },
-            !1,
-            !0
-          ).catch(() => {
-          });
-        },
-        setType(l) {
-          return !E || !F.includes(l) ? !1 : (de(l), !0);
-        },
-        getTypeState() {
-          return {
-            declaredType: t,
-            effectiveType: S,
-            availableTypes: E ? [...F] : []
-          };
-        }
-      }),
-      [n, t, S, E, F]
-    );
-    it(te, () => we, [we]), yt(Ft, we, a);
-    const ke = typeof document < "u" && document.documentElement.dir === "rtl", _e = O(
-      () => or(Q, S),
-      [Q, S]
-    ), Ne = O(
-      () => new Intl.NumberFormat(G),
-      [G]
-    ), me = O(
-      () => W ?? ((l) => Ne.format(l)),
-      [W, Ne]
-    ), Oe = O(
-      () => ({
-        name: G,
-        options: {
-          toolbar: {
-            download: g("chart.toolbar.download"),
-            // Names the button that opens the export menu (Apex: "Menu").
-            menu: g("chart.toolbar.download"),
-            selection: g("chart.toolbar.selection"),
-            selectionZoom: g("chart.toolbar.selectionZoom"),
-            zoomIn: g("chart.toolbar.zoomIn"),
-            zoomOut: g("chart.toolbar.zoomOut"),
-            pan: g("chart.toolbar.pan"),
-            reset: g("chart.toolbar.reset"),
-            exportToSVG: g("chart.toolbar.exportToSVG"),
-            exportToPNG: g("chart.toolbar.exportToPNG"),
-            exportToCSV: g("chart.toolbar.exportToCSV")
-          }
-        }
-      }),
-      [G, g]
-    ), Pe = mt(), Be = g("chart.noData"), ze = ar(p, B), qe = ze > 0 && ze < Qt, tt = p ?? (B > 0 ? B : "100%"), Fe = C ? j > 0 ? j : tr : c ?? 320, He = nr(Fe), fe = He > 0 && He < er;
-    Nt(f, fe), qt(f);
-    const be = O(
-      () => ({
-        themeOptions: u,
-        toolbarBand: K,
-        chartId: n,
-        toolbar: M,
-        reducedMotion: Pe,
-        toolbarLocale: Oe,
-        locale: G,
-        effectiveLabels: he,
-        formatValue: me,
-        noDataText: Be,
-        effectiveType: S,
-        effectiveSeries: Q,
-        effectiveCategories: pe,
-        isRtl: ke,
-        patterns: h,
-        stacked: w,
-        orientation: s,
-        curve: y,
-        colors: x,
-        radialValueFormatter: z,
-        narrow: qe,
-        short: fe,
-        wrapperRef: b
-      }),
-      [
-        u,
-        K,
-        n,
-        M,
-        Pe,
-        Oe,
-        G,
-        he,
-        me,
-        Be,
-        S,
-        Q,
-        pe,
-        ke,
-        h,
-        w,
-        s,
-        y,
-        x,
-        z,
-        qe,
-        fe
-      ]
-    ), rt = O(
-      () => Je(be),
-      [be]
-    ), We = re(be);
-    We.current = be;
-    const at = O(() => {
-      const l = ie(S) ? he ?? [] : pe ?? [], L = _e;
-      return /* @__PURE__ */ I("div", { className: "ds:sr-only", children: /* @__PURE__ */ oe("table", { id: m, children: [
-        /* @__PURE__ */ I("caption", { children: e }),
-        /* @__PURE__ */ I("thead", { children: /* @__PURE__ */ oe("tr", { children: [
-          /* @__PURE__ */ I("th", { scope: "col", children: g("chart.table.series") }),
-          l.map((R, P) => /* @__PURE__ */ I("th", { scope: "col", children: R }, `${R}-${P}`))
-        ] }) }),
-        /* @__PURE__ */ I("tbody", { children: L.map((R, P) => /* @__PURE__ */ oe("tr", { children: [
-          /* @__PURE__ */ I("th", { scope: "row", children: R.name || g("chart.table.value") }),
-          R.data.map((_, Ve) => /* @__PURE__ */ I("td", { children: S === "radialBar" && z ? z(_) : me(_) }, `${P}-${Ve}`))
-        ] }, `${R.name}-${P}`)) })
-      ] }) });
-    }, [
-      S,
-      _e,
-      he,
-      pe,
-      m,
-      e,
-      g,
-      me,
-      z
-    ]), nt = O(() => (ie(S), Q), [Q, S]), $e = C ? {
-      "--chart-fill-size": C
-    } : void 0, De = /* @__PURE__ */ oe(
-      "div",
-      {
-        ref: d,
-        role: "figure",
-        "aria-label": e,
-        "aria-describedby": m,
-        "data-legend-layout": fe ? "row" : void 0,
-        className: Ht({
-          // 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: C ? "none" : Y ?? (c !== void 0 ? "none" : void 0),
-          className: [
-            Wt({
-              fill: C ? E ? "rest" : "root" : "none"
-            }),
-            E ? void 0 : X
-          ].filter(Boolean).join(" ")
-        }),
-        style: E ? void 0 : $e,
-        ...E ? {} : { "data-component": "chart", "data-component-id": a },
-        children: [
-          at,
-          /* @__PURE__ */ I(
-            lt,
-            {
-              className: $t({ fill: C !== void 0 }),
-              type: S,
-              series: nt,
-              options: rt,
-              width: tt,
-              height: Fe
-            },
-            S
-          )
-        ]
-      }
-    );
-    return E ? /* @__PURE__ */ oe(
-      "div",
-      {
-        "data-component": "chart",
-        "data-component-id": a,
-        className: Dt({
-          fill: C !== void 0,
-          className: X
-        }),
-        style: $e,
-        children: [
-          /* @__PURE__ */ I("div", { className: "ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ I(
-            vt,
-            {
-              role: "radiogroup",
-              mode: "toggle-single",
-              size: "sm",
-              "aria-label": g("chart.typeSwitcher.label"),
-              value: S,
-              onValueChange: (l) => {
-                l !== S && (de(l), D == null || D(l));
-              },
-              children: F.map((l) => /* @__PURE__ */ I(
-                gt,
-                {
-                  value: l,
-                  type: "button",
-                  icon: Ut[l],
-                  "aria-label": g(jt[l])
-                },
-                l
-              ))
-            }
-          ) }),
-          De
-        ]
-      }
-    ) : De;
-  }
-);
-ir.displayName = "Chart";
-export {
-  ir as C,
-  Ht as a,
-  Ft as c
-};
-//# sourceMappingURL=chart-CzTF8yhH.js.map