@rinzai/zen 0.8.6 → 0.10.0

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/trend/index.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from 'react';
+/**
+ * A change, e.g. "+12%" with an arrow, coloured by whether it's good news:
+ * savings going up is, spending going up isn't (`good="down"`). `value` is
+ * the change as a fraction (0.12 for 12%); children follow it, muted, e.g.
+ * "vs last month".
+ */
+export default function Trend({ value, good, locale, format, className, children, ...rest }: TrendProps): import('react').JSX.Element;
+export interface TrendProps extends ComponentProps<'span'> {
+    /** The change as a fraction: 0.12 is 12% up, -0.05 is 5% down. */
+    value: number;
+    /** Which way is good news (default `up`); spending would be `down`. */
+    good?: 'up' | 'down';
+    /** For the default percent format. */
+    locale?: string;
+    /** How the change reads, e.g. as money instead of a percent. */
+    format?: (value: number) => string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/trend/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,KAAK,EACL,IAAW,EACX,MAAM,EACN,MAGK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,UAAU,+BAsBZ;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC;IACtD,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtC"}

package/dist/trend/index.js

@@ -0,0 +1,27 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import t from "../icons/micro/arrow-trending-down.js";
+import n from "../icons/micro/arrow-trending-up.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region packages/trend/index.tsx
+function a({ value: a, good: o = "up", locale: s, format: c = (e) => new Intl.NumberFormat(s, {
+	style: "percent",
+	maximumFractionDigits: 1,
+	signDisplay: "exceptZero"
+}).format(e), className: l, children: u, ...d }) {
+	let f = a > 0 ? "up" : a < 0 ? "down" : "flat", p = f === "up" ? n : f === "down" ? t : null;
+	return /* @__PURE__ */ i("span", {
+		className: e("zen__trend inline-flex items-center gap-1.5 text-xs", l),
+		...d,
+		children: [/* @__PURE__ */ i("span", {
+			"data-direction": f,
+			className: e("inline-flex items-center gap-0.5 rounded-md border px-1.5 py-0.5 font-medium whitespace-nowrap tabular-nums", f === "flat" ? "border-tint/10 bg-tint/[0.06] text-muted-foreground" : f === o ? "border-glow/30 bg-glow/10 text-primary" : "border-destructive/40 bg-destructive/10 text-destructive"),
+			children: [p && /* @__PURE__ */ r(p, { className: "size-3.5" }), c(a)]
+		}), u && /* @__PURE__ */ r("span", {
+			className: "text-muted-foreground",
+			children: u
+		})]
+	});
+}
+//#endregion
+export { a as default };

package/dist/utils/date.d.ts

@@ -21,6 +21,40 @@ export declare function daysInMonth(month: Month): number;
 export declare function dayOfWeek(date: DateString): number;
 /** Today in the user's time zone. */
 export declare function today(now?: Date): DateString;
+/**
+ * The ranges people pick most, up to `today`: label them yourself, e.g. for
+ * DateRangePicker's presets. Weeks start on `weekStartsOn` (0 for Sunday).
+ */
+export declare function commonRanges(today: DateString, weekStartsOn?: number): {
+    today: {
+        start: string;
+        end: string;
+    };
+    thisWeek: {
+        start: string;
+        end: string;
+    };
+    last7Days: {
+        start: string;
+        end: string;
+    };
+    last30Days: {
+        start: string;
+        end: string;
+    };
+    thisMonth: {
+        start: string;
+        end: string;
+    };
+    lastMonth: {
+        start: string;
+        end: string;
+    };
+    thisYear: {
+        start: string;
+        end: string;
+    };
+};
 /** Days from `from` to `to` (negative if `to` is earlier). */
 export declare function daysBetween(from: DateString, to: DateString): number;
 /** How much of a date to show; `day` is the day and month without the year ("Sep 3"), for dates within the year. */

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

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../packages/utils/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,6EAA6E;AAC7E,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,UAAU,GAAG,IAAI,CAAC;CAC1B;AAID,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAI1D;AAED,0EAA0E;AAC1E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAGjD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,CAEtD;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAE/D;AAED,6FAA6F;AAC7F,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAKvE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAGhD;AAED,qCAAqC;AACrC,wBAAgB,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAElD;AAED,qCAAqC;AACrC,wBAAgB,KAAK,CAAC,GAAG,GAAE,IAAiB,GAAG,UAAU,CAExD;AAED,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,GAAG,MAAM,CAEpE;AAED,oHAAoH;AACpH,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAQrE;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,SAAoB,GAAG,MAAM,CAEhG;AAED,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,QAAQ,GAAG,OAAO,GAAG,MAAgB,GAAG,MAAM,EAAE,CAGnG;AAUD,0FAA0F;AAC1F,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAahD;AAED,kGAAkG;AAClG,wBAAgB,eAAe,CAC3B,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,MAAM,EACd,KAAK,GAAE,OAAO,CAAC,SAAS,EAAE,MAAM,CAAY,GAC7C,MAAM,CAER"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../packages/utils/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,6EAA6E;AAC7E,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,UAAU,GAAG,IAAI,CAAC;CAC1B;AAID,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAI1D;AAED,0EAA0E;AAC1E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAGjD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,CAEtD;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAE/D;AAED,6FAA6F;AAC7F,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAKvE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAGhD;AAED,qCAAqC;AACrC,wBAAgB,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAElD;AAED,qCAAqC;AACrC,wBAAgB,KAAK,CAAC,GAAG,GAAE,IAAiB,GAAG,UAAU,CAExD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,YAAY,SAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY/D;AAED,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,GAAG,MAAM,CAEpE;AAED,oHAAoH;AACpH,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAQrE;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,SAAoB,GAAG,MAAM,CAEhG;AAED,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,QAAQ,GAAG,OAAO,GAAG,MAAgB,GAAG,MAAM,EAAE,CAGnG;AAUD,0FAA0F;AAC1F,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAahD;AAED,kGAAkG;AAClG,wBAAgB,eAAe,CAC3B,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,MAAM,EACd,KAAK,GAAE,OAAO,CAAC,SAAS,EAAE,MAAM,CAAY,GAC7C,MAAM,CAER"}

