@rinzai/zen 0.6.1 → 0.7.0

package/dist/utils/date.d.ts

@@ -23,15 +23,17 @@ export declare function dayOfWeek(date: DateString): number;
 export declare function today(now?: Date): DateString;
 /** 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. */
+export type DateStyle = 'day' | 'short' | 'medium' | 'long' | 'full';
 /**
- * "Sep 30, 2026" (or the locale's equivalent) by default; `short` is
- * "9/30/26", `long` "September 30, 2026", `full` adds the weekday.
+ * "Sep 30, 2026" (or the locale's equivalent) by default; `day` is "Sep 30",
+ * `short` "9/30/26", `long` "September 30, 2026", `full` adds the weekday.
  */
-export declare function formatDate(date: DateString, locale: string, style?: 'short' | 'medium' | 'long' | 'full'): string;
+export declare function formatDate(date: DateString, locale: string, style?: DateStyle): string;
 /** Short weekday names for a locale, Sunday first. */
 export declare function weekdayNames(locale: string, style?: 'narrow' | 'short' | 'long'): string[];
 /** The first day of the week for a locale: 0 for Sunday, 1 for Monday, 6 for Saturday. */
 export declare function weekStart(locale: string): number;
 /** "Sep 3 – 10, 2026" (or the locale's equivalent), sharing what the two dates have in common. */
-export declare function formatDateRange(start: DateString, end: DateString, locale: string, style?: 'short' | 'medium' | 'long'): string;
+export declare function formatDateRange(start: DateString, end: DateString, locale: string, style?: Exclude<DateStyle, 'full'>): string;
 //# sourceMappingURL=date.d.ts.map

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;;;GAGG;AACH,wBAAgB,UAAU,CACtB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,GAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAiB,GACvD,MAAM,CAIR;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,GAAG,QAAQ,GAAG,MAAiB,GAC9C,MAAM,CAGR"}
+{"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"}

package/dist/utils/date.js

