@handijit/ui 0.0.0-stage → 2.0.0

package/build/charts.js

@@ -0,0 +1,1866 @@
+"use client";
+import { jsx as m, jsxs as X, Fragment as Ft } from "react/jsx-runtime";
+import { useId as ye, useState as Tt, useRef as Pt, useEffect as ee, useCallback as et, useLayoutEffect as xe, memo as ot, useMemo as L } from "react";
+import { useAnnounce as we, useUi as xt } from "@handijit/ui";
+import { cssVar as Yt } from "@handijit/design";
+const lt = (t, o) => Object.assign(t, { displayName: o }), ke = "ui-axis-AqLAe", Ne = "ui-axis__label-dHxpo", ve = "ui-axis__grid-RVxXW", Ae = "ui-axis__baseline-jhG2z", rt = {
+  axis: ke,
+  axis__label: Ne,
+  axis__grid: ve,
+  axis__baseline: Ae
+}, vt = (t, o, e) => {
+  const n = e(t);
+  return t.map((r, l) => ({ position: o(r), label: n[l] }));
+}, ge = 6.4, ut = (t) => t.length * ge, be = (t, o = 8) => {
+  if (t.length < 2) return [...t];
+  const e = Math.max(...t.map((l) => ut(l.label))), n = Math.abs(t[1].position - t[0].position), r = n <= 0 ? 1 : Math.max(1, Math.ceil((e + o) / n));
+  return t.filter((l, d) => d % r === 0);
+}, Gt = (t, o) => {
+  const e = Math.max(1, Math.floor(o / ge));
+  return t.length <= e ? t : `${t.slice(0, Math.max(1, e - 1))}…`;
+}, ft = ({ area: t, ticks: o, side: e, hasGrid: n = !1 }) => /* @__PURE__ */ m("g", { className: rt.axis, "aria-hidden": !0, children: o.map(
+  (r) => e === "bottom" ? /* @__PURE__ */ X("g", { children: [
+    n && /* @__PURE__ */ m(
+      "line",
+      {
+        className: rt.axis__grid,
+        x1: r.position,
+        x2: r.position,
+        y1: t.top,
+        y2: t.bottom
+      }
+    ),
+    /* @__PURE__ */ m(
+      "text",
+      {
+        className: rt.axis__label,
+        x: r.position,
+        y: t.bottom + 16,
+        textAnchor: "middle",
+        children: r.label
+      }
+    )
+  ] }, `${r.position}-${r.label}`) : /* @__PURE__ */ X("g", { children: [
+    n && /* @__PURE__ */ m(
+      "line",
+      {
+        className: rt.axis__grid,
+        x1: t.left,
+        x2: t.right,
+        y1: r.position,
+        y2: r.position
+      }
+    ),
+    /* @__PURE__ */ m(
+      "text",
+      {
+        className: rt.axis__label,
+        x: e === "left" ? t.left - 8 : t.right + 8,
+        y: r.position,
+        dy: "0.32em",
+        textAnchor: e === "left" ? "end" : "start",
+        children: r.label
+      }
+    )
+  ] }, `${r.position}-${r.label}`)
+) }), Ut = ({ area: t, ticks: o, side: e }) => /* @__PURE__ */ m("g", { className: rt.axis, "aria-hidden": !0, children: e === "bottom" ? /* @__PURE__ */ X(Ft, { children: [
+  /* @__PURE__ */ m(
+    "line",
+    {
+      className: rt.axis__baseline,
+      x1: t.left,
+      x2: t.right,
+      y1: t.bottom,
+      y2: t.bottom
+    }
+  ),
+  be(o).map((n) => /* @__PURE__ */ m(
+    "text",
+    {
+      className: rt.axis__label,
+      x: n.position,
+      y: t.bottom + 16,
+      textAnchor: "middle",
+      children: n.label
+    },
+    `${n.position}-${n.label}`
+  ))
+] }) : /* @__PURE__ */ X(Ft, { children: [
+  /* @__PURE__ */ m(
+    "line",
+    {
+      className: rt.axis__baseline,
+      x1: t.left,
+      x2: t.left,
+      y1: t.top,
+      y2: t.bottom
+    }
+  ),
+  o.map((n) => /* @__PURE__ */ m(
+    "text",
+    {
+      className: rt.axis__label,
+      x: t.left - 8,
+      y: n.position,
+      dy: "0.32em",
+      textAnchor: "end",
+      children: Gt(n.label, t.left - 12)
+    },
+    `${n.position}-${n.label}`
+  ))
+] }) }), V = (t) => Math.round(t * 100) / 100, Te = (t) => {
+  const o = [];
+  let e = [];
+  for (const n of t)
+    n === null || !Number.isFinite(n.x) || !Number.isFinite(n.y) ? (e.length > 0 && o.push(e), e = []) : e.push(n);
+  return e.length > 0 && o.push(e), o;
+}, qt = (t) => t.map((o, e) => `${e === 0 ? "M" : "L"}${V(o.x)},${V(o.y)}`).join(""), _e = (t) => {
+  const o = t.length;
+  if (o < 3) return qt(t);
+  const e = [], n = [];
+  for (let l = 0; l < o - 1; l += 1) {
+    const d = t[l + 1].x - t[l].x;
+    n.push(d === 0 ? 0 : (t[l + 1].y - t[l].y) / d);
+  }
+  e.push(n[0]);
+  for (let l = 1; l < o - 1; l += 1)
+    e.push(
+      n[l - 1] * n[l] <= 0 ? 0 : (n[l - 1] + n[l]) / 2
+    );
+  e.push(n[o - 2]);
+  for (let l = 0; l < o - 1; l += 1) {
+    if (n[l] === 0) {
+      e[l] = 0, e[l + 1] = 0;
+      continue;
+    }
+    const d = e[l] / n[l], u = e[l + 1] / n[l], k = d * d + u * u;
+    if (k > 9) {
+      const T = 3 / Math.sqrt(k);
+      e[l] = T * d * n[l], e[l + 1] = T * u * n[l];
+    }
+  }
+  let r = `M${V(t[0].x)},${V(t[0].y)}`;
+  for (let l = 0; l < o - 1; l += 1) {
+    const d = t[l], u = t[l + 1], k = (u.x - d.x) / 3;
+    r += `C${V(d.x + k)},${V(d.y + e[l] * k)} ${V(u.x - k)},${V(u.y - e[l + 1] * k)} ${V(u.x)},${V(u.y)}`;
+  }
+  return r;
+}, Ie = (t, o = "linear") => Te(t).map((e) => o === "monotone" ? _e(e) : qt(e)).join(""), Ce = (t, o, e = "linear") => {
+  const n = [];
+  let r = [], l = [];
+  const d = () => {
+    if (r.length > 0) {
+      const u = e === "monotone" ? _e : qt, k = u([...l].reverse()).replace(/^M/, "L");
+      n.push(`${u(r)}${k}Z`);
+    }
+    r = [], l = [];
+  };
+  return t.forEach((u, k) => {
+    const T = o[k];
+    u === null || T === null || T === void 0 ? d() : (r.push(u), l.push(T));
+  }), d(), n.join("");
+}, nt = (t, o, e, n) => ({
+  x: t + e * Math.sin(n),
+  y: o - e * Math.cos(n)
+}), ne = (t, o, e, n, r, l) => {
+  const d = l - r;
+  if (d <= 0 || e <= 0) return "";
+  if (d >= Math.PI * 2 - 1e-6) {
+    const g = (R, z) => `M${V(t)},${V(o - R)}A${R},${R} 0 1 ${z} ${V(t)},${V(o + R)}A${R},${R} 0 1 ${z} ${V(t)},${V(o - R)}Z`;
+    return g(e, 1) + (n > 0 ? g(n, 0) : "");
+  }
+  const u = d > Math.PI ? 1 : 0, k = nt(t, o, e, r), T = nt(t, o, e, l);
+  if (n <= 0)
+    return `M${V(t)},${V(o)}L${V(k.x)},${V(k.y)}A${e},${e} 0 ${u} 1 ${V(T.x)},${V(T.y)}Z`;
+  const A = nt(t, o, n, l), I = nt(t, o, n, r);
+  return `M${V(k.x)},${V(k.y)}A${e},${e} 0 ${u} 1 ${V(T.x)},${V(T.y)}L${V(A.x)},${V(A.y)}A${n},${n} 0 ${u} 0 ${V(I.x)},${V(I.y)}Z`;
+}, oe = (t) => t.length === 0 ? "" : `${qt(t)}Z`, pt = (t, o) => {
+  const [e, n] = t, [r, l] = o, d = n - e, u = (k) => d === 0 ? (r + l) / 2 : r + (k - e) / d * (l - r);
+  return u.domain = t, u.range = o, u.invert = (k) => l === r ? e : e + (k - r) / (l - r) * d, u;
+}, Dt = (t, o, { paddingInner: e = 0.2, paddingOuter: n = 0.1 } = {}) => {
+  const [r, l] = o, d = t.length, u = d === 0 ? 0 : (l - r) / Math.max(1, d - e + n * 2), k = u * (1 - e), T = r + u * n, A = new Map(t.map((g, R) => [g, R])), I = (g) => {
+    const R = A.get(g);
+    return R === void 0 ? Number.NaN : T + R * u;
+  };
+  return I.domain = t, I.range = o, I.bandwidth = k, I.step = u, I.indexAt = (g) => d === 0 ? -1 : Math.min(
+    d - 1,
+    Math.max(
+      0,
+      Math.floor((g - r - u * n + (u - k) / 2) / u)
+    )
+  ), I;
+}, Qt = (t, o, e) => {
+  const n = Math.abs(o - t);
+  if (n === 0 || !Number.isFinite(n) || e <= 0) return 1;
+  const r = n / e, l = 10 ** Math.floor(Math.log10(r)), d = r / l;
+  return (d >= 7.5 ? 10 : d >= 3.5 ? 5 : d >= 1.5 ? 2 : 1) * l;
+}, Zt = (t, o) => {
+  const e = Math.max(0, -Math.floor(Math.log10(o)) + 1);
+  return Number(t.toFixed(Math.min(e, 12)));
+}, At = (t, o, e = 5) => {
+  if (!Number.isFinite(t) || !Number.isFinite(o)) return [0, 1];
+  let n = Math.min(t, o), r = Math.max(t, o);
+  if (n === r) {
+    if (n === 0) return [0, 1];
+    const d = Math.abs(n) * 0.5;
+    n = n > 0 ? 0 : n - d, r = r < 0 ? 0 : r + d;
+  }
+  const l = Qt(n, r, e);
+  return [Zt(Math.floor(n / l) * l, l), Zt(Math.ceil(r / l) * l, l)];
+}, ct = (t, o, e = 5) => {
+  if (!Number.isFinite(t) || !Number.isFinite(o)) return [];
+  if (t === o) return [t];
+  const n = Qt(t, o, e), r = Math.ceil(t / n - 1e-9), l = Math.floor(o / n + 1e-9), d = [];
+  for (let u = r; u <= l && d.length < 1e3; u += 1)
+    d.push(Zt(u * n, n));
+  return d;
+}, Fe = (t, o) => {
+  if (t.length === 0) return -1;
+  let e = 0, n = t.length - 1;
+  for (; e < n; ) {
+    const r = e + n >> 1;
+    t[r] < o ? e = r + 1 : n = r;
+  }
+  return e > 0 && Math.abs(t[e - 1] - o) <= Math.abs(t[e] - o) ? e - 1 : e;
+}, Ot = (t) => t.filter((o) => typeof o == "number" && Number.isFinite(o)), yt = (t) => {
+  if (t.length === 0) return [0, 0];
+  let o = t[0], e = t[0];
+  for (const n of t)
+    n < o && (o = n), n > e && (e = n);
+  return [o, e];
+}, Wt = (t, o) => {
+  if (t.length === 0) return Number.NaN;
+  if (t.length === 1) return t[0];
+  const e = (t.length - 1) * Math.min(1, Math.max(0, o)), n = Math.floor(e), r = e - n;
+  return n + 1 < t.length ? t[n] + (t[n + 1] - t[n]) * r : t[n];
+}, Re = (t) => {
+  const o = Ot(t).sort((d, u) => d - u);
+  if (o.length === 0) return null;
+  const e = Wt(o, 0.25), n = Wt(o, 0.75), r = (n - e) * 1.5, l = o.filter((d) => d >= e - r && d <= n + r);
+  return {
+    count: o.length,
+    min: o[0],
+    q1: e,
+    median: Wt(o, 0.5),
+    q3: n,
+    max: o[o.length - 1],
+    whiskerLow: l[0] ?? e,
+    whiskerHigh: l[l.length - 1] ?? n,
+    outliers: o.filter((d) => d < e - r || d > n + r)
+  };
+}, Se = (t, o) => {
+  const e = Ot(t);
+  if (e.length === 0) return [];
+  const [n, r] = yt(e);
+  if (n === r) return [{ from: n, to: n + 1, count: e.length }];
+  const l = o ?? Math.ceil(Math.log2(e.length)) + 1, d = Qt(n, r, Math.max(1, l)), u = Math.floor(n / d) * d, k = Math.max(1, Math.ceil((r - u) / d - 1e-9)), T = Array.from({ length: k }, (A, I) => ({
+    from: u + I * d,
+    to: u + (I + 1) * d,
+    count: 0
+  }));
+  for (const A of e) {
+    const I = Math.min(T.length - 1, Math.floor((A - u) / d));
+    T[I].count += 1;
+  }
+  return T;
+}, Nt = (t) => typeof t == "number" && Number.isFinite(t) ? t : null, it = { top: 12, right: 16, bottom: 28, minLeft: 32 }, He = (t, o) => {
+  const e = t.map(() => 0), n = t.map(() => 0), r = {};
+  for (const l of o)
+    r[l] = t.map((d, u) => {
+      const k = Nt(d[l]) ?? 0;
+      if (k >= 0) {
+        const A = e[u];
+        return e[u] += k, { base: A, top: e[u] };
+      }
+      const T = n[u];
+      return n[u] += k, { base: T, top: n[u] };
+    });
+  return r;
+}, Le = (t) => {
+  const { rows: o, xKey: e, series: n, width: r, height: l, isStacked: d, curve: u, formatX: k } = t, T = n.some((v) => v.type === "bar"), I = (T && n.every((v) => v.type === "bar") ? t.orientation : "vertical") === "horizontal", g = o.map((v) => v[e]), R = !T && !I && g.length > 1 && g.every((v) => Nt(v) !== null), z = {};
+  if (d)
+    for (const v of ["left", "right"])
+      for (const B of ["bar", "area"]) {
+        const W = n.filter((Q) => (Q.axis ?? "left") === v && Q.type === B).map((Q) => Q.key);
+        Object.assign(z, He(o, W));
+      }
+  const S = (v, B) => {
+    if (z[v]) return z[v][B];
+    const W = Nt(o[B][v]);
+    return W === null ? null : { base: 0, top: W };
+  }, q = (v) => {
+    const B = n.filter((dt) => (dt.axis ?? "left") === v);
+    if (B.length === 0) return null;
+    let W = Number.POSITIVE_INFINITY, Q = Number.NEGATIVE_INFINITY;
+    for (const dt of B)
+      for (let Mt = 0; Mt < o.length; Mt += 1) {
+        const mt = S(dt.key, Mt);
+        mt && (W = Math.min(W, mt.top, mt.base), Q = Math.max(Q, mt.top, mt.base));
+      }
+    if (B.some((dt) => dt.type !== "line") && (W = Math.min(W, 0), Q = Math.max(Q, 0)), !Number.isFinite(W) || !Number.isFinite(Q)) return [0, 1];
+    const [st, K] = v === "left" ? t.domain ?? [void 0, void 0] : [void 0, void 0], tt = At(st ?? W, K ?? Q);
+    return [st ?? tt[0], K ?? tt[1]];
+  }, D = q("left") ?? [0, 1], N = q("right"), C = N !== null && !I, P = t.formatLeft(ct(D[0], D[1], 5)), M = N ? t.formatRight(ct(N[0], N[1], 5)) : [], w = o.map((v) => k(v[e])), h = I ? Math.min(r * 0.4, Math.max(it.minLeft, ...w.map(ut)) + 12) : Math.max(it.minLeft, ...P.map(ut)) + 10, p = C ? Math.max(it.minLeft, ...M.map(ut)) + 10 : it.right, a = {
+    left: h,
+    top: it.top,
+    right: Math.max(h + 1, r - p),
+    bottom: Math.max(it.top + 1, l - it.bottom),
+    width: Math.max(1, r - p - h),
+    height: Math.max(1, l - it.bottom - it.top)
+  }, i = I ? [a.top, a.bottom] : [a.left, a.right], c = I ? [a.left, a.right] : [a.bottom, a.top], s = pt(D, c), f = N ? pt(N, c) : s, b = (v) => (v.axis ?? "left") === "right" && N ? f : s;
+  let $, y = 0, _ = null;
+  if (R) {
+    const v = g.map((B) => Nt(B));
+    _ = pt(yt(v), i), $ = v.map(_);
+  } else {
+    const v = Dt(
+      o.map((B, W) => String(W)),
+      i,
+      T ? { paddingInner: 0.24, paddingOuter: 0.12 } : { paddingInner: 0, paddingOuter: 0 }
+    );
+    y = v.bandwidth, $ = o.map((B, W) => v(String(W)) + v.bandwidth / 2);
+  }
+  const G = (v, B) => I ? { x: B, y: v } : { x: v, y: B }, H = [], j = n.filter((v) => v.type === "bar"), Y = d ? 1 : Math.max(1, j.length), O = Y > 1 ? Math.min(2, y * 0.04) : 0, x = Math.max(1, (y - O * (Y - 1)) / Y);
+  j.forEach((v, B) => {
+    const W = b(v), Q = d ? 0 : B;
+    o.forEach((st, K) => {
+      const tt = S(v.key, K);
+      if (!tt || tt.top === tt.base) return;
+      const dt = $[K] - y / 2 + Q * (x + O), Mt = W(tt.base), mt = W(tt.top), Kt = Math.min(Mt, mt), te = Math.max(1, Math.abs(mt - Mt));
+      H.push(
+        I ? {
+          key: v.key,
+          index: K,
+          tone: v.tone,
+          x: Kt,
+          y: dt,
+          width: te,
+          height: x
+        } : {
+          key: v.key,
+          index: K,
+          tone: v.tone,
+          x: dt,
+          y: Kt,
+          width: x,
+          height: te
+        }
+      );
+    });
+  });
+  const F = {}, E = [], U = [];
+  for (const v of n) {
+    if (v.type === "bar") continue;
+    const B = b(v), W = o.map((Q, st) => {
+      const K = S(v.key, st);
+      return K ? G($[st], B(K.top)) : null;
+    });
+    if (F[v.key] = W, v.type === "area") {
+      const Q = o.map((st, K) => {
+        const tt = S(v.key, K);
+        return tt ? G($[K], B(tt.base)) : null;
+      });
+      U.push({ key: v.key, tone: v.tone, d: Ce(W, Q, u) });
+    }
+    E.push({ key: v.key, tone: v.tone, d: Ie(W, u) });
+  }
+  const ht = o.map((v, B) => {
+    let W = null;
+    for (const st of n) {
+      const K = S(st.key, B);
+      if (!K) continue;
+      const tt = b(st)(K.top);
+      W = W === null ? tt : I ? Math.max(W, tt) : Math.min(W, tt);
+    }
+    const Q = I ? a.left : a.bottom;
+    return G($[B], W ?? Q);
+  }), It = (v, B, W) => vt(
+    ct(
+      B[0],
+      B[1],
+      I ? Math.max(2, Math.floor(a.width / 90)) : Math.max(2, Math.floor(a.height / 48))
+    ),
+    v,
+    W
+  ), $e = _ ? ct(_.domain[0], _.domain[1], Math.max(2, Math.floor(a.width / 90))).map(
+    (v) => ({
+      position: _(v),
+      label: k(v)
+    })
+  ) : o.map((v, B) => ({
+    position: $[B],
+    label: I ? Gt(w[B], h - 12) : w[B]
+  }));
+  return {
+    zero: D[0] < 0 && D[1] > 0 ? s(0) : null,
+    area: a,
+    centers: $,
+    bandwidth: y,
+    isContinuous: R,
+    categoryTicks: $e,
+    leftTicks: It(s, D, t.formatLeft),
+    rightTicks: C && N ? It(f, N, t.formatRight) : [],
+    hasRightAxis: C,
+    lines: E,
+    areas: U,
+    bars: H,
+    points: F,
+    anchors: ht
+  };
+}, se = (...t) => {
+  let o = "";
+  for (const e of t)
+    e && (o = o === "" ? e : `${o} ${e}`);
+  return o;
+}, ae = [
+  "chart-1",
+  "chart-2",
+  "chart-3",
+  "chart-4",
+  "chart-5",
+  "chart-6"
+], St = (t, o) => o ?? ae[t % ae.length], Z = (t) => Yt(t === "muted" ? "text-3" : t), Ee = "ui-chart-iR-5u", ze = "ui-chart__canvas-4wf8o", Pe = "ui-chart__svg-yC5iw", De = "ui-chart__overlay-kbXEv", Ge = "ui-chart__tooltip-wbhLY", qe = "ui-chart__tooltipTitle-j-1Nw", Oe = "ui-chart__tooltipRow-phors", Be = "ui-chart__tooltipLabel-72x80", We = "ui-chart__tooltipValue-caeby", Ve = "ui-chart__swatch--mk77", je = "ui-chart__legend-EhXcQ", Xe = "ui-chart__legendItem--AaGe", Ye = "ui-chart__srOnly-Oyem2", J = {
+  chart: Ee,
+  chart__canvas: ze,
+  chart__svg: Pe,
+  chart__overlay: De,
+  chart__tooltip: Ge,
+  chart__tooltipTitle: qe,
+  chart__tooltipRow: Oe,
+  chart__tooltipLabel: Be,
+  chart__tooltipValue: We,
+  chart__swatch: Ve,
+  chart__legend: je,
+  chart__legendItem: Xe,
+  "chart__legendItem--hidden": "ui-chart__legendItem--hidden-D3li8",
+  chart__srOnly: Ye
+}, re = 12, gt = ({
+  label: t,
+  description: o,
+  containerRef: e,
+  width: n,
+  height: r,
+  plot: l,
+  overlay: d,
+  underlay: u,
+  itemCount: k,
+  columns: T,
+  pick: A,
+  tooltip: I,
+  anchor: g,
+  tooltipSide: R = "inward",
+  announce: z,
+  table: S,
+  legend: q,
+  className: D,
+  testId: N
+}) => {
+  const C = ye(), P = we(), [M, w] = Tt(null), h = Pt(null), p = Pt(null), a = Pt(null);
+  ee(() => {
+    M !== null && M >= k && w(k > 0 ? k - 1 : null);
+  }, [M, k]), ee(
+    () => () => {
+      h.current !== null && cancelAnimationFrame(h.current);
+    },
+    []
+  );
+  const i = et(
+    (y) => {
+      const _ = y.currentTarget.getBoundingClientRect();
+      a.current = { x: y.clientX - _.left, y: y.clientY - _.top }, h.current === null && (h.current = requestAnimationFrame(() => {
+        h.current = null;
+        const G = a.current;
+        G && w(A(G.x, G.y));
+      }));
+    },
+    [A]
+  ), c = (y) => {
+    const _ = Math.min(k - 1, Math.max(0, y));
+    w(_), P(z(_));
+  }, s = (y) => {
+    if (k === 0) return;
+    const _ = M ?? -1, G = T ?? 1, H = y.key === "ArrowRight" ? _ + 1 : y.key === "ArrowLeft" ? Math.max(0, _ - 1) : y.key === "ArrowDown" ? _ < 0 ? 0 : _ + G : y.key === "ArrowUp" ? Math.max(0, _ - G) : y.key === "Home" ? 0 : y.key === "End" ? k - 1 : null;
+    if (y.key === "Escape" && M !== null) {
+      y.preventDefault(), w(null);
+      return;
+    }
+    H !== null && (y.preventDefault(), c(H));
+  }, f = M === null ? null : I(M), b = M === null ? null : g(M), $ = b == null ? void 0 : b.x;
+  return xe(() => {
+    const y = p.current;
+    if (!y || $ === void 0) return;
+    const _ = y.offsetWidth, G = $ > n / 2, H = R === "outward" ? !G : G, j = $ - re - _, Y = $ + re, O = j >= 0, x = Y + _ <= n, F = R === "outward" ? H ? j : Y : H ? O || !x ? j : Y : x || !O ? Y : j;
+    y.style.left = `${Math.min(Math.max(0, F), Math.max(0, n - _))}px`;
+  }, [M, $, n, R]), /* @__PURE__ */ X("figure", { className: se(J.chart, D), "data-testid": N, children: [
+    /* @__PURE__ */ X("div", { ref: e, className: J.chart__canvas, style: { blockSize: r }, children: [
+      /* @__PURE__ */ X(
+        "svg",
+        {
+          className: J.chart__svg,
+          width: n,
+          height: r,
+          viewBox: `0 0 ${n} ${r}`,
+          role: "img",
+          "aria-label": t,
+          "aria-describedby": o ? C : void 0,
+          tabIndex: k > 0 ? 0 : void 0,
+          onPointerMove: i,
+          onPointerDown: i,
+          onPointerLeave: () => w(null),
+          onKeyDown: s,
+          onBlur: () => w(null),
+          children: [
+            M !== null && u && /* @__PURE__ */ m("g", { className: J.chart__overlay, children: u(M) }),
+            l,
+            M !== null && /* @__PURE__ */ m("g", { className: J.chart__overlay, children: d(M) })
+          ]
+        }
+      ),
+      f && b && /* Okunan karşılığı duyuru ve tablo; ipucu yalnızca görsel. */
+      /* @__PURE__ */ X(
+        "div",
+        {
+          ref: p,
+          "aria-hidden": !0,
+          className: J.chart__tooltip,
+          style: { insetBlockStart: Math.max(24, Math.min(b.y, r - 24)) },
+          children: [
+            f.title && /* @__PURE__ */ m("span", { className: J.chart__tooltipTitle, children: f.title }),
+            f.rows.map((y) => /* @__PURE__ */ X("span", { className: J.chart__tooltipRow, children: [
+              y.tone && /* @__PURE__ */ m(
+                "span",
+                {
+                  className: J.chart__swatch,
+                  style: { backgroundColor: Z(y.tone) }
+                }
+              ),
+              /* @__PURE__ */ m("span", { className: J.chart__tooltipLabel, children: y.label }),
+              /* @__PURE__ */ m("span", { className: J.chart__tooltipValue, children: y.value })
+            ] }, y.id))
+          ]
+        }
+      )
+    ] }),
+    q && q.entries.length > 1 && /* @__PURE__ */ m("ul", { className: J.chart__legend, children: q.entries.map((y) => {
+      const _ = q.hidden.has(y.id);
+      return /* @__PURE__ */ m("li", { children: /* @__PURE__ */ X(
+        "button",
+        {
+          type: "button",
+          className: se(
+            J.chart__legendItem,
+            _ && J["chart__legendItem--hidden"]
+          ),
+          "aria-pressed": !_,
+          onClick: () => q.onToggle(y.id),
+          children: [
+            /* @__PURE__ */ m(Ue, { tone: y.tone, isHidden: _ }),
+            y.label
+          ]
+        }
+      ) }, y.id);
+    }) }),
+    o && /* @__PURE__ */ m("p", { id: C, className: J.chart__srOnly, children: o }),
+    /* @__PURE__ */ m("div", { className: J.chart__srOnly, children: /* @__PURE__ */ X("table", { children: [
+      /* @__PURE__ */ m("caption", { children: t }),
+      /* @__PURE__ */ m("thead", { children: /* @__PURE__ */ m("tr", { children: S.columns.map((y, _) => /* @__PURE__ */ m("th", { scope: "col", children: y }, _)) }) }),
+      /* @__PURE__ */ m("tbody", { children: S.rows.map((y, _) => /* @__PURE__ */ m("tr", { children: y.map(
+        (G, H) => H === 0 ? /* @__PURE__ */ m("th", { scope: "row", children: G }, H) : /* @__PURE__ */ m("td", { children: G }, H)
+      ) }, _)) })
+    ] }) })
+  ] });
+}, Ue = ({ tone: t, isHidden: o }) => /* @__PURE__ */ m(
+  "span",
+  {
+    "aria-hidden": !0,
+    className: J.chart__swatch,
+    style: o ? { backgroundColor: "transparent", boxShadow: `inset 0 0 0 2px ${Z(t)}` } : { backgroundColor: Z(t) }
+  }
+), ce = /* @__PURE__ */ new Map(), Me = (t, o) => {
+  const e = `${t ?? ""}|${JSON.stringify(o)}`;
+  let n = ce.get(e);
+  return n || (n = new Intl.NumberFormat(t, o), ce.set(e, n)), n;
+}, le = (t) => {
+  if (t === 0 || !Number.isFinite(t)) return null;
+  const [o, e] = Math.abs(t).toExponential(9).split("e"), n = Number(e);
+  return { first: n, last: n - (o.replace(".", "").replace(/0+$/, "").length - 1) };
+}, Ht = (t) => (o) => {
+  const e = o.reduce(
+    (n, r) => {
+      var l;
+      return Math.min(n, ((l = le(r)) == null ? void 0 : l.last) ?? n);
+    },
+    Number.POSITIVE_INFINITY
+  );
+  return o.map(
+    (n) => {
+      var r;
+      return Me(t, {
+        notation: "compact",
+        maximumSignificantDigits: Math.min(
+          21,
+          Math.max(1, (((r = le(n)) == null ? void 0 : r.first) ?? 0) - e + 1)
+        )
+      }).format(n);
+    }
+  );
+}, bt = (t) => (o) => Me(t, { maximumFractionDigits: 2 }).format(o), Ze = 640, Qe = typeof window > "u" ? () => {
+} : xe, _t = (t) => {
+  const o = Pt(null), [e, n] = Tt(t ?? Ze);
+  return Qe(() => {
+    if (t !== void 0) {
+      n(t);
+      return;
+    }
+    const r = o.current;
+    if (!r) return;
+    const l = (u) => {
+      const k = Math.floor(u);
+      k > 0 && n((T) => T === k ? T : k);
+    };
+    if (l(r.clientWidth), typeof ResizeObserver > "u") return;
+    const d = new ResizeObserver(([u]) => l(u.contentRect.width));
+    return d.observe(r), () => d.disconnect();
+  }, [t]), [o, e];
+}, Je = "ui-line-CLpqU", Ke = "ui-area-LkWXB", tn = "ui-bar-260Bd", en = "ui-point-Vc-kX", nn = "ui-marker-G-xZb", on = "ui-crosshair-nV-xX", sn = "ui-band-jnG7s", an = "ui-zero-GpHvw", at = {
+  line: Je,
+  area: Ke,
+  bar: tn,
+  point: en,
+  marker: nn,
+  crosshair: on,
+  band: sn,
+  zero: an
+}, rn = 280, ie = "—", cn = ({
+  label: t,
+  description: o,
+  data: e,
+  xKey: n,
+  xLabel: r,
+  series: l,
+  height: d = rn,
+  width: u,
+  isStacked: k = !1,
+  orientation: T = "vertical",
+  curve: A = "monotone",
+  hasPoints: I = !1,
+  formatX: g = String,
+  formatValue: R,
+  domain: z,
+  className: S,
+  testId: q
+}) => {
+  const { labels: D } = xt(), N = D == null ? void 0 : D.locale, [C, P] = _t(u), [M, w] = Tt(() => /* @__PURE__ */ new Set()), h = L(() => R ?? bt(N), [R, N]), p = L(() => Ht(N), [N]), a = et(
+    (x) => x == null ? "" : g(x),
+    [g]
+  ), i = L(
+    () => l.map((x, F) => ({ ...x, tone: St(F, x.tone) })),
+    [l]
+  ), c = L(() => i.filter((x) => !M.has(x.key)), [i, M]), s = L(
+    () => Le({
+      rows: e,
+      xKey: n,
+      series: c,
+      width: P,
+      height: d,
+      isStacked: k,
+      orientation: T,
+      curve: A,
+      formatX: a,
+      formatLeft: p,
+      formatRight: p,
+      domain: z
+    }),
+    [
+      e,
+      n,
+      c,
+      P,
+      d,
+      k,
+      T,
+      A,
+      a,
+      p,
+      z
+    ]
+  ), f = T === "horizontal" && c.length > 0 && c.every((x) => x.type === "bar"), b = c.some((x) => x.type === "bar"), $ = L(() => {
+    const x = s.centers.map((F, E) => ({ center: F, index: E })).sort((F, E) => F.center - E.center);
+    return { centers: x.map((F) => F.center), indices: x.map((F) => F.index) };
+  }, [s.centers]), y = et(
+    (x, F) => {
+      const { area: E } = s;
+      if (x < E.left - 4 || x > E.right + 4 || F < E.top - 4 || F > E.bottom + 4)
+        return null;
+      const U = Fe($.centers, f ? F : x);
+      return U < 0 ? null : $.indices[U];
+    },
+    [s, $, f]
+  ), _ = et(
+    (x) => {
+      var F;
+      return {
+        title: a((F = e[x]) == null ? void 0 : F[n]),
+        rows: c.map((E) => {
+          var ht;
+          const U = Nt((ht = e[x]) == null ? void 0 : ht[E.key]);
+          return {
+            id: E.key,
+            label: E.label,
+            tone: E.tone,
+            value: U === null ? ie : (E.format ?? h)(U)
+          };
+        })
+      };
+    },
+    [e, n, c, h, a]
+  ), G = et(
+    (x) => {
+      const F = _(x);
+      return `${F.title}: ${F.rows.map((E) => `${E.label} ${E.value}`).join(", ")}`;
+    },
+    [_]
+  ), H = L(
+    () => ({
+      columns: [r ?? n, ...i.map((x) => x.label)],
+      rows: e.map((x) => [
+        a(x[n]),
+        ...i.map((F) => {
+          const E = Nt(x[F.key]);
+          return E === null ? ie : (F.format ?? h)(E);
+        })
+      ])
+    }),
+    [e, n, r, i, h, a]
+  ), j = L(
+    () => /* @__PURE__ */ X("g", { children: [
+      f ? /* @__PURE__ */ X(Ft, { children: [
+        /* @__PURE__ */ m(ft, { area: s.area, ticks: s.leftTicks, side: "bottom", hasGrid: !0 }),
+        /* @__PURE__ */ m(Ut, { area: s.area, ticks: s.categoryTicks, side: "left" })
+      ] }) : /* @__PURE__ */ X(Ft, { children: [
+        /* @__PURE__ */ m(ft, { area: s.area, ticks: s.leftTicks, side: "left", hasGrid: !0 }),
+        s.hasRightAxis && /* @__PURE__ */ m(ft, { area: s.area, ticks: s.rightTicks, side: "right" }),
+        /* @__PURE__ */ m(Ut, { area: s.area, ticks: s.categoryTicks, side: "bottom" })
+      ] }),
+      s.zero !== null && (f ? /* @__PURE__ */ m(
+        "line",
+        {
+          className: at.zero,
+          x1: s.zero,
+          x2: s.zero,
+          y1: s.area.top,
+          y2: s.area.bottom
+        }
+      ) : /* @__PURE__ */ m(
+        "line",
+        {
+          className: at.zero,
+          x1: s.area.left,
+          x2: s.area.right,
+          y1: s.zero,
+          y2: s.zero
+        }
+      )),
+      s.areas.map((x) => /* @__PURE__ */ m(
+        "path",
+        {
+          d: x.d,
+          className: at.area,
+          style: { fill: `color-mix(in srgb, ${Z(x.tone)} 18%, transparent)` }
+        },
+        `area-${x.key}`
+      )),
+      s.bars.map((x) => /* @__PURE__ */ m(
+        "rect",
+        {
+          className: at.bar,
+          x: x.x,
+          y: x.y,
+          width: x.width,
+          height: x.height,
+          rx: Math.min(3, x.width / 4, x.height / 4),
+          style: { fill: Z(x.tone) }
+        },
+        `bar-${x.key}-${x.index}`
+      )),
+      s.lines.map((x) => /* @__PURE__ */ m(
+        "path",
+        {
+          d: x.d,
+          className: at.line,
+          style: { stroke: Z(x.tone) }
+        },
+        `line-${x.key}`
+      )),
+      c.filter((x) => x.type !== "bar").flatMap(
+        (x) => (s.points[x.key] ?? []).map(
+          (F, E, U) => F && (I || !U[E - 1] && !U[E + 1]) ? /* @__PURE__ */ m(
+            "circle",
+            {
+              className: at.point,
+              cx: F.x,
+              cy: F.y,
+              r: 3,
+              style: { fill: Z(x.tone) }
+            },
+            `point-${x.key}-${E}`
+          ) : null
+        )
+      )
+    ] }),
+    [s, I, f, c]
+  ), Y = et(
+    (x) => {
+      if (!b || s.bandwidth <= 0) return null;
+      const { area: F } = s, E = s.centers[x], U = s.bandwidth * 0.12;
+      return f ? /* @__PURE__ */ m(
+        "rect",
+        {
+          className: at.band,
+          x: F.left,
+          width: F.width,
+          y: E - s.bandwidth / 2 - U,
+          height: s.bandwidth + U * 2
+        }
+      ) : /* @__PURE__ */ m(
+        "rect",
+        {
+          className: at.band,
+          y: F.top,
+          height: F.height,
+          x: E - s.bandwidth / 2 - U,
+          width: s.bandwidth + U * 2
+        }
+      );
+    },
+    [s, f, b]
+  ), O = et(
+    (x) => {
+      const { area: F } = s, E = s.centers[x];
+      return /* @__PURE__ */ X(Ft, { children: [
+        !b && /* @__PURE__ */ m(
+          "line",
+          {
+            className: at.crosshair,
+            x1: E,
+            x2: E,
+            y1: F.top,
+            y2: F.bottom
+          }
+        ),
+        c.filter((U) => U.type !== "bar").map((U) => {
+          var It;
+          const ht = (It = s.points[U.key]) == null ? void 0 : It[x];
+          return ht ? /* @__PURE__ */ m(
+            "circle",
+            {
+              className: at.marker,
+              cx: ht.x,
+              cy: ht.y,
+              r: 4.5,
+              style: { fill: Z(U.tone) }
+            },
+            U.key
+          ) : null;
+        })
+      ] });
+    },
+    [s, c, b]
+  );
+  return /* @__PURE__ */ m(
+    gt,
+    {
+      label: t,
+      description: o,
+      containerRef: C,
+      width: P,
+      height: d,
+      plot: j,
+      overlay: O,
+      underlay: Y,
+      itemCount: e.length,
+      pick: y,
+      tooltip: _,
+      anchor: (x) => s.anchors[x] ?? { x: 0, y: 0 },
+      announce: G,
+      table: H,
+      legend: {
+        entries: i.map((x) => ({ id: x.key, label: x.label, tone: x.tone })),
+        hidden: M,
+        onToggle: (x) => w((F) => {
+          const E = new Set(F);
+          return E.has(x) ? E.delete(x) : i.length - F.size > 1 && E.add(x), E;
+        })
+      },
+      className: S,
+      testId: q
+    }
+  );
+}, Bt = ot(cn), ln = ({ series: t, ...o }) => {
+  const e = L(() => t.map((n) => ({ ...n, type: "line" })), [t]);
+  return /* @__PURE__ */ m(Bt, { ...o, series: e });
+}, Yn = /* @__PURE__ */ ot(/* @__PURE__ */ lt(ln, "LineChart")), hn = ({ series: t, ...o }) => {
+  const e = L(() => t.map((n) => ({ ...n, type: "area" })), [t]);
+  return /* @__PURE__ */ m(Bt, { ...o, series: e });
+}, Un = /* @__PURE__ */ ot(/* @__PURE__ */ lt(hn, "AreaChart")), dn = ({ series: t, ...o }) => {
+  const e = L(() => t.map((n) => ({ ...n, type: "bar" })), [t]);
+  return /* @__PURE__ */ m(Bt, { ...o, series: e });
+}, Zn = /* @__PURE__ */ ot(/* @__PURE__ */ lt(dn, "BarChart")), mn = (t) => /* @__PURE__ */ m(Bt, { ...t }), Qn = /* @__PURE__ */ ot(
+  /* @__PURE__ */ lt(mn, "ComposedChart")
+), un = "ui-slice-dFWuh", fn = "ui-center__value-GnqKe", pn = "ui-center__label-DsgTV", Ct = {
+  slice: un,
+  center__value: fn,
+  center__label: pn
+}, Lt = 6, he = 1.5, yn = ({
+  label: t,
+  description: o,
+  data: e,
+  variant: n = "donut",
+  centerValue: r,
+  centerLabel: l,
+  valueLabel: d,
+  height: u = 260,
+  width: k,
+  formatValue: T,
+  className: A,
+  testId: I
+}) => {
+  const { labels: g } = xt(), [R, z] = _t(k), [S, q] = Tt(() => /* @__PURE__ */ new Set()), D = L(() => bt(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), N = T ?? D, C = L(
+    () => e.map((a, i) => ({ ...a, tone: St(i, a.tone) })),
+    [e]
+  ), P = L(() => {
+    const a = C.filter(
+      (_) => !S.has(_.id) && Number.isFinite(_.value) && _.value > 0
+    ), i = a.reduce((_, G) => _ + G.value, 0), c = z / 2, s = u / 2, f = Math.max(8, Math.min(z, u) / 2 - Lt - 4), b = n === "donut" ? f * 0.62 : 0;
+    let $ = 0;
+    const y = a.map((_) => {
+      const G = i > 0 ? _.value / i * Math.PI * 2 : 0, H = $;
+      return $ += G, { ..._, start: H, end: $, share: i > 0 ? _.value / i : 0 };
+    });
+    return { cx: c, cy: s, outer: f, inner: b, total: i, slices: y };
+  }, [C, S, z, u, n]), M = L(() => {
+    const a = new Intl.NumberFormat(g == null ? void 0 : g.locale, {
+      style: "percent",
+      maximumFractionDigits: 1
+    });
+    return (i) => a.format(i);
+  }, [g == null ? void 0 : g.locale]), w = L(() => {
+    const { cx: a, cy: i, outer: c, inner: s, slices: f, total: b } = P;
+    return /* @__PURE__ */ X("g", { children: [
+      f.map(($) => /* @__PURE__ */ m(
+        "path",
+        {
+          className: Ct.slice,
+          d: ne(a, i, c, s, $.start, $.end),
+          style: { fill: Z($.tone), strokeWidth: f.length > 1 ? he : 0 }
+        },
+        $.id
+      )),
+      n === "donut" && /* @__PURE__ */ X("g", { "aria-hidden": !0, className: Ct.center, children: [
+        /* @__PURE__ */ m(
+          "text",
+          {
+            className: Ct.center__value,
+            x: a,
+            y: l ? i - 4 : i,
+            dy: "0.32em",
+            textAnchor: "middle",
+            children: r ?? N(b)
+          }
+        ),
+        l && /* @__PURE__ */ m(
+          "text",
+          {
+            className: Ct.center__label,
+            x: a,
+            y: i + 16,
+            dy: "0.32em",
+            textAnchor: "middle",
+            children: l
+          }
+        )
+      ] })
+    ] });
+  }, [P, n, r, l, N]), h = et(
+    (a, i) => {
+      const { cx: c, cy: s, outer: f, inner: b, slices: $ } = P, y = Math.hypot(a - c, i - s);
+      if (y > f + Lt || y < b) return null;
+      let _ = Math.atan2(a - c, -(i - s));
+      _ < 0 && (_ += Math.PI * 2);
+      const G = $.findIndex((H) => _ >= H.start && _ < H.end);
+      return G < 0 ? null : G;
+    },
+    [P]
+  ), p = (a) => {
+    const i = P.slices[a];
+    return `${N(i.value)} (${M(i.share)})`;
+  };
+  return /* @__PURE__ */ m(
+    gt,
+    {
+      label: t,
+      description: o,
+      containerRef: R,
+      width: z,
+      height: u,
+      plot: w,
+      overlay: (a) => {
+        const { cx: i, cy: c, outer: s, inner: f, slices: b } = P, $ = b[a], y = ($.start + $.end) / 2, _ = nt(0, 0, Lt, y);
+        return /* @__PURE__ */ m(
+          "path",
+          {
+            className: Ct.slice,
+            d: ne(i + _.x, c + _.y, s, f, $.start, $.end),
+            style: { fill: Z($.tone), strokeWidth: he }
+          }
+        );
+      },
+      itemCount: P.slices.length,
+      pick: h,
+      tooltip: (a) => {
+        const i = P.slices[a];
+        return {
+          rows: [{ id: i.id, label: i.label, value: p(a), tone: i.tone }]
+        };
+      },
+      anchor: (a) => {
+        const { cx: i, cy: c, outer: s, slices: f } = P, b = f[a];
+        return nt(i, c, s + Lt, (b.start + b.end) / 2);
+      },
+      tooltipSide: "outward",
+      announce: (a) => `${P.slices[a].label}: ${p(a)}`,
+      table: {
+        columns: [t, d],
+        rows: C.map((a) => [
+          a.label,
+          Number.isFinite(a.value) ? N(a.value) : "—"
+        ])
+      },
+      legend: {
+        entries: C.map((a) => ({ id: a.id, label: a.label, tone: a.tone })),
+        hidden: S,
+        onToggle: (a) => q((i) => {
+          const c = new Set(i);
+          return c.has(a) ? c.delete(a) : C.length - i.size > 1 && c.add(a), c;
+        })
+      },
+      className: A,
+      testId: I
+    }
+  );
+}, Jn = /* @__PURE__ */ ot(/* @__PURE__ */ lt(yn, "PieChart")), Jt = (t, o, e, { top: n = 12, right: r = 16, bottom: l = 28 } = {}) => {
+  const d = Math.max(32, ...e.map(ut)) + 10;
+  return {
+    left: d,
+    top: n,
+    right: Math.max(d + 1, t - r),
+    bottom: Math.max(n + 1, o - l),
+    width: Math.max(1, t - r - d),
+    height: Math.max(1, o - n - l)
+  };
+}, Rt = (t, o) => Math.max(2, Math.floor(t / (o ? 90 : 48))), xn = (t, o = 24) => {
+  const e = /* @__PURE__ */ new Map(), n = (r, l) => `${r}:${l}`;
+  return t.forEach((r, l) => {
+    if (!Number.isFinite(r.x) || !Number.isFinite(r.y)) return;
+    const d = n(Math.floor(r.x / o), Math.floor(r.y / o)), u = e.get(d);
+    u ? u.push(l) : e.set(d, [l]);
+  }), {
+    nearest: (r, l, d) => {
+      const u = Math.ceil(d / o), k = Math.floor(r / o), T = Math.floor(l / o);
+      let A = null, I = d * d;
+      for (let g = -u; g <= u; g += 1)
+        for (let R = -u; R <= u; R += 1)
+          for (const z of e.get(n(k + g, T + R)) ?? []) {
+            const S = (t[z].x - r) ** 2 + (t[z].y - l) ** 2;
+            S <= I && (I = S, A = z);
+          }
+      return A;
+    }
+  };
+}, gn = "ui-point-YKyMm", bn = "ui-marker-ToO1T", de = {
+  point: gn,
+  marker: bn
+}, $t = { plain: 4, min: 3, max: 16 }, _n = 22, Mn = ({
+  label: t,
+  description: o,
+  series: e,
+  xLabel: n,
+  yLabel: r,
+  sizeLabel: l,
+  height: d = 300,
+  width: u,
+  formatX: k,
+  formatY: T,
+  className: A,
+  testId: I
+}) => {
+  const { labels: g } = xt(), [R, z] = _t(u), [S, q] = Tt(() => /* @__PURE__ */ new Set()), D = L(() => bt(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), N = L(() => Ht(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), C = k ?? D, P = T ?? D, M = L(
+    () => e.map((c, s) => ({ ...c, tone: St(s, c.tone) })),
+    [e]
+  ), w = L(
+    () => M.filter((c) => !S.has(c.id)).flatMap(
+      (c) => c.data.filter((s) => Number.isFinite(s.x) && Number.isFinite(s.y)).map((s) => ({ ...s, series: c }))
+    ).sort((c, s) => c.x - s.x || c.y - s.y),
+    [M, S]
+  ), h = L(() => {
+    const c = At(...yt(w.map((O) => O.x))), s = At(...yt(w.map((O) => O.y))), f = ct(s[0], s[1], Rt(d, !1)), b = Jt(z, d, N(f), { right: 20 }), $ = pt(c, [b.left, b.right]), y = pt(s, [b.bottom, b.top]), _ = Ot(w.map((O) => O.size)), [G, H] = yt(_), j = (O) => O === void 0 || !Number.isFinite(O) || _.length === 0 ? $t.plain : H === G ? ($t.min + $t.max) / 2 : Math.sqrt(
+      $t.min ** 2 + (O - G) / (H - G) * ($t.max ** 2 - $t.min ** 2)
+    ), Y = w.map((O) => ({
+      ...O,
+      cx: $(O.x),
+      cy: y(O.y),
+      r: j(O.size)
+    }));
+    return {
+      area: b,
+      placed: Y,
+      index: xn(Y.map((O) => ({ x: O.cx, y: O.cy }))),
+      xTicks: vt(ct(c[0], c[1], Rt(b.width, !0)), $, N),
+      yTicks: vt(f, y, N)
+    };
+  }, [w, z, d, N]), p = L(
+    () => /* @__PURE__ */ X("g", { children: [
+      /* @__PURE__ */ m(ft, { area: h.area, ticks: h.yTicks, side: "left", hasGrid: !0 }),
+      /* @__PURE__ */ m(ft, { area: h.area, ticks: h.xTicks, side: "bottom", hasGrid: !0 }),
+      h.placed.map((c, s) => /* @__PURE__ */ m(
+        "circle",
+        {
+          className: de.point,
+          cx: c.cx,
+          cy: c.cy,
+          r: c.r,
+          style: {
+            fill: `color-mix(in srgb, ${Z(c.series.tone)} 72%, transparent)`,
+            stroke: Z(c.series.tone)
+          }
+        },
+        s
+      ))
+    ] }),
+    [h]
+  ), a = et(
+    (c, s) => h.index.nearest(c, s, _n),
+    [h]
+  ), i = (c) => {
+    const s = h.placed[c];
+    return {
+      title: s.label ?? s.series.label,
+      rows: [
+        { id: "series", label: s.series.label, value: "", tone: s.series.tone },
+        { id: "x", label: n, value: C(s.x) },
+        { id: "y", label: r, value: P(s.y) },
+        ...s.size !== void 0 && l ? [{ id: "size", label: l, value: D(s.size) }] : []
+      ]
+    };
+  };
+  return /* @__PURE__ */ m(
+    gt,
+    {
+      label: t,
+      description: o,
+      containerRef: R,
+      width: z,
+      height: d,
+      plot: p,
+      overlay: (c) => {
+        const s = h.placed[c];
+        return /* @__PURE__ */ m(
+          "circle",
+          {
+            className: de.marker,
+            cx: s.cx,
+            cy: s.cy,
+            r: s.r + 3,
+            style: { stroke: Z(s.series.tone) }
+          }
+        );
+      },
+      itemCount: h.placed.length,
+      pick: a,
+      tooltip: i,
+      anchor: (c) => ({ x: h.placed[c].cx, y: h.placed[c].cy }),
+      announce: (c) => {
+        const s = h.placed[c];
+        return `${s.label ? `${s.label}, ` : ""}${s.series.label}: ${n} ${C(s.x)}, ${r} ${P(s.y)}`;
+      },
+      table: {
+        columns: [t, n, r],
+        rows: w.map((c) => [c.label ?? c.series.label, C(c.x), P(c.y)])
+      },
+      legend: {
+        entries: M.map((c) => ({ id: c.id, label: c.label, tone: c.tone })),
+        hidden: S,
+        onToggle: (c) => q((s) => {
+          const f = new Set(s);
+          return f.has(c) ? f.delete(c) : M.length - s.size > 1 && f.add(c), f;
+        })
+      },
+      className: A,
+      testId: I
+    }
+  );
+}, Kn = /* @__PURE__ */ ot(
+  /* @__PURE__ */ lt(Mn, "ScatterPlot")
+), $n = "ui-labels-MJWYF", wn = "ui-empty-AW7c9", kn = "ui-focus-hLQdB", Et = {
+  labels: $n,
+  empty: wn,
+  focus: kn
+}, Vt = 8, Nn = 28, jt = 140, me = (t, o, e) => {
+  var r;
+  const n = (r = t[o]) == null ? void 0 : r[e];
+  return typeof n == "number" && Number.isFinite(n) ? n : null;
+}, ue = (t) => t.map((o, e) => String(e)), vn = ({
+  label: t,
+  description: o,
+  columns: e,
+  rows: n,
+  values: r,
+  valueLabel: l,
+  tone: d = "chart-1",
+  height: u = 280,
+  width: k,
+  formatValue: T,
+  className: A,
+  testId: I
+}) => {
+  const { labels: g } = xt(), [R, z] = _t(k), S = L(() => bt(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), q = T ?? S, D = `ui-heat-${ye().replace(/:/g, "")}`, N = L(() => {
+    const p = { left: Math.min(z * 0.3, Math.max(32, ...n.map(ut)) + 12), top: 8, right: z - 8, bottom: u - 28 - Nn }, a = Dt(ue(e), [p.left, p.right], {
+      paddingInner: 0.06,
+      paddingOuter: 0
+    }), i = Dt(ue(n), [p.top, p.bottom], {
+      paddingInner: 0.06,
+      paddingOuter: 0
+    }), [c, s] = yt(Ot(r.flat())), f = ($) => $ === null ? null : s === c ? 60 : Vt + ($ - c) / (s - c) * (100 - Vt), b = n.flatMap(
+      ($, y) => e.map((_, G) => {
+        const H = me(r, y, G);
+        return {
+          row: $,
+          column: _,
+          key: `${y}:${G}`,
+          value: H,
+          x: a(String(G)),
+          y: i(String(y)),
+          width: a.bandwidth,
+          height: i.bandwidth,
+          mix: f(H)
+        };
+      })
+    );
+    return { area: p, x: a, y: i, cells: b, min: c, max: s };
+  }, [e, n, r, z, u]), C = Z(d), P = L(() => {
+    const { area: h, x: p, y: a, cells: i } = N, c = q(N.max), s = h.right - ut(c) - 8, f = be(
+      e.map((b, $) => ({
+        position: p(String($)) + p.bandwidth / 2,
+        label: b
+      }))
+    );
+    return /* @__PURE__ */ X("g", { children: [
+      i.map((b) => /* @__PURE__ */ m(
+        "rect",
+        {
+          className: b.mix === null ? Et.empty : void 0,
+          x: b.x,
+          y: b.y,
+          width: b.width,
+          height: b.height,
+          rx: 2,
+          style: b.mix === null ? void 0 : { fill: `color-mix(in srgb, ${C} ${b.mix}%, ${Yt("bg-surface")})` }
+        },
+        b.key
+      )),
+      /* @__PURE__ */ X("g", { "aria-hidden": !0, className: Et.labels, children: [
+        n.map((b, $) => /* @__PURE__ */ m(
+          "text",
+          {
+            x: h.left - 8,
+            y: a(String($)) + a.bandwidth / 2,
+            dy: "0.32em",
+            textAnchor: "end",
+            children: Gt(b, h.left - 12)
+          },
+          $
+        )),
+        f.map((b) => /* @__PURE__ */ m("text", { x: b.position, y: h.bottom + 16, textAnchor: "middle", children: b.label }, b.position))
+      ] }),
+      /* @__PURE__ */ m("defs", { children: /* @__PURE__ */ X("linearGradient", { id: D, children: [
+        /* @__PURE__ */ m(
+          "stop",
+          {
+            offset: "0%",
+            style: {
+              stopColor: `color-mix(in srgb, ${C} ${Vt}%, ${Yt("bg-surface")})`
+            }
+          }
+        ),
+        /* @__PURE__ */ m("stop", { offset: "100%", style: { stopColor: C } })
+      ] }) }),
+      /* @__PURE__ */ X("g", { "aria-hidden": !0, className: Et.labels, children: [
+        /* @__PURE__ */ m(
+          "rect",
+          {
+            x: s - jt,
+            y: u - 18,
+            width: jt,
+            height: 8,
+            rx: 4,
+            style: { fill: `url(#${D})` }
+          }
+        ),
+        /* @__PURE__ */ m("text", { x: s - jt - 8, y: u - 14, dy: "0.32em", textAnchor: "end", children: q(N.min) }),
+        /* @__PURE__ */ m("text", { x: h.right, y: u - 14, dy: "0.32em", textAnchor: "end", children: c })
+      ] })
+    ] });
+  }, [N, e, n, C, D, u, q]), M = et(
+    (h, p) => {
+      const { area: a, x: i, y: c } = N;
+      if (h < a.left || h > a.right || p < a.top || p > a.bottom) return null;
+      const s = i.indexAt(h), f = c.indexAt(p);
+      return s < 0 || f < 0 ? null : f * e.length + s;
+    },
+    [N, e.length]
+  ), w = (h) => {
+    const p = N.cells[h];
+    return { cell: p, value: p.value === null ? "—" : q(p.value) };
+  };
+  return /* @__PURE__ */ m(
+    gt,
+    {
+      label: t,
+      description: o,
+      containerRef: R,
+      width: z,
+      height: u,
+      plot: P,
+      overlay: (h) => {
+        const p = N.cells[h];
+        return /* @__PURE__ */ m(
+          "rect",
+          {
+            className: Et.focus,
+            x: p.x - 1,
+            y: p.y - 1,
+            width: p.width + 2,
+            height: p.height + 2,
+            rx: 3
+          }
+        );
+      },
+      itemCount: N.cells.length,
+      columns: e.length,
+      pick: M,
+      tooltip: (h) => {
+        const { cell: p, value: a } = w(h);
+        return {
+          title: `${p.row} · ${p.column}`,
+          rows: [{ id: "value", label: l, value: a, tone: d }]
+        };
+      },
+      anchor: (h) => {
+        const p = N.cells[h];
+        return { x: p.x + p.width / 2, y: p.y + p.height / 2 };
+      },
+      announce: (h) => {
+        const { cell: p, value: a } = w(h);
+        return `${p.row}, ${p.column}: ${l} ${a}`;
+      },
+      table: {
+        columns: [t, ...e],
+        rows: n.map((h, p) => [
+          h,
+          ...e.map((a, i) => {
+            const c = me(r, p, i);
+            return c === null ? "—" : q(c);
+          })
+        ])
+      },
+      className: A,
+      testId: I
+    }
+  );
+}, to = /* @__PURE__ */ ot(/* @__PURE__ */ lt(vn, "Heatmap")), An = "ui-box-7zEQ-", Tn = "ui-median-J5g6o", In = "ui-outlier-M0VN-", Cn = "ui-band-kK09D", zt = {
+  box: An,
+  median: Tn,
+  outlier: In,
+  band: Cn
+}, Fn = ({
+  label: t,
+  description: o,
+  groups: e,
+  groupLabel: n,
+  labels: r,
+  height: l = 280,
+  width: d,
+  formatValue: u,
+  className: k,
+  testId: T
+}) => {
+  const { labels: A } = xt(), [I, g] = _t(d), R = L(() => bt(A == null ? void 0 : A.locale), [A == null ? void 0 : A.locale]), z = L(() => Ht(A == null ? void 0 : A.locale), [A == null ? void 0 : A.locale]), S = u ?? R, q = L(
+    () => e.map((M, w) => ({
+      group: M,
+      tone: St(w, M.tone),
+      stats: Re(M.values)
+    })),
+    [e]
+  ), D = L(() => {
+    const M = q.flatMap((f) => f.stats ? [f.stats.min, f.stats.max] : []), [w, h] = M.length ? yt(M) : [0, 1], p = At(w, h), a = ct(p[0], p[1], Rt(l, !1)), i = Jt(g, l, z(a)), c = Dt(
+      e.map((f) => f.id),
+      [i.left, i.right],
+      { paddingInner: 0.4, paddingOuter: 0.2 }
+    ), s = pt(p, [i.bottom, i.top]);
+    return {
+      area: i,
+      band: c,
+      y: s,
+      yTicks: vt(a, s, z),
+      groupTicks: e.map((f) => ({
+        position: c(f.id) + c.bandwidth / 2,
+        label: f.label
+      }))
+    };
+  }, [q, e, g, l, z]), N = (M) => [
+    { id: "max", label: r.max, value: S(M.whiskerHigh) },
+    { id: "q3", label: r.q3, value: S(M.q3) },
+    { id: "median", label: r.median, value: S(M.median) },
+    { id: "q1", label: r.q1, value: S(M.q1) },
+    { id: "min", label: r.min, value: S(M.whiskerLow) },
+    ...M.outliers.length > 0 ? [{ id: "outliers", label: r.outliers, value: R(M.outliers.length) }] : [],
+    { id: "count", label: r.count, value: R(M.count) }
+  ], C = L(() => {
+    const { area: M, band: w, y: h } = D;
+    return /* @__PURE__ */ X("g", { children: [
+      /* @__PURE__ */ m(ft, { area: M, ticks: D.yTicks, side: "left", hasGrid: !0 }),
+      /* @__PURE__ */ m(Ut, { area: M, ticks: D.groupTicks, side: "bottom" }),
+      q.map(({ group: p, tone: a, stats: i }) => {
+        if (!i) return null;
+        const c = w(p.id), s = c + w.bandwidth / 2, f = w.bandwidth * 0.3, b = Z(a);
+        return /* @__PURE__ */ X("g", { style: { stroke: b }, className: zt.box, children: [
+          /* @__PURE__ */ m("line", { x1: s, x2: s, y1: h(i.whiskerHigh), y2: h(i.q3) }),
+          /* @__PURE__ */ m("line", { x1: s, x2: s, y1: h(i.q1), y2: h(i.whiskerLow) }),
+          /* @__PURE__ */ m(
+            "line",
+            {
+              x1: s - f,
+              x2: s + f,
+              y1: h(i.whiskerHigh),
+              y2: h(i.whiskerHigh)
+            }
+          ),
+          /* @__PURE__ */ m(
+            "line",
+            {
+              x1: s - f,
+              x2: s + f,
+              y1: h(i.whiskerLow),
+              y2: h(i.whiskerLow)
+            }
+          ),
+          /* @__PURE__ */ m(
+            "rect",
+            {
+              x: c,
+              width: w.bandwidth,
+              y: h(i.q3),
+              height: Math.max(1, h(i.q1) - h(i.q3)),
+              rx: 2,
+              style: { fill: `color-mix(in srgb, ${b} 22%, transparent)` }
+            }
+          ),
+          /* @__PURE__ */ m(
+            "line",
+            {
+              className: zt.median,
+              x1: c,
+              x2: c + w.bandwidth,
+              y1: h(i.median),
+              y2: h(i.median)
+            }
+          ),
+          i.outliers.map(($, y) => /* @__PURE__ */ m("circle", { className: zt.outlier, cx: s, cy: h($), r: 3 }, y))
+        ] }, p.id);
+      })
+    ] });
+  }, [D, q]), P = et(
+    (M, w) => {
+      const { area: h, band: p } = D;
+      if (M < h.left || M > h.right || w < h.top - 4 || w > h.bottom + 4)
+        return null;
+      const a = p.indexAt(M);
+      return a < 0 ? null : a;
+    },
+    [D]
+  );
+  return /* @__PURE__ */ m(
+    gt,
+    {
+      label: t,
+      description: o,
+      containerRef: I,
+      width: g,
+      height: l,
+      plot: C,
+      underlay: (M) => {
+        const { area: w, band: h } = D, p = h.step * 0.2;
+        return /* @__PURE__ */ m(
+          "rect",
+          {
+            className: zt.band,
+            x: h(e[M].id) - p,
+            width: h.bandwidth + p * 2,
+            y: w.top,
+            height: w.height
+          }
+        );
+      },
+      overlay: () => null,
+      itemCount: e.length,
+      pick: P,
+      tooltip: (M) => {
+        const w = q[M];
+        return {
+          title: w.group.label,
+          rows: w.stats ? N(w.stats).map((h) => ({
+            ...h,
+            tone: h.id === "median" ? w.tone : void 0
+          })) : []
+        };
+      },
+      anchor: (M) => {
+        const w = q[M], { band: h, y: p } = D;
+        return {
+          x: h(w.group.id) + h.bandwidth / 2,
+          y: w.stats ? p(w.stats.q3) : D.area.bottom
+        };
+      },
+      announce: (M) => {
+        const w = q[M];
+        return w.stats ? `${w.group.label}: ${N(w.stats).map((h) => `${h.label} ${h.value}`).join(", ")}` : w.group.label;
+      },
+      table: {
+        columns: [
+          n,
+          r.min,
+          r.q1,
+          r.median,
+          r.q3,
+          r.max,
+          r.count
+        ],
+        rows: q.map(
+          ({ group: M, stats: w }) => w ? [
+            M.label,
+            S(w.whiskerLow),
+            S(w.q1),
+            S(w.median),
+            S(w.q3),
+            S(w.whiskerHigh),
+            R(w.count)
+          ] : [M.label, "—", "—", "—", "—", "—", "0"]
+        )
+      },
+      className: k,
+      testId: T
+    }
+  );
+}, eo = /* @__PURE__ */ ot(/* @__PURE__ */ lt(Fn, "BoxPlot")), Rn = "ui-baseline-wWs7h", Sn = "ui-band-xvYtL", fe = {
+  baseline: Rn,
+  band: Sn
+}, wt = 1, Hn = ({
+  label: t,
+  description: o,
+  values: e,
+  bins: n,
+  valueLabel: r,
+  countLabel: l,
+  tone: d = "chart-1",
+  height: u = 260,
+  width: k,
+  formatValue: T,
+  className: A,
+  testId: I
+}) => {
+  const { labels: g } = xt(), [R, z] = _t(k), S = L(() => bt(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), q = L(() => Ht(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), D = T ?? S, N = L(() => Se(e, n), [e, n]), C = L(() => {
+    var $, y;
+    const h = Math.max(1, ...N.map((_) => _.count)), p = At(0, h), a = ct(0, p[1], Rt(u, !1)).filter(Number.isInteger), i = Jt(z, u, q(a)), c = (($ = N[0]) == null ? void 0 : $.from) ?? 0, s = ((y = N[N.length - 1]) == null ? void 0 : y.to) ?? 1, f = pt([c, s], [i.left, i.right]), b = pt(p, [i.bottom, i.top]);
+    return {
+      area: i,
+      columns: N.map((_) => ({
+        x: f(_.from) + wt / 2,
+        width: Math.max(1, f(_.to) - f(_.from) - wt),
+        y: b(_.count),
+        height: Math.max(0, i.bottom - b(_.count)),
+        center: (f(_.from) + f(_.to)) / 2
+      })),
+      xTicks: vt(ct(c, s, Rt(i.width, !0)), f, q),
+      yTicks: vt(a, b, q)
+    };
+  }, [N, z, u, q]), P = (h) => `${D(N[h].from)} – ${D(N[h].to)}`, M = L(
+    () => /* @__PURE__ */ X("g", { children: [
+      /* @__PURE__ */ m(ft, { area: C.area, ticks: C.yTicks, side: "left", hasGrid: !0 }),
+      /* @__PURE__ */ m(ft, { area: C.area, ticks: C.xTicks, side: "bottom" }),
+      /* @__PURE__ */ m(
+        "line",
+        {
+          className: fe.baseline,
+          x1: C.area.left,
+          x2: C.area.right,
+          y1: C.area.bottom,
+          y2: C.area.bottom
+        }
+      ),
+      C.columns.map(
+        (h, p) => h.height > 0 ? /* @__PURE__ */ m(
+          "rect",
+          {
+            x: h.x,
+            y: h.y,
+            width: h.width,
+            height: h.height,
+            style: { fill: Z(d) }
+          },
+          p
+        ) : null
+      )
+    ] }),
+    [C, d]
+  ), w = et(
+    (h, p) => {
+      const { area: a, columns: i } = C;
+      if (h < a.left || h > a.right || p < a.top - 4 || p > a.bottom + 4)
+        return null;
+      const c = i.findIndex(
+        (s) => h >= s.x - wt && h <= s.x + s.width + wt
+      );
+      return c < 0 ? null : c;
+    },
+    [C]
+  );
+  return /* @__PURE__ */ m(
+    gt,
+    {
+      label: t,
+      description: o,
+      containerRef: R,
+      width: z,
+      height: u,
+      plot: M,
+      underlay: (h) => {
+        const p = C.columns[h];
+        return /* @__PURE__ */ m(
+          "rect",
+          {
+            className: fe.band,
+            x: p.x - wt / 2,
+            width: p.width + wt,
+            y: C.area.top,
+            height: C.area.height
+          }
+        );
+      },
+      overlay: () => null,
+      itemCount: N.length,
+      pick: w,
+      tooltip: (h) => ({
+        title: P(h),
+        rows: [{ id: "count", label: l, value: S(N[h].count), tone: d }]
+      }),
+      anchor: (h) => ({ x: C.columns[h].center, y: C.columns[h].y }),
+      announce: (h) => `${r} ${P(h)}: ${l} ${S(N[h].count)}`,
+      table: {
+        columns: [r, l],
+        rows: N.map((h, p) => [P(p), S(h.count)])
+      },
+      className: A,
+      testId: I
+    }
+  );
+}, no = /* @__PURE__ */ ot(/* @__PURE__ */ lt(Hn, "Histogram")), Ln = "ui-grid-fHioN", En = "ui-shape-Vbb9D", zn = "ui-labels-nRfEk", Pn = "ui-axisLabel-UOZQ7", Dn = "ui-spoke-P-6cp", Gn = "ui-marker-xzn9h", kt = {
+  grid: Ln,
+  shape: En,
+  labels: zn,
+  axisLabel: Pn,
+  spoke: Dn,
+  marker: Gn
+}, pe = 10, qn = 16, On = 28, Xt = (t, o) => {
+  const e = t.values[o];
+  return typeof e == "number" && Number.isFinite(e) ? e : null;
+}, Bn = ({
+  label: t,
+  description: o,
+  axes: e,
+  series: n,
+  max: r,
+  height: l = 320,
+  width: d,
+  formatValue: u,
+  className: k,
+  testId: T
+}) => {
+  const { labels: A } = xt(), [I, g] = _t(d), [R, z] = Tt(() => /* @__PURE__ */ new Set()), S = L(() => Ht(A == null ? void 0 : A.locale), [A == null ? void 0 : A.locale]), q = L(() => bt(A == null ? void 0 : A.locale), [A == null ? void 0 : A.locale]), D = u ?? q, N = L(
+    () => n.map((a, i) => ({ ...a, tone: St(i, a.tone) })),
+    [n]
+  ), C = L(() => N.filter((a) => !R.has(a.id)), [N, R]), P = L(() => {
+    const a = e.length, i = a > 0 ? Math.PI * 2 / a : 0, c = e.map((j, Y) => Y * i), s = Math.min(g * 0.22, Math.max(0, ...e.map((j) => ut(j.label)))), f = Math.max(24, Math.min(l / 2 - 24, g / 2 - s - pe - 4)), b = g / 2, $ = l / 2;
+    let y = 0;
+    for (const j of n)
+      for (const Y of e) {
+        const O = Xt(j, Y.key);
+        O !== null && O > y && (y = O);
+      }
+    const _ = r !== void 0 && r > 0 ? r : At(0, y, 4)[1], G = ct(0, _, 4).filter((j) => j > 0);
+    return { cx: b, cy: $, radius: f, angles: c, step: i, top: _, rings: G, scale: (j) => Math.min(Math.max(j, 0), _) / _ * f, labelRoom: s };
+  }, [e, n, r, g, l]), M = L(() => {
+    const { cx: a, cy: i, angles: c, scale: s } = P;
+    return C.map((f) => ({
+      ...f,
+      points: e.map((b, $) => {
+        const y = Xt(f, b.key);
+        return { ...nt(a, i, s(y ?? 0), c[$]), value: y };
+      })
+    }));
+  }, [P, C, e]), w = L(() => {
+    const { cx: a, cy: i, radius: c, angles: s, rings: f, scale: b, labelRoom: $ } = P, y = f.length > 0 ? b(f[0]) : c, _ = Math.max(1, Math.ceil(qn / Math.max(1, y))), G = S(f);
+    return /* @__PURE__ */ X("g", { children: [
+      /* @__PURE__ */ X("g", { "aria-hidden": !0, className: kt.grid, children: [
+        f.map((H) => /* @__PURE__ */ m(
+          "path",
+          {
+            d: oe(s.map((j) => nt(a, i, b(H), j)))
+          },
+          H
+        )),
+        s.map((H, j) => {
+          const Y = nt(a, i, c, H);
+          return /* @__PURE__ */ m("line", { x1: a, y1: i, x2: Y.x, y2: Y.y }, e[j].key);
+        })
+      ] }),
+      M.map((H) => /* @__PURE__ */ m(
+        "path",
+        {
+          className: kt.shape,
+          d: oe(H.points),
+          style: {
+            fill: `color-mix(in srgb, ${Z(H.tone)} 14%, transparent)`,
+            stroke: Z(H.tone)
+          }
+        },
+        H.id
+      )),
+      /* @__PURE__ */ X("g", { "aria-hidden": !0, className: kt.labels, children: [
+        f.map(
+          (H, j) => (f.length - 1 - j) % _ === 0 ? /* @__PURE__ */ m("text", { x: a + 4, y: i - b(H), dy: "1.1em", children: G[j] }, H) : null
+        ),
+        e.map((H, j) => {
+          const Y = s[j], O = nt(a, i, c + pe, Y), x = Math.sin(Y), F = Math.cos(Y), E = x > 0.3 ? "start" : x < -0.3 ? "end" : "middle", U = F > 0.3 ? "-0.2em" : F < -0.3 ? "0.9em" : "0.32em";
+          return /* @__PURE__ */ m(
+            "text",
+            {
+              className: kt.axisLabel,
+              x: O.x,
+              y: O.y,
+              dy: U,
+              textAnchor: E,
+              children: Gt(H.label, E === "middle" ? c * 1.4 : $)
+            },
+            H.key
+          );
+        })
+      ] })
+    ] });
+  }, [P, M, e, S]), h = et(
+    (a, i) => {
+      const { cx: c, cy: s, radius: f, step: b } = P;
+      if (e.length === 0 || Math.hypot(a - c, i - s) > f + On) return null;
+      let $ = Math.atan2(a - c, -(i - s));
+      return $ < 0 && ($ += Math.PI * 2), Math.round($ / b) % e.length;
+    },
+    [P, e.length]
+  ), p = (a) => M.map((i) => {
+    const c = i.points[a].value;
+    return {
+      id: i.id,
+      label: i.label,
+      value: c === null ? "—" : D(c),
+      tone: i.tone
+    };
+  });
+  return /* @__PURE__ */ m(
+    gt,
+    {
+      label: t,
+      description: o,
+      containerRef: I,
+      width: g,
+      height: l,
+      plot: w,
+      overlay: (a) => {
+        const { cx: i, cy: c, radius: s, angles: f } = P, b = nt(i, c, s, f[a]);
+        return /* @__PURE__ */ X("g", { children: [
+          /* @__PURE__ */ m("line", { className: kt.spoke, x1: i, y1: c, x2: b.x, y2: b.y }),
+          M.map(($) => {
+            const y = $.points[a];
+            return y.value === null ? null : /* @__PURE__ */ m(
+              "circle",
+              {
+                className: kt.marker,
+                cx: y.x,
+                cy: y.y,
+                r: 4.5,
+                style: { fill: Z($.tone) }
+              },
+              $.id
+            );
+          })
+        ] });
+      },
+      itemCount: e.length,
+      pick: h,
+      tooltip: (a) => ({ title: e[a].label, rows: p(a) }),
+      anchor: (a) => {
+        const { cx: i, cy: c, radius: s, angles: f } = P;
+        let b = 0;
+        for (const $ of M) {
+          const y = $.points[a];
+          b = Math.max(b, Math.hypot(y.x - i, y.y - c));
+        }
+        return nt(i, c, Math.min(s, b), f[a]);
+      },
+      tooltipSide: "outward",
+      announce: (a) => `${e[a].label}: ${p(a).map((i) => `${i.label} ${i.value}`).join(", ")}`,
+      table: {
+        columns: [t, ...N.map((a) => a.label)],
+        rows: e.map((a) => [
+          a.label,
+          ...N.map((i) => {
+            const c = Xt(i, a.key);
+            return c === null ? "—" : D(c);
+          })
+        ])
+      },
+      legend: N.length > 1 ? {
+        entries: N.map((a) => ({ id: a.id, label: a.label, tone: a.tone })),
+        hidden: R,
+        onToggle: (a) => z((i) => {
+          const c = new Set(i);
+          return c.has(a) ? c.delete(a) : N.length - i.size > 1 && c.add(a), c;
+        })
+      } : void 0,
+      className: k,
+      testId: T
+    }
+  );
+}, oo = /* @__PURE__ */ ot(
+  /* @__PURE__ */ lt(Bn, "RadarChart")
+);
+export {
+  Un as AreaChart,
+  Zn as BarChart,
+  eo as BoxPlot,
+  Qn as ComposedChart,
+  to as Heatmap,
+  no as Histogram,
+  Yn as LineChart,
+  Jn as PieChart,
+  oo as RadarChart,
+  Kn as ScatterPlot
+};
+//# sourceMappingURL=charts.js.map