@rinzai/zen 0.11.0 → 0.14.0

package/dist/chart/index.js

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

package/dist/chart/palette.js

@@ -1,4 +1,3 @@
-"use client";
 //#region packages/chart/palette.ts
 function e(e, t, n) {
 	if (e === "chart") return `var(--chart-${Math.min(t + 1, 8)})`;

package/dist/checkbox/index.d.ts

@@ -5,9 +5,9 @@ import { ComponentProps, ReactNode } from 'react';
  * dash (e.g. "some selected"). With children, they're its label (and
  * `description` a line under it); without, label it yourself or put it in a Field.
  */
-export default function Checkbox({ children, description, indeterminate, onChange, className, ...rest }: CheckboxProps): import('react').JSX.Element;
-export interface CheckboxProps extends Omit<ComponentProps<'input'>, 'onChange' | 'type' | 'children'> {
-    onChange?: (checked: boolean) => void;
+export default function Checkbox({ children, description, indeterminate, onChange, onCheckedChange, className, ...rest }: CheckboxProps): import('react').JSX.Element;
+export interface CheckboxProps extends Omit<ComponentProps<'input'>, 'type' | 'children'> {
+    onCheckedChange?: (checked: boolean) => void;
     /** Shows a dash instead of the tick, e.g. when some of a group are checked. */
     indeterminate?: boolean;
     /** The label. */

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/checkbox/index.tsx"],"names":[],"mappings":"AAKA,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,eAAe,EACf,SAAS,EACT,GAAG,IAAI,EACV,EAAE,aAAa,+BAsDf;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACrF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,+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"}

package/dist/checkbox/index.js

@@ -1,45 +1,48 @@
 "use client";
-import { cx as e } from "../utils/cx.js";
-import t from "../icons/micro/check.js";
-import { useFieldProps as n } from "../field/index.js";
-import r from "../icons/micro/minus.js";
-import { useEffect as i, useRef as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import e from "../icons/micro/check.js";
+import { cx as t } from "../utils/cx.js";
+import { useMergedRefs as n } from "../utils/refs.js";
+import { useFieldProps as r } from "../field/index.js";
+import i from "../icons/micro/minus.js";
+import { useEffect as a, useRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region packages/checkbox/index.tsx
-function c({ children: c, description: l, indeterminate: u = !1, onChange: d, className: f, ...p }) {
-	let m = a(null);
-	i(() => {
-		m.current && (m.current.indeterminate = u);
-	}, [u]);
-	let h = n(p), g = /* @__PURE__ */ s("span", {
-		className: e("zen__checkbox relative inline-grid size-[1.125rem] shrink-0 place-items-center", !c && f),
+function l({ children: l, description: u, indeterminate: d = !1, onChange: f, onCheckedChange: p, className: m, ...h }) {
+	let g = o(null), _ = n(g, h.ref);
+	a(() => {
+		g.current && (g.current.indeterminate = d);
+	}, [d]);
+	let v = r(h), y = /* @__PURE__ */ c("span", {
+		className: t("zen__checkbox relative inline-grid size-[1.125rem] shrink-0 place-items-center", !l && m),
 		children: [
-			/* @__PURE__ */ o("input", {
-				ref: m,
+			/* @__PURE__ */ s("input", {
 				type: "checkbox",
-				...p,
 				...h,
-				"aria-checked": u ? "mixed" : void 0,
-				onChange: (e) => d?.(e.target.checked),
-				className: e("peer bg-tint/[0.04] m-0 size-full cursor-pointer appearance-none rounded-[5px] border border-[color:oklch(var(--tint)/var(--zen-control-edge))]", "outline-hidden transition-[background-color,border-color,box-shadow] duration-200", "focus-visible:ring-ring/50 focus-visible:ring-2 hover:enabled:border-[color:oklch(var(--tint)/var(--zen-control-edge-hover))]", "checked:border-primary checked:bg-primary indeterminate:border-primary indeterminate:bg-primary", "checked:shadow-[0_0_14px_-2px_oklch(var(--glow)/calc(0.8*var(--glow-k)))] indeterminate:shadow-[0_0_14px_-2px_oklch(var(--glow)/calc(0.8*var(--glow-k)))]", "aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50")
+				...v,
+				ref: _,
+				"aria-checked": d ? "mixed" : void 0,
+				onChange: (e) => {
+					f?.(e), p?.(e.target.checked);
+				},
+				className: t("peer bg-tint/[0.04] m-0 size-full cursor-pointer appearance-none rounded-[5px] border border-[color:oklch(var(--tint)/var(--zen-control-edge))]", "outline-hidden transition-[background-color,border-color,box-shadow] duration-200", " focus-ring hover:enabled:border-[color:oklch(var(--tint)/var(--zen-control-edge-hover))]", "checked:border-primary checked:bg-primary indeterminate:border-primary indeterminate:bg-primary", "checked:shadow-[0_0_14px_-2px_oklch(var(--glow)/calc(0.8*var(--glow-k)))] indeterminate:shadow-[0_0_14px_-2px_oklch(var(--glow)/calc(0.8*var(--glow-k)))]", "aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50")
 			}),
-			/* @__PURE__ */ o(t, { className: "zen__checkbox-check text-primary-foreground pointer-events-none absolute size-3.5 opacity-0 transition-[opacity,clip-path] duration-300 ease-out [clip-path:inset(0_100%_0_0)] peer-checked:opacity-100 peer-checked:[clip-path:inset(0)] peer-indeterminate:hidden" }),
-			/* @__PURE__ */ o(r, { className: "text-primary-foreground pointer-events-none absolute hidden size-3.5 peer-indeterminate:block" })
+			/* @__PURE__ */ s(e, { className: "zen__checkbox-check text-primary-foreground pointer-events-none absolute size-3.5 opacity-0 transition-[opacity,clip-path] duration-300 ease-out [clip-path:inset(0_100%_0_0)] peer-checked:opacity-100 peer-checked:[clip-path:inset(0)] peer-indeterminate:hidden" }),
+			/* @__PURE__ */ s(i, { className: "text-primary-foreground pointer-events-none absolute hidden size-3.5 peer-indeterminate:block" })
 		]
 	});
-	return c ? /* @__PURE__ */ s("label", {
-		className: e("inline-flex cursor-pointer items-start gap-2.5 text-sm has-disabled:cursor-not-allowed has-disabled:opacity-60", f),
-		children: [/* @__PURE__ */ o("span", {
+	return l ? /* @__PURE__ */ c("label", {
+		className: t("inline-flex cursor-pointer items-start gap-2.5 text-sm has-disabled:cursor-not-allowed has-disabled:opacity-60", m),
+		children: [/* @__PURE__ */ s("span", {
 			className: "mt-px flex",
-			children: g
-		}), /* @__PURE__ */ s("span", {
+			children: y
+		}), /* @__PURE__ */ c("span", {
 			className: "flex flex-col gap-0.5",
-			children: [c, l && /* @__PURE__ */ o("span", {
+			children: [l, u && /* @__PURE__ */ s("span", {
 				className: "text-muted-foreground text-xs",
-				children: l
+				children: u
 			})]
 		})]
-	}) : g;
+	}) : y;
 }
 //#endregion
-export { c as default };
+export { l as default };

package/dist/chip/index.js

@@ -6,7 +6,7 @@ function n({ pressed: n, className: r, ...i }) {
 	return /* @__PURE__ */ t("button", {
 		type: "button",
 		"aria-pressed": n,
-		className: e("zen__chip border-tint/10 text-muted-foreground cursor-pointer rounded-full border px-3 py-1 text-xs outline-hidden transition-colors disabled:cursor-not-allowed", "hover:border-tint/20 hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "aria-pressed:border-primary/40 aria-pressed:bg-primary/15 aria-pressed:text-foreground", r),
+		className: e("zen__chip border-tint/10 text-muted-foreground cursor-pointer rounded-full border px-3 py-1 text-xs outline-hidden transition-colors disabled:cursor-not-allowed", "hover:border-tint/20 hover:text-foreground focus-ring", "aria-pressed:border-primary/40 aria-pressed:bg-primary/15 aria-pressed:text-foreground", r),
 		...i
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/code-block/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAEpE;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAe,EACf,OAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACV,EAAE,cAAc,+BAsDhB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC/B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/code-block/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAEpE;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAe,EACf,OAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACV,EAAE,cAAc,+BAwDhB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC/B"}