@rinzai/zen 0.8.5 → 0.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/tree/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/tree/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAY,MAAM,YAAY,CAAC;AAGjE,OAAO,EACH,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EAKZ,MAAM,OAAO,CAAC;AAEf,iCAAiC;AACjC,MAAM,WAAW,WAAW,CAAC,CAAC;IAC1B,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,eAAsB,EAAE,SAAc,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;;kBA+D3F,MAAM;sBAvDU,MAAM;kBAuJzB,MAAM;oBACJ,MAAM;IACtB,yCAAyC;;IAEzC,wBAAwB;;IAExB,kCAAkC;;;;oBAzCf,WAAW,CAAC,CAAC,CAAC;;;;;;;;qBAQpB,UAAU,CAAC,WAAW,CAAC;uBAGrB,aAAa,CAAC,WAAW,CAAC;;eAOK,aAAa;4BACvC;YAAE,aAAa,EAAE,MAAM,CAAA;SAAE;;uBAMvB,WAAW,CAAC,CAAC,CAAC;;;;;;EAsB3C;AAED,MAAM,MAAM,IAAI,CAAC,CAAC,IAAI,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAEpD,+FAA+F;AAC/F,wBAAgB,OAAO,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,+BAkBvG;AAED,qGAAqG;AACrG,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAQjF;AAED,6GAA6G;AAC7G,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,+BAU9F;AAED,4FAA4F;AAC5F,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAqBrF;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC5B,2DAA2D;IAC3D,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;IACnD,+BAA+B;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,IAAI,CAAC;IACzD,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;CACjB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC7B,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IAC/E,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB"}

package/dist/tree/index.js