@@ -33,36 +33,38 @@ function c(e = /* @__PURE__ */ new Date()) {
 function l(e, t) {
 	return n(t) - n(e);
 }
-function u(e, t, r = "medium") {
-	return g(new Intl.DateTimeFormat(t, {
-		dateStyle: r,
-		timeZone: "UTC"
-	}).format(n(e) * 864e5));
+var u = (e, t) => new Intl.DateTimeFormat(e, t === "day" ? {
+	day: "numeric",
+	month: "short",
+	timeZone: "UTC"
+} : {
+	dateStyle: t,
+	timeZone: "UTC"
+});
+function d(e, t, r = "medium") {
+	return _(u(t, r).format(n(e) * 864e5));
 }
-function d(e, t = "short") {
+function f(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 f = 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(" ")), p = new Set("AE AF BH DJ DZ EG IQ IR JO KW LY OM QA SD SY".split(" "));
-function m(e) {
+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) {
 	try {
 		let t = new Intl.Locale(e), n = t.getWeekInfo?.() ?? t.weekInfo;
 		if (n) return n.firstDay % 7;
 		let r = t.maximize().region ?? "";
-		return f.has(r) ? 0 : p.has(r) ? 6 : 1;
+		return p.has(r) ? 0 : m.has(r) ? 6 : 1;
 	} catch {
 		return 1;
 	}
 }
-function h(e, t, r, i = "medium") {
-	return g(new Intl.DateTimeFormat(r, {
-		dateStyle: i,
-		timeZone: "UTC"
-	}).formatRange(n(e) * 864e5, n(t) * 864e5));
+function g(e, t, r, i = "medium") {
+	return _(u(r, i).formatRange(n(e) * 864e5, n(t) * 864e5));
 }
-var g = (e) => e.replace(/[\u2009\u202f]/g, " ");
+var _ = (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, u as formatDate, h as formatDateRange, r as fromDayIndex, t as isDate, c as today, m as weekStart, d as weekdayNames };
+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 };

package/dist/utils/field-chevron.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-chevron.d.ts","sourceRoot":"","sources":["../../packages/utils/field-chevron.tsx"],"names":[],"mappings":"AAEA,2FAA2F;AAC3F,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAmBvF"}
+{"version":3,"file":"field-chevron.d.ts","sourceRoot":"","sources":["../../packages/utils/field-chevron.tsx"],"names":[],"mappings":"AAIA,2FAA2F;AAC3F,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAUvF"}

package/dist/utils/field-chevron.js

@@ -1,19 +1,10 @@
 "use client";
 import { cx as e } from "./cx.js";
-import { jsx as t } from "react/jsx-runtime";
+import t from "../icons/micro/chevron-down.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region packages/utils/field-chevron.tsx
-function n({ open: n, className: r }) {
-	return /* @__PURE__ */ t("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.6",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": !0,
-		className: e("text-muted-foreground size-4 shrink-0 transition-transform duration-300", n && "rotate-180", r),
-		children: /* @__PURE__ */ t("path", { d: "m4 6 4 4 4-4" })
-	});
+function r({ open: r, className: i }) {
+	return /* @__PURE__ */ n(t, { className: e("text-muted-foreground size-4 shrink-0 transition-transform duration-300", r && "rotate-180", i) });
 }
 //#endregion
-export { n as FieldChevron };
+export { r as FieldChevron };

package/dist/utils/status-icons.d.ts

@@ -1,4 +1,4 @@
-/** Small 16px status icons in the current text colour (toasts, field errors). */
+/** Small status icons in the current text colour (toasts, field errors): Heroicons' micro set. */
 export declare function CheckIcon({ className }: {
     className?: string;
 }): import('react').JSX.Element;

package/dist/utils/status-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-icons.d.ts","sourceRoot":"","sources":["../../packages/utils/status-icons.tsx"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAe9D;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAgB9D;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAe7D"}
+{"version":3,"file":"status-icons.d.ts","sourceRoot":"","sources":["../../packages/utils/status-icons.tsx"],"names":[],"mappings":"AAMA,kGAAkG;AAClG,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE9D;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE9D;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE7D"}

package/dist/utils/status-icons.js

@@ -1,48 +1,18 @@
 "use client";
 import { cx as e } from "./cx.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import t from "../icons/micro/check.js";
+import n from "../icons/micro/exclamation-triangle.js";
+import r from "../icons/micro/information-circle.js";
+import { jsx as i } from "react/jsx-runtime";
 //#region packages/utils/status-icons.tsx
-function r({ className: n }) {
-	return /* @__PURE__ */ t("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: e("size-3.5", n),
-		"aria-hidden": !0,
-		children: /* @__PURE__ */ t("path", { d: "m3.5 8.5 3 3 6-7" })
-	});
+function a({ className: n }) {
+	return /* @__PURE__ */ i(t, { className: e("size-3.5", n) });
 }
-function i({ className: r }) {
-	return /* @__PURE__ */ n("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: e("size-3.5", r),
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ t("path", { d: "M8 2.2 1.6 13.3h12.8L8 2.2Z" }), /* @__PURE__ */ t("path", { d: "M8 6.5v3M8 11.6v.1" })]
-	});
+function o({ className: t }) {
+	return /* @__PURE__ */ i(n, { className: e("size-3.5", t) });
 }
-function a({ className: r }) {
-	return /* @__PURE__ */ n("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		className: e("size-3.5", r),
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ t("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.3"
-		}), /* @__PURE__ */ t("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
-	});
+function s({ className: t }) {
+	return /* @__PURE__ */ i(r, { className: e("size-3.5", t) });
 }
 //#endregion
-export { i as AlertIcon, r as CheckIcon, a as InfoIcon };
+export { o as AlertIcon, a as CheckIcon, s as InfoIcon };

package/dist/utils/styles.d.ts

@@ -1,5 +1,10 @@
-/** Shared field look: faint glass, hairline border lit by the pointer, violet glow on focus. */
+/** Shared field look: faint glass, a hairline in the glow colour (white would grey it out) lit by the pointer, violet glow on focus. */
 export declare const FIELD: string;
+/** A picker's previous/next arrows (Calendar, MonthPicker). */
+export declare const PICKER_NAV = "text-muted-foreground cursor-pointer hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 grid size-8 place-items-center rounded-md outline-hidden transition-colors focus-visible:ring-2";
+/** A month in a picker's month grid (Calendar, MonthPicker); add PICKER_MONTH_ON for the chosen one. */
+export declare const PICKER_MONTH = "cursor-pointer rounded-lg py-2 text-sm outline-hidden transition-colors disabled:cursor-not-allowed disabled:opacity-35 focus-visible:ring-ring/50 focus-visible:ring-2 hover:bg-tint/[0.07]";
+export declare const PICKER_MONTH_ON = "bg-primary text-primary-foreground hover:bg-primary";
 /** Glow a trigger carries while its popup is open. */
 export declare const TRIGGER_OPEN = "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]";
 /** Trigger for popup fields (dropdown): a field that glows while open. */
@@ -8,9 +13,10 @@ export declare const TRIGGER: string;
 export declare const POPUP = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden";
 /** Pills (and TabList variant="pills"): a glass track… */
 export declare const PILL_TRACK = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1";
-/** …a glowing pill that slides to the active item… */
+/** …a glowing pill that slides to the active item (its look is repeated in theme.css, for before it's measured)… */
 export declare const PILL_INDICATOR = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]";
