@rinzai/zen 0.11.0 → 0.13.0

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"}

package/dist/filter-bar/index.js

@@ -1,45 +1,46 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { reducedMotion as t } from "../utils/motion.js";
-import n from "../icons/micro/x-mark.js";
-import { Children as r, useEffect as i, useLayoutEffect as a, useRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useMessages as t } from "../locale-provider/index.js";
+import { reducedMotion as n } from "../utils/motion.js";
+import r from "../icons/micro/x-mark.js";
+import { Children as i, useEffect as a, useLayoutEffect as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region packages/filter-bar/index.tsx
-var l = typeof window > "u" ? i : a, u = {
+var u = typeof window > "u" ? a : o, d = {
 	duration: 260,
 	easing: "cubic-bezier(0.2, 0.8, 0.2, 1)"
-}, d = {
+}, f = {
 	duration: 120,
 	easing: "ease-in"
 };
-function f({ onClear: t, clearLabel: n = "Clear all", "aria-label": i = "Active filters", className: a, children: l, ref: u, ...d }) {
-	let f = r.toArray(l).length, m = o(null);
-	return p(m), f === 0 ? null : /* @__PURE__ */ c("div", {
+function p({ onClear: n, clearLabel: r, "aria-label": a, className: o, children: u, ref: d, ...f }) {
+	let p = t(), h = r ?? p.clearAll, g = a ?? p.activeFilters, _ = i.toArray(u).length, v = s(null);
+	return m(v), _ === 0 ? null : /* @__PURE__ */ l("div", {
 		ref: (e) => {
-			if (m.current = e, typeof u == "function") return u(e);
-			u && (u.current = e);
+			if (v.current = e, typeof d == "function") return d(e);
+			d && (d.current = e);
 		},
 		role: "group",
-		"aria-label": i,
-		className: e("zen__filter-bar relative flex flex-wrap items-center gap-1.5", a),
-		...d,
-		children: [l, f > 1 && t && /* @__PURE__ */ s("button", {
+		"aria-label": g,
+		className: e("zen__filter-bar relative flex flex-wrap items-center gap-1.5", o),
+		...f,
+		children: [u, _ > 1 && n && /* @__PURE__ */ c("button", {
 			type: "button",
-			onClick: t,
-			className: "zen__filter-clear text-muted-foreground hover:text-foreground focus-visible:ring-ring/50 touch-target ml-1 cursor-pointer rounded-md px-1.5 py-1 text-xs outline-hidden focus-visible:ring-2",
-			children: n
+			onClick: n,
+			className: "zen__filter-clear text-muted-foreground hover:text-foreground touch-target focus-ring ms-1 cursor-pointer rounded-md px-1.5 py-1 text-xs outline-hidden",
+			children: h
 		})]
 	});
 }
-function p(e) {
-	let n = o(/* @__PURE__ */ new Map());
-	l(() => {
-		let r = e.current, i = n.current, a = /* @__PURE__ */ new Map();
+function m(e) {
+	let t = s(/* @__PURE__ */ new Map());
+	u(() => {
+		let r = e.current, i = t.current, a = /* @__PURE__ */ new Map();
 		for (let e of r ? [...r.children] : []) e instanceof HTMLElement && !e.dataset.zenLeaving && a.set(e, {
 			left: e.offsetLeft,
 			top: e.offsetTop
 		});
-		if (n.current = a, !r || t()) return;
+		if (t.current = a, !r || n()) return;
 		let o = !1;
 		for (let [e, t] of i) {
 			if (e.isConnected || !(e instanceof HTMLElement)) continue;
@@ -53,12 +54,12 @@ function p(e) {
 			let n = e.animate?.({
 				opacity: [1, 0],
 				scale: [1, .9]
-			}, d);
+			}, f);
 			n ? n.onfinish = n.oncancel = () => e.remove() : e.remove();
 		}
 		let s = {
-			...u,
-			delay: o ? d.duration : 0,
+			...d,
+			delay: o ? f.duration : 0,
 			fill: "backwards"
 		};
 		for (let [e, t] of a) {
@@ -69,22 +70,23 @@ function p(e) {
 			}, {
 				...s,
 				duration: 200,
-				delay: s.delay + u.duration * .6
+				delay: s.delay + d.duration * .6
 			}));
 		}
 	});
 }
-function m({ onRemove: t, removeLabel: r = "Remove filter", className: i, children: a }) {
-	return /* @__PURE__ */ c("span", {
-		className: e("zen__filter-chip bg-primary/12 text-foreground inline-flex items-center gap-1 rounded-full py-1 pr-1 pl-3 text-xs shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.25)]", i),
-		children: [a, /* @__PURE__ */ s("button", {
+function h({ onRemove: n, removeLabel: i, className: a, children: o }) {
+	let s = t(), u = i ?? s.removeFilter;
+	return /* @__PURE__ */ l("span", {
+		className: e("zen__filter-chip bg-primary/12 text-foreground inline-flex items-center gap-1 rounded-full py-1 ps-3 pe-1 text-xs shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.25)]", a),
+		children: [o, /* @__PURE__ */ c("button", {
 			type: "button",
-			"aria-label": r,
-			onClick: t,
-			className: "text-muted-foreground hover:text-foreground hover:bg-tint/10 focus-visible:ring-ring/50 touch-target grid size-5 cursor-pointer place-items-center rounded-full outline-hidden focus-visible:ring-2",
-			children: /* @__PURE__ */ s(n, { className: "size-3" })
+			"aria-label": u,
+			onClick: n,
+			className: "text-muted-foreground hover:text-foreground hover:bg-tint/10 touch-target focus-ring grid size-5 cursor-pointer place-items-center rounded-full outline-hidden",
+			children: /* @__PURE__ */ c(r, { className: "size-3" })
 		})]
 	});
 }
 //#endregion
-export { m as FilterChip, f as default };
+export { h as FilterChip, p as default };

package/dist/header/index.d.ts

@@ -8,7 +8,7 @@ import { ComponentProps } from 'react';
  * focused, that moves focus to the page's <main> past the bar's links (WCAG
  * 2.4.1). Change its text with `skipLabel`, or pass null to leave it out.
  */
-export default function Header({ skipLabel, className, children, ...rest }: HeaderProps): import('react').JSX.Element;
+export default function Header({ skipLabel: skipLabelProp, className, children, ...rest }: HeaderProps): import('react').JSX.Element;
 export interface HeaderProps extends ComponentProps<'header'> {
     /** The skip link's text; null for no skip link (e.g. when the page has its own). */
     skipLabel?: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/header/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAA6B,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAoC1G;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACzD,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/header/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAsCrG;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACzD,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B"}

package/dist/header/index.js

@@ -1,25 +1,27 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
 import { useGraphicsMode as t } from "../utils/graphics.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useMessages as n } from "../locale-provider/index.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region packages/header/index.tsx
-function i({ skipLabel: i = "Skip to content", className: a, children: o, ...s }) {
-	return t(), /* @__PURE__ */ r("header", {
-		className: e("zen__header glow-edge border-tint/5 bg-background/60 sticky top-0 z-40 border-b pt-[env(safe-area-inset-top)] backdrop-blur-xl", "pointer-coarse:bg-background/95 pointer-coarse:backdrop-blur-none", a),
-		...s,
-		children: [i !== null && /* @__PURE__ */ n("a", {
+function a({ skipLabel: a, className: o, children: s, ...c }) {
+	let l = n(), u = a === void 0 ? l.skipToContent : a;
+	return t(), /* @__PURE__ */ i("header", {
+		className: e("zen__header glow-edge border-tint/5 bg-background/60 sticky top-0 z-40 border-b pt-[env(safe-area-inset-top)] backdrop-blur-xl", "pointer-coarse:bg-background/95 pointer-coarse:backdrop-blur-none", o),
+		...c,
+		children: [u !== null && /* @__PURE__ */ r("a", {
 			href: "#main",
 			onClick: (e) => {
 				let t = document.querySelector("main");
 				t && (e.preventDefault(), t.hasAttribute("tabindex") || (t.tabIndex = -1, t.dataset.zenSkipTarget = ""), t.focus());
 			},
-			className: "bg-primary text-primary-foreground focus-visible:ring-glow/50 sr-only rounded-lg px-3 py-2 text-sm font-medium outline-hidden focus:not-sr-only focus:absolute focus:top-2 focus:left-4 focus:z-50 focus-visible:ring-2",
-			children: i
-		}), /* @__PURE__ */ n("div", {
+			className: "bg-primary text-primary-foreground focus-ring sr-only rounded-lg px-3 py-2 text-sm font-medium outline-hidden focus:not-sr-only focus:absolute focus:start-4 focus:top-2 focus:z-50",
+			children: u
+		}), /* @__PURE__ */ r("div", {
 			className: "flex items-center justify-between gap-4 px-4 py-2.5 md:gap-6 md:px-6 md:py-3",
-			children: o
+			children: s
 		})]
 	});
 }
 //#endregion
-export { i as default };
+export { a as default };

package/dist/hover-card/index.d.ts

@@ -0,0 +1,32 @@
+import { ComponentProps, ReactNode } from 'react';
+/**
+ * A preview of what a link points to, e.g. a person or an account: a glass
+ * card shown after the pointer rests on the link (`openDelay`), or while it
+ * has keyboard focus, and kept while the pointer or focus is on the card.
+ * Escape hides it. What it shows is extra, out of the tab order: everything in
+ * it should be reachable by following the link too. Put a HoverCardTrigger and
+ * a HoverCardContent inside (it can go in a paragraph).
+ */
+export default function HoverCard({ openDelay, closeDelay, children }: HoverCardProps): import('react').JSX.Element;
+/** What the card previews: a link by default (give it `href`). With `asChild`, your own element (e.g. your router's link). */
+export declare function HoverCardTrigger({ asChild, style, className, onPointerEnter, onPointerLeave, onFocus, onBlur, onKeyDown, children, ...rest }: HoverCardTriggerProps): import('react').JSX.Element;
+/** The card: glass, below the trigger (above it if there's no room), lined up with its start by default. */
+export declare function HoverCardContent(props: HoverCardContentProps): import('react').ReactPortal | null;
+export interface HoverCardProps {
+    /** How long the pointer rests on the trigger before the card shows, in ms. Default 500. */
+    openDelay?: number;
+    /** How long it stays after the pointer leaves, in ms, so the pointer can reach it. Default 200. */
+    closeDelay?: number;
+    children?: ReactNode;
+}
+export interface HoverCardTriggerProps extends ComponentProps<'a'> {
+    /** Put the trigger's props on your own element instead of rendering a link. */
+    asChild?: boolean;
+}
+export interface HoverCardContentProps extends ComponentProps<'div'> {
+    /** Lined up with the trigger's start (default) or end edge, or centred on it. */
+    align?: 'start' | 'end' | 'center';
+    /** Gap from the trigger, in px. */
+    offset?: number;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/hover-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/hover-card/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAsB,MAAM,OAAO,CAAC;AAWrF;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAe,EAAE,UAAgB,EAAE,QAAQ,EAAE,EAAE,cAAc,+BAIhG;AAED,8HAA8H;AAC9H,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,SAAS,EACT,cAAc,EACd,cAAc,EACd,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,qBAAqB,+BAsBvB;AAED,4GAA4G;AAC5G,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,sCAK5D;AAiCD,MAAM,WAAW,cAAc;IAC3B,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mGAAmG;IACnG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,GAAG,CAAC;IAC9D,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAChE,iFAAiF;IACjF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/hover-card/index.js

@@ -0,0 +1,84 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { useGraphicsMode as t } from "../utils/graphics.js";
+import { Slot as n } from "../utils/slot.js";
+import { anchorFor as r, anchoredStyle as i, useAnchorFallback as a } from "../utils/useAnchoredPopup.js";
+import { POPUP as o } from "../utils/styles.js";
+import { useHydrated as s } from "../utils/useHydrated.js";
+import { useHoverPopup as c } from "../utils/useHoverPopup.js";
+import { createContext as l, useContext as u, useRef as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+//#region packages/hover-card/index.tsx
+var m = l(null);
+function h(e) {
+	let t = u(m);
+	if (!t) throw Error(`<${e}> must be inside <HoverCard>`);
+	return t;
+}
+function g({ openDelay: e = 500, closeDelay: n = 200, children: r }) {
+	t();
+	let i = c("zen__hover-card", {
+		openDelay: e,
+		closeDelay: n
+	});
+	return /* @__PURE__ */ f(m.Provider, {
+		value: i,
+		children: r
+	});
+}
+function _({ asChild: t, style: i, className: a, onPointerEnter: o, onPointerLeave: s, onFocus: c, onBlur: l, onKeyDown: u, children: d, ...p }) {
+	let m = h("HoverCardTrigger"), g = {
+		...p,
+		...r(m.id),
+		style: {
+			...r(m.id).style,
+			...i
+		},
+		...m.triggerProps({
+			onPointerEnter: o,
+			onPointerLeave: s,
+			onFocus: c,
+			onBlur: l,
+			onKeyDown: u
+		})
+	};
+	return t ? /* @__PURE__ */ f(n, {
+		...g,
+		className: a,
+		children: d
+	}) : /* @__PURE__ */ f("a", {
+		...g,
+		className: e("text-primary focus-ring rounded-sm underline-offset-4 hover:underline", a),
+		children: d
+	});
+}
+function v(e) {
+	return s() ? p(/* @__PURE__ */ f(y, { ...e }), document.body) : null;
+}
+function y({ align: t = "start", offset: n = 8, className: r, style: s, onPointerEnter: c, onPointerLeave: l, onBlur: u, onKeyDown: p, children: m, ...g }) {
+	let _ = h("HoverCardContent"), v = d(null);
+	return a(v), /* @__PURE__ */ f("div", {
+		...g,
+		ref: v,
+		id: _.id,
+		popover: "manual",
+		..._.contentProps({
+			onPointerEnter: c,
+			onPointerLeave: l,
+			onBlur: u,
+			onKeyDown: p
+		}),
+		style: {
+			...i(_.id, {
+				align: t,
+				offset: n
+			}),
+			...s
+		},
+		className: e("zen__popover fixed z-50 w-72 overflow-visible p-4", o, r),
+		children: m
+	});
+}
+//#endregion
+export { v as HoverCardContent, _ as HoverCardTrigger, g as default };