@rinzai/zen 0.11.0 → 0.13.0

package/dist/color-picker/index.js

@@ -1,21 +1,24 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { useAnchoredPopup as t } from "../utils/useAnchoredPopup.js";
-import { useFieldProps as n } from "../field/index.js";
-import { POPUP as r, TRIGGER as i } from "../utils/styles.js";
-import a from "../input/index.js";
-import o from "../slider/index.js";
-import { hexToHsv as s, hsvToHex as c } from "../utils/color.js";
-import { FieldChevron as l } from "../utils/field-chevron.js";
-import { useId as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useControllable as t } from "../utils/useControllable.js";
+import { useAnchoredPopup as n } from "../utils/useAnchoredPopup.js";
+import { useMessages as r } from "../locale-provider/index.js";
+import { useFieldProps as i } from "../field/index.js";
+import { FIELD_SIZE as a, POPUP as o, TRIGGER as s } from "../utils/styles.js";
+import c from "../input/index.js";
+import { FormValue as l } from "../utils/form-value.js";
+import u from "../slider/index.js";
+import { hexToHsv as d, hsvToHex as f } from "../utils/color.js";
+import { FieldChevron as p } from "../utils/field-chevron.js";
+import { useId as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region packages/color-picker/index.tsx
-var h = {
+var y = {
 	h: 0,
 	s: 0,
 	v: 0,
 	a: 1
-}, g = "repeating-conic-gradient(#9ca3af 0 25%, #f3f4f6 0 50%) 0 0 / 8px 8px", _ = `linear-gradient(to right, ${[
+}, b = "repeating-conic-gradient(#9ca3af 0 25%, #f3f4f6 0 50%) 0 0 / 8px 8px", x = `linear-gradient(to right, ${[
 	0,
 	60,
 	120,
@@ -23,140 +26,140 @@ var h = {
 	240,
 	300,
 	360
-].map((e) => `hsl(${e} 100% 50%)`).join(", ")})`, v = (e) => Math.round(e * 100), y = {
+].map((e) => `hsl(${e} 100% 50%)`).join(", ")})`, S = (e) => Math.round(e * 100), C = {
 	ArrowLeft: [-1, 0],
 	ArrowRight: [1, 0],
 	ArrowDown: [0, -1],
 	ArrowUp: [0, 1]
 };
-function b(e, t) {
-	let n = s(e);
-	return n ? c(t ? n : {
+function w(e, t) {
+	let n = d(e);
+	return n ? f(t ? n : {
 		...n,
 		a: 1
 	}) : null;
 }
-function x({ value: t, onChange: n, onValueCommit: r, alpha: i = !1, swatches: l, className: f, ...x }) {
-	let S = u(), [C, w] = d(() => s(t) ?? h), [T, E] = d(t);
-	if (t !== T) {
-		E(t);
-		let e = b(t, i);
-		e && e !== c(C) && w(s(e));
+function T({ value: n, defaultValue: i = "#000000", onValueChange: a, onValueCommit: o, alpha: s = !1, swatches: l, className: p, ...g }) {
+	let T = r(), [E, D] = t(n, i, a), O = m(), [k, A] = h(() => d(E) ?? y), [j, M] = h(E);
+	if (E !== j) {
+		M(E);
+		let e = w(E, s);
+		e && e !== f(k) && A(d(e));
 	}
-	let D = c(C), O = c({
-		...C,
+	let N = f(k), P = f({
+		...k,
 		a: 1
-	}), [k, A] = d(null), j = (e) => {
+	}), [F, I] = h(null), L = (e) => {
 		let t = {
-			...C,
+			...k,
 			...e
 		};
-		return i || (t.a = 1), w(t), n(c(t)), c(t);
-	}, M = (e = D) => r?.(e), N = (e) => {
+		return s || (t.a = 1), A(t), D(f(t)), f(t);
+	}, R = (e = N) => o?.(e), z = (e) => {
 		let t = e.currentTarget.getBoundingClientRect(), n = Math.min(1, Math.max(0, (e.clientX - t.left) / t.width)), r = 1 - Math.min(1, Math.max(0, (e.clientY - t.top) / t.height));
-		return j({
+		return L({
 			s: n,
 			v: r
 		});
-	}, P = (e) => {
-		let t = y[e.key];
+	}, B = (e) => {
+		let t = C[e.key];
 		if (!t) return;
 		e.preventDefault();
 		let n = (e.shiftKey ? 10 : 1) / 100, r = (e) => Math.min(1, Math.max(0, Math.round((e + 2 ** -52) * 100) / 100));
-		M(j({
-			s: r(C.s + t[0] * n),
-			v: r(C.v + t[1] * n)
+		R(L({
+			s: r(k.s + t[0] * n),
+			v: r(k.v + t[1] * n)
 		}));
-	}, F = () => {
-		if (k === null) return;
-		let e = b(k.startsWith("#") ? k : `#${k}`, i);
-		A(null), e && e !== D && (w(s(e)), n(e), M(e));
+	}, V = () => {
+		if (F === null) return;
+		let e = w(F.startsWith("#") ? F : `#${F}`, s);
+		I(null), e && e !== N && (A(d(e)), D(e), R(e));
 	};
-	return /* @__PURE__ */ m("div", {
-		className: e("zen__color-panel flex w-64 flex-col gap-3", f),
-		...x,
+	return /* @__PURE__ */ v("div", {
+		className: e("zen__color-panel flex w-64 flex-col gap-3", p),
+		...g,
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ _("div", {
 				role: "slider",
 				tabIndex: 0,
-				"aria-label": "Saturation and brightness",
+				"aria-label": T.saturationBrightness,
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
-				"aria-valuenow": v(C.s),
-				"aria-valuetext": `Saturation ${v(C.s)}%, brightness ${v(C.v)}%`,
+				"aria-valuenow": S(k.s),
+				"aria-valuetext": T.saturationBrightnessValue(S(k.s), S(k.v)),
 				onPointerDown: (e) => {
-					e.button === 0 && (e.currentTarget.setPointerCapture?.(e.pointerId), e.currentTarget.focus(), N(e));
+					e.button === 0 && (e.currentTarget.setPointerCapture?.(e.pointerId), e.currentTarget.focus(), z(e));
 				},
-				onPointerMove: (e) => e.currentTarget.hasPointerCapture?.(e.pointerId) && N(e),
-				onPointerUp: (e) => M(N(e)),
-				onKeyDown: P,
-				style: { background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${C.h} 100% 50%))` },
-				className: "focus-visible:ring-ring/50 relative h-40 cursor-crosshair touch-none rounded-lg shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.1)] outline-hidden focus-visible:ring-2",
-				children: /* @__PURE__ */ p("span", {
+				onPointerMove: (e) => e.currentTarget.hasPointerCapture?.(e.pointerId) && z(e),
+				onPointerUp: (e) => R(z(e)),
+				onKeyDown: B,
+				style: { background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${k.h} 100% 50%))` },
+				className: "focus-ring relative h-40 cursor-crosshair touch-none rounded-lg shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.1)] outline-hidden",
+				children: /* @__PURE__ */ _("span", {
 					"aria-hidden": !0,
 					style: {
-						left: `${C.s * 100}%`,
-						top: `${(1 - C.v) * 100}%`,
-						background: O
+						left: `${k.s * 100}%`,
+						top: `${(1 - k.v) * 100}%`,
+						background: P
 					},
 					className: "pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_oklch(0_0_0/0.3),0_0_12px_oklch(0_0_0/0.35)]"
 				})
 			}),
-			/* @__PURE__ */ p(o, {
-				"aria-label": "Hue",
+			/* @__PURE__ */ _(u, {
+				"aria-label": T.hue,
 				min: 0,
 				max: 359,
-				value: Math.round(C.h),
-				onValueChange: (e) => j({ h: e }),
-				onValueCommit: () => M(),
-				trackBackground: _,
-				thumbColor: `hsl(${C.h} 100% 50%)`,
-				valueText: (e) => `Hue ${e} degrees`
+				value: Math.round(k.h),
+				onValueChange: (e) => L({ h: e }),
+				onValueCommit: () => R(),
+				trackBackground: x,
+				thumbColor: `hsl(${k.h} 100% 50%)`,
+				valueText: T.hueValue
 			}),
-			i && /* @__PURE__ */ p(o, {
-				"aria-label": "Opacity",
+			s && /* @__PURE__ */ _(u, {
+				"aria-label": T.opacity,
 				min: 0,
 				max: 100,
-				value: v(C.a),
-				onValueChange: (e) => j({ a: e / 100 }),
-				onValueCommit: () => M(),
-				trackBackground: `linear-gradient(to right, transparent, ${O}), ${g}`,
-				thumbColor: O,
-				valueText: (e) => `Opacity ${e}%`
+				value: S(k.a),
+				onValueChange: (e) => L({ a: e / 100 }),
+				onValueCommit: () => R(),
+				trackBackground: `linear-gradient(to right, transparent, ${P}), ${b}`,
+				thumbColor: P,
+				valueText: T.opacityValue
 			}),
-			/* @__PURE__ */ p(a, {
-				"aria-label": "Hex",
+			/* @__PURE__ */ _(c, {
+				"aria-label": T.hex,
 				spellCheck: !1,
 				autoComplete: "off",
-				value: k ?? D,
-				onChange: (e) => A(e.target.value),
-				onBlur: F,
-				onKeyDown: (e) => e.key === "Enter" && F(),
+				value: F ?? N,
+				onChange: (e) => I(e.target.value),
+				onBlur: V,
+				onKeyDown: (e) => e.key === "Enter" && V(),
 				className: "h-9 font-mono tabular-nums"
 			}),
-			l && l.length > 0 && /* @__PURE__ */ m("fieldset", {
+			l && l.length > 0 && /* @__PURE__ */ v("fieldset", {
 				className: "flex flex-wrap gap-1.5",
-				children: [/* @__PURE__ */ p("legend", {
+				children: [/* @__PURE__ */ _("legend", {
 					className: "sr-only",
-					children: "Swatches"
+					children: T.swatches
 				}), l.map((e) => {
-					let t = b(e.value, i);
-					return /* @__PURE__ */ m("label", {
+					let t = w(e.value, s);
+					return /* @__PURE__ */ v("label", {
 						title: e.label,
 						className: "relative cursor-pointer",
-						children: [/* @__PURE__ */ p("input", {
+						children: [/* @__PURE__ */ _("input", {
 							type: "radio",
-							name: S,
+							name: O,
 							"aria-label": e.label,
-							checked: t === D,
+							checked: t === N,
 							onChange: () => {
-								t && (w(s(t)), n(t), M(t));
+								t && (A(d(t)), D(t), R(t));
 							},
 							className: "peer sr-only"
-						}), /* @__PURE__ */ p("span", {
+						}), /* @__PURE__ */ _("span", {
 							"aria-hidden": !0,
-							style: { background: `linear-gradient(${e.value}, ${e.value}), ${g}` },
-							className: "ring-offset-background peer-focus-visible:ring-ring/60 peer-checked:ring-foreground/70 block size-6 rounded-full shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.12)] ring-offset-2 transition-shadow peer-checked:ring-2 peer-focus-visible:ring-2"
+							style: { background: `linear-gradient(${e.value}, ${e.value}), ${b}` },
+							className: "ring-offset-background peer- peer-checked:ring-foreground/70 peer-focus-ring block size-6 rounded-full shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.12)] ring-offset-2 transition-shadow peer-checked:ring-2"
 						})]
 					}, e.value);
 				})]
@@ -164,47 +167,55 @@ function x({ value: t, onChange: n, onValueCommit: r, alpha: i = !1, swatches: l
 		]
 	});
 }
-function S({ value: a, onChange: o, onValueCommit: s, alpha: c, swatches: u, id: d, disabled: h, className: _, style: v, ...y }) {
-	let b = t(), S = n({
-		...y,
-		id: d
+function E({ value: c, defaultValue: u = "#000000", onValueChange: d, onValueCommit: f, alpha: m, swatches: h, name: y, size: x = "default", id: S, disabled: C, className: w, style: E, ...D }) {
+	let O = r(), [k, A, j] = t(c, u, d), M = n(), N = i({
+		...D,
+		id: S
 	});
-	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
-		type: "button",
-		...y,
-		...S,
-		id: d,
-		disabled: h,
-		...b.triggerProps,
-		style: {
-			...b.triggerProps.style,
-			...v
-		},
-		className: e("zen__color-picker group", i, "w-full", b.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", _),
-		children: [/* @__PURE__ */ m("span", {
-			className: "flex min-w-0 items-center gap-2.5",
-			children: [/* @__PURE__ */ p("span", {
-				"aria-hidden": !0,
-				style: { background: `linear-gradient(${a}, ${a}), ${g}` },
-				className: "size-5 shrink-0 rounded-md shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.15)]"
-			}), /* @__PURE__ */ p("span", {
-				className: "truncate font-mono tabular-nums",
-				children: a
-			})]
-		}), /* @__PURE__ */ p(l, { open: b.open })]
-	}), /* @__PURE__ */ p("div", {
-		...b.popupProps,
-		role: "dialog",
-		"aria-label": "Choose colour",
-		className: e("zen__popover", r, "p-3"),
-		children: /* @__PURE__ */ p(x, {
-			value: a,
-			onChange: o,
-			onValueCommit: s,
-			alpha: c,
-			swatches: u
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ v("button", {
+			type: "button",
+			...D,
+			...N,
+			id: S,
+			disabled: C,
+			...M.triggerProps,
+			style: {
+				...M.triggerProps.style,
+				...E
+			},
+			className: e("zen__color-picker group", s, a[x], "w-full", M.open && "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", w),
+			children: [/* @__PURE__ */ v("span", {
+				className: "flex min-w-0 items-center gap-2.5",
+				children: [/* @__PURE__ */ _("span", {
+					"aria-hidden": !0,
+					style: { background: `linear-gradient(${k}, ${k}), ${b}` },
+					className: "size-5 shrink-0 rounded-md shadow-[inset_0_0_0_1px_oklch(var(--tint)/0.15)]"
+				}), /* @__PURE__ */ _("span", {
+					className: "truncate font-mono tabular-nums",
+					children: k
+				})]
+			}), /* @__PURE__ */ _(p, { open: M.open })]
+		}),
+		/* @__PURE__ */ _(l, {
+			name: y,
+			value: k,
+			onReset: j
+		}),
+		/* @__PURE__ */ _("div", {
+			...M.popupProps,
+			role: "dialog",
+			"aria-label": O.chooseColour,
+			className: e("zen__popover", o, "p-3"),
+			children: /* @__PURE__ */ _(T, {
+				value: k,
+				onValueChange: A,
+				onValueCommit: f,
+				alpha: m,
+				swatches: h
+			})
 		})
-	})] });
+	] });
 }
 //#endregion
-export { x as ColorPanel, S as default };
+export { T as ColorPanel, E as default };

package/dist/combobox/index.d.ts

@@ -1,3 +1,4 @@
+import { FieldSize } from '../utils/styles';
 import { ComponentProps, ReactNode } from 'react';
 /**
  * Pick one or several items from a list you can search: a field that opens a
@@ -13,14 +14,14 @@ export default function Combobox<T>(props: ComboboxProps<T>): import('react').JS
  * The field: shows the choice (text, or chips when `multiple`) or the
  * placeholder, and opens the panel. Pass children to show the value your own way.
  */
-export declare function ComboboxTrigger({ placeholder, disabled, className, style, children, ...rest }: ComboboxTriggerProps): import('react').JSX.Element;
+export declare function ComboboxTrigger({ placeholder: placeholderProp, disabled, size, className, style, children, ...rest }: ComboboxTriggerProps): import('react').JSX.Element;
 /** The panel under the field. Put ComboboxSearch and ComboboxList in it. */
 export declare function ComboboxPopup({ className, children }: {
     className?: string;
     children: ReactNode;
 }): import('react').JSX.Element;
 /** The search box: focused when the panel opens; ↑↓ move through the matches and Enter chooses. */
-export declare function ComboboxSearch({ placeholder, 'aria-label': ariaLabel, }: ComboboxSearchProps): import('react').JSX.Element;
+export declare function ComboboxSearch({ placeholder, 'aria-label': ariaLabel }: ComboboxSearchProps): import('react').JSX.Element;
 /**
  * The matching items, rendered only while in view (so thousands stay fast).
  * Rows are `itemHeight` px tall; `renderItem` draws each (default: a
@@ -48,21 +49,28 @@ interface ComboboxBaseProps<T> {
     filter?: (item: T, query: string) => boolean;
     /** Chosen items that aren't in `items` (e.g. just created), so the field can still show them. */
     selectedItems?: readonly T[];
+    /** Form field name: the chosen key is submitted with the form (with `multiple`, each key). */
+    name?: string;
     children: ReactNode;
 }
+/** `value` when you keep the choice; `defaultValue` for the first one when the combobox keeps its own. */
 export type ComboboxProps<T> = ComboboxBaseProps<T> & ({
     multiple?: false;
-    value: string | null;
-    onValueChange: (key: string) => void;
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (key: string) => void;
 } | {
     multiple: true;
-    value: readonly string[];
-    onValueChange: (keys: string[]) => void;
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onValueChange?: (keys: string[]) => void;
 });
 export interface ComboboxTriggerProps extends Omit<ComponentProps<'div'>, 'children'> {
     /** Shown while nothing is chosen. */
     placeholder?: string;
     disabled?: boolean;
+    /** Height, matching Button's: sm (32px), default (40px) or lg (44px). */
+    size?: FieldSize;
     /** Your own display of the value (default: its text, or chips). */
     children?: ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/combobox/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/combobox/index.tsx"],"names":[],"mappings":"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"}