@handijit/ui 1.0.0 → 2.0.0

package/build/charts.js

@@ -1,21 +1,22 @@
 "use client";
 import { jsx as m, jsxs as X, Fragment as Ft } from "react/jsx-runtime";
-import { useId as pe, useState as Tt, useRef as Pt, useEffect as te, useCallback as et, useLayoutEffect as ye, memo as ot, useMemo as L } from "react";
-import { useAnnounce as $e, useUi as xt } from "@handijit/ui";
-const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe", ke = "ui-axis__label-dHxpo", Ne = "ui-axis__grid-RVxXW", ve = "ui-axis__baseline-jhG2z", rt = {
-  axis: we,
-  axis__label: ke,
-  axis__grid: Ne,
-  axis__baseline: ve
+import { useId as ye, useState as Tt, useRef as Pt, useEffect as ee, useCallback as et, useLayoutEffect as xe, memo as ot, useMemo as L } from "react";
+import { useAnnounce as we, useUi as xt } from "@handijit/ui";
+import { cssVar as Yt } from "@handijit/design";
+const lt = (t, o) => Object.assign(t, { displayName: o }), ke = "ui-axis-AqLAe", Ne = "ui-axis__label-dHxpo", ve = "ui-axis__grid-RVxXW", Ae = "ui-axis__baseline-jhG2z", rt = {
+  axis: ke,
+  axis__label: Ne,
+  axis__grid: ve,
+  axis__baseline: Ae
 }, vt = (t, o, e) => {
   const n = e(t);
-  return t.map((r, i) => ({ position: o(r), label: n[i] }));
-}, xe = 6.4, ut = (t) => t.length * xe, ge = (t, o = 8) => {
+  return t.map((r, l) => ({ position: o(r), label: n[l] }));
+}, ge = 6.4, ut = (t) => t.length * ge, be = (t, o = 8) => {
   if (t.length < 2) return [...t];
-  const e = Math.max(...t.map((i) => ut(i.label))), n = Math.abs(t[1].position - t[0].position), r = n <= 0 ? 1 : Math.max(1, Math.ceil((e + o) / n));
-  return t.filter((i, d) => d % r === 0);
+  const e = Math.max(...t.map((l) => ut(l.label))), n = Math.abs(t[1].position - t[0].position), r = n <= 0 ? 1 : Math.max(1, Math.ceil((e + o) / n));
+  return t.filter((l, d) => d % r === 0);
 }, Gt = (t, o) => {
-  const e = Math.max(1, Math.floor(o / xe));
+  const e = Math.max(1, Math.floor(o / ge));
   return t.length <= e ? t : `${t.slice(0, Math.max(1, e - 1))}…`;
 }, ft = ({ area: t, ticks: o, side: e, hasGrid: n = !1 }) => /* @__PURE__ */ m("g", { className: rt.axis, "aria-hidden": !0, children: o.map(
   (r) => e === "bottom" ? /* @__PURE__ */ X("g", { children: [
@@ -62,7 +63,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       }
     )
   ] }, `${r.position}-${r.label}`)
-) }), Yt = ({ area: t, ticks: o, side: e }) => /* @__PURE__ */ m("g", { className: rt.axis, "aria-hidden": !0, children: e === "bottom" ? /* @__PURE__ */ X(Ft, { children: [
+) }), Ut = ({ area: t, ticks: o, side: e }) => /* @__PURE__ */ m("g", { className: rt.axis, "aria-hidden": !0, children: e === "bottom" ? /* @__PURE__ */ X(Ft, { children: [
   /* @__PURE__ */ m(
     "line",
     {
@@ -73,7 +74,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       y2: t.bottom
     }
   ),
-  ge(o).map((n) => /* @__PURE__ */ m(
+  be(o).map((n) => /* @__PURE__ */ m(
     "text",
     {
       className: rt.axis__label,
@@ -107,77 +108,77 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     },
     `${n.position}-${n.label}`
   ))
-] }) }), V = (t) => Math.round(t * 100) / 100, Ae = (t) => {
+] }) }), V = (t) => Math.round(t * 100) / 100, Te = (t) => {
   const o = [];
   let e = [];
   for (const n of t)
     n === null || !Number.isFinite(n.x) || !Number.isFinite(n.y) ? (e.length > 0 && o.push(e), e = []) : e.push(n);
   return e.length > 0 && o.push(e), o;
-}, qt = (t) => t.map((o, e) => `${e === 0 ? "M" : "L"}${V(o.x)},${V(o.y)}`).join(""), be = (t) => {
+}, qt = (t) => t.map((o, e) => `${e === 0 ? "M" : "L"}${V(o.x)},${V(o.y)}`).join(""), _e = (t) => {
   const o = t.length;
   if (o < 3) return qt(t);
   const e = [], n = [];
-  for (let i = 0; i < o - 1; i += 1) {
-    const d = t[i + 1].x - t[i].x;
-    n.push(d === 0 ? 0 : (t[i + 1].y - t[i].y) / d);
+  for (let l = 0; l < o - 1; l += 1) {
+    const d = t[l + 1].x - t[l].x;
+    n.push(d === 0 ? 0 : (t[l + 1].y - t[l].y) / d);
   }
   e.push(n[0]);
-  for (let i = 1; i < o - 1; i += 1)
+  for (let l = 1; l < o - 1; l += 1)
     e.push(
-      n[i - 1] * n[i] <= 0 ? 0 : (n[i - 1] + n[i]) / 2
+      n[l - 1] * n[l] <= 0 ? 0 : (n[l - 1] + n[l]) / 2
     );
   e.push(n[o - 2]);
-  for (let i = 0; i < o - 1; i += 1) {
-    if (n[i] === 0) {
-      e[i] = 0, e[i + 1] = 0;
+  for (let l = 0; l < o - 1; l += 1) {
+    if (n[l] === 0) {
+      e[l] = 0, e[l + 1] = 0;
       continue;
     }
-    const d = e[i] / n[i], u = e[i + 1] / n[i], k = d * d + u * u;
+    const d = e[l] / n[l], u = e[l + 1] / n[l], k = d * d + u * u;
     if (k > 9) {
       const T = 3 / Math.sqrt(k);
-      e[i] = T * d * n[i], e[i + 1] = T * u * n[i];
+      e[l] = T * d * n[l], e[l + 1] = T * u * n[l];
     }
   }
   let r = `M${V(t[0].x)},${V(t[0].y)}`;
-  for (let i = 0; i < o - 1; i += 1) {
-    const d = t[i], u = t[i + 1], k = (u.x - d.x) / 3;
-    r += `C${V(d.x + k)},${V(d.y + e[i] * k)} ${V(u.x - k)},${V(u.y - e[i + 1] * k)} ${V(u.x)},${V(u.y)}`;
+  for (let l = 0; l < o - 1; l += 1) {
+    const d = t[l], u = t[l + 1], k = (u.x - d.x) / 3;
+    r += `C${V(d.x + k)},${V(d.y + e[l] * k)} ${V(u.x - k)},${V(u.y - e[l + 1] * k)} ${V(u.x)},${V(u.y)}`;
   }
   return r;
-}, Te = (t, o = "linear") => Ae(t).map((e) => o === "monotone" ? be(e) : qt(e)).join(""), Ie = (t, o, e = "linear") => {
+}, Ie = (t, o = "linear") => Te(t).map((e) => o === "monotone" ? _e(e) : qt(e)).join(""), Ce = (t, o, e = "linear") => {
   const n = [];
-  let r = [], i = [];
+  let r = [], l = [];
   const d = () => {
     if (r.length > 0) {
-      const u = e === "monotone" ? be : qt, k = u([...i].reverse()).replace(/^M/, "L");
+      const u = e === "monotone" ? _e : qt, k = u([...l].reverse()).replace(/^M/, "L");
       n.push(`${u(r)}${k}Z`);
     }
-    r = [], i = [];
+    r = [], l = [];
   };
   return t.forEach((u, k) => {
     const T = o[k];
-    u === null || T === null || T === void 0 ? d() : (r.push(u), i.push(T));
+    u === null || T === null || T === void 0 ? d() : (r.push(u), l.push(T));
   }), d(), n.join("");
 }, nt = (t, o, e, n) => ({
   x: t + e * Math.sin(n),
   y: o - e * Math.cos(n)
-}), ee = (t, o, e, n, r, i) => {
-  const d = i - r;
+}), ne = (t, o, e, n, r, l) => {
+  const d = l - r;
   if (d <= 0 || e <= 0) return "";
   if (d >= Math.PI * 2 - 1e-6) {
     const g = (R, z) => `M${V(t)},${V(o - R)}A${R},${R} 0 1 ${z} ${V(t)},${V(o + R)}A${R},${R} 0 1 ${z} ${V(t)},${V(o - R)}Z`;
     return g(e, 1) + (n > 0 ? g(n, 0) : "");
   }
-  const u = d > Math.PI ? 1 : 0, k = nt(t, o, e, r), T = nt(t, o, e, i);
+  const u = d > Math.PI ? 1 : 0, k = nt(t, o, e, r), T = nt(t, o, e, l);
   if (n <= 0)
     return `M${V(t)},${V(o)}L${V(k.x)},${V(k.y)}A${e},${e} 0 ${u} 1 ${V(T.x)},${V(T.y)}Z`;
-  const A = nt(t, o, n, i), I = nt(t, o, n, r);
+  const A = nt(t, o, n, l), I = nt(t, o, n, r);
   return `M${V(k.x)},${V(k.y)}A${e},${e} 0 ${u} 1 ${V(T.x)},${V(T.y)}L${V(A.x)},${V(A.y)}A${n},${n} 0 ${u} 0 ${V(I.x)},${V(I.y)}Z`;
-}, ne = (t) => t.length === 0 ? "" : `${qt(t)}Z`, pt = (t, o) => {
-  const [e, n] = t, [r, i] = o, d = n - e, u = (k) => d === 0 ? (r + i) / 2 : r + (k - e) / d * (i - r);
-  return u.domain = t, u.range = o, u.invert = (k) => i === r ? e : e + (k - r) / (i - r) * d, u;
+}, oe = (t) => t.length === 0 ? "" : `${qt(t)}Z`, pt = (t, o) => {
+  const [e, n] = t, [r, l] = o, d = n - e, u = (k) => d === 0 ? (r + l) / 2 : r + (k - e) / d * (l - r);
+  return u.domain = t, u.range = o, u.invert = (k) => l === r ? e : e + (k - r) / (l - r) * d, u;
 }, Dt = (t, o, { paddingInner: e = 0.2, paddingOuter: n = 0.1 } = {}) => {
-  const [r, i] = o, d = t.length, u = d === 0 ? 0 : (i - r) / Math.max(1, d - e + n * 2), k = u * (1 - e), T = r + u * n, A = new Map(t.map((g, R) => [g, R])), I = (g) => {
+  const [r, l] = o, d = t.length, u = d === 0 ? 0 : (l - r) / Math.max(1, d - e + n * 2), k = u * (1 - e), T = r + u * n, A = new Map(t.map((g, R) => [g, R])), I = (g) => {
     const R = A.get(g);
     return R === void 0 ? Number.NaN : T + R * u;
   };
@@ -188,12 +189,12 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       Math.floor((g - r - u * n + (u - k) / 2) / u)
     )
   ), I;
-}, Zt = (t, o, e) => {
+}, Qt = (t, o, e) => {
   const n = Math.abs(o - t);
   if (n === 0 || !Number.isFinite(n) || e <= 0) return 1;
-  const r = n / e, 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;
-}, Ut = (t, o) => {
+  const r = n / e, l = 10 ** Math.floor(Math.log10(r)), d = r / l;
+  return (d >= 7.5 ? 10 : d >= 3.5 ? 5 : d >= 1.5 ? 2 : 1) * l;
+}, Zt = (t, o) => {
   const e = Math.max(0, -Math.floor(Math.log10(o)) + 1);
   return Number(t.toFixed(Math.min(e, 12)));
 }, At = (t, o, e = 5) => {
@@ -204,16 +205,16 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     const d = Math.abs(n) * 0.5;
     n = n > 0 ? 0 : n - d, r = r < 0 ? 0 : r + d;
   }
-  const i = Zt(n, r, e);
-  return [Ut(Math.floor(n / i) * i, i), Ut(Math.ceil(r / i) * i, i)];
+  const l = Qt(n, r, e);
+  return [Zt(Math.floor(n / l) * l, l), Zt(Math.ceil(r / l) * l, l)];
 }, ct = (t, o, e = 5) => {
   if (!Number.isFinite(t) || !Number.isFinite(o)) return [];
   if (t === o) return [t];
-  const n = Zt(t, o, e), r = Math.ceil(t / n - 1e-9), i = Math.floor(o / n + 1e-9), d = [];
-  for (let u = r; u <= i && d.length < 1e3; u += 1)
-    d.push(Ut(u * n, n));
+  const n = Qt(t, o, e), r = Math.ceil(t / n - 1e-9), l = Math.floor(o / n + 1e-9), d = [];
+  for (let u = r; u <= l && d.length < 1e3; u += 1)
+    d.push(Zt(u * n, n));
   return d;
-}, Ce = (t, o) => {
+}, Fe = (t, o) => {
   if (t.length === 0) return -1;
   let e = 0, n = t.length - 1;
   for (; e < n; ) {
@@ -232,10 +233,10 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
   if (t.length === 1) return t[0];
   const e = (t.length - 1) * Math.min(1, Math.max(0, o)), n = Math.floor(e), r = e - n;
   return n + 1 < t.length ? t[n] + (t[n + 1] - t[n]) * r : t[n];
-}, Fe = (t) => {
+}, Re = (t) => {
   const o = Ot(t).sort((d, u) => d - u);
   if (o.length === 0) return null;
-  const e = Wt(o, 0.25), n = Wt(o, 0.75), r = (n - e) * 1.5, i = o.filter((d) => d >= e - r && d <= n + r);
+  const e = Wt(o, 0.25), n = Wt(o, 0.75), r = (n - e) * 1.5, l = o.filter((d) => d >= e - r && d <= n + r);
   return {
     count: o.length,
     min: o[0],
@@ -243,16 +244,16 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     median: Wt(o, 0.5),
     q3: n,
     max: o[o.length - 1],
-    whiskerLow: i[0] ?? e,
-    whiskerHigh: i[i.length - 1] ?? n,
+    whiskerLow: l[0] ?? e,
+    whiskerHigh: l[l.length - 1] ?? n,
     outliers: o.filter((d) => d < e - r || d > n + r)
   };
-}, Re = (t, o) => {
+}, Se = (t, o) => {
   const e = Ot(t);
   if (e.length === 0) return [];
   const [n, r] = yt(e);
   if (n === r) return [{ from: n, to: n + 1, count: e.length }];
-  const i = o ?? Math.ceil(Math.log2(e.length)) + 1, d = Zt(n, r, Math.max(1, i)), u = Math.floor(n / d) * d, k = Math.max(1, Math.ceil((r - u) / d - 1e-9)), T = Array.from({ length: k }, (A, I) => ({
+  const l = o ?? Math.ceil(Math.log2(e.length)) + 1, d = Qt(n, r, Math.max(1, l)), u = Math.floor(n / d) * d, k = Math.max(1, Math.ceil((r - u) / d - 1e-9)), T = Array.from({ length: k }, (A, I) => ({
     from: u + I * d,
     to: u + (I + 1) * d,
     count: 0
@@ -262,11 +263,11 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     T[I].count += 1;
   }
   return T;
-}, Nt = (t) => typeof t == "number" && Number.isFinite(t) ? t : null, lt = { top: 12, right: 16, bottom: 28, minLeft: 32 }, Se = (t, o) => {
+}, Nt = (t) => typeof t == "number" && Number.isFinite(t) ? t : null, it = { top: 12, right: 16, bottom: 28, minLeft: 32 }, He = (t, o) => {
   const e = t.map(() => 0), n = t.map(() => 0), r = {};
-  for (const i of o)
-    r[i] = t.map((d, u) => {
-      const k = Nt(d[i]) ?? 0;
+  for (const l of o)
+    r[l] = t.map((d, u) => {
+      const k = Nt(d[l]) ?? 0;
       if (k >= 0) {
         const A = e[u];
         return e[u] += k, { base: A, top: e[u] };
@@ -275,13 +276,13 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       return n[u] += k, { base: T, top: n[u] };
     });
   return r;
-}, He = (t) => {
-  const { rows: o, xKey: e, series: n, width: r, height: i, isStacked: d, curve: u, formatX: k } = t, T = n.some((v) => v.type === "bar"), I = (T && n.every((v) => v.type === "bar") ? t.orientation : "vertical") === "horizontal", g = o.map((v) => v[e]), R = !T && !I && g.length > 1 && g.every((v) => Nt(v) !== null), z = {};
+}, Le = (t) => {
+  const { rows: o, xKey: e, series: n, width: r, height: l, isStacked: d, curve: u, formatX: k } = t, T = n.some((v) => v.type === "bar"), I = (T && n.every((v) => v.type === "bar") ? t.orientation : "vertical") === "horizontal", g = o.map((v) => v[e]), R = !T && !I && g.length > 1 && g.every((v) => Nt(v) !== null), z = {};
   if (d)
     for (const v of ["left", "right"])
       for (const B of ["bar", "area"]) {
         const W = n.filter((Q) => (Q.axis ?? "left") === v && Q.type === B).map((Q) => Q.key);
-        Object.assign(z, Se(o, W));
+        Object.assign(z, He(o, W));
       }
   const S = (v, B) => {
     if (z[v]) return z[v][B];
@@ -299,22 +300,22 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     if (B.some((dt) => dt.type !== "line") && (W = Math.min(W, 0), Q = Math.max(Q, 0)), !Number.isFinite(W) || !Number.isFinite(Q)) return [0, 1];
     const [st, K] = v === "left" ? t.domain ?? [void 0, void 0] : [void 0, void 0], tt = At(st ?? W, K ?? Q);
     return [st ?? tt[0], K ?? tt[1]];
-  }, D = q("left") ?? [0, 1], N = q("right"), C = N !== null && !I, P = t.formatLeft(ct(D[0], D[1], 5)), M = N ? t.formatRight(ct(N[0], N[1], 5)) : [], w = o.map((v) => k(v[e])), h = I ? Math.min(r * 0.4, Math.max(lt.minLeft, ...w.map(ut)) + 12) : Math.max(lt.minLeft, ...P.map(ut)) + 10, p = C ? Math.max(lt.minLeft, ...M.map(ut)) + 10 : lt.right, a = {
+  }, D = q("left") ?? [0, 1], N = q("right"), C = N !== null && !I, P = t.formatLeft(ct(D[0], D[1], 5)), M = N ? t.formatRight(ct(N[0], N[1], 5)) : [], w = o.map((v) => k(v[e])), h = I ? Math.min(r * 0.4, Math.max(it.minLeft, ...w.map(ut)) + 12) : Math.max(it.minLeft, ...P.map(ut)) + 10, p = C ? Math.max(it.minLeft, ...M.map(ut)) + 10 : it.right, a = {
     left: h,
-    top: lt.top,
+    top: it.top,
     right: Math.max(h + 1, r - p),
-    bottom: Math.max(lt.top + 1, i - lt.bottom),
+    bottom: Math.max(it.top + 1, l - it.bottom),
     width: Math.max(1, r - p - h),
-    height: Math.max(1, i - lt.bottom - lt.top)
-  }, l = I ? [a.top, a.bottom] : [a.left, a.right], c = I ? [a.left, a.right] : [a.bottom, a.top], s = pt(D, c), f = N ? pt(N, c) : s, b = (v) => (v.axis ?? "left") === "right" && N ? f : s;
+    height: Math.max(1, l - it.bottom - it.top)
+  }, i = I ? [a.top, a.bottom] : [a.left, a.right], c = I ? [a.left, a.right] : [a.bottom, a.top], s = pt(D, c), f = N ? pt(N, c) : s, b = (v) => (v.axis ?? "left") === "right" && N ? f : s;
   let $, y = 0, _ = null;
   if (R) {
     const v = g.map((B) => Nt(B));
-    _ = pt(yt(v), l), $ = v.map(_);
+    _ = pt(yt(v), i), $ = v.map(_);
   } else {
     const v = Dt(
       o.map((B, W) => String(W)),
-      l,
+      i,
       T ? { paddingInner: 0.24, paddingOuter: 0.12 } : { paddingInner: 0, paddingOuter: 0 }
     );
     y = v.bandwidth, $ = o.map((B, W) => v(String(W)) + v.bandwidth / 2);
@@ -325,24 +326,24 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     o.forEach((st, K) => {
       const tt = S(v.key, K);
       if (!tt || tt.top === tt.base) return;
-      const dt = $[K] - y / 2 + Q * (x + O), Mt = W(tt.base), mt = W(tt.top), Jt = Math.min(Mt, mt), Kt = Math.max(1, Math.abs(mt - Mt));
+      const dt = $[K] - y / 2 + Q * (x + O), Mt = W(tt.base), mt = W(tt.top), Kt = Math.min(Mt, mt), te = Math.max(1, Math.abs(mt - Mt));
       H.push(
         I ? {
           key: v.key,
           index: K,
           tone: v.tone,
-          x: Jt,
+          x: Kt,
           y: dt,
-          width: Kt,
+          width: te,
           height: x
         } : {
           key: v.key,
           index: K,
           tone: v.tone,
           x: dt,
-          y: Jt,
+          y: Kt,
           width: x,
-          height: Kt
+          height: te
         }
       );
     });
@@ -359,9 +360,9 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
         const tt = S(v.key, K);
         return tt ? G($[K], B(tt.base)) : null;
       });
-      U.push({ key: v.key, tone: v.tone, d: Ie(W, Q, u) });
+      U.push({ key: v.key, tone: v.tone, d: Ce(W, Q, u) });
     }
-    E.push({ key: v.key, tone: v.tone, d: Te(W, u) });
+    E.push({ key: v.key, tone: v.tone, d: Ie(W, u) });
   }
   const ht = o.map((v, B) => {
     let W = null;
@@ -381,7 +382,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     ),
     v,
     W
-  ), Me = _ ? ct(_.domain[0], _.domain[1], Math.max(2, Math.floor(a.width / 90))).map(
+  ), $e = _ ? ct(_.domain[0], _.domain[1], Math.max(2, Math.floor(a.width / 90))).map(
     (v) => ({
       position: _(v),
       label: k(v)
@@ -396,7 +397,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     centers: $,
     bandwidth: y,
     isContinuous: R,
-    categoryTicks: Me,
+    categoryTicks: $e,
     leftTicks: It(s, D, t.formatLeft),
     rightTicks: C && N ? It(f, N, t.formatRight) : [],
     hasRightAxis: C,
@@ -406,40 +407,40 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     points: F,
     anchors: ht
   };
-}, oe = (...t) => {
+}, se = (...t) => {
   let o = "";
   for (const e of t)
     e && (o = o === "" ? e : `${o} ${e}`);
   return o;
-}, se = [
-  "cat-1",
-  "cat-2",
-  "cat-3",
-  "cat-4",
-  "cat-5",
-  "series-2"
-], St = (t, o) => o ?? se[t % se.length], Z = (t) => t === "muted" ? "var(--ui-text-3)" : `var(--ui-${t})`, Le = "ui-chart-iR-5u", Ee = "ui-chart__canvas-4wf8o", ze = "ui-chart__svg-yC5iw", Pe = "ui-chart__overlay-kbXEv", De = "ui-chart__tooltip-wbhLY", Ge = "ui-chart__tooltipTitle-j-1Nw", qe = "ui-chart__tooltipRow-phors", Oe = "ui-chart__tooltipLabel-72x80", Be = "ui-chart__tooltipValue-caeby", We = "ui-chart__swatch--mk77", Ve = "ui-chart__legend-EhXcQ", je = "ui-chart__legendItem--AaGe", Xe = "ui-chart__srOnly-Oyem2", J = {
-  chart: Le,
-  chart__canvas: Ee,
-  chart__svg: ze,
-  chart__overlay: Pe,
-  chart__tooltip: De,
-  chart__tooltipTitle: Ge,
-  chart__tooltipRow: qe,
-  chart__tooltipLabel: Oe,
-  chart__tooltipValue: Be,
-  chart__swatch: We,
-  chart__legend: Ve,
-  chart__legendItem: je,
+}, ae = [
+  "chart-1",
+  "chart-2",
+  "chart-3",
+  "chart-4",
+  "chart-5",
+  "chart-6"
+], St = (t, o) => o ?? ae[t % ae.length], Z = (t) => Yt(t === "muted" ? "text-3" : t), Ee = "ui-chart-iR-5u", ze = "ui-chart__canvas-4wf8o", Pe = "ui-chart__svg-yC5iw", De = "ui-chart__overlay-kbXEv", Ge = "ui-chart__tooltip-wbhLY", qe = "ui-chart__tooltipTitle-j-1Nw", Oe = "ui-chart__tooltipRow-phors", Be = "ui-chart__tooltipLabel-72x80", We = "ui-chart__tooltipValue-caeby", Ve = "ui-chart__swatch--mk77", je = "ui-chart__legend-EhXcQ", Xe = "ui-chart__legendItem--AaGe", Ye = "ui-chart__srOnly-Oyem2", J = {
+  chart: Ee,
+  chart__canvas: ze,
+  chart__svg: Pe,
+  chart__overlay: De,
+  chart__tooltip: Ge,
+  chart__tooltipTitle: qe,
+  chart__tooltipRow: Oe,
+  chart__tooltipLabel: Be,
+  chart__tooltipValue: We,
+  chart__swatch: Ve,
+  chart__legend: je,
+  chart__legendItem: Xe,
   "chart__legendItem--hidden": "ui-chart__legendItem--hidden-D3li8",
-  chart__srOnly: Xe
-}, ae = 12, gt = ({
+  chart__srOnly: Ye
+}, re = 12, gt = ({
   label: t,
   description: o,
   containerRef: e,
   width: n,
   height: r,
-  plot: i,
+  plot: l,
   overlay: d,
   underlay: u,
   itemCount: k,
@@ -454,16 +455,16 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
   className: D,
   testId: N
 }) => {
-  const C = pe(), P = $e(), [M, w] = Tt(null), h = Pt(null), p = Pt(null), a = Pt(null);
-  te(() => {
+  const C = ye(), P = we(), [M, w] = Tt(null), h = Pt(null), p = Pt(null), a = Pt(null);
+  ee(() => {
     M !== null && M >= k && w(k > 0 ? k - 1 : null);
-  }, [M, k]), te(
+  }, [M, k]), ee(
     () => () => {
       h.current !== null && cancelAnimationFrame(h.current);
     },
     []
   );
-  const l = et(
+  const i = et(
     (y) => {
       const _ = y.currentTarget.getBoundingClientRect();
       a.current = { x: y.clientX - _.left, y: y.clientY - _.top }, h.current === null && (h.current = requestAnimationFrame(() => {
@@ -485,12 +486,12 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     }
     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 ye(() => {
+  return xe(() => {
     const y = p.current;
     if (!y || $ === void 0) return;
-    const _ = y.offsetWidth, G = $ > n / 2, H = R === "outward" ? !G : G, j = $ - ae - _, Y = $ + ae, O = j >= 0, x = Y + _ <= n, F = R === "outward" ? H ? j : Y : H ? O || !x ? j : Y : x || !O ? Y : j;
+    const _ = y.offsetWidth, G = $ > n / 2, H = R === "outward" ? !G : G, j = $ - re - _, Y = $ + re, O = j >= 0, x = Y + _ <= n, F = R === "outward" ? H ? j : Y : H ? O || !x ? j : Y : x || !O ? Y : j;
     y.style.left = `${Math.min(Math.max(0, F), Math.max(0, n - _))}px`;
-  }, [M, $, n, R]), /* @__PURE__ */ X("figure", { className: oe(J.chart, D), "data-testid": N, children: [
+  }, [M, $, n, R]), /* @__PURE__ */ X("figure", { className: se(J.chart, D), "data-testid": N, children: [
     /* @__PURE__ */ X("div", { ref: e, className: J.chart__canvas, style: { blockSize: r }, children: [
       /* @__PURE__ */ X(
         "svg",
@@ -503,14 +504,14 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
           "aria-label": t,
           "aria-describedby": o ? C : void 0,
           tabIndex: k > 0 ? 0 : void 0,
-          onPointerMove: l,
-          onPointerDown: l,
+          onPointerMove: i,
+          onPointerDown: i,
           onPointerLeave: () => w(null),
           onKeyDown: s,
           onBlur: () => w(null),
           children: [
             M !== null && u && /* @__PURE__ */ m("g", { className: J.chart__overlay, children: u(M) }),
-            i,
+            l,
             M !== null && /* @__PURE__ */ m("g", { className: J.chart__overlay, children: d(M) })
           ]
         }
@@ -546,14 +547,14 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
         "button",
         {
           type: "button",
-          className: oe(
+          className: se(
             J.chart__legendItem,
             _ && J["chart__legendItem--hidden"]
           ),
           "aria-pressed": !_,
           onClick: () => q.onToggle(y.id),
           children: [
-            /* @__PURE__ */ m(Ye, { tone: y.tone, isHidden: _ }),
+            /* @__PURE__ */ m(Ue, { tone: y.tone, isHidden: _ }),
             y.label
           ]
         }
@@ -568,76 +569,76 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       ) }, _)) })
     ] }) })
   ] });
-}, Ye = ({ tone: t, isHidden: o }) => /* @__PURE__ */ m(
+}, Ue = ({ tone: t, isHidden: o }) => /* @__PURE__ */ m(
   "span",
   {
     "aria-hidden": !0,
     className: J.chart__swatch,
     style: o ? { backgroundColor: "transparent", boxShadow: `inset 0 0 0 2px ${Z(t)}` } : { backgroundColor: Z(t) }
   }
-), re = /* @__PURE__ */ new Map(), _e = (t, o) => {
+), ce = /* @__PURE__ */ new Map(), Me = (t, o) => {
   const e = `${t ?? ""}|${JSON.stringify(o)}`;
-  let n = re.get(e);
-  return n || (n = new Intl.NumberFormat(t, o), re.set(e, n)), n;
-}, ce = (t) => {
+  let n = ce.get(e);
+  return n || (n = new Intl.NumberFormat(t, o), ce.set(e, n)), n;
+}, le = (t) => {
   if (t === 0 || !Number.isFinite(t)) return null;
   const [o, e] = Math.abs(t).toExponential(9).split("e"), n = Number(e);
   return { first: n, last: n - (o.replace(".", "").replace(/0+$/, "").length - 1) };
 }, Ht = (t) => (o) => {
   const e = o.reduce(
     (n, r) => {
-      var i;
-      return Math.min(n, ((i = ce(r)) == null ? void 0 : i.last) ?? n);
+      var l;
+      return Math.min(n, ((l = le(r)) == null ? void 0 : l.last) ?? n);
     },
     Number.POSITIVE_INFINITY
   );
   return o.map(
     (n) => {
       var r;
-      return _e(t, {
+      return Me(t, {
         notation: "compact",
         maximumSignificantDigits: Math.min(
           21,
-          Math.max(1, (((r = ce(n)) == null ? void 0 : r.first) ?? 0) - e + 1)
+          Math.max(1, (((r = le(n)) == null ? void 0 : r.first) ?? 0) - e + 1)
         )
       }).format(n);
     }
   );
-}, bt = (t) => (o) => _e(t, { maximumFractionDigits: 2 }).format(o), Ue = 640, Ze = typeof window > "u" ? () => {
-} : ye, _t = (t) => {
-  const o = Pt(null), [e, n] = Tt(t ?? Ue);
-  return Ze(() => {
+}, bt = (t) => (o) => Me(t, { maximumFractionDigits: 2 }).format(o), Ze = 640, Qe = typeof window > "u" ? () => {
+} : xe, _t = (t) => {
+  const o = Pt(null), [e, n] = Tt(t ?? Ze);
+  return Qe(() => {
     if (t !== void 0) {
       n(t);
       return;
     }
     const r = o.current;
     if (!r) return;
-    const i = (u) => {
+    const l = (u) => {
       const k = Math.floor(u);
       k > 0 && n((T) => T === k ? T : k);
     };
-    if (i(r.clientWidth), typeof ResizeObserver > "u") return;
-    const d = new ResizeObserver(([u]) => i(u.contentRect.width));
+    if (l(r.clientWidth), typeof ResizeObserver > "u") return;
+    const d = new ResizeObserver(([u]) => l(u.contentRect.width));
     return d.observe(r), () => d.disconnect();
   }, [t]), [o, e];
-}, Qe = "ui-line-CLpqU", Je = "ui-area-LkWXB", Ke = "ui-bar-260Bd", tn = "ui-point-Vc-kX", en = "ui-marker-G-xZb", nn = "ui-crosshair-nV-xX", on = "ui-band-jnG7s", sn = "ui-zero-GpHvw", at = {
-  line: Qe,
-  area: Je,
-  bar: Ke,
-  point: tn,
-  marker: en,
-  crosshair: nn,
-  band: on,
-  zero: sn
-}, an = 280, ie = "—", rn = ({
+}, Je = "ui-line-CLpqU", Ke = "ui-area-LkWXB", tn = "ui-bar-260Bd", en = "ui-point-Vc-kX", nn = "ui-marker-G-xZb", on = "ui-crosshair-nV-xX", sn = "ui-band-jnG7s", an = "ui-zero-GpHvw", at = {
+  line: Je,
+  area: Ke,
+  bar: tn,
+  point: en,
+  marker: nn,
+  crosshair: on,
+  band: sn,
+  zero: an
+}, rn = 280, ie = "—", cn = ({
   label: t,
   description: o,
   data: e,
   xKey: n,
   xLabel: r,
-  series: i,
-  height: d = an,
+  series: l,
+  height: d = rn,
   width: u,
   isStacked: k = !1,
   orientation: T = "vertical",
@@ -652,11 +653,11 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
   const { labels: D } = xt(), N = D == null ? void 0 : D.locale, [C, P] = _t(u), [M, w] = Tt(() => /* @__PURE__ */ new Set()), h = L(() => R ?? bt(N), [R, N]), p = L(() => Ht(N), [N]), a = et(
     (x) => x == null ? "" : g(x),
     [g]
-  ), l = L(
-    () => i.map((x, F) => ({ ...x, tone: St(F, x.tone) })),
-    [i]
-  ), c = L(() => l.filter((x) => !M.has(x.key)), [l, M]), s = L(
-    () => He({
+  ), i = L(
+    () => l.map((x, F) => ({ ...x, tone: St(F, x.tone) })),
+    [l]
+  ), c = L(() => i.filter((x) => !M.has(x.key)), [i, M]), s = L(
+    () => Le({
       rows: e,
       xKey: n,
       series: c,
@@ -691,7 +692,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       const { area: E } = s;
       if (x < E.left - 4 || x > E.right + 4 || F < E.top - 4 || F > E.bottom + 4)
         return null;
-      const U = Ce($.centers, f ? F : x);
+      const U = Fe($.centers, f ? F : x);
       return U < 0 ? null : $.indices[U];
     },
     [s, $, f]
@@ -721,25 +722,25 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     [_]
   ), H = L(
     () => ({
-      columns: [r ?? n, ...l.map((x) => x.label)],
+      columns: [r ?? n, ...i.map((x) => x.label)],
       rows: e.map((x) => [
         a(x[n]),
-        ...l.map((F) => {
+        ...i.map((F) => {
           const E = Nt(x[F.key]);
           return E === null ? ie : (F.format ?? h)(E);
         })
       ])
     }),
-    [e, n, r, l, h, a]
+    [e, n, r, i, h, a]
   ), j = L(
     () => /* @__PURE__ */ X("g", { children: [
       f ? /* @__PURE__ */ X(Ft, { children: [
         /* @__PURE__ */ m(ft, { area: s.area, ticks: s.leftTicks, side: "bottom", hasGrid: !0 }),
-        /* @__PURE__ */ m(Yt, { area: s.area, ticks: s.categoryTicks, side: "left" })
+        /* @__PURE__ */ m(Ut, { area: s.area, ticks: s.categoryTicks, side: "left" })
       ] }) : /* @__PURE__ */ X(Ft, { children: [
         /* @__PURE__ */ m(ft, { area: s.area, ticks: s.leftTicks, side: "left", hasGrid: !0 }),
         s.hasRightAxis && /* @__PURE__ */ m(ft, { area: s.area, ticks: s.rightTicks, side: "right" }),
-        /* @__PURE__ */ m(Yt, { area: s.area, ticks: s.categoryTicks, side: "bottom" })
+        /* @__PURE__ */ m(Ut, { area: s.area, ticks: s.categoryTicks, side: "bottom" })
       ] }),
       s.zero !== null && (f ? /* @__PURE__ */ m(
         "line",
@@ -884,39 +885,39 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       announce: G,
       table: H,
       legend: {
-        entries: l.map((x) => ({ id: x.key, label: x.label, tone: x.tone })),
+        entries: i.map((x) => ({ id: x.key, label: x.label, tone: x.tone })),
         hidden: M,
         onToggle: (x) => w((F) => {
           const E = new Set(F);
-          return E.has(x) ? E.delete(x) : l.length - F.size > 1 && E.add(x), E;
+          return E.has(x) ? E.delete(x) : i.length - F.size > 1 && E.add(x), E;
         })
       },
       className: S,
       testId: q
     }
   );
-}, Bt = ot(rn), cn = ({ series: t, ...o }) => {
+}, Bt = ot(cn), ln = ({ series: t, ...o }) => {
   const e = L(() => t.map((n) => ({ ...n, type: "line" })), [t]);
   return /* @__PURE__ */ m(Bt, { ...o, series: e });
-}, jn = /* @__PURE__ */ ot(/* @__PURE__ */ it(cn, "LineChart")), ln = ({ series: t, ...o }) => {
+}, Yn = /* @__PURE__ */ ot(/* @__PURE__ */ lt(ln, "LineChart")), hn = ({ series: t, ...o }) => {
   const e = L(() => t.map((n) => ({ ...n, type: "area" })), [t]);
   return /* @__PURE__ */ m(Bt, { ...o, series: e });
-}, Xn = /* @__PURE__ */ ot(/* @__PURE__ */ it(ln, "AreaChart")), hn = ({ series: t, ...o }) => {
+}, Un = /* @__PURE__ */ ot(/* @__PURE__ */ lt(hn, "AreaChart")), dn = ({ series: t, ...o }) => {
   const e = L(() => t.map((n) => ({ ...n, type: "bar" })), [t]);
   return /* @__PURE__ */ m(Bt, { ...o, series: e });
-}, Yn = /* @__PURE__ */ ot(/* @__PURE__ */ it(hn, "BarChart")), dn = (t) => /* @__PURE__ */ m(Bt, { ...t }), Un = /* @__PURE__ */ ot(
-  /* @__PURE__ */ it(dn, "ComposedChart")
-), mn = "ui-slice-dFWuh", un = "ui-center__value-GnqKe", fn = "ui-center__label-DsgTV", Ct = {
-  slice: mn,
-  center__value: un,
-  center__label: fn
-}, Lt = 6, le = 1.5, pn = ({
+}, Zn = /* @__PURE__ */ ot(/* @__PURE__ */ lt(dn, "BarChart")), mn = (t) => /* @__PURE__ */ m(Bt, { ...t }), Qn = /* @__PURE__ */ ot(
+  /* @__PURE__ */ lt(mn, "ComposedChart")
+), un = "ui-slice-dFWuh", fn = "ui-center__value-GnqKe", pn = "ui-center__label-DsgTV", Ct = {
+  slice: un,
+  center__value: fn,
+  center__label: pn
+}, Lt = 6, he = 1.5, yn = ({
   label: t,
   description: o,
   data: e,
   variant: n = "donut",
   centerValue: r,
-  centerLabel: i,
+  centerLabel: l,
   valueLabel: d,
   height: u = 260,
   width: k,
@@ -925,33 +926,33 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
   testId: I
 }) => {
   const { labels: g } = xt(), [R, z] = _t(k), [S, q] = Tt(() => /* @__PURE__ */ new Set()), D = L(() => bt(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), N = T ?? D, C = L(
-    () => e.map((a, l) => ({ ...a, tone: St(l, a.tone) })),
+    () => e.map((a, i) => ({ ...a, tone: St(i, a.tone) })),
     [e]
   ), P = L(() => {
     const a = C.filter(
       (_) => !S.has(_.id) && Number.isFinite(_.value) && _.value > 0
-    ), l = a.reduce((_, G) => _ + G.value, 0), c = z / 2, s = u / 2, f = Math.max(8, Math.min(z, u) / 2 - Lt - 4), b = n === "donut" ? f * 0.62 : 0;
+    ), i = a.reduce((_, G) => _ + G.value, 0), c = z / 2, s = u / 2, f = Math.max(8, Math.min(z, u) / 2 - Lt - 4), b = n === "donut" ? f * 0.62 : 0;
     let $ = 0;
     const y = a.map((_) => {
-      const G = l > 0 ? _.value / l * Math.PI * 2 : 0, H = $;
-      return $ += G, { ..._, start: H, end: $, share: l > 0 ? _.value / l : 0 };
+      const G = i > 0 ? _.value / i * Math.PI * 2 : 0, H = $;
+      return $ += G, { ..._, start: H, end: $, share: i > 0 ? _.value / i : 0 };
     });
-    return { cx: c, cy: s, outer: f, inner: b, total: l, slices: y };
+    return { cx: c, cy: s, outer: f, inner: b, total: i, slices: y };
   }, [C, S, z, u, n]), M = L(() => {
     const a = new Intl.NumberFormat(g == null ? void 0 : g.locale, {
       style: "percent",
       maximumFractionDigits: 1
     });
-    return (l) => a.format(l);
+    return (i) => a.format(i);
   }, [g == null ? void 0 : g.locale]), w = L(() => {
-    const { cx: a, cy: l, outer: c, inner: s, slices: f, total: b } = P;
+    const { cx: a, cy: i, outer: c, inner: s, slices: f, total: b } = P;
     return /* @__PURE__ */ X("g", { children: [
       f.map(($) => /* @__PURE__ */ m(
         "path",
         {
           className: Ct.slice,
-          d: ee(a, l, c, s, $.start, $.end),
-          style: { fill: Z($.tone), strokeWidth: f.length > 1 ? le : 0 }
+          d: ne(a, i, c, s, $.start, $.end),
+          style: { fill: Z($.tone), strokeWidth: f.length > 1 ? he : 0 }
         },
         $.id
       )),
@@ -961,38 +962,38 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
           {
             className: Ct.center__value,
             x: a,
-            y: i ? l - 4 : l,
+            y: l ? i - 4 : i,
             dy: "0.32em",
             textAnchor: "middle",
             children: r ?? N(b)
           }
         ),
-        i && /* @__PURE__ */ m(
+        l && /* @__PURE__ */ m(
           "text",
           {
             className: Ct.center__label,
             x: a,
-            y: l + 16,
+            y: i + 16,
             dy: "0.32em",
             textAnchor: "middle",
-            children: i
+            children: l
           }
         )
       ] })
     ] });
-  }, [P, n, r, i, N]), h = et(
-    (a, l) => {
-      const { cx: c, cy: s, outer: f, inner: b, slices: $ } = P, y = Math.hypot(a - c, l - s);
+  }, [P, n, r, l, N]), h = et(
+    (a, i) => {
+      const { cx: c, cy: s, outer: f, inner: b, slices: $ } = P, y = Math.hypot(a - c, i - s);
       if (y > f + Lt || y < b) return null;
-      let _ = Math.atan2(a - c, -(l - s));
+      let _ = Math.atan2(a - c, -(i - s));
       _ < 0 && (_ += Math.PI * 2);
       const G = $.findIndex((H) => _ >= H.start && _ < H.end);
       return G < 0 ? null : G;
     },
     [P]
   ), p = (a) => {
-    const l = P.slices[a];
-    return `${N(l.value)} (${M(l.share)})`;
+    const i = P.slices[a];
+    return `${N(i.value)} (${M(i.share)})`;
   };
   return /* @__PURE__ */ m(
     gt,
@@ -1004,27 +1005,27 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       height: u,
       plot: w,
       overlay: (a) => {
-        const { cx: l, cy: c, outer: s, inner: f, slices: b } = P, $ = b[a], y = ($.start + $.end) / 2, _ = nt(0, 0, Lt, y);
+        const { cx: i, cy: c, outer: s, inner: f, slices: b } = P, $ = b[a], y = ($.start + $.end) / 2, _ = nt(0, 0, Lt, y);
         return /* @__PURE__ */ m(
           "path",
           {
             className: Ct.slice,
-            d: ee(l + _.x, c + _.y, s, f, $.start, $.end),
-            style: { fill: Z($.tone), strokeWidth: le }
+            d: ne(i + _.x, c + _.y, s, f, $.start, $.end),
+            style: { fill: Z($.tone), strokeWidth: he }
           }
         );
       },
       itemCount: P.slices.length,
       pick: h,
       tooltip: (a) => {
-        const l = P.slices[a];
+        const i = P.slices[a];
         return {
-          rows: [{ id: l.id, label: l.label, value: p(a), tone: l.tone }]
+          rows: [{ id: i.id, label: i.label, value: p(a), tone: i.tone }]
         };
       },
       anchor: (a) => {
-        const { cx: l, cy: c, outer: s, slices: f } = P, b = f[a];
-        return nt(l, c, s + Lt, (b.start + b.end) / 2);
+        const { cx: i, cy: c, outer: s, slices: f } = P, b = f[a];
+        return nt(i, c, s + Lt, (b.start + b.end) / 2);
       },
       tooltipSide: "outward",
       announce: (a) => `${P.slices[a].label}: ${p(a)}`,
@@ -1038,54 +1039,54 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       legend: {
         entries: C.map((a) => ({ id: a.id, label: a.label, tone: a.tone })),
         hidden: S,
-        onToggle: (a) => q((l) => {
-          const c = new Set(l);
-          return c.has(a) ? c.delete(a) : C.length - l.size > 1 && c.add(a), c;
+        onToggle: (a) => q((i) => {
+          const c = new Set(i);
+          return c.has(a) ? c.delete(a) : C.length - i.size > 1 && c.add(a), c;
         })
       },
       className: A,
       testId: I
     }
   );
-}, Zn = /* @__PURE__ */ ot(/* @__PURE__ */ it(pn, "PieChart")), Qt = (t, o, e, { top: n = 12, right: r = 16, bottom: i = 28 } = {}) => {
+}, Jn = /* @__PURE__ */ ot(/* @__PURE__ */ lt(yn, "PieChart")), Jt = (t, o, e, { top: n = 12, right: r = 16, bottom: l = 28 } = {}) => {
   const d = Math.max(32, ...e.map(ut)) + 10;
   return {
     left: d,
     top: n,
     right: Math.max(d + 1, t - r),
-    bottom: Math.max(n + 1, o - i),
+    bottom: Math.max(n + 1, o - l),
     width: Math.max(1, t - r - d),
-    height: Math.max(1, o - n - i)
+    height: Math.max(1, o - n - l)
   };
-}, Rt = (t, o) => Math.max(2, Math.floor(t / (o ? 90 : 48))), yn = (t, o = 24) => {
-  const e = /* @__PURE__ */ new Map(), n = (r, i) => `${r}:${i}`;
-  return t.forEach((r, i) => {
+}, Rt = (t, o) => Math.max(2, Math.floor(t / (o ? 90 : 48))), xn = (t, o = 24) => {
+  const e = /* @__PURE__ */ new Map(), n = (r, l) => `${r}:${l}`;
+  return t.forEach((r, l) => {
     if (!Number.isFinite(r.x) || !Number.isFinite(r.y)) return;
     const d = n(Math.floor(r.x / o), Math.floor(r.y / o)), u = e.get(d);
-    u ? u.push(i) : e.set(d, [i]);
+    u ? u.push(l) : e.set(d, [l]);
   }), {
-    nearest: (r, i, d) => {
-      const u = Math.ceil(d / o), k = Math.floor(r / o), T = Math.floor(i / o);
+    nearest: (r, l, d) => {
+      const u = Math.ceil(d / o), k = Math.floor(r / o), T = Math.floor(l / o);
       let A = null, I = d * d;
       for (let g = -u; g <= u; g += 1)
         for (let R = -u; R <= u; R += 1)
           for (const z of e.get(n(k + g, T + R)) ?? []) {
-            const S = (t[z].x - r) ** 2 + (t[z].y - i) ** 2;
+            const S = (t[z].x - r) ** 2 + (t[z].y - l) ** 2;
             S <= I && (I = S, A = z);
           }
       return A;
     }
   };
-}, xn = "ui-point-YKyMm", gn = "ui-marker-ToO1T", he = {
-  point: xn,
-  marker: gn
-}, $t = { plain: 4, min: 3, max: 16 }, bn = 22, _n = ({
+}, gn = "ui-point-YKyMm", bn = "ui-marker-ToO1T", de = {
+  point: gn,
+  marker: bn
+}, $t = { plain: 4, min: 3, max: 16 }, _n = 22, Mn = ({
   label: t,
   description: o,
   series: e,
   xLabel: n,
   yLabel: r,
-  sizeLabel: i,
+  sizeLabel: l,
   height: d = 300,
   width: u,
   formatX: k,
@@ -1102,7 +1103,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     ).sort((c, s) => c.x - s.x || c.y - s.y),
     [M, S]
   ), h = L(() => {
-    const c = At(...yt(w.map((O) => O.x))), s = At(...yt(w.map((O) => O.y))), f = ct(s[0], s[1], Rt(d, !1)), b = Qt(z, d, N(f), { right: 20 }), $ = pt(c, [b.left, b.right]), y = pt(s, [b.bottom, b.top]), _ = Ot(w.map((O) => O.size)), [G, H] = yt(_), j = (O) => O === void 0 || !Number.isFinite(O) || _.length === 0 ? $t.plain : H === G ? ($t.min + $t.max) / 2 : Math.sqrt(
+    const c = At(...yt(w.map((O) => O.x))), s = At(...yt(w.map((O) => O.y))), f = ct(s[0], s[1], Rt(d, !1)), b = Jt(z, d, N(f), { right: 20 }), $ = pt(c, [b.left, b.right]), y = pt(s, [b.bottom, b.top]), _ = Ot(w.map((O) => O.size)), [G, H] = yt(_), j = (O) => O === void 0 || !Number.isFinite(O) || _.length === 0 ? $t.plain : H === G ? ($t.min + $t.max) / 2 : Math.sqrt(
       $t.min ** 2 + (O - G) / (H - G) * ($t.max ** 2 - $t.min ** 2)
     ), Y = w.map((O) => ({
       ...O,
@@ -1113,7 +1114,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     return {
       area: b,
       placed: Y,
-      index: yn(Y.map((O) => ({ x: O.cx, y: O.cy }))),
+      index: xn(Y.map((O) => ({ x: O.cx, y: O.cy }))),
       xTicks: vt(ct(c[0], c[1], Rt(b.width, !0)), $, N),
       yTicks: vt(f, y, N)
     };
@@ -1124,7 +1125,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       h.placed.map((c, s) => /* @__PURE__ */ m(
         "circle",
         {
-          className: he.point,
+          className: de.point,
           cx: c.cx,
           cy: c.cy,
           r: c.r,
@@ -1138,9 +1139,9 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     ] }),
     [h]
   ), a = et(
-    (c, s) => h.index.nearest(c, s, bn),
+    (c, s) => h.index.nearest(c, s, _n),
     [h]
-  ), l = (c) => {
+  ), i = (c) => {
     const s = h.placed[c];
     return {
       title: s.label ?? s.series.label,
@@ -1148,7 +1149,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
         { id: "series", label: s.series.label, value: "", tone: s.series.tone },
         { id: "x", label: n, value: C(s.x) },
         { id: "y", label: r, value: P(s.y) },
-        ...s.size !== void 0 && i ? [{ id: "size", label: i, value: D(s.size) }] : []
+        ...s.size !== void 0 && l ? [{ id: "size", label: l, value: D(s.size) }] : []
       ]
     };
   };
@@ -1166,7 +1167,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
         return /* @__PURE__ */ m(
           "circle",
           {
-            className: he.marker,
+            className: de.marker,
             cx: s.cx,
             cy: s.cy,
             r: s.r + 3,
@@ -1176,7 +1177,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       },
       itemCount: h.placed.length,
       pick: a,
-      tooltip: l,
+      tooltip: i,
       anchor: (c) => ({ x: h.placed[c].cx, y: h.placed[c].cy }),
       announce: (c) => {
         const s = h.placed[c];
@@ -1198,63 +1199,63 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       testId: I
     }
   );
-}, Qn = /* @__PURE__ */ ot(
-  /* @__PURE__ */ it(_n, "ScatterPlot")
-), Mn = "ui-labels-MJWYF", $n = "ui-empty-AW7c9", wn = "ui-focus-hLQdB", Et = {
-  labels: Mn,
-  empty: $n,
-  focus: wn
-}, Vt = 8, kn = 28, jt = 140, de = (t, o, e) => {
+}, Kn = /* @__PURE__ */ ot(
+  /* @__PURE__ */ lt(Mn, "ScatterPlot")
+), $n = "ui-labels-MJWYF", wn = "ui-empty-AW7c9", kn = "ui-focus-hLQdB", Et = {
+  labels: $n,
+  empty: wn,
+  focus: kn
+}, Vt = 8, Nn = 28, jt = 140, me = (t, o, e) => {
   var r;
   const n = (r = t[o]) == null ? void 0 : r[e];
   return typeof n == "number" && Number.isFinite(n) ? n : null;
-}, me = (t) => t.map((o, e) => String(e)), Nn = ({
+}, ue = (t) => t.map((o, e) => String(e)), vn = ({
   label: t,
   description: o,
   columns: e,
   rows: n,
   values: r,
-  valueLabel: i,
-  tone: d = "cat-1",
+  valueLabel: l,
+  tone: d = "chart-1",
   height: u = 280,
   width: k,
   formatValue: T,
   className: A,
   testId: I
 }) => {
-  const { labels: g } = xt(), [R, z] = _t(k), S = L(() => bt(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), q = T ?? S, D = `ui-heat-${pe().replace(/:/g, "")}`, N = L(() => {
-    const p = { left: Math.min(z * 0.3, Math.max(32, ...n.map(ut)) + 12), top: 8, right: z - 8, bottom: u - 28 - kn }, a = Dt(me(e), [p.left, p.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 = `ui-heat-${ye().replace(/:/g, "")}`, N = L(() => {
+    const p = { left: Math.min(z * 0.3, Math.max(32, ...n.map(ut)) + 12), top: 8, right: z - 8, bottom: u - 28 - Nn }, a = Dt(ue(e), [p.left, p.right], {
       paddingInner: 0.06,
       paddingOuter: 0
-    }), l = Dt(me(n), [p.top, p.bottom], {
+    }), i = Dt(ue(n), [p.top, p.bottom], {
       paddingInner: 0.06,
       paddingOuter: 0
     }), [c, s] = yt(Ot(r.flat())), f = ($) => $ === null ? null : s === c ? 60 : Vt + ($ - c) / (s - c) * (100 - Vt), b = n.flatMap(
       ($, y) => e.map((_, G) => {
-        const H = de(r, y, G);
+        const H = me(r, y, G);
         return {
           row: $,
           column: _,
           key: `${y}:${G}`,
           value: H,
           x: a(String(G)),
-          y: l(String(y)),
+          y: i(String(y)),
           width: a.bandwidth,
-          height: l.bandwidth,
+          height: i.bandwidth,
           mix: f(H)
         };
       })
     );
-    return { area: p, x: a, y: l, cells: b, min: c, max: s };
+    return { area: p, x: a, y: i, cells: b, min: c, max: s };
   }, [e, n, r, z, u]), C = Z(d), P = L(() => {
-    const { area: h, x: p, y: a, cells: l } = N, c = q(N.max), s = h.right - ut(c) - 8, f = ge(
+    const { area: h, x: p, y: a, cells: i } = N, c = q(N.max), s = h.right - ut(c) - 8, f = be(
       e.map((b, $) => ({
         position: p(String($)) + p.bandwidth / 2,
         label: b
       }))
     );
     return /* @__PURE__ */ X("g", { children: [
-      l.map((b) => /* @__PURE__ */ m(
+      i.map((b) => /* @__PURE__ */ m(
         "rect",
         {
           className: b.mix === null ? Et.empty : void 0,
@@ -1263,7 +1264,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
           width: b.width,
           height: b.height,
           rx: 2,
-          style: b.mix === null ? void 0 : { fill: `color-mix(in srgb, ${C} ${b.mix}%, var(--ui-surface))` }
+          style: b.mix === null ? void 0 : { fill: `color-mix(in srgb, ${C} ${b.mix}%, ${Yt("bg-surface")})` }
         },
         b.key
       )),
@@ -1287,7 +1288,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
           {
             offset: "0%",
             style: {
-              stopColor: `color-mix(in srgb, ${C} ${Vt}%, var(--ui-surface))`
+              stopColor: `color-mix(in srgb, ${C} ${Vt}%, ${Yt("bg-surface")})`
             }
           }
         ),
@@ -1311,9 +1312,9 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     ] });
   }, [N, e, n, C, D, u, q]), M = et(
     (h, p) => {
-      const { area: a, x: l, y: c } = N;
+      const { area: a, x: i, y: c } = N;
       if (h < a.left || h > a.right || p < a.top || p > a.bottom) return null;
-      const s = l.indexAt(h), f = c.indexAt(p);
+      const s = i.indexAt(h), f = c.indexAt(p);
       return s < 0 || f < 0 ? null : f * e.length + s;
     },
     [N, e.length]
@@ -1351,7 +1352,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
         const { cell: p, value: a } = w(h);
         return {
           title: `${p.row} · ${p.column}`,
-          rows: [{ id: "value", label: i, value: a, tone: d }]
+          rows: [{ id: "value", label: l, value: a, tone: d }]
         };
       },
       anchor: (h) => {
@@ -1360,14 +1361,14 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       },
       announce: (h) => {
         const { cell: p, value: a } = w(h);
-        return `${p.row}, ${p.column}: ${i} ${a}`;
+        return `${p.row}, ${p.column}: ${l} ${a}`;
       },
       table: {
         columns: [t, ...e],
         rows: n.map((h, p) => [
           h,
-          ...e.map((a, l) => {
-            const c = de(r, p, l);
+          ...e.map((a, i) => {
+            const c = me(r, p, i);
             return c === null ? "—" : q(c);
           })
         ])
@@ -1376,18 +1377,18 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       testId: I
     }
   );
-}, Jn = /* @__PURE__ */ ot(/* @__PURE__ */ it(Nn, "Heatmap")), vn = "ui-box-7zEQ-", An = "ui-median-J5g6o", Tn = "ui-outlier-M0VN-", In = "ui-band-kK09D", zt = {
-  box: vn,
-  median: An,
-  outlier: Tn,
-  band: In
-}, Cn = ({
+}, to = /* @__PURE__ */ ot(/* @__PURE__ */ lt(vn, "Heatmap")), An = "ui-box-7zEQ-", Tn = "ui-median-J5g6o", In = "ui-outlier-M0VN-", Cn = "ui-band-kK09D", zt = {
+  box: An,
+  median: Tn,
+  outlier: In,
+  band: Cn
+}, Fn = ({
   label: t,
   description: o,
   groups: e,
   groupLabel: n,
   labels: r,
-  height: i = 280,
+  height: l = 280,
   width: d,
   formatValue: u,
   className: k,
@@ -1397,17 +1398,17 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     () => e.map((M, w) => ({
       group: M,
       tone: St(w, M.tone),
-      stats: Fe(M.values)
+      stats: Re(M.values)
     })),
     [e]
   ), D = L(() => {
-    const M = q.flatMap((f) => f.stats ? [f.stats.min, f.stats.max] : []), [w, h] = M.length ? yt(M) : [0, 1], p = At(w, h), a = ct(p[0], p[1], Rt(i, !1)), l = Qt(g, i, z(a)), c = Dt(
+    const M = q.flatMap((f) => f.stats ? [f.stats.min, f.stats.max] : []), [w, h] = M.length ? yt(M) : [0, 1], p = At(w, h), a = ct(p[0], p[1], Rt(l, !1)), i = Jt(g, l, z(a)), c = Dt(
       e.map((f) => f.id),
-      [l.left, l.right],
+      [i.left, i.right],
       { paddingInner: 0.4, paddingOuter: 0.2 }
-    ), s = pt(p, [l.bottom, l.top]);
+    ), s = pt(p, [i.bottom, i.top]);
     return {
-      area: l,
+      area: i,
       band: c,
       y: s,
       yTicks: vt(a, s, z),
@@ -1416,7 +1417,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
         label: f.label
       }))
     };
-  }, [q, e, g, i, z]), N = (M) => [
+  }, [q, e, g, l, z]), N = (M) => [
     { id: "max", label: r.max, value: S(M.whiskerHigh) },
     { id: "q3", label: r.q3, value: S(M.q3) },
     { id: "median", label: r.median, value: S(M.median) },
@@ -1428,20 +1429,20 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     const { area: M, band: w, y: h } = D;
     return /* @__PURE__ */ X("g", { children: [
       /* @__PURE__ */ m(ft, { area: M, ticks: D.yTicks, side: "left", hasGrid: !0 }),
-      /* @__PURE__ */ m(Yt, { area: M, ticks: D.groupTicks, side: "bottom" }),
-      q.map(({ group: p, tone: a, stats: l }) => {
-        if (!l) return null;
+      /* @__PURE__ */ m(Ut, { area: M, ticks: D.groupTicks, side: "bottom" }),
+      q.map(({ group: p, tone: a, stats: i }) => {
+        if (!i) return null;
         const c = w(p.id), s = c + w.bandwidth / 2, f = w.bandwidth * 0.3, b = Z(a);
         return /* @__PURE__ */ X("g", { style: { stroke: b }, className: zt.box, children: [
-          /* @__PURE__ */ m("line", { x1: s, x2: s, y1: h(l.whiskerHigh), y2: h(l.q3) }),
-          /* @__PURE__ */ m("line", { x1: s, x2: s, y1: h(l.q1), y2: h(l.whiskerLow) }),
+          /* @__PURE__ */ m("line", { x1: s, x2: s, y1: h(i.whiskerHigh), y2: h(i.q3) }),
+          /* @__PURE__ */ m("line", { x1: s, x2: s, y1: h(i.q1), y2: h(i.whiskerLow) }),
           /* @__PURE__ */ m(
             "line",
             {
               x1: s - f,
               x2: s + f,
-              y1: h(l.whiskerHigh),
-              y2: h(l.whiskerHigh)
+              y1: h(i.whiskerHigh),
+              y2: h(i.whiskerHigh)
             }
           ),
           /* @__PURE__ */ m(
@@ -1449,8 +1450,8 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
             {
               x1: s - f,
               x2: s + f,
-              y1: h(l.whiskerLow),
-              y2: h(l.whiskerLow)
+              y1: h(i.whiskerLow),
+              y2: h(i.whiskerLow)
             }
           ),
           /* @__PURE__ */ m(
@@ -1458,8 +1459,8 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
             {
               x: c,
               width: w.bandwidth,
-              y: h(l.q3),
-              height: Math.max(1, h(l.q1) - h(l.q3)),
+              y: h(i.q3),
+              height: Math.max(1, h(i.q1) - h(i.q3)),
               rx: 2,
               style: { fill: `color-mix(in srgb, ${b} 22%, transparent)` }
             }
@@ -1470,11 +1471,11 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
               className: zt.median,
               x1: c,
               x2: c + w.bandwidth,
-              y1: h(l.median),
-              y2: h(l.median)
+              y1: h(i.median),
+              y2: h(i.median)
             }
           ),
-          l.outliers.map(($, y) => /* @__PURE__ */ m("circle", { className: zt.outlier, cx: s, cy: h($), r: 3 }, y))
+          i.outliers.map(($, y) => /* @__PURE__ */ m("circle", { className: zt.outlier, cx: s, cy: h($), r: 3 }, y))
         ] }, p.id);
       })
     ] });
@@ -1495,7 +1496,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       description: o,
       containerRef: I,
       width: g,
-      height: i,
+      height: l,
       plot: C,
       underlay: (M) => {
         const { area: w, band: h } = D, p = h.step * 0.2;
@@ -1560,36 +1561,36 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       testId: T
     }
   );
-}, Kn = /* @__PURE__ */ ot(/* @__PURE__ */ it(Cn, "BoxPlot")), Fn = "ui-baseline-wWs7h", Rn = "ui-band-xvYtL", ue = {
-  baseline: Fn,
-  band: Rn
-}, wt = 1, Sn = ({
+}, eo = /* @__PURE__ */ ot(/* @__PURE__ */ lt(Fn, "BoxPlot")), Rn = "ui-baseline-wWs7h", Sn = "ui-band-xvYtL", fe = {
+  baseline: Rn,
+  band: Sn
+}, wt = 1, Hn = ({
   label: t,
   description: o,
   values: e,
   bins: n,
   valueLabel: r,
-  countLabel: i,
-  tone: d = "cat-1",
+  countLabel: l,
+  tone: d = "chart-1",
   height: u = 260,
   width: k,
   formatValue: T,
   className: A,
   testId: I
 }) => {
-  const { labels: g } = xt(), [R, z] = _t(k), S = L(() => bt(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), q = L(() => Ht(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), D = T ?? S, N = L(() => Re(e, n), [e, n]), C = L(() => {
+  const { labels: g } = xt(), [R, z] = _t(k), S = L(() => bt(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), q = L(() => Ht(g == null ? void 0 : g.locale), [g == null ? void 0 : g.locale]), D = T ?? S, N = L(() => Se(e, n), [e, n]), C = L(() => {
     var $, y;
-    const h = Math.max(1, ...N.map((_) => _.count)), p = At(0, h), a = ct(0, p[1], Rt(u, !1)).filter(Number.isInteger), l = Qt(z, u, q(a)), c = (($ = N[0]) == null ? void 0 : $.from) ?? 0, s = ((y = N[N.length - 1]) == null ? void 0 : y.to) ?? 1, f = pt([c, s], [l.left, l.right]), b = pt(p, [l.bottom, l.top]);
+    const h = Math.max(1, ...N.map((_) => _.count)), p = At(0, h), a = ct(0, p[1], Rt(u, !1)).filter(Number.isInteger), i = Jt(z, u, q(a)), c = (($ = N[0]) == null ? void 0 : $.from) ?? 0, s = ((y = N[N.length - 1]) == null ? void 0 : y.to) ?? 1, f = pt([c, s], [i.left, i.right]), b = pt(p, [i.bottom, i.top]);
     return {
-      area: l,
+      area: i,
       columns: N.map((_) => ({
         x: f(_.from) + wt / 2,
         width: Math.max(1, f(_.to) - f(_.from) - wt),
         y: b(_.count),
-        height: Math.max(0, l.bottom - b(_.count)),
+        height: Math.max(0, i.bottom - b(_.count)),
         center: (f(_.from) + f(_.to)) / 2
       })),
-      xTicks: vt(ct(c, s, Rt(l.width, !0)), f, q),
+      xTicks: vt(ct(c, s, Rt(i.width, !0)), f, q),
       yTicks: vt(a, b, q)
     };
   }, [N, z, u, q]), P = (h) => `${D(N[h].from)} – ${D(N[h].to)}`, M = L(
@@ -1599,7 +1600,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       /* @__PURE__ */ m(
         "line",
         {
-          className: ue.baseline,
+          className: fe.baseline,
           x1: C.area.left,
           x2: C.area.right,
           y1: C.area.bottom,
@@ -1623,10 +1624,10 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
     [C, d]
   ), w = et(
     (h, p) => {
-      const { area: a, columns: l } = C;
+      const { area: a, columns: i } = C;
       if (h < a.left || h > a.right || p < a.top - 4 || p > a.bottom + 4)
         return null;
-      const c = l.findIndex(
+      const c = i.findIndex(
         (s) => h >= s.x - wt && h <= s.x + s.width + wt
       );
       return c < 0 ? null : c;
@@ -1647,7 +1648,7 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
         return /* @__PURE__ */ m(
           "rect",
           {
-            className: ue.band,
+            className: fe.band,
             x: p.x - wt / 2,
             width: p.width + wt,
             y: C.area.top,
@@ -1660,45 +1661,45 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       pick: w,
       tooltip: (h) => ({
         title: P(h),
-        rows: [{ id: "count", label: i, value: S(N[h].count), tone: d }]
+        rows: [{ id: "count", label: l, value: S(N[h].count), tone: d }]
       }),
       anchor: (h) => ({ x: C.columns[h].center, y: C.columns[h].y }),
-      announce: (h) => `${r} ${P(h)}: ${i} ${S(N[h].count)}`,
+      announce: (h) => `${r} ${P(h)}: ${l} ${S(N[h].count)}`,
       table: {
-        columns: [r, i],
+        columns: [r, l],
         rows: N.map((h, p) => [P(p), S(h.count)])
       },
       className: A,
       testId: I
     }
   );
-}, to = /* @__PURE__ */ ot(/* @__PURE__ */ it(Sn, "Histogram")), Hn = "ui-grid-fHioN", Ln = "ui-shape-Vbb9D", En = "ui-labels-nRfEk", zn = "ui-axisLabel-UOZQ7", Pn = "ui-spoke-P-6cp", Dn = "ui-marker-xzn9h", kt = {
-  grid: Hn,
-  shape: Ln,
-  labels: En,
-  axisLabel: zn,
-  spoke: Pn,
-  marker: Dn
-}, fe = 10, Gn = 16, qn = 28, Xt = (t, o) => {
+}, no = /* @__PURE__ */ ot(/* @__PURE__ */ lt(Hn, "Histogram")), Ln = "ui-grid-fHioN", En = "ui-shape-Vbb9D", zn = "ui-labels-nRfEk", Pn = "ui-axisLabel-UOZQ7", Dn = "ui-spoke-P-6cp", Gn = "ui-marker-xzn9h", kt = {
+  grid: Ln,
+  shape: En,
+  labels: zn,
+  axisLabel: Pn,
+  spoke: Dn,
+  marker: Gn
+}, pe = 10, qn = 16, On = 28, Xt = (t, o) => {
   const e = t.values[o];
   return typeof e == "number" && Number.isFinite(e) ? e : null;
-}, On = ({
+}, Bn = ({
   label: t,
   description: o,
   axes: e,
   series: n,
   max: r,
-  height: i = 320,
+  height: l = 320,
   width: d,
   formatValue: u,
   className: k,
   testId: T
 }) => {
   const { labels: A } = xt(), [I, g] = _t(d), [R, z] = Tt(() => /* @__PURE__ */ new Set()), S = L(() => Ht(A == null ? void 0 : A.locale), [A == null ? void 0 : A.locale]), q = L(() => bt(A == null ? void 0 : A.locale), [A == null ? void 0 : A.locale]), D = u ?? q, N = L(
-    () => n.map((a, l) => ({ ...a, tone: St(l, a.tone) })),
+    () => n.map((a, i) => ({ ...a, tone: St(i, a.tone) })),
     [n]
   ), C = L(() => N.filter((a) => !R.has(a.id)), [N, R]), P = L(() => {
-    const a = e.length, l = a > 0 ? Math.PI * 2 / a : 0, c = e.map((j, Y) => Y * l), s = Math.min(g * 0.22, Math.max(0, ...e.map((j) => ut(j.label)))), f = Math.max(24, Math.min(i / 2 - 24, g / 2 - s - fe - 4)), b = g / 2, $ = i / 2;
+    const a = e.length, i = a > 0 ? Math.PI * 2 / a : 0, c = e.map((j, Y) => Y * i), s = Math.min(g * 0.22, Math.max(0, ...e.map((j) => ut(j.label)))), f = Math.max(24, Math.min(l / 2 - 24, g / 2 - s - pe - 4)), b = g / 2, $ = l / 2;
     let y = 0;
     for (const j of n)
       for (const Y of e) {
@@ -1706,37 +1707,37 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
         O !== null && O > y && (y = O);
       }
     const _ = r !== void 0 && r > 0 ? r : At(0, y, 4)[1], G = ct(0, _, 4).filter((j) => j > 0);
-    return { cx: b, cy: $, radius: f, angles: c, step: l, top: _, rings: G, scale: (j) => Math.min(Math.max(j, 0), _) / _ * f, labelRoom: s };
-  }, [e, n, r, g, i]), M = L(() => {
-    const { cx: a, cy: l, angles: c, scale: s } = P;
+    return { cx: b, cy: $, radius: f, angles: c, step: i, top: _, rings: G, scale: (j) => Math.min(Math.max(j, 0), _) / _ * f, labelRoom: s };
+  }, [e, n, r, g, l]), M = L(() => {
+    const { cx: a, cy: i, angles: c, scale: s } = P;
     return C.map((f) => ({
       ...f,
       points: e.map((b, $) => {
         const y = Xt(f, b.key);
-        return { ...nt(a, l, s(y ?? 0), c[$]), value: y };
+        return { ...nt(a, i, s(y ?? 0), c[$]), value: y };
       })
     }));
   }, [P, C, e]), w = L(() => {
-    const { cx: a, cy: l, radius: c, angles: s, rings: f, scale: b, labelRoom: $ } = P, y = f.length > 0 ? b(f[0]) : c, _ = Math.max(1, Math.ceil(Gn / Math.max(1, y))), G = S(f);
+    const { cx: a, cy: i, radius: c, angles: s, rings: f, scale: b, labelRoom: $ } = P, y = f.length > 0 ? b(f[0]) : c, _ = Math.max(1, Math.ceil(qn / Math.max(1, y))), G = S(f);
     return /* @__PURE__ */ X("g", { children: [
       /* @__PURE__ */ X("g", { "aria-hidden": !0, className: kt.grid, children: [
         f.map((H) => /* @__PURE__ */ m(
           "path",
           {
-            d: ne(s.map((j) => nt(a, l, b(H), j)))
+            d: oe(s.map((j) => nt(a, i, b(H), j)))
           },
           H
         )),
         s.map((H, j) => {
-          const Y = nt(a, l, c, H);
-          return /* @__PURE__ */ m("line", { x1: a, y1: l, x2: Y.x, y2: Y.y }, e[j].key);
+          const Y = nt(a, i, c, H);
+          return /* @__PURE__ */ m("line", { x1: a, y1: i, x2: Y.x, y2: Y.y }, e[j].key);
         })
       ] }),
       M.map((H) => /* @__PURE__ */ m(
         "path",
         {
           className: kt.shape,
-          d: ne(H.points),
+          d: oe(H.points),
           style: {
             fill: `color-mix(in srgb, ${Z(H.tone)} 14%, transparent)`,
             stroke: Z(H.tone)
@@ -1746,10 +1747,10 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       )),
       /* @__PURE__ */ X("g", { "aria-hidden": !0, className: kt.labels, children: [
         f.map(
-          (H, j) => (f.length - 1 - j) % _ === 0 ? /* @__PURE__ */ m("text", { x: a + 4, y: l - b(H), dy: "1.1em", children: G[j] }, H) : null
+          (H, j) => (f.length - 1 - j) % _ === 0 ? /* @__PURE__ */ m("text", { x: a + 4, y: i - b(H), dy: "1.1em", children: G[j] }, H) : null
         ),
         e.map((H, j) => {
-          const Y = s[j], O = nt(a, l, c + fe, Y), x = Math.sin(Y), F = Math.cos(Y), E = x > 0.3 ? "start" : x < -0.3 ? "end" : "middle", U = F > 0.3 ? "-0.2em" : F < -0.3 ? "0.9em" : "0.32em";
+          const Y = s[j], O = nt(a, i, c + pe, Y), x = Math.sin(Y), F = Math.cos(Y), E = x > 0.3 ? "start" : x < -0.3 ? "end" : "middle", U = F > 0.3 ? "-0.2em" : F < -0.3 ? "0.9em" : "0.32em";
           return /* @__PURE__ */ m(
             "text",
             {
@@ -1766,20 +1767,20 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       ] })
     ] });
   }, [P, M, e, S]), h = et(
-    (a, l) => {
+    (a, i) => {
       const { cx: c, cy: s, radius: f, step: b } = P;
-      if (e.length === 0 || Math.hypot(a - c, l - s) > f + qn) return null;
-      let $ = Math.atan2(a - c, -(l - s));
+      if (e.length === 0 || Math.hypot(a - c, i - s) > f + On) return null;
+      let $ = Math.atan2(a - c, -(i - s));
       return $ < 0 && ($ += Math.PI * 2), Math.round($ / b) % e.length;
     },
     [P, e.length]
-  ), p = (a) => M.map((l) => {
-    const c = l.points[a].value;
+  ), p = (a) => M.map((i) => {
+    const c = i.points[a].value;
     return {
-      id: l.id,
-      label: l.label,
+      id: i.id,
+      label: i.label,
       value: c === null ? "—" : D(c),
-      tone: l.tone
+      tone: i.tone
     };
   });
   return /* @__PURE__ */ m(
@@ -1789,12 +1790,12 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       description: o,
       containerRef: I,
       width: g,
-      height: i,
+      height: l,
       plot: w,
       overlay: (a) => {
-        const { cx: l, cy: c, radius: s, angles: f } = P, b = nt(l, c, s, f[a]);
+        const { cx: i, cy: c, radius: s, angles: f } = P, b = nt(i, c, s, f[a]);
         return /* @__PURE__ */ X("g", { children: [
-          /* @__PURE__ */ m("line", { className: kt.spoke, x1: l, y1: c, x2: b.x, y2: b.y }),
+          /* @__PURE__ */ m("line", { className: kt.spoke, x1: i, y1: c, x2: b.x, y2: b.y }),
           M.map(($) => {
             const y = $.points[a];
             return y.value === null ? null : /* @__PURE__ */ m(
@@ -1815,22 +1816,22 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       pick: h,
       tooltip: (a) => ({ title: e[a].label, rows: p(a) }),
       anchor: (a) => {
-        const { cx: l, cy: c, radius: s, angles: f } = P;
+        const { cx: i, cy: c, radius: s, angles: f } = P;
         let b = 0;
         for (const $ of M) {
           const y = $.points[a];
-          b = Math.max(b, Math.hypot(y.x - l, y.y - c));
+          b = Math.max(b, Math.hypot(y.x - i, y.y - c));
         }
-        return nt(l, c, Math.min(s, b), f[a]);
+        return nt(i, c, Math.min(s, b), f[a]);
       },
       tooltipSide: "outward",
-      announce: (a) => `${e[a].label}: ${p(a).map((l) => `${l.label} ${l.value}`).join(", ")}`,
+      announce: (a) => `${e[a].label}: ${p(a).map((i) => `${i.label} ${i.value}`).join(", ")}`,
       table: {
         columns: [t, ...N.map((a) => a.label)],
         rows: e.map((a) => [
           a.label,
-          ...N.map((l) => {
-            const c = Xt(l, a.key);
+          ...N.map((i) => {
+            const c = Xt(i, a.key);
             return c === null ? "—" : D(c);
           })
         ])
@@ -1838,28 +1839,28 @@ const it = (t, o) => Object.assign(t, { displayName: o }), we = "ui-axis-AqLAe",
       legend: N.length > 1 ? {
         entries: N.map((a) => ({ id: a.id, label: a.label, tone: a.tone })),
         hidden: R,
-        onToggle: (a) => z((l) => {
-          const c = new Set(l);
-          return c.has(a) ? c.delete(a) : N.length - l.size > 1 && c.add(a), c;
+        onToggle: (a) => z((i) => {
+          const c = new Set(i);
+          return c.has(a) ? c.delete(a) : N.length - i.size > 1 && c.add(a), c;
         })
       } : void 0,
       className: k,
       testId: T
     }
   );
-}, eo = /* @__PURE__ */ ot(
-  /* @__PURE__ */ it(On, "RadarChart")
+}, oo = /* @__PURE__ */ ot(
+  /* @__PURE__ */ lt(Bn, "RadarChart")
 );
 export {
-  Xn as AreaChart,
-  Yn as BarChart,
-  Kn as BoxPlot,
-  Un as ComposedChart,
-  Jn as Heatmap,
-  to as Histogram,
-  jn as LineChart,
-  Zn as PieChart,
-  eo as RadarChart,
-  Qn as ScatterPlot
+  Un as AreaChart,
+  Zn as BarChart,
+  eo as BoxPlot,
+  Qn as ComposedChart,
+  to as Heatmap,
+  no as Histogram,
+  Yn as LineChart,
+  Jn as PieChart,
+  oo as RadarChart,
+  Kn as ScatterPlot
 };
 //# sourceMappingURL=charts.js.map