@rinzai/zen 0.8.5 → 0.9.0

package/dist/chart/index.js

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

package/dist/code-block/index.js

@@ -27,7 +27,7 @@ function a({ code: a, language: o, highlight: s, copyable: c = !0, variant: l =
 			onClick: async () => {
 				await navigator.clipboard?.writeText(f), m(!0);
 			},
-			className: e("zen__code-copy text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 cursor-pointer rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100", p && "text-primary opacity-100"),
+			className: e("zen__code-copy inline-flex items-center justify-center text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 cursor-pointer rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 pointer-coarse:min-h-11 pointer-coarse:min-w-11 [@media(hover:none)]:bg-card/90 [@media(hover:none)]:opacity-100", p && "text-primary opacity-100"),
 			children: p ? "Copied" : "Copy"
 		})]
 	});

package/dist/code-input/index.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps } from 'react';
+/**
+ * A one-time code (sign-in, verification): a box per character. It's one real
+ * field under the boxes, so typing, pasting, deleting and the phone's
+ * autofill from a text message all work as in any field. `onComplete` gets the
+ * code once every box is filled.
+ */
+export default function CodeInput({ length, value: controlled, defaultValue, onValueChange, onComplete, allowed, className, disabled, ...rest }: CodeInputProps): import('react').JSX.Element;
+export interface CodeInputProps extends Omit<ComponentProps<'input'>, 'value' | 'defaultValue' | 'maxLength'> {
+    /** How many characters (boxes). */
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Called with the code when the last box is filled. */
+    onComplete?: (code: string) => void;
+    /** Which characters count (one at a time); digits by default. Others typed or pasted are dropped. */
+    allowed?: RegExp;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/code-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/code-input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAC9B,MAAU,EACV,KAAK,EAAE,UAAU,EACjB,YAAiB,EACjB,aAAa,EACb,UAAU,EACV,OAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,cAAc,+BAgEhB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,WAAW,CAAC;IACzG,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,wDAAwD;IACxD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/code-input/index.js

@@ -0,0 +1,44 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { useFieldProps as t } from "../field/index.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region packages/code-input/index.tsx
+function a({ length: a = 6, value: o, defaultValue: s = "", onValueChange: c, onComplete: l, allowed: u = /\d/, className: d, disabled: f, ...p }) {
+	let [m, h] = n(s), g = o ?? m, [_, v] = n(!1), y = t(p), b = u.source === "\\d";
+	return /* @__PURE__ */ i("div", {
+		className: e("zen__code-input relative inline-flex gap-2", f && "opacity-50", d),
+		children: [/* @__PURE__ */ r("input", {
+			autoComplete: "one-time-code",
+			inputMode: b ? "numeric" : "text",
+			spellCheck: !1,
+			maxLength: a,
+			...p,
+			...y,
+			disabled: f,
+			value: g,
+			onChange: (e) => {
+				let t = e.target.value.split("").filter((e) => u.test(e)).join("").slice(0, a);
+				o === void 0 && h(t), c?.(t), t.length === a && g.length !== a && l?.(t);
+			},
+			onFocus: (e) => {
+				p.onFocus?.(e), v(!0);
+				let t = e.target.value.length;
+				e.target.setSelectionRange(t, t);
+			},
+			onBlur: (e) => {
+				p.onBlur?.(e), v(!1);
+			},
+			className: "absolute inset-0 z-10 cursor-text font-mono text-transparent caret-transparent opacity-0 outline-hidden selection:bg-transparent disabled:cursor-not-allowed"
+		}), Array.from({ length: a }, (t, n) => {
+			let o = _ && (n === g.length || n === a - 1 && g.length === a);
+			return /* @__PURE__ */ i("span", {
+				"aria-hidden": !0,
+				className: e("glow-border bg-tint/[0.035] relative grid h-12 w-10 place-items-center rounded-lg border font-mono text-lg tabular-nums [--glow-border-color:oklch(var(--glow)/0.22)]", "transition-[border-color,box-shadow,background-color] duration-200", o && "border-glow/60 bg-tint/[0.05] shadow-glow-focus [--glow-border-color:transparent]", y["aria-invalid"] && "border-destructive/60"),
+				children: [g[n], o && n === g.length && /* @__PURE__ */ r("span", { className: "zen__code-caret bg-foreground absolute h-5 w-px" })]
+			}, n);
+		})]
+	});
+}
+//#endregion
+export { a as default };

package/dist/command-palette/index.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+/**
+ * Search everything and act on it (pages, commands, records): a field over a
+ * list that narrows as you type. Arrow keys move, Enter runs the item and
+ * closes. Open it from a button, or anywhere with ⌘K / Ctrl+K
+ * (useCommandPaletteShortcut).
+ */
+export default function CommandPalette({ open, onOpenChange, items, placeholder, empty, label, className, }: CommandPaletteProps): import('react').JSX.Element;
+/** The items matching `query`: each of its words is in the label or keywords. Labels starting with it come first. */
+export declare function search(items: CommandItem[], query: string): CommandItem[];
+/** Calls `open` on ⌘K (Mac) or Ctrl+K, anywhere on the page. */
+export declare function useCommandPaletteShortcut(open: () => void, key?: string): void;
+export interface CommandItem {
+    /** Unique among the items; the label by default. */
+    id?: string;
+    label: string;
+    /** Items with the same group are listed together, under it. */
+    group?: string;
+    /** More words it's found by. */
+    keywords?: string[];
+    icon?: ReactNode;
+    /** Shown at the end, e.g. a shortcut or where it goes. */
+    hint?: ReactNode;
+    onSelect: () => void;
+}
+export interface CommandPaletteProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    items: CommandItem[];
+    placeholder?: string;
+    /** Shown when nothing matches. */
+    empty?: ReactNode;
+    /** Names the palette and its list, for screen readers. */
+    label?: string;
+    className?: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/command-palette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/command-palette/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,SAAS,EAA+C,MAAM,OAAO,CAAC;AAE9F;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAuB,EACvB,KAAoB,EACpB,KAAkB,EAClB,SAAS,GACZ,EAAE,mBAAmB,+BAoIrB;AAED,qHAAqH;AACrH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,EAAE,CAUzE;AAED,gEAAgE;AAChE,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,GAAG,SAAM,GAAG,IAAI,CAc3E;AAED,MAAM,WAAW,WAAW;IACxB,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}