@ahmetilhn/hanui 5.3.0 → 5.3.2

package/build/charts.js

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