@ahmetilhn/hanui 4.1.0 → 5.3.0

package/build/charts.js

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