-/** …and items that sit above it, lit when current (a link) or selected (a tab). */
+/** …and items that sit above it, lit when current (a link) or selected (a tab). Only their text colour
+ * transitions: the pill they wear before the indicator is measured (theme.css) must go at once. */
 export declare const PILL: string;
 /**
  * For a wrapper whose child input takes focus (InputGroup): FIELD, lit by

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../packages/utils/styles.ts"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,eAAO,MAAM,KAAK,QAKmC,CAAC;AAEtD,sDAAsD;AACtD,eAAO,MAAM,YAAY,qIAC6G,CAAC;AAEvI,0EAA0E;AAC1E,eAAO,MAAM,OAAO,QAAgF,CAAC;AAErG,oEAAoE;AACpE,eAAO,MAAM,KAAK,kIACiH,CAAC;AAEpI,0DAA0D;AAC1D,eAAO,MAAM,UAAU,0GACoF,CAAC;AAE5G,sDAAsD;AACtD,eAAO,MAAM,cAAc,iOACuM,CAAC;AAEnO,mFAAmF;AACnF,eAAO,MAAM,IAAI,QAEkG,CAAC;AAEpH;;;;GAIG;AACH,eAAO,MAAM,YAAY,QAK4B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../packages/utils/styles.ts"],"names":[],"mappings":"AAEA,wIAAwI;AACxI,eAAO,MAAM,KAAK,QAKmC,CAAC;AAEtD,+DAA+D;AAC/D,eAAO,MAAM,UAAU,+MACyL,CAAC;AAEjN,wGAAwG;AACxG,eAAO,MAAM,YAAY,iMACyK,CAAC;AACnM,eAAO,MAAM,eAAe,wDAAwD,CAAC;AAErF,sDAAsD;AACtD,eAAO,MAAM,YAAY,qIAC6G,CAAC;AAEvI,0EAA0E;AAC1E,eAAO,MAAM,OAAO,QAA+F,CAAC;AAEpH,oEAAoE;AACpE,eAAO,MAAM,KAAK,kIACiH,CAAC;AAEpI,0DAA0D;AAC1D,eAAO,MAAM,UAAU,0GACoF,CAAC;AAE5G,oHAAoH;AACpH,eAAO,MAAM,cAAc,iOACuM,CAAC;AAEnO;mGACmG;AACnG,eAAO,MAAM,IAAI,QAEkG,CAAC;AAEpH;;;;GAIG;AACH,eAAO,MAAM,YAAY,QAK4B,CAAC"}

package/dist/utils/styles.js

@@ -1,6 +1,6 @@
 "use client";
 import { cx as e } from "./cx.js";
 //#region packages/utils/styles.ts
-var t = "glow-border h-10 rounded-lg border [--glow-border-color:oklch(var(--tint)/0.1)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--tint)/0.2)] focus-visible:border-glow/60 focus-visible:[--glow-border-color:transparent] focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", n = "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", r = e(t, "inline-flex items-center justify-between gap-2 whitespace-nowrap"), i = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", a = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", o = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", s = "relative z-10 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-colors duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40 text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-selected:text-foreground", c = "glow-border flex w-full items-center gap-1.5 h-10 rounded-lg border [--glow-border-color:oklch(var(--tint)/0.1)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--tint)/0.2)] focus-within:border-glow/60 focus-within:[--glow-border-color:transparent] focus-within:bg-tint/[0.05] focus-within:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-within:outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
+var t = "glow-border h-10 rounded-lg border [--glow-border-color:oklch(var(--glow)/0.22)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--glow)/0.4)] focus-visible:border-glow/60 focus-visible:[--glow-border-color:transparent] focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", n = "text-muted-foreground cursor-pointer hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 grid size-8 place-items-center rounded-md outline-hidden transition-colors focus-visible:ring-2", r = "cursor-pointer rounded-lg py-2 text-sm outline-hidden transition-colors disabled:cursor-not-allowed disabled:opacity-35 focus-visible:ring-ring/50 focus-visible:ring-2 hover:bg-tint/[0.07]", i = "bg-primary text-primary-foreground hover:bg-primary", a = "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", o = e(t, "inline-flex cursor-pointer items-center justify-between gap-2 whitespace-nowrap"), s = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", c = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", l = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", u = "relative z-10 cursor-pointer disabled:cursor-not-allowed rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-[color] duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40 text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-selected:text-foreground", d = "glow-border flex w-full items-center gap-1.5 h-10 rounded-lg border [--glow-border-color:oklch(var(--glow)/0.22)] bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow,--glow-border-color] duration-200 placeholder:text-muted-foreground hover:[--glow-border-color:oklch(var(--glow)/0.4)] focus-within:border-glow/60 focus-within:[--glow-border-color:transparent] focus-within:bg-tint/[0.05] focus-within:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-within:outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
 //#endregion
-export { t as FIELD, c as FIELD_WITHIN, s as PILL, o as PILL_INDICATOR, a as PILL_TRACK, i as POPUP, r as TRIGGER, n as TRIGGER_OPEN };
+export { t as FIELD, d as FIELD_WITHIN, r as PICKER_MONTH, i as PICKER_MONTH_ON, n as PICKER_NAV, u as PILL, l as PILL_INDICATOR, c as PILL_TRACK, s as POPUP, o as TRIGGER, a as TRIGGER_OPEN };

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

@@ -0,0 +1,24 @@
+/**
+ * Gets the water ready before a switch, e.g. when the pointer or focus reaches
+ * the button: its shader is compiled and drawn once, off the page. The GPU
+ * driver otherwise finishes that work on the first frame of the first switch,
+ * which then hitches.
+ */
+export declare function prepareThemeWave(): void;
+/**
+ * Changes the theme (`change` swaps the classes or variables) like a drop
+ * falling into water at `from` (an element's centre, or a point; the screen's
+ * centre by default). Into a light theme, the new theme spreads in a wavy
+ * ring; into a dark one, the old theme is pulled into the point. Ripples trail the ring's edge, glinting in the
+ * theme's glow colours, and the edge shimmers like a soap film. The water is
+ * drawn on the GPU, over the page, which itself doesn't bend. Without a GPU
+ * (lite graphics, or no WebGL), without view transitions, or with reduced
+ * motion (the OS setting or html.reduce-motion), the theme just changes: drawn
+ * on the CPU, even a plain full-screen circle stutters. Call prepareThemeWave
+ * when the pointer or focus reaches the switch, so the first switch is smooth.
+ */
+export declare function themeWave(change: () => void, from?: Element | {
+    x: number;
+    y: number;
+} | null): void;
+//# sourceMappingURL=theme-wave.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-wave.d.ts","sourceRoot":"","sources":["../../packages/utils/theme-wave.ts"],"names":[],"mappings":"AA+MA;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,GAAG,IAAI,CA0HpG"}

