@logicplanes/kaeso-ui 0.4.1 → 0.4.3

package/dist/chunks/{core-FtMDNELx.js → core-BYns5ytV.js}

@@ -1,17 +1,18 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t, n } from "./context-BELWW79w.js";
-import { t as r } from "./observe-resize-DhxhmoyB.js";
-import { n as i } from "./button-9q66Ta23.js";
-import { r as a } from "./skeleton-Cu74kGJA.js";
-import { useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { motion as f, tokenKindSeries as p, tokenKindTint as m } from "@logicplanes/kaeso-tokens";
+import { s as r } from "./tooltip-OcwO0VUT.js";
+import { t as i } from "./observe-resize-DhxhmoyB.js";
+import { n as a } from "./button-CzuxqawA.js";
+import { r as o } from "./skeleton-Dcz57Zyp.js";
+import { forwardRef as s, useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { motion as h, tokenKindSeries as g, tokenKindTint as _ } from "@logicplanes/kaeso-tokens";
 //#region src/components/charts/core.tsx
-function h(e, t) {
+function v(e, t) {
 	return t.every(Number.isInteger) ? e.filter(Number.isInteger) : e;
 }
-var g = [
+var y = [
 	"var(--k-viz-1)",
 	"var(--k-viz-2)",
 	"var(--k-viz-3)",
@@ -20,7 +21,7 @@ var g = [
 	"var(--k-viz-6)",
 	"var(--k-viz-7)",
 	"var(--k-viz-8)"
-], _ = [
+], b = [
 	"var(--k-viz-thin-1)",
 	"var(--k-viz-thin-2)",
 	"var(--k-viz-thin-3)",
@@ -30,12 +31,12 @@ var g = [
 	"var(--k-viz-thin-7)",
 	"var(--k-viz-thin-8)"
 ];
-function v(e) {
+function x(e) {
 	let t = 2166136261;
 	for (let n = 0; n < e.length; n++) t = Math.imul(t ^ e.charCodeAt(n), 16777619);
 	return Math.abs(t);
 }
-var y = {
+var S = {
 	1: 6,
 	6: 1,
 	2: 5,
@@ -43,33 +44,33 @@ var y = {
 	3: 7,
 	7: 3
 };
-function b(e) {
-	return v(e) % g.length;
+function C(e) {
+	return x(e) % y.length;
 }
-function x(e) {
-	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = (e) => n.has(e) || y[e] !== void 0 && n.has(y[e]);
+function w(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = (e) => n.has(e) || S[e] !== void 0 && n.has(S[e]);
 	for (let i of e) {
 		if (t.has(i)) continue;
-		let e = b(i);
+		let e = C(i);
 		if (r(e)) {
-			let t = [...g.keys()];
+			let t = [...y.keys()];
 			e = t.find((e) => !r(e)) ?? t.find((e) => !n.has(e)) ?? e;
 		}
 		n.add(e), t.set(i, e);
 	}
 	return t;
 }
-function S(e, t = !1) {
-	return new Map([...x(e)].map(([e, n]) => [e, (t ? _ : g)[n]]));
+function T(e, t = !1) {
+	return new Map([...w(e)].map(([e, n]) => [e, (t ? b : y)[n]]));
 }
-var C = (e, t = !1) => (t ? _ : g)[b(e)], w = (e, t = !1) => m[e] ? "var(--k-viz-1-soft)" : (t ? _ : g)[p[e] - 1], T = [
+var E = (e, t = !1) => (t ? b : y)[C(e)], D = (e, t = !1) => _[e] ? "var(--k-viz-1-soft)" : (t ? b : y)[g[e] - 1], O = [
 	"input",
 	"cacheRead",
 	"cacheWrite",
 	"output",
 	"reasoning"
 ];
-function E(e, t = n) {
+function ee(e, t = n) {
 	switch (e) {
 		case "input": return t("tokenKind.input", "Input");
 		case "output": return t("tokenKind.output", "Output");
@@ -78,26 +79,26 @@ function E(e, t = n) {
 		case "reasoning": return t("tokenKind.reasoning", "Reasoning");
 	}
 }
-function D() {
-	let [e, t] = l(null), [n, i] = l({
+function te() {
+	let [e, t] = f(null), [n, r] = f({
 		width: 0,
 		height: 0
 	});
-	return s(() => {
+	return l(() => {
 		if (!e) return;
-		let t = () => i({
+		let t = () => r({
 			width: Math.round(e.clientWidth),
 			height: Math.round(e.clientHeight)
 		});
-		return t(), r([e], t);
+		return t(), i([e], t);
 	}, [e]), [t, n];
 }
-var O = (e) => 1 - (1 - e) ** 3, ee = () => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, k = (e, t, n) => n >= 1 ? t : t.map((t, r) => (e[r] ?? t) + (t - (e[r] ?? t)) * O(n));
-function A(e, t) {
-	return e.length === t.length && e.some((e) => e !== 0) && t.some((e) => e !== 0) && e.some((e, n) => e !== t[n]) && !ee();
+var k = (e) => 1 - (1 - e) ** 3, A = () => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, j = (e, t, n) => n >= 1 ? t : t.map((t, r) => (e[r] ?? t) + (t - (e[r] ?? t)) * k(n));
+function M(e, t) {
+	return e.length === t.length && e.some((e) => e !== 0) && t.some((e) => e !== 0) && e.some((e, n) => e !== t[n]) && !A();
 }
-function j(e, t = !1) {
-	let n = e.join(","), [r, i] = l({
+function N(e, t = !1) {
+	let n = e.join(","), [r, i] = f({
 		key: n,
 		from: e,
 		to: e,
@@ -105,8 +106,8 @@ function j(e, t = !1) {
 		still: t
 	}), a = r;
 	if (r.key !== n || r.still !== t) {
-		let o = k(r.from, r.to, r.t);
-		a = !t && !r.still && A(o, e) ? {
+		let o = j(r.from, r.to, r.t);
+		a = !t && !r.still && M(o, e) ? {
 			key: n,
 			from: o,
 			to: e,
@@ -120,21 +121,21 @@ function j(e, t = !1) {
 			still: t
 		}, i(a);
 	}
-	let s = a.t < 1;
-	return o(() => {
-		if (!s) return;
+	let o = a.t < 1;
+	return c(() => {
+		if (!o) return;
 		let e = performance.now(), t = 0, r = () => {
-			let a = Math.max(0, Math.min(1, (performance.now() - e) / f.duration.chart));
+			let a = Math.max(0, Math.min(1, (performance.now() - e) / h.duration.chart));
 			i((e) => e.key === n ? {
 				...e,
 				t: a
 			} : e), a < 1 && (t = requestAnimationFrame(r));
 		};
 		return t = requestAnimationFrame(r), () => cancelAnimationFrame(t);
-	}, [n, s]), k(a.from, a.to, a.t);
+	}, [n, o]), j(a.from, a.to, a.t);
 }
-function M(e, t, n = !1) {
-	let r = e.some((e) => e !== 0), i = j(r ? [...e, t] : e, n);
+function P(e, t, n = !1) {
+	let r = e.some((e) => e !== 0), i = N(r ? [...e, t] : e, n);
 	return r ? {
 		values: i.slice(0, -1),
 		top: i[i.length - 1] ?? t
@@ -143,82 +144,84 @@ function M(e, t, n = !1) {
 		top: t
 	};
 }
-function N({ label: n, height: r, children: o, table: s, legend: c, state: f = {}, className: p, toggle: m = !0 }) {
-	let [h, g] = l(!1), _ = t();
-	return /* @__PURE__ */ d("figure", {
-		className: e("@container flex min-w-0 flex-col gap-12", p),
+var F = /* @__PURE__ */ s(function({ label: n, height: r, children: i, table: s, legend: c, state: l = {}, className: u, toggle: d = !0 }, h) {
+	let [g, _] = f(!1), v = t();
+	return /* @__PURE__ */ m("figure", {
+		ref: h,
+		className: e("@container flex min-w-0 flex-col gap-12", u),
 		"aria-label": n,
 		children: [
-			f.error ? /* @__PURE__ */ d("div", {
+			l.error ? /* @__PURE__ */ m("div", {
 				className: "flex flex-col items-center justify-center gap-8 text-center",
 				style: { height: r },
-				children: [/* @__PURE__ */ u("p", {
+				children: [/* @__PURE__ */ p("p", {
 					role: "alert",
 					className: "text-body text-fg-secondary",
-					children: _("chartFrame.loadFailed", "Couldn't load this chart")
-				}), f.onRetry && /* @__PURE__ */ u(i, {
+					children: v("chartFrame.loadFailed", "Couldn't load this chart")
+				}), l.onRetry && /* @__PURE__ */ p(a, {
 					size: "sm",
-					onClick: f.onRetry,
-					children: _("chartFrame.tryAgain", "Try again")
+					onClick: l.onRetry,
+					children: v("chartFrame.tryAgain", "Try again")
 				})]
-			}) : h && s ? /* @__PURE__ */ u("div", {
+			}) : g && s ? /* @__PURE__ */ p("div", {
 				className: "overflow-auto scrollbar-quiet",
 				style: { minHeight: r },
-				children: /* @__PURE__ */ u(P, { table: s })
-			}) : /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ p(I, { table: s })
+			}) : /* @__PURE__ */ m("div", {
 				className: "relative",
 				style: { height: r },
 				children: [
-					f.loading && f.empty ? /* @__PURE__ */ u(a, { className: "absolute inset-0" }) : o,
-					f.loading && !f.empty && /* @__PURE__ */ u(a, { className: "absolute inset-x-0 bottom-0 h-2 rounded-pill" }),
-					f.empty && !f.loading && /* @__PURE__ */ u("div", {
+					l.loading && l.empty ? /* @__PURE__ */ p(o, { className: "absolute inset-0" }) : i,
+					l.loading && !l.empty && /* @__PURE__ */ p(o, { className: "absolute inset-x-0 bottom-0 h-2 rounded-pill" }),
+					l.empty && !l.loading && /* @__PURE__ */ p("div", {
 						className: "absolute inset-0 flex items-center justify-center text-body text-fg-secondary",
-						children: f.emptyText ?? _("chartFrame.noData", "No data for this period")
+						children: l.emptyText ?? v("chartFrame.noData", "No data for this period")
 					})
 				]
 			}),
-			(c || m && s) && /* @__PURE__ */ d("div", {
+			(c || d && s) && /* @__PURE__ */ m("div", {
 				className: "flex flex-col gap-8 @chart-legend:flex-row @chart-legend:gap-12",
-				children: [!h && c && /* @__PURE__ */ u("div", {
+				children: [!g && c && /* @__PURE__ */ p("div", {
 					className: "min-w-0 @chart-legend:flex-1",
 					children: c
-				}), m && s && /* @__PURE__ */ u("button", {
+				}), d && s && /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: () => g((e) => !e),
-					"aria-pressed": h,
+					onClick: () => _((e) => !e),
+					"aria-pressed": g,
 					className: "relative ml-auto inline-flex h-28 shrink-0 cursor-pointer items-center self-end rounded-pill px-10 text-small font-medium text-fg-secondary transition-control hover:bg-fill-1 hover:text-fg focus-ring tap-target",
-					children: h ? _("chartFrame.viewAsChart", "View as chart") : _("chartFrame.viewAsTable", "View as table")
+					children: g ? v("chartFrame.viewAsChart", "View as chart") : v("chartFrame.viewAsTable", "View as table")
 				})]
 			}),
-			s && !h && /* @__PURE__ */ u("div", {
+			s && !g && /* @__PURE__ */ p("div", {
 				className: "sr-only",
-				children: /* @__PURE__ */ u(P, {
+				children: /* @__PURE__ */ p(I, {
 					table: s,
 					caption: n
 				})
 			})
 		]
 	});
-}
-function P({ table: t, caption: n }) {
-	return /* @__PURE__ */ d("table", {
+});
+process.env.NODE_ENV !== "production" && (F.displayName = "ChartFrame");
+function I({ table: t, caption: n }) {
+	return /* @__PURE__ */ m("table", {
 		className: "w-full text-body",
 		children: [
-			n && /* @__PURE__ */ u("caption", {
+			n && /* @__PURE__ */ p("caption", {
 				className: "sr-only",
 				children: n
 			}),
-			/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ u("tr", {
+			/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ p("tr", {
 				className: "hairline-b-strong",
-				children: t.columns.map((t, n) => /* @__PURE__ */ u("th", {
+				children: t.columns.map((t, n) => /* @__PURE__ */ p("th", {
 					scope: "col",
 					className: e("h-36 px-12 text-caption font-medium text-fg-secondary first:pl-0", n > 0 ? "text-right" : "text-left"),
 					children: t
 				}, t))
 			}) }),
-			/* @__PURE__ */ u("tbody", { children: t.rows.map((t, n) => /* @__PURE__ */ u("tr", {
+			/* @__PURE__ */ p("tbody", { children: t.rows.map((t, n) => /* @__PURE__ */ p("tr", {
 				className: "hairline-b",
-				children: t.map((t, n) => /* @__PURE__ */ u("td", {
+				children: t.map((t, n) => /* @__PURE__ */ p("td", {
 					className: e("h-36 px-12 first:pl-0", n > 0 ? "text-right tabular" : "text-left"),
 					children: t
 				}, n))
@@ -226,16 +229,17 @@ function P({ table: t, caption: n }) {
 		]
 	});
 }
-function F({ color: t, shape: n = "square", off: r }) {
-	return /* @__PURE__ */ u("span", {
+var L = /* @__PURE__ */ s(function({ color: t, shape: n = "square", off: r }, i) {
+	return /* @__PURE__ */ p("span", {
+		ref: i,
 		"aria-hidden": !0,
 		className: e("shrink-0 transition-control", n === "line" ? "h-2 w-12 rounded-pill" : "size-10 rounded-bar", r && "opacity-30"),
 		style: { background: t }
 	});
-}
-process.env.NODE_ENV !== "production" && (F.displayName = "Swatch");
-var I = (e) => (t) => e(t).replace(/[.,]00(?=\D*$)/, "");
-function L(e, t, n = 4) {
+});
+process.env.NODE_ENV !== "production" && (L.displayName = "Swatch");
+var R = (e) => (t) => e(t).replace(/[.,]00(?=\D*$)/, "");
+function z(e, t, n = 4) {
 	for (let r = n; r >= 1; r--) {
 		let n = e.ticks(r);
 		if (new Set(n.map(t)).size === n.length) return n;
@@ -243,29 +247,29 @@ function L(e, t, n = 4) {
 	let [r = 0, i = 0] = e.domain();
 	return t(r) === t(i) ? [r] : [r, i];
 }
-function R(e) {
+function B(e) {
 	if (e instanceof Date) return Number.isNaN(e.getTime()) ? NaN : Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()) / 864e5;
 	let t = /^(\d{4})-(\d{2})-(\d{2})/.exec(e);
 	return t ? Date.UTC(Number(t[1]), Number(t[2]) - 1, Number(t[3])) / 864e5 : NaN;
 }
-var z = (e) => (/* @__PURE__ */ new Date(e * 864e5)).getUTCFullYear();
-function B(e) {
-	let t = e.map(R), n = [];
+var V = (e) => (/* @__PURE__ */ new Date(e * 864e5)).getUTCFullYear();
+function H(e) {
+	let t = e.map(B), n = [];
 	return t.forEach((e, r) => {
 		let i = r > 0 ? t[r - 1] : t.length > 1 ? 2 * e - t[1] : NaN;
-		Number.isFinite(e) && Number.isFinite(i) && z(e) !== z(i) && n.push(r);
+		Number.isFinite(e) && Number.isFinite(i) && V(e) !== V(i) && n.push(r);
 	}), n;
 }
-var V = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\u3000-\u303f\uff00-\uffef]/u;
-function H(e) {
+var U = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\u3000-\u303f\uff00-\uffef]/u;
+function W(e) {
 	let t = 0;
-	for (let n of e) t += V.test(n) ? 1 : /\p{Lu}/u.test(n) ? .8 : /\p{Ll}/u.test(n) ? .6 : /\p{Nd}/u.test(n) ? .66 : /\s/.test(n) ? .3 : .4;
-	return t * J.label.fontSize;
+	for (let n of e) t += U.test(n) ? 1 : /\p{Lu}/u.test(n) ? .8 : /\p{Ll}/u.test(n) ? .6 : /\p{Nd}/u.test(n) ? .66 : /\s/.test(n) ? .3 : .4;
+	return t * X.label.fontSize;
 }
-var U = 8;
-function W(e, t) {
+var G = 8;
+function K(e, t) {
 	let n = e.map((e) => {
-		let n = H(e.label), r = e.at - n / 2 < 0 ? "start" : e.at + n / 2 > t ? "end" : "middle", i = r === "start" ? Math.max(e.at, 0) : e.at, a = r === "start" ? i : r === "end" ? i - n : i - n / 2;
+		let n = W(e.label), r = e.at - n / 2 < 0 ? "start" : e.at + n / 2 > t ? "end" : "middle", i = r === "start" ? Math.max(e.at, 0) : e.at, a = r === "start" ? i : r === "end" ? i - n : i - n / 2;
 		return {
 			key: e.key,
 			x: i,
@@ -274,7 +278,7 @@ function W(e, t) {
 			left: a,
 			right: a + n
 		};
-	}), r = (e, t) => !e || !t || e.right + U <= t.left;
+	}), r = (e, t) => !e || !t || e.right + G <= t.left;
 	n.length > 2 && !r(n[0], n[1]) && n.splice(1, 1), n.length > 2 && !r(n[n.length - 2], n[n.length - 1]) && n.splice(n.length - 2, 1);
 	let i = [];
 	for (let e of n) r(i[i.length - 1], e) && i.push(e);
@@ -285,13 +289,13 @@ function W(e, t) {
 		label: r
 	}));
 }
-function G(e, t, n = {
+function q(e, t, n = {
 	start: Infinity,
 	end: Infinity
 }, r) {
 	let i = e.length;
 	if (i === 0) return [];
-	let a = (r) => H(e[r]) / 2 <= Math.min(n.start + r * t, n.end + (i - 1 - r) * t) + 1e-6, o = Math.max(48, Math.max(...e.map(H)) + 16), s = t > 0 ? Math.max(1, Math.ceil(o / t - 1e-6)) : i, c = r && r.length === i ? B(r) : [], l = s;
+	let a = (r) => W(e[r]) / 2 <= Math.min(n.start + r * t, n.end + (i - 1 - r) * t) + 1e-6, o = Math.max(48, Math.max(...e.map(W)) + 16), s = t > 0 ? Math.max(1, Math.ceil(o / t - 1e-6)) : i, c = r && r.length === i ? H(r) : [], l = s;
 	for (let e = s; s > 1 && e <= s * 2; e++) if (c.every((t) => (t - c[0]) % e === 0)) {
 		l = e;
 		break;
@@ -310,14 +314,15 @@ function G(e, t, n = {
 	for (let e = d; e < i; e += l) a(e) && f.push(e);
 	return f;
 }
-function K({ items: n, hidden: r, onToggle: i, onHover: a, shape: o = "square" }) {
-	let s = t();
-	return /* @__PURE__ */ u("ul", {
+var J = /* @__PURE__ */ s(function({ items: n, hidden: r, onToggle: i, onHover: a, shape: o = "square" }, s) {
+	let c = t();
+	return /* @__PURE__ */ p("ul", {
+		ref: s,
 		className: "flex flex-wrap items-center gap-4",
-		"aria-label": s("chartLegend.label", "Legend"),
+		"aria-label": c("chartLegend.label", "Legend"),
 		children: n.map((t) => {
 			let n = r?.has(t.id);
-			return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d(i ? "button" : "span", {
+			return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m(i ? "button" : "span", {
 				...i ? {
 					type: "button",
 					"aria-pressed": !n,
@@ -329,13 +334,13 @@ function K({ items: n, hidden: r, onToggle: i, onHover: a, shape: o = "square" }
 				onBlur: () => a?.(null),
 				className: e("inline-flex h-28 items-center gap-8 rounded-pill px-10 text-small font-medium transition-control", i && "relative cursor-pointer hover:bg-fill-1 focus-ring tap-target", n ? "text-fg-tertiary" : "text-fg"),
 				children: [
-					/* @__PURE__ */ u(F, {
+					/* @__PURE__ */ p(L, {
 						color: t.color,
 						shape: o,
 						off: n
 					}),
 					t.label,
-					t.value !== void 0 && /* @__PURE__ */ u("span", {
+					t.value !== void 0 && /* @__PURE__ */ p("span", {
 						className: "text-fg-secondary tabular",
 						children: t.value
 					})
@@ -343,47 +348,47 @@ function K({ items: n, hidden: r, onToggle: i, onHover: a, shape: o = "square" }
 			}) }, t.id);
 		})
 	});
-}
-process.env.NODE_ENV !== "production" && (K.displayName = "Legend");
-function q({ x: t, xLeft: n = t, y: r, width: i, heading: a, rows: o, visible: f }) {
-	let p = c(null), [m, h] = l(0);
-	s(() => {
-		let e = p.current?.offsetWidth ?? 0;
-		e !== m && h(e);
+});
+process.env.NODE_ENV !== "production" && (J.displayName = "Legend");
+var Y = /* @__PURE__ */ s(function({ x: t, xLeft: n = t, y: i, width: a, heading: o, rows: s, visible: c }, h) {
+	let g = d(null), _ = u(() => r(g, h), [h]), [v, y] = f(0);
+	l(() => {
+		let e = g.current?.offsetWidth ?? 0;
+		e !== v && y(e);
 	}, [
-		m,
-		a,
+		v,
 		o,
-		f
+		s,
+		c
 	]);
-	let g = t > i / 2, _ = g ? n - 16 - m : t + 16, v = m ? Math.round(Math.max(0, Math.min(_, i - m))) : void 0;
-	return /* @__PURE__ */ d("div", {
-		ref: p,
+	let b = t > a / 2, x = b ? n - 16 - v : t + 16, S = v ? Math.round(Math.max(0, Math.min(x, a - v))) : void 0;
+	return /* @__PURE__ */ m("div", {
+		ref: _,
 		role: "presentation",
 		"aria-hidden": !0,
-		className: e("pointer-events-none absolute z-10 w-max min-w-200 max-w-360 rounded-tooltip bg-raised p-10 text-small shadow-raised opacity-motion", f && m ? "opacity-100" : "opacity-0"),
+		className: e("pointer-events-none absolute z-10 w-max min-w-200 max-w-360 rounded-tooltip bg-raised p-10 text-small shadow-raised opacity-motion", c && v ? "opacity-100" : "opacity-0"),
 		style: {
-			...v === void 0 ? g ? { right: Math.round(i - n + 16) } : { left: Math.round(t + 16) } : { left: v },
-			top: Math.round(Math.max(0, r - 24))
+			...S === void 0 ? b ? { right: Math.round(a - n + 16) } : { left: Math.round(t + 16) } : { left: S },
+			top: Math.round(Math.max(0, i - 24))
 		},
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "mb-6 text-caption font-medium text-fg tabular",
-			children: a
-		}), /* @__PURE__ */ u("div", {
+			children: o
+		}), /* @__PURE__ */ p("div", {
 			className: "flex flex-col gap-4",
-			children: o.map((e) => /* @__PURE__ */ d("div", {
+			children: s.map((e) => /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-8",
 				children: [
-					/* @__PURE__ */ u(F, { color: e.color }),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ p(L, { color: e.color }),
+					/* @__PURE__ */ p("span", {
 						className: "min-w-0 flex-1 truncate pr-12 text-fg-secondary",
 						children: e.label
 					}),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ p("span", {
 						className: "font-medium text-fg tabular",
 						children: e.value
 					}),
-					e.share !== void 0 && /* @__PURE__ */ u("span", {
+					e.share !== void 0 && /* @__PURE__ */ p("span", {
 						className: "w-40 text-right text-fg-tertiary tabular",
 						children: e.share
 					})
@@ -391,9 +396,9 @@ function q({ x: t, xLeft: n = t, y: r, width: i, heading: a, rows: o, visible: f
 			}, e.id))
 		})]
 	});
-}
-process.env.NODE_ENV !== "production" && (q.displayName = "ChartTooltip");
-var J = {
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "ChartTooltip");
+var X = {
 	grid: {
 		stroke: "var(--k-line)",
 		strokeDasharray: "3 3",
@@ -409,8 +414,8 @@ var J = {
 		fontWeight: 500,
 		style: { fontVariantNumeric: "tabular-nums" }
 	}
-}, Y = { chrome: { default: { classes: "" } } }, X = { chrome: "default" };
-function Z(e, t, n, { vertical: r = !1, start: i = n - 1 } = {}) {
+}, Z = { chrome: { default: { classes: "" } } }, ne = { chrome: "default" };
+function Q(e, t, n, { vertical: r = !1, start: i = n - 1 } = {}) {
 	if (n <= 0) return;
 	let a = r ? "ArrowUp" : "ArrowLeft", o = r ? "ArrowDown" : "ArrowRight";
 	if (e === a) return t === null ? i : Math.max(0, t - 1);
@@ -419,8 +424,8 @@ function Z(e, t, n, { vertical: r = !1, start: i = n - 1 } = {}) {
 	if (e === "End") return n - 1;
 	if (e === "Escape") return t === null ? void 0 : null;
 }
-function Q(e, t = {}) {
-	let [n, r] = l(null), i = t.start ?? e - 1;
+function re(e, t = {}) {
+	let [n, r] = f(null), i = t.start ?? e - 1;
 	return {
 		index: n !== null && n < e ? n : null,
 		props: {
@@ -435,7 +440,7 @@ function Q(e, t = {}) {
 			},
 			onBlur: () => r(null),
 			onKeyDown: (a) => {
-				let o = Z(a.key, n, e, {
+				let o = Q(a.key, n, e, {
 					vertical: !!t.vertical,
 					start: i
 				});
@@ -444,16 +449,17 @@ function Q(e, t = {}) {
 		}
 	};
 }
-function $({ children: e }) {
-	return /* @__PURE__ */ u("div", {
+var $ = /* @__PURE__ */ s(function({ children: e }, t) {
+	return /* @__PURE__ */ p("div", {
+		ref: t,
 		className: "sr-only",
 		"aria-live": "polite",
 		"aria-atomic": !0,
 		children: e
 	});
-}
+});
 process.env.NODE_ENV !== "production" && ($.displayName = "ChartLive");
-var te = (e, t, r = n) => r("chart.liveLine", "{heading}: {values}", {
+var ie = (e, t, r = n) => r("chart.liveLine", "{heading}: {values}", {
 	heading: String(e),
 	values: t.map((e) => r("chart.liveValue", "{label} {value}", {
 		label: String(e.label),
@@ -461,6 +467,6 @@ var te = (e, t, r = n) => r("chart.liveLine", "{heading}: {values}", {
 	})).join(r("chart.listSeparator", ", "))
 });
 //#endregion
-export { h as A, w as C, D, Q as E, j as O, I as S, A as T, W as _, X as a, S as b, F as c, _ as d, x as f, te as g, H as h, q as i, B as j, M as k, T as l, Z as m, N as n, Y as o, G as p, $ as r, K as s, J as t, g as u, L as v, E as w, b as x, C as y };
+export { v as A, D as C, te as D, re as E, N as O, R as S, M as T, K as _, ne as a, T as b, L as c, b as d, w as f, ie as g, W as h, Y as i, H as j, P as k, O as l, Q as m, F as n, Z as o, q as p, $ as r, J as s, X as t, y as u, z as v, ee as w, C as x, E as y };
 
-//# sourceMappingURL=core-FtMDNELx.js.map
+//# sourceMappingURL=core-BYns5ytV.js.map