@rinzai/zen 0.6.1 → 0.7.1

package/dist/chart/index.js

@@ -1,103 +1,104 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { ChartTooltipCard as t, Key as n } from "./tooltip.js";
-import r from "./donut.js";
-import { Children as i, isValidElement as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { paletteColor as t } from "./palette.js";
+import { ChartTooltipCard as n, Key as r } from "./tooltip.js";
+import i from "./donut.js";
+import { Children as a, isValidElement as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region packages/chart/index.tsx
-var m = () => null, h = () => null, g = () => null, _ = () => null, ee = /* @__PURE__ */ new Map([
-	[m, "area"],
-	[h, "line"],
-	[g, "bar"]
-]), v = {
+var h = () => null, g = () => null, _ = () => null, v = () => null, ee = /* @__PURE__ */ new Map([
+	[h, "area"],
+	[g, "line"],
+	[_, "bar"]
+]), y = {
 	top: 12,
 	right: 8,
 	bottom: 26
-}, y = 11;
-function b({ data: n, x: r, label: o, summary: m, height: h = 240, formatX: g = String, formatY: b = D, formatTooltipX: E, renderTooltip: k, legend: A, className: j, children: M }) {
-	let N = s().replace(/[^\w-]/g, ""), P = l(null), F = w(P), [I, L] = u(null), [R, z] = u(null), B = c(() => {
-		let e = i.toArray(M).filter(a), t = 0, o = [], s = [];
-		for (let n of e) {
-			n.type === _ && s.push(n.props);
-			let e = ee.get(n.type);
+}, b = 11;
+function x({ data: r, x: i, label: s, summary: h, height: g = 240, formatX: _ = String, formatY: x = O, formatTooltipX: D, renderTooltip: A, legend: j, palette: M = "chart", className: N, children: ie }) {
+	let P = c().replace(/[^\w-]/g, ""), F = u(null), I = T(F), [L, R] = d(null), [z, B] = d(null), V = l(() => {
+		let e = a.toArray(ie).filter(o), n = e.filter((e) => ee.has(e.type)).length, s = [], c = [];
+		for (let r of e) {
+			r.type === v && c.push(r.props);
+			let e = ee.get(r.type);
 			if (!e) continue;
-			let r = n.props;
-			t++, o.push({
-				...r,
+			let i = r.props;
+			s.push({
+				...i,
 				kind: e,
-				color: r.color ?? `var(--chart-${Math.min(t, 8)})`
+				color: i.color ?? t(M, s.length, n)
 			});
 		}
-		let c = n, l = o.flatMap((e) => c.map((t) => x(t, e.dataKey))).filter((e) => e !== null);
-		for (let e of s) e.y !== void 0 && l.push(e.y);
-		o.some((e) => e.kind !== "line") && l.push(0);
-		let u = T(l.length ? Math.min(...l) : 0, l.length ? Math.max(...l) : 1), [m, S] = [u[0], u[u.length - 1]], C = u.map((e) => b(e)), w = Math.ceil(Math.max(...C.map((e) => e.length)) * y * .62) + 10, E = Math.max(0, F - w - v.right), D = Math.max(0, h - v.top - v.bottom), O = c.length, k = o.filter((e) => e.kind === "bar"), A = k.length > 0 || O === 1, j = O ? A ? E / O : E / (O - 1) : 0, P = (e) => w + (A ? (e + .5) * j : e * j), I = (e) => v.top + (S === m ? D / 2 : (S - e) / (S - m) * D), L = I(Math.min(Math.max(0, m), S)), R = k.length ? Math.max(2, Math.min(24, j * .72 / k.length - 2)) : 0, z = (e, t) => P(e) - (k.length * (R + 2) - 2) / 2 + t * (R + 2), B = c.map((e) => g(e[r])), V = Math.max(1, ...B.map((e) => e.length)) * y * .6 + 12, H = j ? Math.max(1, Math.ceil(V / j)) : 1;
+		let l = r, u = s.flatMap((e) => l.map((t) => S(t, e.dataKey))).filter((e) => e !== null);
+		for (let e of c) e.y !== void 0 && u.push(e.y);
+		s.some((e) => e.kind !== "line") && u.push(0);
+		let d = E(u.length ? Math.min(...u) : 0, u.length ? Math.max(...u) : 1), [h, C] = [d[0], d[d.length - 1]], w = d.map((e) => x(e)), T = Math.ceil(Math.max(...w.map((e) => e.length)) * b * .62) + 10, D = Math.max(0, I - T - y.right), O = Math.max(0, g - y.top - y.bottom), k = l.length, A = s.filter((e) => e.kind === "bar"), j = A.length > 0 || k === 1, N = k ? j ? D / k : D / (k - 1) : 0, F = (e) => T + (j ? (e + .5) * N : e * N), L = (e) => y.top + (C === h ? O / 2 : (C - e) / (C - h) * O), R = L(Math.min(Math.max(0, h), C)), z = A.length ? Math.max(2, Math.min(24, N * .72 / A.length - 2)) : 0, B = (e, t) => F(e) - (A.length * (z + 2) - 2) / 2 + t * (z + 2), V = l.map((e) => _(e[i])), H = Math.max(1, ...V.map((e) => e.length)) * b * .6 + 12, U = N ? Math.max(1, Math.ceil(H / N)) : 1;
 		return {
-			series: o,
-			rows: c,
-			n: O,
-			bars: k,
-			banded: A,
-			step: j,
-			left: w,
-			plotH: D,
-			cx0: P,
-			cy: I,
-			base: L,
-			barW: R,
-			barX: z,
-			back: /* @__PURE__ */ p(d, { children: [
-				/* @__PURE__ */ f("defs", { children: o.map((e, t) => e.kind === "area" ? /* @__PURE__ */ p("linearGradient", {
-					id: `${N}-fill-${t}`,
+			series: s,
+			rows: l,
+			n: k,
+			bars: A,
+			banded: j,
+			step: N,
+			left: T,
+			plotH: O,
+			cx0: F,
+			cy: L,
+			base: R,
+			barW: z,
+			barX: B,
+			back: /* @__PURE__ */ m(f, { children: [
+				/* @__PURE__ */ p("defs", { children: s.map((e, t) => e.kind === "area" ? /* @__PURE__ */ m("linearGradient", {
+					id: `${P}-fill-${t}`,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ f("stop", {
+					children: [/* @__PURE__ */ p("stop", {
 						offset: "0%",
 						style: { stopColor: e.color },
 						stopOpacity: e.dashed ? .16 : .32
-					}), /* @__PURE__ */ f("stop", {
+					}), /* @__PURE__ */ p("stop", {
 						offset: "100%",
 						style: { stopColor: e.color },
 						stopOpacity: 0
 					})]
 				}, t) : null) }),
-				u.map((e, t) => /* @__PURE__ */ p("g", { children: [/* @__PURE__ */ f("line", {
-					x1: w,
-					x2: w + E,
-					y1: I(e),
-					y2: I(e),
+				d.map((e, t) => /* @__PURE__ */ m("g", { children: [/* @__PURE__ */ p("line", {
+					x1: T,
+					x2: T + D,
+					y1: L(e),
+					y2: L(e),
 					className: "stroke-tint/[0.07]",
 					shapeRendering: "crispEdges"
-				}), /* @__PURE__ */ f("text", {
-					x: w - 8,
-					y: I(e),
+				}), /* @__PURE__ */ p("text", {
+					x: T - 8,
+					y: L(e),
 					dy: "0.32em",
 					textAnchor: "end",
 					className: "fill-muted-foreground tabular-nums",
-					style: { fontSize: y },
-					children: C[t]
+					style: { fontSize: b },
+					children: w[t]
 				})] }, e)),
-				B.map((e, t) => t % H === 0 ? /* @__PURE__ */ f("text", {
-					x: P(t),
-					y: h - 8,
-					textAnchor: !k.length && O > 1 && t === 0 ? "start" : !k.length && t === O - 1 ? "end" : "middle",
+				V.map((e, t) => t % U === 0 ? /* @__PURE__ */ p("text", {
+					x: F(t),
+					y: g - 8,
+					textAnchor: !A.length && k > 1 && t === 0 ? "start" : !A.length && t === k - 1 ? "end" : "middle",
 					className: "fill-muted-foreground",
-					style: { fontSize: y },
+					style: { fontSize: b },
 					children: e
 				}, t) : null)
 			] }),
-			front: /* @__PURE__ */ p(d, { children: [o.map((e, t) => e.kind === "bar" ? null : te(c.map((t, n) => {
-				let r = x(t, e.dataKey);
-				return r === null ? null : [P(n), I(r)];
+			front: /* @__PURE__ */ m(f, { children: [s.map((e, t) => e.kind === "bar" ? null : te(l.map((t, n) => {
+				let r = S(t, e.dataKey);
+				return r === null ? null : [F(n), L(r)];
 			})).map((n, r) => {
 				let i = (e.curve === "linear" ? ne : re)(n);
-				return /* @__PURE__ */ p("g", { children: [e.kind === "area" && /* @__PURE__ */ f("path", {
-					d: `${i}L${n[n.length - 1][0]},${L}L${n[0][0]},${L}Z`,
-					fill: `url(#${N}-fill-${t})`,
+				return /* @__PURE__ */ m("g", { children: [e.kind === "area" && /* @__PURE__ */ p("path", {
+					d: `${i}L${n[n.length - 1][0]},${R}L${n[0][0]},${R}Z`,
+					fill: `url(#${P}-fill-${t})`,
 					className: "zen__chart-fade"
-				}), /* @__PURE__ */ f("path", {
+				}), /* @__PURE__ */ p("path", {
 					d: i,
 					fill: "none",
 					strokeWidth: e.kind === "area" && !e.dashed ? 2.5 : 2,
@@ -108,158 +109,159 @@ function b({ data: n, x: r, label: o, summary: m, height: h = 240, formatX: g =
 					className: e.dashed ? "zen__chart-fade" : "zen__chart-draw",
 					style: { stroke: e.color }
 				})] }, `${t}-${r}`);
-			})), s.map((e, t) => {
+			})), c.map((e, t) => {
 				let n = e.tone === "destructive" ? "stroke-destructive/45" : "stroke-muted-foreground/60";
-				if (e.y !== void 0) return /* @__PURE__ */ f("line", {
-					x1: w,
-					x2: w + E,
-					y1: I(e.y),
-					y2: I(e.y),
+				if (e.y !== void 0) return /* @__PURE__ */ p("line", {
+					x1: T,
+					x2: T + D,
+					y1: L(e.y),
+					y2: L(e.y),
 					className: n,
 					strokeDasharray: e.dashed ? "3 4" : void 0,
 					shapeRendering: "crispEdges"
 				}, t);
-				let i = c.findIndex((t) => t[r] === e.x);
-				if (i < 0) return null;
-				let a = !!e.label && P(i) - 6 - e.label.length * y * .6 < w;
-				return /* @__PURE__ */ p("g", { children: [/* @__PURE__ */ f("line", {
-					x1: P(i),
-					x2: P(i),
-					y1: v.top,
-					y2: v.top + D,
+				let r = l.findIndex((t) => t[i] === e.x);
+				if (r < 0) return null;
+				let a = !!e.label && F(r) - 6 - e.label.length * b * .6 < T;
+				return /* @__PURE__ */ m("g", { children: [/* @__PURE__ */ p("line", {
+					x1: F(r),
+					x2: F(r),
+					y1: y.top,
+					y2: y.top + O,
 					className: n,
 					strokeDasharray: e.dashed === !1 ? void 0 : "3 4"
-				}), e.label && /* @__PURE__ */ f("text", {
-					x: P(i) + (a ? 6 : -6),
-					y: v.top + 4,
+				}), e.label && /* @__PURE__ */ p("text", {
+					x: F(r) + (a ? 6 : -6),
+					y: y.top + 4,
 					dy: "0.7em",
 					textAnchor: a ? "start" : "end",
 					className: "fill-muted-foreground",
-					style: { fontSize: y },
+					style: { fontSize: b },
 					children: e.label
 				})] }, t);
 			})] })
 		};
 	}, [
-		M,
-		n,
+		ie,
 		r,
-		F,
-		h,
+		i,
+		I,
 		g,
-		b,
-		N
-	]), { series: V, rows: H, n: U, bars: W, banded: ie, step: G, left: K, plotH: q, cx0: J, cy: Y, base: X, barW: Z, barX: ae } = B, oe = c(() => W.map((e, t) => H.map((n, r) => {
-		let i = x(n, e.dataKey);
+		_,
+		x,
+		P,
+		M
+	]), { series: H, rows: U, n: W, bars: G, banded: ae, step: K, left: q, plotH: J, cx0: Y, cy: X, base: Z, barW: oe, barX: se } = V, ce = l(() => G.map((e, t) => U.map((n, r) => {
+		let i = S(n, e.dataKey);
 		if (i === null) return null;
-		let a = Y(i), o = Math.abs(X - a), s = i < 0;
-		return /* @__PURE__ */ f("path", {
-			d: O(ae(r, t), s ? X : a, Z, o, s),
+		let a = X(i), o = Math.abs(Z - a), s = i < 0;
+		return /* @__PURE__ */ p("path", {
+			d: k(se(r, t), s ? Z : a, oe, o, s),
 			"data-negative": s || void 0,
 			className: "zen__chart-grow transition-opacity duration-200",
 			style: {
 				fill: e.color,
-				opacity: (e.dim?.(n, r) ? .35 : .9) * (I !== null && I !== r ? .7 : 1),
+				opacity: (e.dim?.(n, r) ? .35 : .9) * (L !== null && L !== r ? .7 : 1),
 				animationDelay: `${Math.min(r * 25, 400)}ms`
 			}
 		}, `${t}-${r}`);
 	})), [
-		W,
-		H,
-		Y,
+		G,
+		U,
 		X,
-		ae,
 		Z,
-		I
-	]), se = c(() => /* @__PURE__ */ p("table", {
+		se,
+		oe,
+		L
+	]), le = l(() => /* @__PURE__ */ m("table", {
 		className: "sr-only",
 		children: [
-			/* @__PURE__ */ f("caption", { children: o }),
-			/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", { children: [/* @__PURE__ */ f("th", {
+			/* @__PURE__ */ p("caption", { children: s }),
+			/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", {
 				scope: "col",
-				children: String(r)
-			}), V.map((e) => /* @__PURE__ */ f("th", {
+				children: String(i)
+			}), H.map((e) => /* @__PURE__ */ p("th", {
 				scope: "col",
 				children: e.label
 			}, e.dataKey))] }) }),
-			/* @__PURE__ */ f("tbody", { children: H.map((e, t) => /* @__PURE__ */ p("tr", { children: [/* @__PURE__ */ f("th", {
+			/* @__PURE__ */ p("tbody", { children: U.map((e, t) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", {
 				scope: "row",
-				children: (E ?? g)(e[r])
-			}), V.map((t) => {
-				let n = x(e, t.dataKey);
-				return /* @__PURE__ */ f("td", { children: n === null ? "" : b(n) }, t.dataKey);
+				children: (D ?? _)(e[i])
+			}), H.map((t) => {
+				let n = S(e, t.dataKey);
+				return /* @__PURE__ */ p("td", { children: n === null ? "" : x(n) }, t.dataKey);
 			})] }, t)) })
 		]
 	}), [
-		o,
-		r,
-		V,
+		s,
+		i,
 		H,
-		E,
-		g,
-		b
-	]), ce = (e) => {
-		if (!U || !G) return null;
-		let t = ie ? Math.floor((e - K) / G) : Math.round((e - K) / G);
-		return Math.min(U - 1, Math.max(0, t));
-	}, le = (e) => {
+		U,
+		D,
+		_,
+		x
+	]), ue = (e) => {
+		if (!W || !K) return null;
+		let t = ae ? Math.floor((e - q) / K) : Math.round((e - q) / K);
+		return Math.min(W - 1, Math.max(0, t));
+	}, de = (e) => {
 		let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = Math.round(e.clientY - t.top);
-		L(ce(n)), z((e) => e?.y === r ? e : { y: r });
-	}, ue = (e) => {
-		if (!U) return;
+		R(ue(n)), B((e) => e?.y === r ? e : { y: r });
+	}, fe = (e) => {
+		if (!W) return;
 		let t = {
 			ArrowRight: 1,
 			ArrowLeft: -1
 		}[e.key];
-		if (e.key === "Escape") return L(null);
-		if (e.key === "Home" || e.key === "End") return e.preventDefault(), z(null), L(e.key === "Home" ? 0 : U - 1);
-		t && (e.preventDefault(), z(null), L((e) => e === null ? t > 0 ? 0 : U - 1 : Math.min(U - 1, Math.max(0, e + t))));
-	}, de = A ?? V.length > 1, Q = I === null ? null : H[I], $ = I === null ? 0 : J(I), fe = R?.y ?? v.top;
-	return /* @__PURE__ */ p("figure", {
-		"aria-label": o,
-		className: e("zen__chart m-0 flex flex-col gap-3", j),
+		if (e.key === "Escape") return R(null);
+		if (e.key === "Home" || e.key === "End") return e.preventDefault(), B(null), R(e.key === "Home" ? 0 : W - 1);
+		t && (e.preventDefault(), B(null), R((e) => e === null ? t > 0 ? 0 : W - 1 : Math.min(W - 1, Math.max(0, e + t))));
+	}, pe = j ?? (H.length > 1 || H.some((e) => e.dimLabel)), Q = L === null ? null : U[L], $ = L === null ? 0 : Y(L), me = z?.y ?? y.top;
+	return /* @__PURE__ */ m("figure", {
+		"aria-label": s,
+		className: e("zen__chart m-0 flex flex-col gap-3", N),
 		children: [
-			de && /* @__PURE__ */ f(S, { series: V }),
-			/* @__PURE__ */ p("div", {
-				ref: P,
+			pe && /* @__PURE__ */ p(C, { series: H }),
+			/* @__PURE__ */ m("div", {
+				ref: F,
 				tabIndex: 0,
-				"aria-label": `${o}: use the arrow keys to read values`,
-				onPointerMove: le,
+				"aria-label": `${s}: use the arrow keys to read values`,
+				onPointerMove: de,
 				onPointerLeave: () => {
-					L(null), z(null);
+					R(null), B(null);
 				},
-				onKeyDown: ue,
-				onBlur: () => L(null),
+				onKeyDown: fe,
+				onBlur: () => R(null),
 				className: "focus-visible:ring-ring/50 relative rounded-lg outline-hidden focus-visible:ring-2",
-				style: { height: h },
-				children: [F > 0 && /* @__PURE__ */ p("svg", {
-					width: F,
-					height: h,
+				style: { height: g },
+				children: [I > 0 && /* @__PURE__ */ m("svg", {
+					width: I,
+					height: g,
 					"aria-hidden": !0,
 					className: "block overflow-visible",
 					children: [
-						B.back,
-						I !== null && (W.length ? /* @__PURE__ */ f("rect", {
-							x: J(I) - G / 2,
-							y: v.top,
-							width: G,
-							height: q,
+						V.back,
+						L !== null && (G.length ? /* @__PURE__ */ p("rect", {
+							x: Y(L) - K / 2,
+							y: y.top,
+							width: K,
+							height: J,
 							className: "fill-tint/[0.04]"
-						}) : /* @__PURE__ */ f("line", {
+						}) : /* @__PURE__ */ p("line", {
 							x1: $,
 							x2: $,
-							y1: v.top,
-							y2: v.top + q,
+							y1: y.top,
+							y2: y.top + J,
 							className: "stroke-glow/40"
 						})),
-						oe,
-						B.front,
-						I !== null && V.map((e, t) => {
+						ce,
+						V.front,
+						L !== null && H.map((e, t) => {
 							if (e.kind === "bar") return null;
-							let n = x(H[I], e.dataKey);
-							return n === null ? null : /* @__PURE__ */ f("circle", {
+							let n = S(U[L], e.dataKey);
+							return n === null ? null : /* @__PURE__ */ p("circle", {
 								cx: $,
-								cy: Y(n),
+								cy: X(n),
 								r: 4,
 								strokeWidth: 2,
 								className: "stroke-card",
@@ -267,50 +269,58 @@ function b({ data: n, x: r, label: o, summary: m, height: h = 240, formatX: g =
 							}, t);
 						})
 					]
-				}), Q && I !== null && /* @__PURE__ */ f("div", {
+				}), Q && L !== null && /* @__PURE__ */ p("div", {
 					className: "pointer-events-none absolute top-0 z-10 transition-[translate] duration-75",
-					style: C($, fe, F, h),
-					children: k ? k(Q, I) : /* @__PURE__ */ f(t, {
-						title: (E ?? g)(Q[r]),
-						rows: V.map((e) => ({
+					style: w($, me, I, g),
+					children: A ? A(Q, L) : /* @__PURE__ */ p(n, {
+						title: (D ?? _)(Q[i]),
+						rows: H.map((e) => ({
 							s: e,
-							v: x(Q, e.dataKey)
+							v: S(Q, e.dataKey)
 						})).filter(({ v: e }) => e !== null).map(({ s: e, v: t }) => ({
 							label: e.label,
-							value: b(t),
+							value: x(t),
 							color: e.color,
 							dashed: e.dashed
 						}))
 					})
 				})]
 			}),
-			m && /* @__PURE__ */ f("figcaption", {
+			h && /* @__PURE__ */ p("figcaption", {
 				className: "sr-only",
-				children: m
+				children: h
 			}),
-			se
+			le
 		]
 	});
 }
-function x(e, t) {
+function S(e, t) {
 	let n = e[t];
 	return typeof n == "number" && Number.isFinite(n) ? n : null;
 }
-function S({ series: e }) {
-	return /* @__PURE__ */ f("ul", {
+function C({ series: e }) {
+	let t = e.filter((t, n) => t.dimLabel && e.findIndex((e) => e.dimLabel === t.dimLabel) === n);
+	return /* @__PURE__ */ m("ul", {
 		className: "text-muted-foreground flex flex-wrap gap-x-4 gap-y-1 text-xs",
 		"aria-label": "Legend",
-		children: e.map((e) => /* @__PURE__ */ p("li", {
+		children: [e.map((e) => /* @__PURE__ */ m("li", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ f(n, {
+			children: [/* @__PURE__ */ p(r, {
 				color: e.color,
 				dashed: e.dashed,
 				kind: e.kind
 			}), e.label]
-		}, e.dataKey))
+		}, e.dataKey)), t.map((e) => /* @__PURE__ */ m("li", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ p(r, {
+				color: e.color,
+				kind: "bar",
+				faded: !0
+			}), e.dimLabel]
+		}, `faded-${e.dimLabel}`))]
 	});
 }
-function C(e, t, n, r) {
+function w(e, t, n, r) {
 	let i = e > n / 2, a = Math.round(Math.min(Math.max(0, t - 20), r - 80));
 	return i ? {
 		right: 0,
@@ -320,24 +330,24 @@ function C(e, t, n, r) {
 		translate: `${Math.round(e + 12)}px ${a}px`
 	};
 }
-function w(e) {
-	let [t, n] = u(0);
-	return o(() => {
+function T(e) {
+	let [t, n] = d(0);
+	return s(() => {
 		let t = e.current;
 		if (!t || (n(t.clientWidth), typeof ResizeObserver > "u")) return;
 		let r = new ResizeObserver(() => n(t.clientWidth));
 		return r.observe(t), () => r.disconnect();
 	}, [e]), t;
 }
-function T(e, t, n = 5) {
+function E(e, t, n = 5) {
 	e === t && ([e, t] = e === 0 ? [0, 1] : [Math.min(0, e), Math.max(0, t)]);
 	let r = (t - e) / n, i = 10 ** Math.floor(Math.log10(r)), a = r / i, o = i * (a >= 7.5 ? 10 : a >= 3.5 ? 5 : a >= 1.5 ? 2 : 1), s = Math.floor(e / o), c = Math.ceil(t / o);
 	return Array.from({ length: c - s + 1 }, (e, t) => Number(((s + t) * o).toPrecision(12)));
 }
-var E = new Intl.NumberFormat("en", {
+var D = new Intl.NumberFormat("en", {
 	notation: "compact",
 	maximumFractionDigits: 1
-}), D = (e) => E.format(e);
+}), O = (e) => D.format(e);
 function te(e) {
 	let t = [], n = [];
 	for (let r of e) r ? n.push(r) : n.length && (t.push(n), n = []);
@@ -356,9 +366,9 @@ function re(e) {
 	}
 	return a;
 }
-function O(e, t, n, r, i) {
+function k(e, t, n, r, i) {
 	let a = Math.min(4, n / 2, r);
 	return i ? `M${e},${t}V${t + r - a}Q${e},${t + r} ${e + a},${t + r}H${e + n - a}Q${e + n},${t + r} ${e + n},${t + r - a}V${t}Z` : `M${e},${t + r}V${t + a}Q${e},${t} ${e + a},${t}H${e + n - a}Q${e + n},${t} ${e + n},${t + a}V${t + r}Z`;
 }
 //#endregion
-export { m as ChartArea, g as ChartBar, h as ChartLine, _ as ChartReference, t as ChartTooltipCard, r as DonutChart, b as default, T as niceTicks };
+export { h as ChartArea, _ as ChartBar, g as ChartLine, v as ChartReference, n as ChartTooltipCard, i as DonutChart, x as default, E as niceTicks, t as paletteColor };

package/dist/chart/palette.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Where a chart's colours come from when a series or item doesn't give its own:
+ * `chart`, the categorical palette (--chart-1…8, distinct hues); `glow`, shades
+ * of the theme's two glow colours, from the first to the second and deepening
+ * towards the background, for a chart in the theme's own colours (e.g. parts
+ * of one whole).
+ */
+export type ChartPalette = 'chart' | 'glow';
+/**
+ * The i-th (0-based) of n colours in the palette: what a chart draws its i-th
+ * series or item in, for a legend of your own beside it.
+ */
+export declare function paletteColor(palette: ChartPalette, i: number, n: number): string;
+//# sourceMappingURL=palette.d.ts.map

package/dist/chart/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../packages/chart/palette.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5C;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAKhF"}

package/dist/chart/palette.js

@@ -0,0 +1,9 @@
+"use client";
+//#region packages/chart/palette.ts
+function e(e, t, n) {
+	if (e === "chart") return `var(--chart-${Math.min(t + 1, 8)})`;
+	let r = n <= 1 ? 0 : t / (n - 1);
+	return `color-mix(in oklch, ${`color-mix(in oklch, oklch(var(--glow)), oklch(var(--glow-2)) ${Math.round(r * 100)}%)`}, oklch(var(--background)) ${Math.round(r * 45)}%)`;
+}
+//#endregion
+export { e as paletteColor };

package/dist/chart/tooltip.d.ts

@@ -6,11 +6,15 @@ export type Kind = 'area' | 'line' | 'bar';
  * show your own rows.
  */
 export declare function ChartTooltipCard({ title, rows, className }: ChartTooltipCardProps): import('react').JSX.Element;
-/** A series' key: a short line for lines (dashed if the series is), a rounded swatch for bars and areas. */
-export declare function Key({ color, dashed, kind }: {
+/**
+ * A series' key: a short line for lines (dashed if the series is), a rounded swatch for
+ * bars and areas; `faded` as a bar's dimmed rows are drawn.
+ */
+export declare function Key({ color, dashed, kind, faded, }: {
     color: string;
     dashed?: boolean;
     kind?: Kind;
+    faded?: boolean;
 }): import('react').JSX.Element;
 export interface ChartTooltipCardProps {
     title: ReactNode;

package/dist/chart/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../packages/chart/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAE3C;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAiBjF;AAED,4GAA4G;AAC5G,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAa,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,+BAiBrG;AAED,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../packages/chart/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAE3C;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAiBjF;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAChB,KAAK,EACL,MAAM,EACN,IAAa,EACb,KAAK,GACR,EAAE;IACC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,+BAuBA;AAED,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/chart/tooltip.js

@@ -26,8 +26,8 @@ function r({ title: r, rows: a, className: o }) {
 		})]
 	});
 }
-function i({ color: e, dashed: n, kind: r = "line" }) {
-	return r === "line" || n ? /* @__PURE__ */ t("svg", {
+function i({ color: n, dashed: r, kind: i = "line", faded: a }) {
+	return i === "line" || r ? /* @__PURE__ */ t("svg", {
 		viewBox: "0 0 12 4",
 		"aria-hidden": !0,
 		className: "h-1 w-3 shrink-0 overflow-visible",
@@ -38,13 +38,13 @@ function i({ color: e, dashed: n, kind: r = "line" }) {
 			y2: "2",
 			strokeWidth: "2",
 			strokeLinecap: "round",
-			strokeDasharray: n ? "3 3" : void 0,
-			style: { stroke: e }
+			strokeDasharray: r ? "3 3" : void 0,
+			style: { stroke: n }
 		})
 	}) : /* @__PURE__ */ t("span", {
 		"aria-hidden": !0,
-		className: "size-2.5 shrink-0 rounded-[3px]",
-		style: { background: e }
+		className: e("size-2.5 shrink-0 rounded-[3px]", a && "opacity-40"),
+		style: { background: n }
 	});
 }
 //#endregion

package/dist/checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,aAAqB,EACrB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EAAE,aAAa,+BAqEf;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;IAClG,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oCAAoC;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,aAAqB,EACrB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EAAE,aAAa,+BAkDf;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;IAClG,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oCAAoC;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}