package/dist/utils/theme-wave.js

@@ -0,0 +1,219 @@
+"use client";
+import { applyGraphicsMode as e } from "./graphics.js";
+import { oklchToLinearRgb as t } from "./theme.js";
+//#region packages/utils/theme-wave.ts
+var n = 1330, r = [
+	.25,
+	.55,
+	.35,
+	1
+], i = 1050, a = [
+	.55,
+	0,
+	.85,
+	.35
+], o = .05, s = 36, c = [
+	[
+		3,
+		1.9,
+		.5
+	],
+	[
+		5,
+		-2.7,
+		.3
+	],
+	[
+		8,
+		4.1,
+		.2
+	]
+], l = 48, u = 72, d = "zen-theme-waving", f = "zen-theme-closing", p = "zen-theme-water", m = 0;
+function h([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;
+		a(e, n, t) < i ? o = t : s = t;
+	}
+	return a(t, r, (o + s) / 2);
+}
+function g(e, t, n, r) {
+	return Math.min(s, o * t) * c.reduce((t, [i, a, o], s) => t + o * Math.sin(i * e + a * n + r * (s + 1)), 0);
+}
+var _ = `
+precision highp float;
+uniform vec2 res;
+uniform float dpr;
+uniform vec2 from;
+uniform float time;
+uniform float seed;
+uniform float strength;
+// 1 while the edge spreads out, -1 while it closes in.
+uniform float dir;
+uniform float edge;
+uniform float prism;
+uniform vec3 aurora[3];
+uniform float light;
+
+float wobble(float a, float r) {
+    float size = min(${s.toFixed(1)}, ${o.toFixed(3)} * r);
+    return size * (${c.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):
+// a steep front, crests fading out behind it, and running outwards through
+// the train faster than it spreads, as on water.
+float ripples(float x, float wavelength) {
+    float k = 6.2832 / wavelength;
+    float reach = x < 0.0 ? 2.5 * wavelength : 0.35 * wavelength;
+    return exp(-x * x / (2.0 * reach * reach)) * cos(k * x - 7.0 * time) / k;
+}
+
+float height(vec2 p, float a) {
+    return strength * ripples(dir * (distance(p, from) - edge - wobble(a, edge)), 20.0 + 0.02 * edge);
+}
+
+// Light from the top left. A glint off a surface of this slope, bent a little
+// more or less for each colour, so glints split into a rainbow at their edges.
+const vec3 LIGHT = vec3(-0.45, -0.55, 0.7);
+float glint(vec2 slope, float bend) {
+    vec3 n = normalize(vec3(-slope * bend, 1.0));
+    vec3 mid = normalize(normalize(LIGHT) + vec3(0.0, 0.0, 1.0));
+    return max(0.0, pow(max(dot(n, mid), 0.0), 40.0) - pow(mid.z, 40.0));
+}
+
+void main() {
+    vec2 p = vec2(gl_FragCoord.x, res.y - gl_FragCoord.y) / dpr;
+    vec2 v = p - from;
+    float a = atan(v.y, v.x);
+    float h = height(p, a);
+    vec2 slope = 0.9 * vec2(height(p + vec2(1.0, 0.0), a) - h, height(p + vec2(0.0, 1.0), a) - h);
+
+    // Aurora: the glow colours, drifting round the circle.
+    float hue = fract(a / 6.2832 + 0.15 * time + length(v) * 0.0008) * 3.0;
+    vec3 tint = hue < 1.0 ? mix(aurora[0], aurora[1], hue)
+        : hue < 2.0 ? mix(aurora[1], aurora[2], hue - 1.0)
+        : mix(aurora[2], aurora[0], hue - 2.0);
+
+    // How far from the edge (outside it when positive).
+    float e = length(v) - edge - wobble(a, edge);
+    // Iridescence, as on a soap film: the colour turns with the film's thickness,
+    // which swells and thins round the ring and over time, slowly, and in soft
+    // colours: nothing flickers, or flashes saturated colour (photosensitivity).
+    float film = 0.02 * e + 0.35 * sin(2.0 * a + 0.6 * time + seed) + 0.25 * sin(5.0 * a - 0.9 * time) + 0.25 * time;
+    vec3 sheen = mix(mix(tint, 0.5 + 0.5 * cos(6.2832 * (film + vec3(0.0, 0.33, 0.67))), 0.5), vec3(1.0), 0.2);
+
+    vec3 spark = vec3(glint(slope, 0.8), glint(slope, 1.0), glint(slope, 1.2));
+    // Slopes facing the light are lit, the others shaded.
+    float facing = dot(normalize(vec3(-slope, 1.0)), normalize(LIGHT)) - normalize(LIGHT).z;
+    vec3 color = 1.6 * spark * mix(vec3(1.0), mix(tint, sheen, 0.6), mix(0.4, 0.85, light)) + 0.6 * max(facing, 0.0) * tint;
+    float shade = mix(0.7, 0.45, light) * max(-facing, 0.0);
+
+    // The edge: a band of sheen with a bright core, and the aurora trailing behind.
+    color += prism * (0.9 * sheen * exp(-e * e / 160.0) + 0.5 * exp(-e * e / 6.0));
+    color += prism * 0.45 * tint * exp(-(e + 28.0 * dir) * (e + 28.0 * dir) / 1800.0);
+
+    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));
+}`, v = "attribute vec2 at; void main() { gl_Position = vec4(at, 0.0, 1.0); }", y;
+function b() {
+	if (y !== void 0) return y;
+	y = null;
+	let e = document.createElement("canvas");
+	e.setAttribute("aria-hidden", "true"), e.style.cssText = `position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2147483647;view-transition-name:${p}`;
+	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, v], [t.FRAGMENT_SHADER, _]]) {
+		let i = t.createShader(e);
+		if (!i) return null;
+		t.shaderSource(i, r), t.compileShader(i), t.attachShader(n, i);
+	}
+	if (t.bindAttribLocation(n, 0, "at"), t.linkProgram(n), !t.getProgramParameter(n, t.LINK_STATUS)) return null;
+	t.useProgram(n), t.bindBuffer(t.ARRAY_BUFFER, t.createBuffer()), t.bufferData(t.ARRAY_BUFFER, new Float32Array([
+		-1,
+		-1,
+		3,
+		-1,
+		-1,
+		3
+	]), t.STATIC_DRAW), t.enableVertexAttribArray(0), t.vertexAttribPointer(0, 2, t.FLOAT, !1, 0, 0);
+	let r = /* @__PURE__ */ new Map();
+	return y = {
+		canvas: e,
+		gl: t,
+		uniform: (e) => (r.has(e) || r.set(e, t.getUniformLocation(n, e)), r.get(e))
+	}, y;
+}
+function x(e) {
+	e.gl.clear(e.gl.COLOR_BUFFER_BIT), e.canvas.remove();
+}
+function S(e) {
+	return t(e).map((e) => e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055);
+}
+function C() {
+	return !(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || document.documentElement.classList.contains("reduce-motion")) && !!document.startViewTransition && e() !== "lite";
+}
+function w() {
+	if (y !== void 0 || !C()) return;
+	let e = b();
+	e?.gl.drawArrays(e.gl.TRIANGLES, 0, 3);
+}
+function T(e, t) {
+	let o = document.documentElement, c = C() ? b() : null;
+	if (!c) {
+		e();
+		return;
+	}
+	let p = window.innerWidth, _ = window.innerHeight, v = p / 2, y = _ / 2;
+	if (t instanceof Element) {
+		let e = t.getBoundingClientRect();
+		v = e.left + e.width / 2, y = e.top + e.height / 2;
+	} else t && ({x: v, y} = t);
+	let w = Math.hypot(Math.max(v, p - v), Math.max(y, _ - y)), T = Math.random() * 2 * Math.PI, E = w + s + 2, D = ++m;
+	x(c), o.classList.add(d);
+	let O = [], k = !1, A = document.startViewTransition(() => {
+		e();
+		let t = getComputedStyle(o);
+		k = Number(t.getPropertyValue("--background").trim().split(" ")[0]) <= .5, o.classList.toggle(f, k);
+		let n = t.getPropertyValue("--glow").trim(), [r, i, a] = n.split(" ").map(Number);
+		O = [
+			n,
+			t.getPropertyValue("--glow-2").trim(),
+			`${r} ${i} ${(a + 240) % 360}`
+		].flatMap(S), document.body.append(c.canvas);
+	});
+	A.ready.then(() => {
+		let e = k ? i : n, t = (e) => (k ? 1 - h(a, e) : h(r, e)) * E, s = k ? "::view-transition-old(root)" : "::view-transition-new(root)", d = (n) => {
+			let r = t(n), i = n * e / 1e3;
+			return `polygon(${Array.from({ length: u }, (e, t) => {
+				let n = t / u * 2 * Math.PI, a = Math.max(0, r + g(n, r, i, T));
+				return `${(v + a * Math.cos(n)).toFixed(1)}px ${(y + a * Math.sin(n)).toFixed(1)}px`;
+			}).join(",")})`;
+		}, f = Array.from({ length: 49 }, (e, t) => ({
+			clipPath: d(t / l),
+			offset: t / l
+		})), b = o.animate(f, {
+			duration: e,
+			pseudoElement: s,
+			fill: "forwards"
+		});
+		A.finished.finally(() => b.cancel());
+		let { canvas: S, gl: C, uniform: w } = c, j = Math.min(window.devicePixelRatio || 1, 2);
+		S.width = Math.round(p * j), S.height = Math.round(_ * j), C.viewport(0, 0, S.width, S.height), C.uniform2f(w("res"), S.width, S.height), C.uniform1f(w("dpr"), j), C.uniform2f(w("from"), v, y), C.uniform1f(w("seed"), T), C.uniform3fv(w("aurora[0]"), O), C.uniform1f(w("light"), +!k);
+		let M = (e) => (1 - Math.exp(-e * 14)) * (1 - e) ** 1.5, N = () => {
+			if (D !== m) return;
+			if (b.playState === "finished") return x(c);
+			let n = Math.min(1, Number(b.currentTime ?? 0) / e), r = t(n), i = Math.min(1, (1 - n) / .12), a, o;
+			k ? (a = 1.6 * n * Math.sqrt(1 - n) * i, o = Math.min(1, n * 4) * Math.min(1, r / 24) * i) : (a = M(n) * i, o = Math.min(1, r / 40) * (1 - n ** 3) * i), C.uniform1f(w("time"), n * e / 1e3), C.uniform1f(w("edge"), r), C.uniform1f(w("dir"), k ? -1 : 1), C.uniform1f(w("strength"), a), C.uniform1f(w("prism"), o), C.drawArrays(C.TRIANGLES, 0, 3), requestAnimationFrame(N);
+		};
+		N();
+	}).catch(() => {}), A.finished.finally(() => {
+		D === m && (o.classList.remove(d, f), x(c));
+	});
+}
+//#endregion
+export { w as prepareThemeWave, T as themeWave };

package/dist/utils/typeahead.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Type to jump, as in a native list: keys typed quickly in a row search
+ * together. Returns what's been typed so far (lower case) when the key is a
+ * letter or digit, else null; match it against the start of each item's label.
+ */
+export declare function useTypeahead(): (e: {
+    key: string;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    altKey: boolean;
+}) => string | null;
+//# sourceMappingURL=typeahead.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../packages/utils/typeahead.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,CAAC,CAAC,EAAE;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACnB,KAAK,MAAM,GAAG,IAAI,CASlB"}

package/dist/utils/typeahead.js

@@ -0,0 +1,19 @@
+"use client";
+import { useRef as e } from "react";
+//#region packages/utils/typeahead.ts
+function t() {
+	let t = e({
+		text: "",
+		at: 0
+	});
+	return (e) => {
+		if (e.key.length !== 1 || e.ctrlKey || e.metaKey || e.altKey) return null;
+		let n = Date.now(), r = (n - t.current.at < 700 ? t.current.text : "") + e.key.toLowerCase();
+		return t.current = {
+			text: r,
+			at: n
+		}, r;
+	};
+}
+//#endregion
+export { t as useTypeahead };