package/dist/utils/date.js

@@ -30,10 +30,43 @@ function s(e) {
 function c(e = /* @__PURE__ */ new Date()) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function l(e, t) {
+function l(e, t = 1) {
+	let n = e.slice(0, 7), r = a(`${n}-01`, -1);
+	return {
+		today: {
+			start: e,
+			end: e
+		},
+		thisWeek: {
+			start: i(e, -((s(e) - t + 7) % 7)),
+			end: e
+		},
+		last7Days: {
+			start: i(e, -6),
+			end: e
+		},
+		last30Days: {
+			start: i(e, -29),
+			end: e
+		},
+		thisMonth: {
+			start: `${n}-01`,
+			end: e
+		},
+		lastMonth: {
+			start: r,
+			end: i(`${n}-01`, -1)
+		},
+		thisYear: {
+			start: `${e.slice(0, 4)}-01-01`,
+			end: e
+		}
+	};
+}
+function u(e, t) {
 	return n(t) - n(e);
 }
-var u = (e, t) => new Intl.DateTimeFormat(e, t === "day" ? {
+var d = (e, t) => new Intl.DateTimeFormat(e, t === "day" ? {
 	day: "numeric",
 	month: "short",
 	timeZone: "UTC"
@@ -41,30 +74,30 @@ var u = (e, t) => new Intl.DateTimeFormat(e, t === "day" ? {
 	dateStyle: t,
 	timeZone: "UTC"
 });
-function d(e, t, r = "medium") {
-	return _(u(t, r).format(n(e) * 864e5));
+function f(e, t, r = "medium") {
+	return v(d(t, r).format(n(e) * 864e5));
 }
-function f(e, t = "short") {
+function p(e, t = "short") {
 	let n = new Intl.DateTimeFormat(e, {
 		weekday: t,
 		timeZone: "UTC"
 	});
 	return Array.from({ length: 7 }, (e, t) => n.format(Date.UTC(2023, 0, 1 + t)));
 }
-var p = new Set("AG AS BD BR BS BT BW BZ CA CN CO DM DO ET GT GU HK HN ID IL IN JM JP KE KH KR LA MH MM MO MT MX MZ NI NP PA PE PH PK PR PT PY SA SG SV TH TT TW UM US VE VI WS YE ZA ZW".split(" ")), m = new Set("AE AF BH DJ DZ EG IQ IR JO KW LY OM QA SD SY".split(" "));
-function h(e) {
+var m = new Set("AG AS BD BR BS BT BW BZ CA CN CO DM DO ET GT GU HK HN ID IL IN JM JP KE KH KR LA MH MM MO MT MX MZ NI NP PA PE PH PK PR PT PY SA SG SV TH TT TW UM US VE VI WS YE ZA ZW".split(" ")), h = new Set("AE AF BH DJ DZ EG IQ IR JO KW LY OM QA SD SY".split(" "));
+function g(e) {
 	try {
 		let t = new Intl.Locale(e), n = t.getWeekInfo?.() ?? t.weekInfo;
 		if (n) return n.firstDay % 7;
 		let r = t.maximize().region ?? "";
-		return p.has(r) ? 0 : m.has(r) ? 6 : 1;
+		return m.has(r) ? 0 : h.has(r) ? 6 : 1;
 	} catch {
 		return 1;
 	}
 }
-function g(e, t, r, i = "medium") {
-	return _(u(r, i).formatRange(n(e) * 864e5, n(t) * 864e5));
+function _(e, t, r, i = "medium") {
+	return v(d(r, i).formatRange(n(e) * 864e5, n(t) * 864e5));
 }
-var _ = (e) => e.replace(/[\u2009\u202f]/g, " ");
+var v = (e) => e.replace(/[\u2009\u202f]/g, " ");
 //#endregion
-export { i as addDays, a as addMonthsToDate, n as dayIndex, s as dayOfWeek, l as daysBetween, o as daysInMonth, d as formatDate, g as formatDateRange, r as fromDayIndex, t as isDate, c as today, h as weekStart, f as weekdayNames };
+export { i as addDays, a as addMonthsToDate, l as commonRanges, n as dayIndex, s as dayOfWeek, u as daysBetween, o as daysInMonth, f as formatDate, _ as formatDateRange, r as fromDayIndex, t as isDate, c as today, g as weekStart, p as weekdayNames };

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/money.d.ts

@@ -24,7 +24,9 @@ export declare class MoneyParseError extends Error {
 export declare function parseMoney(input: string, currency: string): Money;
 /**
  * Like parseMoney, plus shorthand: "1.5L" (lakh), "2cr" (crore), "10k",
- * "1.2m". Scaling is done by shifting the decimal string, so it stays exact.
+ * "1.2m", and sums: "120 + 45.50 - 10", "3 * 12.99", "1200 / 4" (× and ÷
+ * too). Amounts add exactly; times and divide take plain numbers and round
+ * to the currency's smallest unit (halves away from zero).
  */
 export declare function parseMoneyInput(input: string, currency: string): Money;
 //# sourceMappingURL=money.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../packages/utils/money.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC;AAE3B,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,4FAA4F;AAC5F,wBAAgB,WAAW,CACvB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,YAAmB,EAAE,GAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAO,GACzD,MAAM,CAQR;AAED,0FAA0F;AAC1F,wBAAgB,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAOpF;AAED,+DAA+D;AAC/D,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAMvE;AAED,qBAAa,eAAgB,SAAQ,KAAK;gBAC1B,KAAK,EAAE,MAAM;CAI5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,CAajE;AAiBD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,CAiBtE"}
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../packages/utils/money.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC;AAE3B,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,4FAA4F;AAC5F,wBAAgB,WAAW,CACvB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,YAAmB,EAAE,GAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAO,GACzD,MAAM,CAQR;AAED,0FAA0F;AAC1F,wBAAgB,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAOpF;AAED,+DAA+D;AAC/D,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAMvE;AAED,qBAAa,eAAgB,SAAQ,KAAK;gBAC1B,KAAK,EAAE,MAAM;CAI5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,CAajE;AAiBD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,CAmBtE"}

package/dist/utils/money.js

@@ -56,7 +56,30 @@ var o = {
 	mn: 6,
 	million: 6
 };
-function s(t, n) {
+function s(e, t) {
+	let n = e.trim().split(/(?<=[\d.a-z])\s*([+\-−*/×÷])\s*/i);
+	if (n.length === 1) return l(e, t);
+	let r = 0, a = 0;
+	for (; a < n.length;) {
+		let i = a === 0 || n[a - 1] === "+" ? 1 : -1, o = l(n[a], t);
+		for (a += 2; a < n.length && /[*/×÷]/.test(n[a - 1]);) {
+			let t = n[a - 1] === "*" || n[a - 1] === "×";
+			o = c(o, n[a], t, e), a += 2;
+		}
+		r += i * o;
+	}
+	if (!Number.isSafeInteger(r)) throw new i(e);
+	return r;
+}
+function c(e, t, n, r) {
+	let a = /^(\d*)(?:\.(\d+))?$/.exec(t.trim());
+	if (!a || a[1] === "" && !a[2]) throw new i(r);
+	let o = (a[2] ?? "").length, s = BigInt((a[1] || "0") + (a[2] ?? "")), c = 10n ** BigInt(o), [l, u] = n ? [BigInt(e) * s, c] : [BigInt(e) * c, s];
+	if (u === 0n) throw new i(r);
+	let d = l < 0n, f = ((d ? -l : l) * 2n + u) / (u * 2n);
+	return Number(d ? -f : f);
+}
+function l(t, n) {
 	let r = /^\s*(.*?)\s*([a-z]+)\s*$/i.exec(t), s = o[r ? r[2].toLowerCase() : ""];
 	if (!r || s === void 0) return a(t, n);
 	let c = e(n), l = /^([+-]?)[^\d.+-]*([\d,\s_]*)(?:\.(\d*))?$/.exec(r[1]);

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/repeat.d.ts

@@ -0,0 +1,17 @@
+import { DateString } from './date';
+/**
+ * How often something comes round: every `every` days, weeks, months or
+ * years. Weekly can name `weekdays` (0 for Sunday … 6); monthly a `day` of the
+ * month (-1 for the last). Otherwise it falls on the start date's.
+ */
+export interface Repeat {
+    every: number;
+    unit: 'day' | 'week' | 'month' | 'year';
+    weekdays?: number[];
+    day?: number;
+}
+/** "Every 2 weeks on Mon, Thu", "Every month on day 5", "Every year on Sep 3" (from `start`). */
+export declare function describeRepeat(repeat: Repeat, locale: string, start?: DateString): string;
+/** The next `count` dates it falls on, from `start` (which sets the cycle) onwards, not before `from`. */
+export declare function nextOccurrences(repeat: Repeat, start: DateString, count: number, from?: string): DateString[];
+//# sourceMappingURL=repeat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"repeat.d.ts","sourceRoot":"","sources":["../../packages/utils/repeat.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,KAAK,UAAU,EAMlB,MAAM,QAAQ,CAAC;AAEhB;;;;GAIG;AACH,MAAM,WAAW,MAAM;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iGAAiG;AACjG,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAezF;AAED,0GAA0G;AAC1G,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,SAAQ,GAAG,UAAU,EAAE,CAW5G"}

package/dist/utils/repeat.js

@@ -0,0 +1,38 @@
+"use client";
+import { addDays as e, addMonthsToDate as t, dayOfWeek as n, daysBetween as r, daysInMonth as i, formatDate as a, weekdayNames as o } from "./date.js";
+//#region packages/utils/repeat.ts
+function s(e, t, n) {
+	let { every: r, unit: i } = e, s = r === 1 ? `Every ${i}` : `Every ${r} ${i}s`;
+	if (i === "week" && e.weekdays?.length) {
+		let n = o(t);
+		return `${s} on ${[...e.weekdays].sort((e, t) => e - t).map((e) => n[e]).join(", ")}`;
+	}
+	return i === "month" && e.day !== void 0 ? `${s} on ${e.day === -1 ? "the last day" : `day ${e.day}`}` : i === "year" && n ? `${s} on ${a(n, t, "day")}` : s;
+}
+function c(e, t, n, r = t) {
+	let i = [], a = Math.max(1, Math.floor(e.every)), o = Math.max(0, Math.floor(l(e.unit, t, r) / a) - 1);
+	for (let s = o; i.length < n && s < o + n + 2; s++) for (let o of u(e, t, s * a)) o >= t && o >= r && i.length < n && i.push(o);
+	return i;
+}
+function l(e, t, n) {
+	if (e === "day") return r(t, n);
+	if (e === "week") return Math.floor(r(t, n) / 7);
+	let i = (Number(n.slice(0, 4)) - Number(t.slice(0, 4))) * 12 + Number(n.slice(5, 7)) - Number(t.slice(5, 7));
+	return e === "month" ? i : Math.floor(i / 12);
+}
+function u(r, a, o) {
+	switch (r.unit) {
+		case "day": return [e(a, o)];
+		case "week": {
+			let t = r.weekdays?.length ? [...new Set(r.weekdays)].sort((e, t) => e - t) : [n(a)], i = e(a, -n(a) + o * 7);
+			return t.map((t) => e(i, t));
+		}
+		case "month": {
+			let e = t(`${a.slice(0, 7)}-01`, o).slice(0, 7), n = i(e), s = r.day ?? Number(a.slice(8));
+			return [`${e}-${String(s === -1 ? n : Math.min(s, n)).padStart(2, "0")}`];
+		}
+		case "year": return [t(a, o * 12)];
+	}
+}
+//#endregion
+export { s as describeRepeat, c as nextOccurrences };

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/swipe.d.ts

@@ -0,0 +1,29 @@
+import { RefObject } from 'react';
+/** A flick at least this fast (px/ms) counts, however short. */
+export declare const FLICK_SPEED = 0.5;
+export interface SwipeDirection {
+    /** `inline` is x along the text: flipped in right-to-left layouts. */
+    axis: 'x' | 'y' | 'inline';
+    /** 1 for right or down (or the inline end), -1 for left or up (or the inline start). */
+    sign: 1 | -1;
+}
+export interface SwipeHandlers {
+    /** The finger moved; `d` is how far along the direction (negative once it's come back past the start). */
+    move: (d: number) => void;
+    /** Let go `d` along, moving at `speed` (px/ms) just before. */
+    release: (d: number, speed: number) => void;
+    /** Interrupted (a second finger, or the browser took the touch): put things back. */
+    cancel: () => void;
+    /** How far along letting go would act (close, open…); crossing it, either way, gives a light tap where phones can vibrate. */
+    threshold?: () => number;
+}
+/**
+ * A finger swiping `ref` in `direction`. Only a deliberate swipe: one finger,
+ * mostly along the direction, not starting in a text field or on something
+ * that handles its own touch gestures (its touch-action says so), and not
+ * while what's under the finger can still scroll that way. While swiping, the
+ * element has data-swiping, the page doesn't scroll, and the click that ends
+ * it is swallowed.
+ */
+export declare function useSwipe(ref: RefObject<HTMLElement | null>, direction: SwipeDirection | undefined, handlers: SwipeHandlers): void;
+//# sourceMappingURL=swipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"swipe.d.ts","sourceRoot":"","sources":["../../packages/utils/swipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErD,gEAAgE;AAChE,eAAO,MAAM,WAAW,MAAM,CAAC;AAM/B,MAAM,WAAW,cAAc;IAC3B,sEAAsE;IACtE,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,QAAQ,CAAC;IAC3B,wFAAwF;IACxF,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC1B,0GAA0G;IAC1G,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,qFAAqF;IACrF,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,8HAA8H;IAC9H,SAAS,CAAC,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CACpB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,SAAS,EAAE,cAAc,GAAG,SAAS,EACrC,QAAQ,EAAE,aAAa,QAkG1B"}