@rinzai/zen 0.10.3 → 0.13.0

package/dist/dialog/index.js

@@ -1,64 +1,67 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
 import { useGraphicsMode as t } from "../utils/graphics.js";
-import n from "../button/index.js";
-import r from "../icons/micro/x-mark.js";
-import { useToastHost as i } from "../toast/index.js";
-import { useSwipe as a } from "../utils/swipe.js";
-import { createContext as o, useContext as s, useEffect as c, useId as l, useRef as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useMergedRefs as n } from "../utils/refs.js";
+import { useMessages as r } from "../locale-provider/index.js";
+import i from "../button/index.js";
+import a from "../icons/micro/x-mark.js";
+import { useToastHost as o } from "../toast/index.js";
+import { useSwipe as s } from "../utils/swipe.js";
+import { createContext as c, useContext as l, useEffect as u, useId as d, useRef as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region packages/dialog/index.tsx
-var p = o(() => {});
-function m({ open: t, onOpenChange: n, title: i, description: a, children: o, dismissible: s = !0, initialFocus: c, size: m = "md", side: g, className: v, role: y, closeLabel: b = "Close" }) {
-	let x = u(null), S = l(), C = l();
-	return _(x, s && t ? g : void 0, () => n?.(!1)), h(x, t, c), /* @__PURE__ */ f("dialog", {
-		ref: x,
-		role: y,
-		"aria-labelledby": S,
-		"aria-describedby": a ? C : void 0,
-		"data-side": g,
-		className: e("zen__dialog glass glass-blur glow-edge text-card-foreground bg-card/90! overflow-visible p-0", !g && "m-auto max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] rounded-xl", !g && (m === "lg" ? "w-[60rem]" : "w-[28rem]"), g === "bottom" && "mx-auto mt-auto mb-0 max-h-[85dvh] w-full max-w-2xl rounded-t-2xl", (g === "left" || g === "right") && "my-0 h-dvh max-h-dvh w-[24rem] max-w-[calc(100vw-2.5rem)]", g === "right" && "mr-0 ml-auto rounded-l-2xl", g === "left" && "mr-auto ml-0 rounded-r-2xl", "backdrop:bg-[color:var(--backdrop-scrim,oklch(0_0_0/0.5))] backdrop:backdrop-blur-sm pointer-coarse:backdrop:backdrop-blur-none", v),
+var h = c(() => {});
+function g({ open: t, onOpenChange: i, title: o, description: s, children: c, dismissible: l = !0, initialFocus: u, size: g = "md", side: v, className: b, role: x, closeLabel: S, ref: C, ...w }) {
+	let T = r(), E = S ?? T.close, D = f(null), O = n(D, C), k = d(), A = d();
+	return y(D, l && t ? v : void 0, () => i?.(!1)), _(D, t, u), /* @__PURE__ */ m("dialog", {
+		...w,
+		ref: O,
+		role: x,
+		"aria-labelledby": k,
+		"aria-describedby": s ? A : void 0,
+		"data-side": v,
+		className: e("zen__dialog glass glass-blur glow-edge text-card-foreground bg-card/90! overflow-visible p-0", !v && "m-auto max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] rounded-xl", !v && (g === "lg" ? "w-[60rem]" : "w-[28rem]"), v === "bottom" && "mx-auto mt-auto mb-0 max-h-[85dvh] w-full max-w-2xl rounded-t-2xl", (v === "left" || v === "right") && "my-0 h-dvh max-h-dvh w-[24rem] max-w-[calc(100vw-2.5rem)]", v === "right" && "mr-0 ml-auto rounded-l-2xl", v === "left" && "mr-auto ml-0 rounded-r-2xl", "backdrop:bg-[color:var(--backdrop-scrim,oklch(0_0_0/0.5))] backdrop:backdrop-blur-sm pointer-coarse:backdrop:backdrop-blur-none", b),
 		onCancel: (e) => {
-			e.preventDefault(), s && n?.(!1);
+			e.preventDefault(), l && i?.(!1);
 		},
 		onClick: (e) => {
-			e.target === e.currentTarget && s && n?.(!1);
+			e.target === e.currentTarget && l && i?.(!1);
 		},
-		children: [/* @__PURE__ */ f("div", {
-			className: e("flex flex-col gap-4 overflow-x-hidden overflow-y-auto p-6", g ? g === "bottom" ? "max-h-[85dvh] pt-3" : "h-full" : "max-h-[calc(100dvh-2rem)]"),
+		children: [/* @__PURE__ */ m("div", {
+			className: e("flex flex-col gap-4 overflow-x-hidden overflow-y-auto p-6", v ? v === "bottom" ? "max-h-[85dvh] pt-3" : "h-full" : "max-h-[calc(100dvh-2rem)]"),
 			children: [
-				g === "bottom" && /* @__PURE__ */ d("div", {
+				v === "bottom" && /* @__PURE__ */ p("div", {
 					"aria-hidden": !0,
 					className: "bg-tint/20 mx-auto h-1 w-10 shrink-0 rounded-full"
 				}),
-				/* @__PURE__ */ f("div", {
-					className: e("flex flex-col gap-2", s && "pe-8"),
-					children: [/* @__PURE__ */ d("h2", {
-						id: S,
+				/* @__PURE__ */ m("div", {
+					className: e("flex flex-col gap-2", l && "pe-8"),
+					children: [/* @__PURE__ */ p("h2", {
+						id: k,
 						className: "text-lg font-semibold tracking-tight text-balance",
-						children: i
-					}), a && /* @__PURE__ */ d("p", {
-						id: C,
+						children: o
+					}), s && /* @__PURE__ */ p("p", {
+						id: A,
 						className: "text-muted-foreground mt-0! text-sm leading-5",
-						children: a
+						children: s
 					})]
 				}),
-				/* @__PURE__ */ d(p.Provider, {
-					value: () => n?.(!1),
-					children: o
+				/* @__PURE__ */ p(h.Provider, {
+					value: () => i?.(!1),
+					children: c
 				})
 			]
-		}), s && /* @__PURE__ */ d("button", {
+		}), l && /* @__PURE__ */ p("button", {
 			type: "button",
-			"aria-label": b,
-			onClick: () => n?.(!1),
-			className: e("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute end-4 grid size-8 cursor-pointer place-items-center rounded-lg outline-hidden transition-colors focus-visible:ring-2", g === "bottom" ? "top-7.5" : "top-5.5"),
-			children: /* @__PURE__ */ d(r, { className: "size-4" })
+			"aria-label": E,
+			onClick: () => i?.(!1),
+			className: e("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground absolute end-4 grid size-8 cursor-pointer place-items-center rounded-lg outline-hidden transition-colors focus-ring", v === "bottom" ? "top-7.5" : "top-5.5"),
+			children: /* @__PURE__ */ p(a, { className: "size-4" })
 		})]
 	});
 }
-function h(e, n, r) {
-	t(), c(() => {
+function _(e, n, r) {
+	t(), u(() => {
 		let t = e.current;
 		if (t) {
 			if (n && !t.open) {
@@ -76,42 +79,42 @@ function h(e, n, r) {
 		e,
 		n,
 		r
-	]), i(e, n);
+	]), o(e, n);
 }
-var g = .3;
-function _(e, t, n) {
-	let r = t === "bottom" ? "y" : "x", i = t === "left" ? -1 : 1, o = () => r === "y" ? e.current.offsetHeight : e.current.offsetWidth, s = () => {
+var v = .3;
+function y(e, t, n) {
+	let r = t === "bottom" ? "y" : "x", i = t === "left" ? -1 : 1, a = () => r === "y" ? e.current.offsetHeight : e.current.offsetWidth, o = () => {
 		e.current?.style.removeProperty("--zen-swipe"), e.current?.style.removeProperty("--zen-swipe-progress");
 	};
-	c(s, [e, t]), a(e, t ? {
+	u(o, [e, t]), s(e, t ? {
 		axis: r,
 		sign: i
 	} : void 0, {
 		move: (t) => {
 			let n = t > 0 ? t : t / 6;
-			e.current.style.setProperty("--zen-swipe", r === "y" ? `0 ${n}px` : `${n * i}px 0`), e.current.style.setProperty("--zen-swipe-progress", String(Math.max(0, Math.min(1, t / o()))));
+			e.current.style.setProperty("--zen-swipe", r === "y" ? `0 ${n}px` : `${n * i}px 0`), e.current.style.setProperty("--zen-swipe-progress", String(Math.max(0, Math.min(1, t / a()))));
 		},
 		release: (e, t) => {
-			e > o() * g || e > 0 && t > .5 ? n() : s();
+			e > a() * v || e > 0 && t > .5 ? n() : o();
 		},
-		cancel: s,
-		threshold: () => o() * g
+		cancel: o,
+		threshold: () => a() * v
 	});
 }
-function v({ className: t, ...n }) {
-	return /* @__PURE__ */ d("div", {
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ p("div", {
 		className: e("flex justify-end gap-2", t),
 		...n
 	});
 }
-function y({ onClick: e, ...t }) {
-	let r = s(p);
-	return /* @__PURE__ */ d(n, {
+function x({ onClick: e, ...t }) {
+	let n = l(h);
+	return /* @__PURE__ */ p(i, {
 		...t,
 		onClick: (t) => {
-			e?.(t), t.defaultPrevented || r();
+			e?.(t), t.defaultPrevented || n();
 		}
 	});
 }
 //#endregion
-export { y as DialogClose, v as DialogFooter, m as default, h as useModal };
+export { x as DialogClose, b as DialogFooter, g as default, _ as useModal };

package/dist/disclosure/index.d.ts

@@ -1,4 +1,11 @@
 import { ComponentProps, ReactNode } from 'react';
+interface DisclosureContextValue {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    contentId: string;
+}
+/** The enclosing Disclosure's state, for building your own trigger or content. */
+export declare function useDisclosure(part: string): DisclosureContextValue;
 /**
  * A section that a button shows and hides, e.g. "Past (3)" under a list. Put
  * a DisclosureTrigger and a DisclosureContent inside (it adds no element of its
@@ -22,4 +29,5 @@ export interface DisclosureProps {
     onOpenChange?: (open: boolean) => void;
     children?: ReactNode;
 }
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/disclosure/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAkD,MAAM,OAAO,CAAC;AAgBjH;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAWxG;AAED,sHAAsH;AACtH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAwBpG;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,sCAuDxF;AAED,MAAM,WAAW,eAAe;IAC5B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/disclosure/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAkD,MAAM,OAAO,CAAC;AAEjH,UAAU,sBAAsB;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;CACrB;AAID,kFAAkF;AAClF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,0BAIzC;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAMxG;AAED,sHAAsH;AACtH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAwBpG;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,sCAuDxF;AAED,MAAM,WAAW,eAAe;IAC5B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}

package/dist/disclosure/index.js

@@ -1,60 +1,59 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { FieldChevron as t } from "../utils/field-chevron.js";
-import { createContext as n, useContext as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useControllable as t } from "../utils/useControllable.js";
+import { FieldChevron as n } from "../utils/field-chevron.js";
+import { createContext as r, useContext as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region packages/disclosure/index.tsx
-var u = n(null);
-function d(e) {
-	let t = r(u);
+var d = r(null);
+function f(e) {
+	let t = i(d);
 	if (!t) throw Error(`<${e}> must be inside <Disclosure>`);
 	return t;
 }
-function f({ open: e, defaultOpen: t = !1, onOpenChange: n, children: r }) {
-	let [i, o] = s(t), l = a(), d = e ?? i;
-	return /* @__PURE__ */ c(u.Provider, {
+function p({ open: e, defaultOpen: n = !1, onOpenChange: r, children: i }) {
+	let [a, s] = t(e, n, r), c = o();
+	return /* @__PURE__ */ l(d.Provider, {
 		value: {
-			open: d,
-			setOpen: (t) => {
-				e === void 0 && o(t), n?.(t);
-			},
-			contentId: l
+			open: a,
+			setOpen: s,
+			contentId: c
 		},
-		children: r
+		children: i
 	});
 }
-function p({ className: n, onClick: r, children: i, ...a }) {
-	let { open: o, setOpen: s, contentId: u } = d("DisclosureTrigger");
-	return /* @__PURE__ */ l("button", {
+function m({ className: t, onClick: r, children: i, ...a }) {
+	let { open: o, setOpen: s, contentId: c } = f("DisclosureTrigger");
+	return /* @__PURE__ */ u("button", {
 		type: "button",
 		"aria-expanded": o,
-		"aria-controls": o ? u : void 0,
+		"aria-controls": o ? c : void 0,
 		onClick: (e) => {
 			r?.(e), e.defaultPrevented || s(!o);
 		},
-		className: e("zen__disclosure group text-muted-foreground flex w-fit cursor-pointer items-center gap-1.5 rounded-md text-sm font-medium outline-hidden", "hover:text-foreground aria-expanded:text-foreground transition-colors duration-200", "focus-visible:outline-ring/50 focus-visible:outline-2 focus-visible:outline-offset-4", n),
+		className: e("zen__disclosure group text-muted-foreground flex w-fit cursor-pointer items-center gap-1.5 rounded-md text-sm font-medium outline-hidden", "hover:text-foreground aria-expanded:text-foreground transition-colors duration-200", "focus-visible:outline-ring/50 focus-visible:outline-2 focus-visible:outline-offset-4", t),
 		...a,
-		children: [/* @__PURE__ */ c(t, { className: e("ease-out-soft text-inherit duration-300", !o && "-rotate-90") }), i]
+		children: [/* @__PURE__ */ l(n, { className: e("ease-out-soft text-inherit duration-300", !o && "-rotate-90") }), i]
 	});
 }
-function m({ className: t, children: n, ...r }) {
-	let { open: a, contentId: l } = d("DisclosureContent"), u = o(null), [f, p] = s(a), [m, h] = s(!1);
-	return a && !f && (p(!0), h(!0)), i(() => {
+function h({ className: t, children: n, ...r }) {
+	let { open: i, contentId: o } = f("DisclosureContent"), u = s(null), [d, p] = c(i), [m, h] = c(!1);
+	return i && !d && (p(!0), h(!0)), a(() => {
 		let e = u.current;
-		if (a || !f || !e) return;
+		if (i || !d || !e) return;
 		let t = !0;
 		return Promise.all((e.getAnimations?.() ?? []).map((e) => e.finished)).then(() => t && p(!1), () => {}), () => {
 			t = !1;
 		};
-	}, [a, f]), f ? /* @__PURE__ */ c("div", {
+	}, [i, d]), d ? /* @__PURE__ */ l("div", {
 		ref: u,
-		id: l,
-		"data-open": a || void 0,
-		inert: !a,
+		id: o,
+		"data-open": i || void 0,
+		inert: !i,
 		className: e("zen__disclosure-content ease-out-soft grid grid-rows-[0fr] transition-[grid-template-rows] duration-300 data-open:grid-rows-[1fr]", m && "data-open:starting:grid-rows-[0fr]"),
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("div", {
 			className: "min-h-0 overflow-hidden",
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: e("zen__disclosure-body -translate-y-1 pt-2 opacity-0 transition-[opacity,translate] duration-300 ease-out", "in-data-open:translate-y-0 in-data-open:opacity-100", m && "in-data-open:starting:-translate-y-1 in-data-open:starting:opacity-0", t),
 				...r,
 				children: n
@@ -63,4 +62,4 @@ function m({ className: t, children: n, ...r }) {
 	}) : null;
 }
 //#endregion
-export { m as DisclosureContent, p as DisclosureTrigger, f as default };
+export { h as DisclosureContent, m as DisclosureTrigger, p as default, f as useDisclosure };

package/dist/editable-cell/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 /**
  * A value edited in place, e.g. in a table cell: shows `children` as a button,
  * and on click (or Enter) swaps in your editor. Call `close()` from the editor
@@ -6,8 +6,9 @@ import { ReactNode } from 'react';
  * MoneyInput, an Input, a Select. A value changed by an edit glows briefly
  * when the editor closes.
  */
-export default function EditableCell({ children, editor, label, readOnly, editing: editingProp, onEditingChange, title, className, }: EditableCellProps): import('react').JSX.Element;
-export interface EditableCellProps {
+export default function EditableCell({ children, editor, label, readOnly, editing: editingProp, onEditingChange, title, className, ref, onClick, ...rest }: EditableCellProps): import('react').JSX.Element;
+/** Other props (data-*, aria-*) go on the button. */
+export interface EditableCellProps extends Omit<ComponentProps<'button'>, 'children'> {
     /** What the cell shows when not editing. */
     children: ReactNode;
     /** The editor to show while editing; call `close` when it's done. */
@@ -19,7 +20,5 @@ export interface EditableCellProps {
     /** Control the editing state yourself (with onEditingChange). */
     editing?: boolean;
     onEditingChange?: (editing: boolean) => void;
-    title?: string;
-    className?: string;
 }
 //# sourceMappingURL=index.d.ts.map

package/dist/editable-cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/editable-cell/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAIhF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACjC,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAgB,EAChB,OAAO,EAAE,WAAW,EACpB,eAAe,EACf,KAAK,EACL,SAAS,GACZ,EAAE,iBAAiB,+BAwCnB;AAED,MAAM,WAAW,iBAAiB;IAC9B,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,qEAAqE;IACrE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IACzC,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/editable-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAIhG;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACjC,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAgB,EAChB,OAAO,EAAE,WAAW,EACpB,eAAe,EACf,KAAK,EACL,SAAS,EACT,GAAG,EACH,OAAO,EACP,GAAG,IAAI,EACV,EAAE,iBAAiB,+BAsCnB;AAED,qDAAqD;AACrD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACjF,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,qEAAqE;IACrE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IACzC,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD"}

package/dist/editable-cell/index.js

@@ -1,31 +1,32 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { useEffect as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
-import { Fragment as a, jsx as o } from "react/jsx-runtime";
+import { useMergedRefs as t } from "../utils/refs.js";
+import { useControllable as n } from "../utils/useControllable.js";
+import { useEffect as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c } from "react/jsx-runtime";
 //#region packages/editable-cell/index.tsx
-var s = typeof window > "u" ? t : n;
-function c({ children: t, editor: n, label: c, readOnly: l = !1, editing: u, onEditingChange: d, title: f, className: p }) {
-	let [m, h] = i(!1), g = u ?? m, _ = (e) => {
-		u === void 0 && h(e), d?.(e);
-	}, v = r(null), [y, b] = i(null);
-	return s(() => {
-		let e = v.current;
-		!g && e && y !== null && e.textContent !== y && (e.dataset.changed = "");
-	}, [g, y]), l ? /* @__PURE__ */ o("span", {
-		title: f,
-		className: e("zen__editable-cell block px-1 text-right tabular-nums", p),
-		children: t
-	}) : g ? /* @__PURE__ */ o(a, { children: n(() => _(!1)) }) : /* @__PURE__ */ o("button", {
-		ref: v,
+var l = typeof window > "u" ? r : i;
+function u({ children: r, editor: i, label: u, readOnly: d = !1, editing: f, onEditingChange: p, title: m, className: h, ref: g, onClick: _, ...v }) {
+	let [y, b] = n(f, !1, p), x = a(null), S = t(x, g), [C, w] = o(null);
+	return l(() => {
+		let e = x.current;
+		!y && e && C !== null && e.textContent !== C && (e.dataset.changed = "");
+	}, [y, C]), d ? /* @__PURE__ */ c("span", {
+		title: m,
+		className: e("zen__editable-cell block px-1 text-end tabular-nums", h),
+		children: r
+	}) : y ? /* @__PURE__ */ c(s, { children: i(() => b(!1)) }) : /* @__PURE__ */ c("button", {
 		type: "button",
-		title: f,
-		"aria-label": c ? `${c}. Edit` : void 0,
+		title: m,
+		"aria-label": u ? `${u}. Edit` : void 0,
+		...v,
+		ref: S,
 		onClick: (e) => {
-			b(e.currentTarget.textContent), _(!0);
+			_?.(e), w(e.currentTarget.textContent), b(!0);
 		},
-		className: e("zen__editable-cell hover:bg-primary/10 focus-visible:ring-ring/50 w-full cursor-pointer rounded-md px-1.5 py-0.5 text-right tabular-nums transition-colors focus-visible:ring-2 focus-visible:outline-hidden", p),
-		children: t
+		className: e("zen__editable-cell hover:bg-primary/10 w-full cursor-pointer rounded-md px-1.5 py-0.5 text-end tabular-nums transition-colors focus-ring", h),
+		children: r
 	});
 }
 //#endregion
-export { c as default };
+export { u as default };

package/dist/field/index.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from 'react';
+import { AlertProps } from '../alert';
+import { ComponentProps, ReactNode } from 'react';
 /** What a Field tells the control inside it. */
 export interface FieldControl {
     /** For the control's id (the label's `for`). */
@@ -41,10 +42,11 @@ export declare function useFieldProps(props: {
  * markup (e.g. an amount beside a unit select), give it an id and pass the
  * same id as `htmlFor`: Zen's controls with that id pick them up themselves.
  */
-export default function Field({ label, hint, error, htmlFor, children, className }: FieldProps): import('react').JSX.Element;
+export default function Field({ label, hint, error, htmlFor, children, className, ...rest }: FieldProps): import('react').JSX.Element;
 /** A message for a form as a whole: an error or success in a tinted box, or a quiet note. An Alert, set for forms. */
-export declare function FormMessage({ tone, children, className }: FormMessageProps): import('react').JSX.Element;
-export interface FieldProps {
+export declare function FormMessage({ tone, children, className, ...rest }: FormMessageProps): import('react').JSX.Element;
+/** Other props (data-*, an id) go on the field's outer element. */
+export interface FieldProps extends Omit<ComponentProps<'div'>, 'children'> {
     label: ReactNode;
     /** Help text under the control. */
     hint?: ReactNode;
@@ -56,9 +58,7 @@ export interface FieldProps {
     children: ReactNode;
     className?: string;
 }
-export interface FormMessageProps {
-    tone?: 'info' | 'success' | 'error';
-    children: ReactNode;
-    className?: string;
+export interface FormMessageProps extends Omit<AlertProps, 'tone' | 'plain'> {
+    tone?: 'default' | 'positive' | 'negative';
 }
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/field/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA6D,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEhH,gDAAgD;AAChD,MAAM,WAAW,YAAY;IACzB,gDAAgD;IAChD,EAAE,EAAE,MAAM,CAAC;IACX,wFAAwF;IACxF,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAID;;;;GAIG;AACH,wBAAgB,QAAQ,wBAEvB;AAMD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;EAO1G;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,+BAiD7F;AAED,sHAAsH;AACtH,wBAAgB,WAAW,CAAC,EAAE,IAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAUnF;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0FAA0F;IAC1F,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/field/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAGpD,OAAO,EAEH,cAAc,EAId,SAAS,EAGZ,MAAM,OAAO,CAAC;AAEf,gDAAgD;AAChD,MAAM,WAAW,YAAY;IACzB,gDAAgD;IAChD,EAAE,EAAE,MAAM,CAAC;IACX,wFAAwF;IACxF,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAID;;;;GAIG;AACH,wBAAgB,QAAQ,wBAEvB;AAMD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;EAO1G;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAiDtG;AAED,sHAAsH;AACtH,wBAAgB,WAAW,CAAC,EAAE,IAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,+BAM/F;AAED,mEAAmE;AACnE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvE,KAAK,EAAE,SAAS,CAAC;IACjB,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0FAA0F;IAC1F,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;IACxE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;CAC9C"}

package/dist/field/index.js

@@ -17,36 +17,37 @@ function p(e) {
 		"aria-invalid": e["aria-invalid"] ?? t["aria-invalid"]
 	};
 }
-function m({ label: n, hint: i, error: o, htmlFor: d, children: p, className: m }) {
-	let h = s(), g = !d && a(p) ? p : null, _ = d ?? g?.props.id ?? `${h}-control`, v = i && !o ? `${h}-hint` : void 0, y = o ? `${h}-error` : void 0, b = `${h}-label`, x = {
-		id: _,
-		labelId: b,
-		"aria-describedby": f(v, y),
+function m({ label: n, hint: i, error: o, htmlFor: d, children: p, className: m, ...h }) {
+	let g = s(), _ = !d && a(p) ? p : null, v = d ?? _?.props.id ?? `${g}-control`, y = i && !o ? `${g}-hint` : void 0, b = o ? `${g}-error` : void 0, x = `${g}-label`, S = {
+		id: v,
+		labelId: x,
+		"aria-describedby": f(y, b),
 		"aria-invalid": o ? !0 : void 0
 	};
 	return /* @__PURE__ */ c(u.Provider, {
-		value: x,
+		value: S,
 		children: /* @__PURE__ */ l("div", {
+			...h,
 			className: e("zen__field flex flex-col gap-2", m),
 			children: [
 				/* @__PURE__ */ c("label", {
-					id: b,
-					htmlFor: _,
+					id: x,
+					htmlFor: v,
 					className: "text-sm leading-none font-medium",
 					children: n
 				}),
-				g ? r(g, {
-					id: _,
-					"aria-describedby": f(g.props["aria-describedby"], x["aria-describedby"]),
-					"aria-invalid": o ? !0 : g.props["aria-invalid"]
-				}) : p,
-				v && /* @__PURE__ */ c("p", {
+				_ ? r(_, {
 					id: v,
+					"aria-describedby": f(_.props["aria-describedby"], S["aria-describedby"]),
+					"aria-invalid": o ? !0 : _.props["aria-invalid"]
+				}) : p,
+				y && /* @__PURE__ */ c("p", {
+					id: y,
 					className: "text-muted-foreground mt-0! text-xs",
 					children: i
 				}),
 				o && /* @__PURE__ */ l("p", {
-					id: y,
+					id: b,
 					role: "alert",
 					className: "text-destructive mt-0! flex items-center gap-1.5 text-xs font-medium",
 					children: [/* @__PURE__ */ c(t, { className: "shrink-0" }), o]
@@ -55,10 +56,11 @@ function m({ label: n, hint: i, error: o, htmlFor: d, children: p, className: m
 		})
 	});
 }
-function h({ tone: t = "info", children: r, className: i }) {
+function h({ tone: t = "default", children: r, className: i, ...a }) {
 	return /* @__PURE__ */ c(n, {
-		tone: t === "error" ? "negative" : t === "success" ? "positive" : "default",
-		plain: t === "info",
+		...a,
+		tone: t,
+		plain: t === "default",
 		className: e("mt-0!", i),
 		children: r
 	});

package/dist/filter-bar/index.d.ts

@@ -3,9 +3,9 @@ import { ComponentProps, ReactNode } from 'react';
  * The filters in effect, as chips each removed with its ×, and "Clear all"
  * once there are two or more. Renders nothing when no filter is set.
  */
-export default function FilterBar({ onClear, clearLabel, 'aria-label': label, className, children, ref, ...rest }: FilterBarProps): import('react').JSX.Element | null;
+export default function FilterBar({ onClear, clearLabel: clearLabelProp, 'aria-label': labelProp, className, children, ref, ...rest }: FilterBarProps): import('react').JSX.Element | null;
 /** One filter in a FilterBar: what it is (e.g. "Amount: $50–$500"), and its × to remove it. */
-export declare function FilterChip({ onRemove, removeLabel, className, children }: FilterChipProps): import('react').JSX.Element;
+export declare function FilterChip({ onRemove, removeLabel: removeLabelProp, className, children }: FilterChipProps): import('react').JSX.Element;
 export interface FilterBarProps extends ComponentProps<'div'> {
     /** Removes every filter; shown as "Clear all" once there are two or more. */
     onClear?: () => void;

package/dist/filter-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/filter-bar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,cAAc,EAAE,SAAS,EAAiD,MAAM,OAAO,CAAC;AAM3G;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAC9B,OAAO,EACP,UAAwB,EACxB,YAAY,EAAE,KAAwB,EACtC,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACV,EAAE,cAAc,sCA6BhB;AAiDD,+FAA+F;AAC/F,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,WAA6B,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAmB3G;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IACzD,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/filter-bar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,cAAc,EAAE,SAAS,EAAiD,MAAM,OAAO,CAAC;AAM3G;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAC9B,OAAO,EACP,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACV,EAAE,cAAc,sCAgChB;AAiDD,+FAA+F;AAC/F,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAqB1G;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IACzD,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB"}