@@ -1,15 +1,16 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { TableCell as t, TableRow as n } from "../table/index.js";
-import r from "../icons/micro/chevron-right.js";
-import { useCallback as i, useMemo as a, useRef as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { reducedMotion as t } from "../utils/motion.js";
+import { TableCell as n, TableRow as r } from "../table/index.js";
+import i from "../icons/micro/chevron-right.js";
+import { useCallback as a, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region packages/tree/index.tsx
-function u({ items: t, getKey: n, getChildren: r, defaultExpanded: c = !0, rowHeight: l = 36 }) {
-	let [u, d] = s(() => /* @__PURE__ */ new Set()), [f, p] = s(null), [m, h] = s(null), g = o(null), _ = i((e) => u.has(e) !== c, [u, c]), v = a(() => {
-		let e = [], i = (t, a, o) => {
-			t.forEach((s, c) => {
-				let l = n(s), u = r(s), d = !!u?.length, f = d && _(l);
+function d({ items: n, getKey: r, getChildren: i, defaultExpanded: l = !0, rowHeight: u = 36 }) {
+	let [d, f] = c(() => /* @__PURE__ */ new Set()), [p, m] = c(null), [h, g] = c(null), _ = s(null), v = a((e) => d.has(e) !== l, [d, l]), y = o(() => {
+		let e = [], t = (n, a, o) => {
+			n.forEach((s, c) => {
+				let l = r(s), u = i(s), d = !!u?.length, f = d && v(l);
 				e.push({
 					item: s,
 					key: l,
@@ -18,65 +19,65 @@ function u({ items: t, getKey: n, getChildren: r, defaultExpanded: c = !0, rowHe
 					hasChildren: d,
 					expanded: f,
 					position: c + 1,
-					siblings: t.length
-				}), f && i(u, a + 1, l);
+					siblings: n.length
+				}), f && t(u, a + 1, l);
 			});
 		};
-		return i(t, 0, null), e;
+		return t(n, 0, null), e;
 	}, [
-		t,
 		n,
 		r,
-		_
-	]), y = () => {
-		let e = [], i = (t) => {
-			for (let a of t) {
-				let t = r(a);
-				t?.length && (e.push(n(a)), i(t));
+		i,
+		v
+	]), b = () => {
+		let e = [], t = (n) => {
+			for (let a of n) {
+				let n = i(a);
+				n?.length && (e.push(r(a)), t(n));
 			}
 		};
-		return i(t), e;
-	}, b = i((e, t) => d((n) => {
+		return t(n), e;
+	}, x = a((e, t) => f((n) => {
 		let r = new Set(n);
-		return t === c ? r.delete(e) : r.add(e), r;
-	}), [c]), x = () => typeof window < "u" && (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || document.documentElement.classList.contains("reduce-motion")), S = (e) => {
-		let t = () => {
+		return t === l ? r.delete(e) : r.add(e), r;
+	}), [l]), S = (e) => {
+		let n = () => {
 			let t = Date.now();
-			p({
+			m({
 				key: e,
 				at: t
-			}), setTimeout(() => p((e) => e?.at === t ? null : e), 320);
+			}), setTimeout(() => m((e) => e?.at === t ? null : e), 320);
 		};
-		if (m === e) g.current = null, h(null), t();
-		else if (!_(e)) t(), b(e, !0);
-		else if (x()) b(e, !1);
+		if (h === e) _.current = null, g(null), n();
+		else if (!v(e)) n(), x(e, !0);
+		else if (t()) x(e, !1);
 		else {
-			h(e);
+			g(e);
 			let t = () => {
-				g.current === t && (b(e, !1), h((t) => t === e ? null : t), g.current = null);
+				_.current === t && (x(e, !1), g((t) => t === e ? null : t), _.current = null);
 			};
-			g.current = t, setTimeout(t, 500);
+			_.current = t, setTimeout(t, 500);
 		}
-	}, [C, w] = s(null), T = v.some((e) => e.key === C) ? C : v[0]?.key ?? null, E = (e) => e.expanded && m !== e.key, D = (e, t) => {
+	}, [C, w] = c(null), T = y.some((e) => e.key === C) ? C : y[0]?.key ?? null, E = (e) => e.expanded && h !== e.key, D = (e, t) => {
 		if (t.target !== t.currentTarget) return;
-		let n = v.indexOf(e), r;
-		if (t.key === "ArrowDown") r = v[n + 1];
-		else if (t.key === "ArrowUp") r = v[n - 1];
-		else if (t.key === "Home") r = v[0];
-		else if (t.key === "End") r = v.at(-1);
-		else if (t.key === "ArrowRight" && e.hasChildren) E(e) ? r = v[n + 1] : S(e.key);
-		else if (t.key === "ArrowLeft") E(e) ? S(e.key) : r = v.find((t) => t.key === e.parentKey);
+		let n = y.indexOf(e), r;
+		if (t.key === "ArrowDown") r = y[n + 1];
+		else if (t.key === "ArrowUp") r = y[n - 1];
+		else if (t.key === "Home") r = y[0];
+		else if (t.key === "End") r = y.at(-1);
+		else if (t.key === "ArrowRight" && e.hasChildren) E(e) ? r = y[n + 1] : S(e.key);
+		else if (t.key === "ArrowLeft") E(e) ? S(e.key) : r = y.find((t) => t.key === e.parentKey);
 		else return;
 		t.preventDefault(), r && t.currentTarget.closest("[role=\"treegrid\"], table")?.querySelector(`[data-tree-key="${CSS.escape(r.key)}"]`)?.focus();
 	};
 	return {
-		rows: v,
+		rows: y,
 		toggle: S,
-		isExpanded: _,
-		expand: (e) => b(e, !0),
-		collapse: (e) => b(e, !1),
-		expandAll: () => d(c ? /* @__PURE__ */ new Set() : new Set(y())),
-		collapseAll: () => d(c ? new Set(y()) : /* @__PURE__ */ new Set()),
+		isExpanded: v,
+		expand: (e) => x(e, !0),
+		collapse: (e) => x(e, !1),
+		expandAll: () => f(l ? /* @__PURE__ */ new Set() : new Set(b())),
+		collapseAll: () => f(l ? new Set(b()) : /* @__PURE__ */ new Set()),
 		tableProps: { role: "treegrid" },
 		rowProps: (t) => ({
 			"aria-level": t.depth + 1,
@@ -90,10 +91,10 @@ function u({ items: t, getKey: n, getChildren: r, defaultExpanded: c = !0, rowHe
 				e.target === e.currentTarget && w(t.key);
 			},
 			onKeyDown: (e) => D(t, e),
-			className: e("outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/60", f && t.parentKey === f.key && "zen__tree-row-enter", m && t.parentKey === m && "zen__tree-row-exit"),
-			style: { "--row-h": `${l - 1}px` },
+			className: e("outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/60", p && t.parentKey === p.key && "zen__tree-row-enter", h && t.parentKey === h && "zen__tree-row-exit"),
+			style: { "--row-h": `${u - 1}px` },
 			onAnimationEnd: (e) => {
-				e.animationName === "zen-row-close" && m && t.parentKey === m && g.current?.();
+				e.animationName === "zen-row-close" && h && t.parentKey === h && _.current?.();
 			}
 		}),
 		toggleProps: (e) => ({
@@ -101,13 +102,13 @@ function u({ items: t, getKey: n, getChildren: r, defaultExpanded: c = !0, rowHe
 			onToggle: () => S(e.key),
 			tabIndex: -1
 		}),
-		rowHeight: l
+		rowHeight: u
 	};
 }
-function d({ row: t, tree: r, className: i, style: a, onFocus: o, onKeyDown: s, ...l }) {
-	let u = r.rowProps(t);
-	return /* @__PURE__ */ c(n, {
-		...l,
+function f({ row: t, tree: n, className: i, style: a, onFocus: o, onKeyDown: s, ...c }) {
+	let u = n.rowProps(t);
+	return /* @__PURE__ */ l(r, {
+		...c,
 		...u,
 		onFocus: (e) => {
 			o?.(e), u.onFocus(e);
@@ -122,34 +123,34 @@ function d({ row: t, tree: r, className: i, style: a, onFocus: o, onKeyDown: s,
 		}
 	});
 }
-function f({ numeric: n, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ c(t, {
-		numeric: n,
+function p({ numeric: t, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ l(n, {
+		numeric: t,
 		className: e("py-0 whitespace-nowrap", r),
 		...a,
-		children: /* @__PURE__ */ c("div", {
-			className: e("zen__tree-cell flex h-[var(--row-h)] items-center", n && "justify-end"),
+		children: /* @__PURE__ */ l("div", {
+			className: e("zen__tree-cell flex h-[var(--row-h)] items-center", t && "justify-end"),
 			children: i
 		})
 	});
 }
-function p({ row: t, tree: n, indent: r = 20, children: i, className: a }) {
-	return /* @__PURE__ */ l("div", {
+function m({ row: t, tree: n, indent: r = 20, children: i, className: a }) {
+	return /* @__PURE__ */ u("div", {
 		className: e("flex min-w-0 flex-1 items-center gap-1", a),
 		style: { paddingLeft: t.depth * r },
-		children: [t.hasChildren ? /* @__PURE__ */ c(m, { ...n.toggleProps(t) }) : /* @__PURE__ */ c("span", { className: "-ml-1 w-6 shrink-0" }), i]
+		children: [t.hasChildren ? /* @__PURE__ */ l(h, { ...n.toggleProps(t) }) : /* @__PURE__ */ l("span", { className: "-ml-1 w-6 shrink-0" }), i]
 	});
 }
-function m({ expanded: t, onToggle: n, className: i, ...a }) {
-	return /* @__PURE__ */ c("button", {
+function h({ expanded: t, onToggle: n, className: r, ...a }) {
+	return /* @__PURE__ */ l("button", {
 		type: "button",
 		onClick: n,
 		"aria-label": t ? "Collapse" : "Expand",
 		"aria-expanded": t,
-		className: e("text-muted-foreground hover:bg-tint/[0.08] hover:text-foreground focus-visible:ring-ring/50 -ml-1 grid size-6 shrink-0 cursor-pointer place-items-center rounded-md outline-hidden transition-colors focus-visible:ring-2", i),
+		className: e("text-muted-foreground hover:bg-tint/[0.08] hover:text-foreground focus-visible:ring-ring/50 -ml-1 grid size-6 shrink-0 cursor-pointer place-items-center rounded-md outline-hidden transition-colors focus-visible:ring-2", r),
 		...a,
-		children: /* @__PURE__ */ c(r, { className: e("zen__tree-chevron size-4 transition-transform duration-200 ease-out", t && "rotate-90") })
+		children: /* @__PURE__ */ l(i, { className: e("zen__tree-chevron size-4 transition-transform duration-200 ease-out", t && "rotate-90") })
 	});
 }
 //#endregion
-export { f as TreeCell, p as TreeLabel, d as TreeRow, m as TreeToggle, u as useTree };
+export { p as TreeCell, m as TreeLabel, f as TreeRow, h as TreeToggle, d as useTree };

package/dist/utils/indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../packages/utils/indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAE7E,uEAAuE;AACvE,MAAM,WAAW,YAAY;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CACxB,QAAQ,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACvC,QAAQ,EAAE,MAAM,EAChB,IAAI,GAAE,cAAmB,GAC1B,YAAY,GAAG,IAAI,CAiCrB"}
+{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../packages/utils/indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAE7E,uEAAuE;AACvE,MAAM,WAAW,YAAY;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CACxB,QAAQ,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACvC,QAAQ,EAAE,MAAM,EAChB,IAAI,GAAE,cAAmB,GAC1B,YAAY,GAAG,IAAI,CAkCrB"}

package/dist/utils/indicator.js

@@ -7,7 +7,7 @@ function n(n, r, i = []) {
 		let e = n.current;
 		if (!e) return;
 		let t = () => {
-			let t = e.querySelector(r), n = t && {
+			let t = e.checkVisibility?.() === !1 ? null : e.querySelector(r), n = t && {
 				x: t.offsetLeft,
 				y: t.offsetTop,
 				w: t.offsetWidth,

package/dist/utils/motion.d.ts

@@ -0,0 +1,3 @@
+/** Whether to skip motion: the OS setting, or an app's own switch (html.reduce-motion). */
+export declare function reducedMotion(): boolean;
+//# sourceMappingURL=motion.d.ts.map

package/dist/utils/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../packages/utils/motion.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,wBAAgB,aAAa,IAAI,OAAO,CAMvC"}

package/dist/utils/motion.js

@@ -0,0 +1,7 @@
+"use client";
+//#region packages/utils/motion.ts
+function e() {
+	return typeof window < "u" && (!!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || document.documentElement.classList.contains("reduce-motion"));
+}
+//#endregion
+export { e as reducedMotion };

package/dist/utils/section-link.d.ts

@@ -0,0 +1,9 @@
+import { MouseEvent } from 'react';
+/**
+ * Makes an in-page link (`<a href="#id">`) scroll smoothly, as an onClick. The
+ * address gets the #id and focus moves to the section, so the keyboard and
+ * screen readers carry on from there. Opening in a new tab or window, and
+ * links to nothing on the page, are left to the browser.
+ */
+export declare function followSectionLink(event: MouseEvent<HTMLAnchorElement>): void;
+//# sourceMappingURL=section-link.d.ts.map

package/dist/utils/section-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-link.d.ts","sourceRoot":"","sources":["../../packages/utils/section-link.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIxC;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAoB5E"}

package/dist/utils/section-link.js

@@ -0,0 +1,10 @@
+"use client";
+import { reducedMotion as e } from "./motion.js";
+//#region packages/utils/section-link.ts
+function t(t) {
+	if (t.defaultPrevented || t.button !== 0 || t.metaKey || t.ctrlKey || t.shiftKey || t.altKey) return;
+	let { hash: n } = t.currentTarget, r = n && document.getElementById(decodeURIComponent(n.slice(1)));
+	r && (t.preventDefault(), r.scrollIntoView({ behavior: e() ? "instant" : "smooth" }), history.replaceState(history.state, "", n), r.hasAttribute("tabindex") || r.setAttribute("tabindex", "-1"), r.focus({ preventScroll: !0 }));
+}
+//#endregion
+export { t as followSectionLink };

package/dist/utils/theme-wave.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-wave.d.ts","sourceRoot":"","sources":["../../packages/utils/theme-wave.ts"],"names":[],"mappings":"AA6NA;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CACrB,MAAM,EAAE,MAAM,IAAI,EAClB,IAAI,CAAC,EAAE,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,EAChD,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GACxB,IAAI,CAqKN"}
+{"version":3,"file":"theme-wave.d.ts","sourceRoot":"","sources":["../../packages/utils/theme-wave.ts"],"names":[],"mappings":"AA2NA;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CACrB,MAAM,EAAE,MAAM,IAAI,EAClB,IAAI,CAAC,EAAE,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,EAChD,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GACxB,IAAI,CAyKN"}

package/dist/utils/theme-wave.js

@@ -1,18 +1,19 @@
 "use client";
 import { applyGraphicsMode as e } from "./graphics.js";
-import { changeTheme as t, oklchToLinearRgb as n } from "./theme.js";
+import { reducedMotion as t } from "./motion.js";
+import { changeTheme as n, oklchToLinearRgb as r } from "./theme.js";
 //#region packages/utils/theme-wave.ts
-var r = 1330, i = [
+var i = 1330, a = [
 	.25,
 	.55,
 	.35,
 	1
-], a = 1050, o = [
+], o = 1050, s = [
 	.55,
 	0,
 	.85,
 	.35
-], s = .05, c = 36, l = [
+], c = .05, l = 36, u = [
 	[
 		3,
 		1.9,
@@ -28,15 +29,15 @@ var r = 1330, i = [
 		4.1,
 		.2
 	]
-], u = 48, d = 72, f = 28, p = "zen-theme-waving", m = "zen-theme-closing", h = "zen-theme-water", g = "zen-theme-area", _ = 0, v = null;
-function y() {
-	v && v.style.setProperty("view-transition-name", v.name, v.priority), v = null;
+], d = 48, f = 72, p = 28, m = "zen-theme-waving", h = "zen-theme-closing", g = "zen-theme-water", _ = "zen-theme-area", v = 0, y = null;
+function b() {
+	y && y.style.setProperty("view-transition-name", y.name, y.priority), y = null;
 }
-function b(e, t, n) {
+function x(e, t, n) {
 	let r = Math.min(1, Math.max(0, (n - e) / (t - e)));
 	return r * r * (3 - 2 * r);
 }
-function x([e, t, n, r], i) {
+function S([e, t, n, r], i) {
 	let a = (e, t, n) => 3 * e * n * (1 - n) ** 2 + 3 * t * n ** 2 * (1 - n) + n ** 3, o = 0, s = 1;
 	for (let t = 0; t < 24; t++) {
 		let t = (o + s) / 2;
@@ -44,10 +45,10 @@ function x([e, t, n, r], i) {
 	}
 	return a(t, r, (o + s) / 2);
 }
-function S(e, t, n, r) {
-	return Math.min(c, s * t) * l.reduce((t, [i, a, o], s) => t + o * Math.sin(i * e + a * n + r * (s + 1)), 0);
+function C(e, t, n, r) {
+	return Math.min(l, c * t) * u.reduce((t, [i, a, o], s) => t + o * Math.sin(i * e + a * n + r * (s + 1)), 0);
 }
-var C = `
+var w = `
 precision highp float;
 uniform vec2 res;
 uniform float dpr;
@@ -63,8 +64,8 @@ uniform vec3 aurora[3];
 uniform float light;
 
 float wobble(float a, float r) {
-    float size = min(${c.toFixed(1)}, ${s.toFixed(3)} * r);
-    return size * (${l.map(([e, t, n], r) => `${n.toFixed(2)} * sin(${e.toFixed(1)} * a + ${t.toFixed(2)} * time + seed * ${(r + 1).toFixed(1)})`).join(" + ")});
+    float size = min(${l.toFixed(1)}, ${c.toFixed(3)} * r);
+    return size * (${u.map(([e, t, n], r) => `${n.toFixed(2)} * sin(${e.toFixed(1)} * a + ${t.toFixed(2)} * time + seed * ${(r + 1).toFixed(1)})`).join(" + ")});
 }
 
 // A train of ripples whose front is x px away (ahead of it when positive, as it moves):
@@ -72,8 +73,8 @@ float wobble(float a, float r) {
 // the train faster than it spreads, as on water. Its slope (height per px of x): the
 // ripples are a fixed size, as real ones are, however big the water.
 float rippleSlope(float x) {
-    float k = 6.2832 / ${f.toFixed(1)};
-    float reach = x < 0.0 ? ${(2.5 * f).toFixed(1)} : ${(.35 * f).toFixed(1)};
+    float k = 6.2832 / ${p.toFixed(1)};
+    float reach = x < 0.0 ? ${(2.5 * p).toFixed(1)} : ${(.35 * p).toFixed(1)};
     float phase = k * x - 7.0 * time;
     return exp(-x * x / (2.0 * reach * reach)) * (-x / (reach * reach) * cos(phase) / k - sin(phase));
 }
@@ -121,18 +122,18 @@ void main() {
     color = clamp(color, 0.0, 1.0);
     float cover = max(color.r, max(color.g, color.b));
     gl_FragColor = vec4(color, cover + shade * (1.0 - cover));
-}`, w = "attribute vec2 at; void main() { gl_Position = vec4(at, 0.0, 1.0); }", T;
-function E() {
-	if (T !== void 0) return T;
-	T = null;
+}`, T = "attribute vec2 at; void main() { gl_Position = vec4(at, 0.0, 1.0); }", E;
+function D() {
+	if (E !== void 0) return E;
+	E = null;
 	let e = document.createElement("canvas");
-	e.setAttribute("aria-hidden", "true"), e.style.cssText = `position:fixed;pointer-events:none;z-index:2147483647;view-transition-name:${h} !important`;
+	e.setAttribute("aria-hidden", "true"), e.style.cssText = `position:fixed;pointer-events:none;z-index:2147483647;view-transition-name:${g} !important`;
 	let t = e.getContext("webgl", {
 		premultipliedAlpha: !0,
 		antialias: !1
 	}), n = t?.createProgram();
 	if (!t || !n) return null;
-	for (let [e, r] of [[t.VERTEX_SHADER, w], [t.FRAGMENT_SHADER, C]]) {
+	for (let [e, r] of [[t.VERTEX_SHADER, T], [t.FRAGMENT_SHADER, w]]) {
 		let i = t.createShader(e);
 		if (!i) return null;
 		t.shaderSource(i, r), t.compileShader(i), t.attachShader(n, i);
@@ -147,95 +148,95 @@ function E() {
 		3
 	]), t.STATIC_DRAW), t.enableVertexAttribArray(0), t.vertexAttribPointer(0, 2, t.FLOAT, !1, 0, 0);
 	let r = /* @__PURE__ */ new Map();
-	return T = {
+	return E = {
 		canvas: e,
 		gl: t,
 		uniform: (e) => (r.has(e) || r.set(e, t.getUniformLocation(n, e)), r.get(e))
-	}, T;
-}
-function D(e) {
-	e.gl.clear(e.gl.COLOR_BUFFER_BIT), e.canvas.remove();
+	}, E;
 }
 function O(e) {
-	return n(e).map((e) => e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055);
+	e.gl.clear(e.gl.COLOR_BUFFER_BIT), e.canvas.remove();
 }
-function k() {
-	return !(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || document.documentElement.classList.contains("reduce-motion")) && !!document.startViewTransition && e() !== "lite";
+function k(e) {
+	return r(e).map((e) => e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055);
 }
 function A() {
-	if (T !== void 0 || !k()) return;
-	let e = E();
+	return !t() && !!document.startViewTransition && e() !== "lite";
+}
+function j() {
+	if (E !== void 0 || !A()) return;
+	let e = D();
 	e?.gl.drawArrays(e.gl.TRIANGLES, 0, 3);
 }
-function j(e, n, s) {
-	let l = document.documentElement, f = !!s && s !== l, h = window.innerWidth, C = window.innerHeight, w = f ? s.getBoundingClientRect() : new DOMRect(0, 0, h, C), T = Math.max(0, w.left), A = Math.max(0, w.top), j = Math.min(h, w.right), M = Math.min(C, w.bottom), N = k() && j > T && M > A ? E() : null;
-	if (!N) {
-		t(f ? s : l, e);
+function M(e, t, r) {
+	let c = document.documentElement, u = !!r && r !== c, p = window.innerWidth, w = window.innerHeight, T = u ? r.getBoundingClientRect() : new DOMRect(0, 0, p, w), E = Math.max(0, T.left), j = Math.max(0, T.top), M = Math.min(p, T.right), N = Math.min(w, T.bottom), P = A() && M > E && N > j ? D() : null;
+	if (!P) {
+		n(u ? r : c, e);
 		return;
 	}
-	let P = (T + j) / 2, F = (A + M) / 2;
-	if (n instanceof Element) {
-		let e = n.getBoundingClientRect();
-		P = e.left + e.width / 2, F = e.top + e.height / 2;
-	} else n && ({x: P, y: F} = n);
-	let I = Math.hypot(Math.max(P - w.left, w.right - P), Math.max(F - w.top, w.bottom - F)), L = Math.random() * 2 * Math.PI, R = I + c + 2, z = ++_;
-	D(N), y(), l.classList.add(p);
-	let B = f ? g : "root";
-	if (f) {
-		let { style: e } = s;
-		v = {
+	let F = (E + M) / 2, I = (j + N) / 2;
+	if (t instanceof Element) {
+		let e = t.getBoundingClientRect();
+		F = e.left + e.width / 2, I = e.top + e.height / 2;
+	} else t && ({x: F, y: I} = t);
+	let L = Math.hypot(Math.max(F - T.left, T.right - F), Math.max(I - T.top, T.bottom - I)), R = Math.random() * 2 * Math.PI, z = L + l + 2, B = ++v;
+	O(P), b(), c.classList.add(m);
+	let V = u ? _ : "root";
+	if (u) {
+		let { style: e } = r;
+		y = {
 			style: e,
 			name: e.getPropertyValue("view-transition-name"),
 			priority: e.getPropertyPriority("view-transition-name")
-		}, e.setProperty("view-transition-name", g, "important");
+		}, e.setProperty("view-transition-name", _, "important");
 	}
-	Object.assign(N.canvas.style, {
-		left: `${T}px`,
-		top: `${A}px`,
-		width: `${j - T}px`,
-		height: `${M - A}px`,
-		clipPath: f ? `inset(${w.top - A}px ${j - w.right}px ${M - w.bottom}px ${w.left - T}px round ${getComputedStyle(s).borderRadius})` : ""
+	Object.assign(P.canvas.style, {
+		left: `${E}px`,
+		top: `${j}px`,
+		width: `${M - E}px`,
+		height: `${N - j}px`,
+		clipPath: u ? `inset(${T.top - j}px ${M - T.right}px ${N - T.bottom}px ${T.left - E}px round ${getComputedStyle(r).borderRadius})` : ""
 	});
-	let V = [], H = !1, U = document.startViewTransition(async () => {
+	let H = [], U = !1, W = document.startViewTransition(async () => {
 		e(), await Promise.resolve();
-		let t = getComputedStyle(f ? s : l);
-		H = Number(t.getPropertyValue("--background").trim().split(" ")[0]) <= .5, l.classList.toggle(m, H);
-		let n = t.getPropertyValue("--glow").trim(), [r, i, a] = n.split(" ").map(Number);
-		V = [
+		let t = getComputedStyle(u ? r : c);
+		U = Number(t.getPropertyValue("--background").trim().split(" ")[0]) <= .5, c.classList.toggle(h, U);
+		let n = t.getPropertyValue("--glow").trim(), [i, a, o] = n.split(" ").map(Number);
+		H = [
 			n,
 			t.getPropertyValue("--glow-2").trim(),
-			`${r} ${i} ${(a + 240) % 360}`
-		].flatMap(O), document.body.append(N.canvas);
+			`${i} ${a} ${(o + 240) % 360}`
+		].flatMap(k), document.body.append(P.canvas);
 	});
-	U.ready.then(() => {
-		let e = H ? a : r, t = (e) => (H ? 1 - x(o, e) : x(i, e)) * R, n = `::view-transition-${H ? "old" : "new"}(${B})`, s = (n) => {
+	W.ready.then(() => {
+		let e = U ? o : i, t = (e) => (U ? 1 - S(s, e) : S(a, e)) * z, n = `::view-transition-${U ? "old" : "new"}(${V})`, r = new DOMMatrix(getComputedStyle(c, `::view-transition-group(${g})`).transform), [l, p] = u ? [T.left, T.top] : [E - r.e, j - r.f], m = (n) => {
 			let r = t(n), i = n * e / 1e3;
-			return `polygon(${Array.from({ length: d }, (e, t) => {
-				let n = t / d * 2 * Math.PI, a = Math.max(0, r + S(n, r, i, L));
-				return `${(P - w.left + a * Math.cos(n)).toFixed(1)}px ${(F - w.top + a * Math.sin(n)).toFixed(1)}px`;
+			return `polygon(${Array.from({ length: f }, (e, t) => {
+				let n = t / f * 2 * Math.PI, a = Math.max(0, r + C(n, r, i, R));
+				return `${(F - l + a * Math.cos(n)).toFixed(1)}px ${(I - p + a * Math.sin(n)).toFixed(1)}px`;
 			}).join(",")})`;
-		}, c = Array.from({ length: 49 }, (e, t) => ({
-			clipPath: s(t / u),
-			offset: t / u
-		})), f = l.animate(c, {
+		}, h = Array.from({ length: 49 }, (e, t) => ({
+			clipPath: m(t / d),
+			offset: t / d
+		})), _ = c.animate(h, {
 			duration: e,
 			pseudoElement: n
 		});
-		f.pause();
-		let p, { canvas: m, gl: h, uniform: g } = N, v = Math.min(window.devicePixelRatio || 1, 2);
-		m.width = Math.round((j - T) * v), m.height = Math.round((M - A) * v), h.viewport(0, 0, m.width, m.height), h.uniform2f(g("res"), m.width, m.height), h.uniform1f(g("dpr"), v), h.uniform2f(g("from"), P - T, F - A), h.uniform1f(g("seed"), L), h.uniform3fv(g("aurora[0]"), V), h.uniform1f(g("light"), +!H);
-		let y = (e) => 1.6 * b(.05, .45, e) * (1 - e) ** 1.5, C = (n) => {
-			if (z !== _) return;
-			p ??= n;
-			let r = Math.min(1, (n - p) / e);
-			if (f.currentTime = r * e, r === 1) return f.finish(), D(N);
+		_.pause();
+		let y, { canvas: b, gl: w, uniform: D } = P, k = Math.min(window.devicePixelRatio || 1, 2);
+		b.width = Math.round((M - E) * k), b.height = Math.round((N - j) * k), w.viewport(0, 0, b.width, b.height), w.uniform2f(D("res"), b.width, b.height), w.uniform1f(D("dpr"), k), w.uniform2f(D("from"), F - E, I - j), w.uniform1f(D("seed"), R), w.uniform3fv(D("aurora[0]"), H), w.uniform1f(D("light"), +!U);
+		let A = (e) => 1.6 * x(.05, .45, e) * (1 - e) ** 1.5, L = (n) => {
+			if (B !== v) return;
+			y ??= n;
+			let r = Math.min(1, (n - y) / e);
+			if (_.currentTime = r * e, r === 1) return _.finish(), O(P);
 			let i = t(r), a = Math.min(1, (1 - r) / .12), o, s;
-			H ? (o = 1.6 * r * Math.sqrt(1 - r) * a, s = Math.min(1, r * 4) * Math.min(1, i / 24) * a) : (o = y(r) * a, s = Math.min(1, i / 40) * (1 - r ** 3) * a), h.uniform1f(g("time"), r * e / 1e3), h.uniform1f(g("edge"), i), h.uniform1f(g("dir"), H ? -1 : 1), h.uniform1f(g("strength"), o), h.uniform1f(g("prism"), s), h.drawArrays(h.TRIANGLES, 0, 3), requestAnimationFrame(C);
+			U ? (o = 1.6 * r * Math.sqrt(1 - r) * a, s = Math.min(1, r * 4) * Math.min(1, i / 24) * a) : (o = A(r) * a, s = Math.min(1, i / 40) * (1 - r ** 3) * a), w.uniform1f(D("time"), r * e / 1e3), w.uniform1f(D("edge"), i), w.uniform1f(D("dir"), U ? -1 : 1), w.uniform1f(D("strength"), o), w.uniform1f(D("prism"), s), w.drawArrays(w.TRIANGLES, 0, 3), requestAnimationFrame(L);
 		};
-		requestAnimationFrame(C);
-	}).catch(() => {}), U.finished.finally(() => {
-		z === _ && (y(), l.classList.remove(p, m), D(N));
+		requestAnimationFrame(L);
+	}).catch(() => {}), W.finished.finally(() => {
+		B === v && (b(), c.classList.remove(m, h), O(P));
 	});
 }
 //#endregion
-export { A as prepareThemeWave, j as themeWave };
+export { j as prepareThemeWave, M as themeWave };

package/dist/utils/useAnchoredPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnchoredPopup.d.ts","sourceRoot":"","sources":["../../packages/utils/useAnchoredPopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAC;AAElG;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EAAE,EACrE,KAAe,EACf,MAAU,EACV,UAAkB,EAClB,YAAY,GACf,GAAE,oBAAyB;;;oBAgBb,OAAO;;;eA6CkD,aAAa;;;;;;;;;;;;;EAJpF;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM;;WACoC,aAAa;EACpF;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAe,EAAE,MAAU,EAAE,KAAK,EAAE,GAAE,aAAkB,GAAG,aAAa,CAoBnH;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAYD,8FAA8F;AAC9F,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAiCnE;AAmCD,MAAM,WAAW,oBAAoB;IACjC,sFAAsF;IACtF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}
+{"version":3,"file":"useAnchoredPopup.d.ts","sourceRoot":"","sources":["../../packages/utils/useAnchoredPopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAC;AAElG;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EAAE,EACrE,KAAe,EACf,MAAU,EACV,UAAkB,EAClB,YAAY,GACf,GAAE,oBAAyB;;;oBAgBb,OAAO;;;eA6CkD,aAAa;;;;;;;;;;;;;EAJpF;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM;;WACoC,aAAa;EACpF;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAe,EAAE,MAAU,EAAE,KAAK,EAAE,GAAE,aAAkB,GAAG,aAAa,CAsBnH;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAYD,8FAA8F;AAC9F,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAiCnE;AAoCD,MAAM,WAAW,oBAAoB;IACjC,sFAAsF;IACtF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}

package/dist/utils/useAnchoredPopup.js

@@ -62,6 +62,11 @@ function s(e, { align: t = "start", offset: n = 4, width: r } = {}) {
 		positionTryFallbacks: "flip-block",
 		inset: "auto",
 		margin: `${n}px 0`,
+		transformOrigin: {
+			start: "top left",
+			end: "top right",
+			center: "top"
+		}[t],
 		...r === "at-least" && {
 			width: "max-content",
 			minWidth: "anchor-size(width)"
@@ -113,7 +118,7 @@ function f(e) {
 		width: e.offsetWidth,
 		height: e.offsetHeight
 	}, l = document.documentElement.clientWidth, u = window.innerHeight, f = o.bottom + i, p = o.top - i - c.height, m = f + c.height > u - d && p >= d ? p : f, h = getComputedStyle(n).direction === "rtl", g = h ? o.right - c.width : o.left, _ = h ? o.left : o.right - c.width, v = r === "center" ? o.left + (o.width - c.width) / 2 : r === "end" ? _ : g;
-	s.top = `${m}px`, s.left = `${Math.max(d, Math.min(v, l - c.width - d))}px`;
+	s.top = `${m}px`, s.transformOrigin = s.transformOrigin.replace(/top|bottom/, m === p ? "bottom" : "top"), s.left = `${Math.max(d, Math.min(v, l - c.width - d))}px`;
 }
 //#endregion
 export { o as anchorFor, s as anchoredStyle, u as useAnchorFallback, a as useAnchoredPopup };

package/dist/utils/useSeen.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+/** True once the element has been on screen; it stays true. */
+export declare function useSeen(ref: RefObject<Element | null>): boolean;
+//# sourceMappingURL=useSeen.d.ts.map

package/dist/utils/useSeen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeen.d.ts","sourceRoot":"","sources":["../../packages/utils/useSeen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEvD,+DAA+D;AAC/D,wBAAgB,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,CAa/D"}

package/dist/utils/useSeen.js

@@ -0,0 +1,17 @@
+"use client";
+import { useEffect as e, useState as t } from "react";
+//#region packages/utils/useSeen.ts
+function n(n) {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = n.current;
+		if (r || !e) return;
+		if (typeof IntersectionObserver > "u") return i(!0);
+		let t = new IntersectionObserver((e) => {
+			e.some((e) => e.isIntersecting) && i(!0);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [n, r]), r;
+}
+//#endregion
+export { n as useSeen };