@rinzai/zen 0.11.0 → 0.13.0

package/dist/utils/merge.js

@@ -1,4 +1,3 @@
-"use client";
 //#region packages/utils/merge.ts
 function e(e) {
 	let r = t.get(e);

package/dist/utils/messages.d.ts

@@ -0,0 +1,137 @@
+/**
+ * Every word Zen's components show or announce, in English. Give LocaleProvider
+ * your own for any of them (a translation, or just different wording); the rest
+ * stay English. Entries that take a value are functions.
+ */
+export declare const ENGLISH: {
+    clear: string;
+    cancel: string;
+    close: string;
+    dismiss: string;
+    delete: string;
+    remove: (item: string) => string;
+    noResults: string;
+    search: string;
+    expand: string;
+    collapse: string;
+    minimum: string;
+    increase: string;
+    hour: string;
+    minute: string;
+    dayPeriod: string;
+    decrease: string;
+    maximum: string;
+    selectPlaceholder: string;
+    searchOptions: string;
+    add: (text: string) => string;
+    commands: string;
+    pickDate: string;
+    pickDates: string;
+    chooseDate: string;
+    chooseDates: string;
+    presets: string;
+    pickMonth: string;
+    chooseMonth: string;
+    previousMonth: string;
+    nextMonth: string;
+    previousYear: string;
+    nextYear: string;
+    chooseMonthAndYear: (month: string) => string;
+    backToDays: (year: number) => string;
+    chooseColour: string;
+    saturationBrightness: string;
+    saturationBrightnessValue: (saturation: number, brightness: number) => string;
+    hue: string;
+    hueValue: (degrees: number) => string;
+    opacity: string;
+    opacityValue: (percent: number) => string;
+    hex: string;
+    swatches: string;
+    colour: string;
+    icon: string;
+    none: string;
+    colourNames: {
+        blue: string;
+        orange: string;
+        teal: string;
+        amber: string;
+        pink: string;
+        green: string;
+        violet: string;
+        red: string;
+    };
+    currency: string;
+    yourCurrency: string;
+    changeCurrency: (currency: string) => string;
+    enterAmount: string;
+    notAnAmount: (example: string, short: string) => string;
+    noNegative: string;
+    rateFailed: string;
+    rateLoading: string;
+    otherCurrencies: string;
+    gettingRate: string;
+    ratesUnavailable: (home: string) => string;
+    convertedFrom: (amount: string, rate: string) => string;
+    rateOf: (currency: string, amount: string) => string;
+    repeats: string;
+    every: string;
+    howMany: string;
+    unit: string;
+    on: string;
+    day: (n: number) => string;
+    lastDay: string;
+    next: string;
+    repeatUnit: (unit: "day" | "week" | "month" | "year", count: number) => string;
+    repeatEvery: (every: number, unit: string) => string;
+    repeatOn: (rule: string, when: string) => string;
+    repeatDay: (n: number) => string;
+    repeatLastDay: string;
+    reorder: (item: string) => string;
+    pickedUp: (item: string, place: string) => string;
+    dropped: (item: string, place: string) => string;
+    movedTo: (item: string, place: string) => string;
+    putBack: (item: string, place?: string) => string;
+    place: (position: number, count: number) => string;
+    placeIn: (position: number, count: number, group: string) => string;
+    resized: (item: string, width: number, height: number) => string;
+    moved: (item: string, x: number, y: number) => string;
+    selected: (count: number) => string;
+    canvasHelp: string;
+    nothingHere: string;
+    selectAll: string;
+    selectedCount: (count: number) => string;
+    clearSelection: string;
+    selection: string;
+    legend: string;
+    readChart: (label: string) => string;
+    fromTo: (first: string, last: string) => string;
+    activeFilters: string;
+    clearAll: string;
+    removeFilter: string;
+    skipToContent: string;
+    keypad: string;
+    loadMore: string;
+    loadingMore: string;
+    progress: string;
+    onThisPage: string;
+    switchToDark: string;
+    switchToLight: string;
+    copy: string;
+    copied: string;
+    showMore: (what: string) => string;
+    pages: string;
+    page: (n: number) => string;
+    previousPage: string;
+    nextPage: string;
+    breadcrumb: string;
+    carousel: string;
+    slide: string;
+    slideOf: (n: number, total: number) => string;
+    goToSlide: (n: number) => string;
+    previousSlide: string;
+    nextSlide: string;
+    resize: string;
+    notifications: string;
+};
+export type Messages = typeof ENGLISH;
+//# sourceMappingURL=messages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../packages/utils/messages.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,OAAO;;;;;;mBAOD,MAAM;;;;;;;;;;;;;;gBAgBT,MAAM;;;;;;;;;;;;;gCAeU,MAAM;uBACf,MAAM;;;4CAKe,MAAM,cAAc,MAAM;;wBAG9C,MAAM;;4BAEF,MAAM;;;;;;;;;;;;;;;;;;+BAsBH,MAAM;;2BAEV,MAAM,SAAS,MAAM;;;;;;6BAMnB,MAAM;4BACP,MAAM,QAAQ,MAAM;uBACzB,MAAM,UAAU,MAAM;;;;;;aAQhC,MAAM;;;uBAGI,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,SAAS,MAAM;yBAC9C,MAAM,QAAQ,MAAM;qBACxB,MAAM,QAAQ,MAAM;mBACtB,MAAM;;oBAIL,MAAM;qBACL,MAAM,SAAS,MAAM;oBAEtB,MAAM,SAAS,MAAM;oBACrB,MAAM,SAAS,MAAM;oBACrB,MAAM,UAAU,MAAM;sBACpB,MAAM,SAAS,MAAM;wBACnB,MAAM,SAAS,MAAM,SAAS,MAAM;oBAGxC,MAAM,SAAS,MAAM,UAAU,MAAM;kBACvC,MAAM,KAAK,MAAM,KAAK,MAAM;sBACxB,MAAM;;;;2BAOD,MAAM;;;;uBAMV,MAAM;oBACT,MAAM,QAAQ,MAAM;;;;;;;;;;;;;;qBAgBnB,MAAM;;cAEb,MAAM;;;;;;iBAMH,MAAM,SAAS,MAAM;mBACnB,MAAM;;;;;CAKxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,OAAO,CAAC"}

package/dist/utils/messages.js

@@ -0,0 +1,133 @@
+//#region packages/utils/messages.ts
+var e = {
+	clear: "Clear",
+	cancel: "Cancel",
+	close: "Close",
+	dismiss: "Dismiss",
+	delete: "Delete",
+	remove: (e) => `Remove ${e}`,
+	noResults: "No results",
+	search: "Search…",
+	expand: "Expand",
+	collapse: "Collapse",
+	minimum: "Minimum",
+	increase: "Increase",
+	hour: "Hour",
+	minute: "Minute",
+	dayPeriod: "AM/PM",
+	decrease: "Decrease",
+	maximum: "Maximum",
+	selectPlaceholder: "Select…",
+	searchOptions: "Search options",
+	add: (e) => `Add ${e}`,
+	commands: "Commands",
+	pickDate: "Pick a date",
+	pickDates: "Pick dates",
+	chooseDate: "Choose date",
+	chooseDates: "Choose dates",
+	presets: "Presets",
+	pickMonth: "Pick a month",
+	chooseMonth: "Choose month",
+	previousMonth: "Previous month",
+	nextMonth: "Next month",
+	previousYear: "Previous year",
+	nextYear: "Next year",
+	chooseMonthAndYear: (e) => `${e}, choose month and year`,
+	backToDays: (e) => `${e}, back to days`,
+	chooseColour: "Choose colour",
+	saturationBrightness: "Saturation and brightness",
+	saturationBrightnessValue: (e, t) => `Saturation ${e}%, brightness ${t}%`,
+	hue: "Hue",
+	hueValue: (e) => `Hue ${e} degrees`,
+	opacity: "Opacity",
+	opacityValue: (e) => `Opacity ${e}%`,
+	hex: "Hex",
+	swatches: "Swatches",
+	colour: "Colour",
+	icon: "Icon",
+	none: "none",
+	colourNames: {
+		blue: "Blue",
+		orange: "Orange",
+		teal: "Teal",
+		amber: "Amber",
+		pink: "Pink",
+		green: "Green",
+		violet: "Violet",
+		red: "Red"
+	},
+	currency: "Currency",
+	yourCurrency: "Your currency",
+	changeCurrency: (e) => `Currency: ${e}. Change to enter another currency`,
+	enterAmount: "Enter an amount.",
+	notAnAmount: (e, t) => `Not an amount. Try ${e} or ${t}.`,
+	noNegative: "Amount can't be negative.",
+	rateFailed: "Couldn't get today's exchange rate.",
+	rateLoading: "Still getting today's rate…",
+	otherCurrencies: "Enter in another currency, converted at today’s rate",
+	gettingRate: "Getting today’s rate…",
+	ratesUnavailable: (e) => `Couldn’t get exchange rates. Enter the amount in ${e}.`,
+	convertedFrom: (e, t) => `Converted from ${e} at ${t}`,
+	rateOf: (e, t) => `1 ${e} = ${t}`,
+	repeats: "Repeats",
+	every: "Every",
+	howMany: "How many",
+	unit: "Unit",
+	on: "On",
+	day: (e) => `Day ${e}`,
+	lastDay: "Last day",
+	next: "Next:",
+	repeatUnit: (e, t) => t === 1 ? e : `${e}s`,
+	repeatEvery: (e, t) => e === 1 ? `Every ${t}` : `Every ${e} ${t}`,
+	repeatOn: (e, t) => `${e} on ${t}`,
+	repeatDay: (e) => `day ${e}`,
+	repeatLastDay: "the last day",
+	reorder: (e) => `Reorder ${e}`,
+	pickedUp: (e, t) => `${e} picked up, ${t}. Arrow keys move it, Space drops it, Escape puts it back.`,
+	dropped: (e, t) => `${e} dropped, ${t}.`,
+	movedTo: (e, t) => `${e}, ${t}.`,
+	putBack: (e, t) => t ? `${e} put back, ${t}.` : `${e} put back.`,
+	place: (e, t) => `${e} of ${t}`,
+	placeIn: (e, t, n) => `${e} of ${t} in ${n}`,
+	resized: (e, t, n) => `${e} resized to ${t} by ${n}.`,
+	moved: (e, t, n) => `${e} moved to ${t}, ${n}.`,
+	selected: (e) => `${e} ${e === 1 ? "item" : "items"} selected.`,
+	canvasHelp: "Arrow keys move the selection, Shift with them by 10. Alt with the arrow keys resizes. Escape deselects.",
+	nothingHere: "Nothing here yet.",
+	selectAll: "Select all",
+	selectedCount: (e) => `${e} selected`,
+	clearSelection: "Clear selection",
+	selection: "Selection",
+	legend: "Legend",
+	readChart: (e) => `${e}: use the arrow keys to read values`,
+	fromTo: (e, t) => `From ${e} to ${t}`,
+	activeFilters: "Active filters",
+	clearAll: "Clear all",
+	removeFilter: "Remove filter",
+	skipToContent: "Skip to content",
+	keypad: "Keypad",
+	loadMore: "Load more",
+	loadingMore: "Loading more…",
+	progress: "Progress",
+	onThisPage: "On this page",
+	switchToDark: "Switch to dark theme",
+	switchToLight: "Switch to light theme",
+	copy: "Copy",
+	copied: "Copied",
+	showMore: (e) => `Show ${e}`,
+	pages: "Pages",
+	page: (e) => `Page ${e}`,
+	previousPage: "Previous page",
+	nextPage: "Next page",
+	breadcrumb: "Breadcrumb",
+	carousel: "carousel",
+	slide: "slide",
+	slideOf: (e, t) => `${e} of ${t}`,
+	goToSlide: (e) => `Slide ${e}`,
+	previousSlide: "Previous slide",
+	nextSlide: "Next slide",
+	resize: "Resize",
+	notifications: "Notifications (F8)"
+};
+//#endregion
+export { e as ENGLISH };

package/dist/utils/money.js

@@ -1,4 +1,3 @@
-"use client";
 //#region packages/utils/money.ts
 function e(e) {
 	return new Intl.NumberFormat("en", {

package/dist/utils/month.js

@@ -1,4 +1,3 @@
-"use client";
 //#region packages/utils/month.ts
 var e = /^(\d{4})-(0[1-9]|1[0-2])$/;
 function t(t) {

package/dist/utils/motion.js

@@ -1,4 +1,3 @@
-"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"));

package/dist/utils/refs.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'react';
+/** One ref that hands the element to each of `refs`. */
+export declare function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): (node: T | null) => void;
+/** mergeRefs, kept the same while the refs are: a component's own ref and the one it was given. */
+export declare function useMergedRefs<T>(...refs: (Ref<T> | undefined)[]): (node: T | null) => void;
+//# sourceMappingURL=refs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../packages/utils/refs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAW,MAAM,OAAO,CAAC;AAErC,wDAAwD;AACxD,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,IAChD,MAAM,CAAC,GAAG,IAAI,UAMzB;AAED,mGAAmG;AACnG,wBAAgB,aAAa,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,4BAG/D"}

package/dist/utils/refs.js

@@ -0,0 +1,13 @@
+"use client";
+import { useMemo as e } from "react";
+//#region packages/utils/refs.ts
+function t(...e) {
+	return (t) => {
+		for (let n of e) typeof n == "function" ? n(t) : n && (n.current = t);
+	};
+}
+function n(...n) {
+	return e(() => t(...n), n);
+}
+//#endregion
+export { t as mergeRefs, n as useMergedRefs };

package/dist/utils/repeat.d.ts

@@ -1,3 +1,4 @@
+import { Messages } from './messages';
 import { DateString } from './date';
 /**
  * How often something comes round: every `every` days, weeks, months or
@@ -11,7 +12,8 @@ export interface Repeat {
     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;
+/** In `messages`' words (English unless you pass a LocaleProvider's, e.g. from useMessages). */
+export declare function describeRepeat(repeat: Repeat, locale: string, start?: DateString, messages?: Messages): 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

@@ -1 +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"}
+{"version":3,"file":"repeat.d.ts","sourceRoot":"","sources":["../../packages/utils/repeat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACpD,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,gGAAgG;AAChG,wBAAgB,cAAc,CAC1B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,GAAE,QAAkB,GAC7B,MAAM,CAcR;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

@@ -1,38 +1,41 @@
-"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";
+import { ENGLISH as e } from "./messages.js";
+import { addDays as t, addMonthsToDate as n, dayOfWeek as r, daysBetween as i, daysInMonth as a, formatDate as o, weekdayNames as s } 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(", ")}`;
+function c(t, n, r, i = e) {
+	let a = i, { every: c, unit: l } = t, u = a.repeatEvery(c, a.repeatUnit(l, c));
+	if (l === "week" && t.weekdays?.length) {
+		let e = s(n), r = [...t.weekdays].sort((e, t) => e - t).map((t) => e[t]);
+		return a.repeatOn(u, new Intl.ListFormat(n, {
+			style: "short",
+			type: "unit"
+		}).format(r));
 	}
-	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;
+	return l === "month" && t.day !== void 0 ? a.repeatOn(u, t.day === -1 ? a.repeatLastDay : a.repeatDay(t.day)) : l === "year" && r ? a.repeatOn(u, o(r, n, "day")) : u;
 }
-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);
+function l(e, t, n, r = t) {
+	let i = [], a = Math.max(1, Math.floor(e.every)), o = Math.max(0, Math.floor(u(e.unit, t, r) / a) - 1);
+	for (let s = o; i.length < n && s < o + n + 2; s++) for (let o of d(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(e, t, n) {
+	if (e === "day") return i(t, n);
+	if (e === "week") return Math.floor(i(t, n) / 7);
+	let r = (Number(n.slice(0, 4)) - Number(t.slice(0, 4))) * 12 + Number(n.slice(5, 7)) - Number(t.slice(5, 7));
+	return e === "month" ? r : Math.floor(r / 12);
 }
-function u(r, a, o) {
-	switch (r.unit) {
-		case "day": return [e(a, o)];
+function d(e, i, o) {
+	switch (e.unit) {
+		case "day": return [t(i, 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));
+			let n = e.weekdays?.length ? [...new Set(e.weekdays)].sort((e, t) => e - t) : [r(i)], a = t(i, -r(i) + o * 7);
+			return n.map((e) => t(a, e));
 		}
 		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")}`];
+			let t = n(`${i.slice(0, 7)}-01`, o).slice(0, 7), r = a(t), s = e.day ?? Number(i.slice(8));
+			return [`${t}-${String(s === -1 ? r : Math.min(s, r)).padStart(2, "0")}`];
 		}
-		case "year": return [t(a, o * 12)];
+		case "year": return [n(i, o * 12)];
 	}
 }
 //#endregion
-export { s as describeRepeat, c as nextOccurrences };
+export { c as describeRepeat, l as nextOccurrences };

package/dist/utils/roving.d.ts

@@ -0,0 +1,17 @@
+import { KeyboardEvent, RefObject } from 'react';
+/** The enabled elements matching `selector` in `root`, in order, leaving out those of a group nested in it. */
+export declare function rovingItems(root: HTMLElement, selector: string): HTMLElement[];
+/**
+ * Moves focus between a row's items with the arrow keys (in reading order;
+ * ↑↓ for a column), Home and End, wrapping. Returns whether it took the key.
+ */
+export declare function moveFocus(e: KeyboardEvent<HTMLElement>, selector: string, orientation?: 'horizontal' | 'vertical'): boolean;
+/**
+ * Keeps one item of the group at `ref` in the tab order (Tab enters the group
+ * once; the arrow keys go through it): the last one focused, else the first
+ * matching `preferred` (e.g. the pressed one), else the first. Put
+ * data-zen-roving on the group's element. Off (`enabled` false) when an
+ * enclosing group, like a Toolbar, roves through the items instead.
+ */
+export declare function useRovingTabIndex(ref: RefObject<HTMLElement | null>, selector: string, preferred?: string, enabled?: boolean): void;
+//# sourceMappingURL=roving.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"roving.d.ts","sourceRoot":"","sources":["../../packages/utils/roving.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAA8B,MAAM,OAAO,CAAC;AAM7E,+GAA+G;AAC/G,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,WAAW,EAAE,CAI9E;AAED;;;GAGG;AACH,wBAAgB,SAAS,CACrB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,EAC7B,QAAQ,EAAE,MAAM,EAChB,WAAW,GAAE,YAAY,GAAG,UAAyB,GACtD,OAAO,CAYT;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,QAAQ,EAAE,MAAM,EAChB,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,UAAO,QAuBjB"}

package/dist/utils/roving.js

@@ -0,0 +1,35 @@
+"use client";
+import { readingKey as e } from "./direction.js";
+import { useEffect as t, useLayoutEffect as n } from "react";
+//#region packages/utils/roving.ts
+var r = typeof window > "u" ? t : n;
+function i(e, t) {
+	return [...e.querySelectorAll(t)].filter((t) => !t.matches(":disabled") && t.parentElement?.closest("[data-zen-roving]") === e);
+}
+function a(t, n, r = "horizontal") {
+	if (t.defaultPrevented) return !1;
+	let a = i(t.currentTarget, n), o = a.indexOf(t.target);
+	if (o === -1) return !1;
+	let [s, c] = r === "horizontal" ? ["ArrowLeft", "ArrowRight"] : ["ArrowUp", "ArrowDown"], l = e(t.key, t.currentTarget), u = {
+		[c]: o + 1,
+		[s]: o - 1,
+		Home: 0,
+		End: a.length - 1
+	}[l];
+	return u !== void 0 && (t.preventDefault(), a[(u + a.length) % a.length].focus(), !0);
+}
+function o(e, t, n, a = !0) {
+	r(() => {
+		let r = e.current;
+		if (!r || !a) return;
+		let o = (e) => {
+			let a = i(r, t), o = a.find((t) => t === e) ?? a.find((e) => e.dataset.zenStop !== void 0) ?? (n ? a.find((e) => e.matches(n)) : void 0) ?? a[0];
+			for (let e of a) e.tabIndex = e === o ? 0 : -1, e === o ? e.dataset.zenStop = "" : delete e.dataset.zenStop;
+		};
+		o(r.contains(document.activeElement) ? document.activeElement : null);
+		let s = (e) => o(e.target);
+		return r.addEventListener("focusin", s), () => r.removeEventListener("focusin", s);
+	});
+}
+//#endregion
+export { a as moveFocus, i as rovingItems, o as useRovingTabIndex };

package/dist/utils/section-link.js

@@ -1,4 +1,3 @@
-"use client";
 import { reducedMotion as e } from "./motion.js";
 //#region packages/utils/section-link.ts
 function t(t) {

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

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../packages/utils/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAkB,YAAY,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAInG,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErC;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,mFAoB1F"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../packages/utils/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAkB,YAAY,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAKnG,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErC;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,mFAoB1F"}

package/dist/utils/slot.js

@@ -1,10 +1,11 @@
 "use client";
 import { cx as e } from "./cx.js";
-import { cloneElement as t, isValidElement as n } from "react";
+import { mergeRefs as t } from "./refs.js";
+import { cloneElement as n, isValidElement as r } from "react";
 //#region packages/utils/slot.tsx
-function r({ children: r, ...a }) {
-	if (!n(r)) return null;
-	let o = r, s = a, c = o.props, l = { ...s };
+function i({ children: i, ...a }) {
+	if (!r(i)) return null;
+	let o = i, s = a, c = o.props, l = { ...s };
 	for (let e of Object.keys(s)) {
 		let t = s[e], n = c[e];
 		/^on[A-Z]/.test(e) && typeof t == "function" && typeof n == "function" && (l[e] = (...e) => {
@@ -14,12 +15,7 @@ function r({ children: r, ...a }) {
 	return l.className = e(s.className, c.className), (s.style || c.style) && (l.style = {
 		...s.style,
 		...c.style
-	}), s.ref && c.ref && (l.ref = i(s.ref, c.ref)), t(o, l);
-}
-function i(...e) {
-	return (t) => {
-		for (let n of e) typeof n == "function" ? n(t) : n && (n.current = t);
-	};
+	}), s.ref && c.ref && (l.ref = t(s.ref, c.ref)), n(o, l);
 }
 //#endregion
-export { r as Slot };
+export { i as Slot };

package/dist/utils/status-icons.js

@@ -1,18 +1,18 @@
 "use client";
-import { cx as e } from "./cx.js";
-import t from "../icons/micro/check.js";
+import e from "../icons/micro/check.js";
+import { cx as t } from "./cx.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 a({ className: n }) {
-	return /* @__PURE__ */ i(t, { className: e("size-3.5", n) });
+	return /* @__PURE__ */ i(e, { className: t("size-3.5", n) });
 }
-function o({ className: t }) {
-	return /* @__PURE__ */ i(n, { className: e("size-3.5", t) });
+function o({ className: e }) {
+	return /* @__PURE__ */ i(n, { className: t("size-3.5", e) });
 }
-function s({ className: t }) {
-	return /* @__PURE__ */ i(r, { className: e("size-3.5", t) });
+function s({ className: e }) {
+	return /* @__PURE__ */ i(r, { className: t("size-3.5", e) });
 }
 //#endregion
 export { o as AlertIcon, a as CheckIcon, s as InfoIcon };

package/dist/utils/styles.d.ts

@@ -1,5 +1,12 @@
 /** 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;
+/** Field heights, matching Button's sizes (sm, default, lg) so a row of both lines up. */
+export declare const FIELD_SIZE: {
+    readonly sm: "h-8 px-2.5";
+    readonly default: "";
+    readonly lg: "h-11 px-3.5";
+};
+export type FieldSize = keyof typeof FIELD_SIZE;
 /**
  * Placeholder text in a trigger that shows one (Select, MonthPicker, DatePicker…). Fields use the same
  * colours through placeholder: in FIELD. --zen-placeholder dims it on dark glass, so a placeholder can't
@@ -7,9 +14,9 @@ export declare const FIELD: string;
  */
 export declare const PLACEHOLDER = "text-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))]";
 /** 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";
+export declare const PICKER_NAV = "text-muted-foreground cursor-pointer hover:bg-tint/[0.07] hover:text-foreground grid size-8 place-items-center rounded-md outline-hidden transition-colors focus-ring";
 /** 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 = "cursor-pointer rounded-lg py-2 text-sm outline-hidden transition-colors disabled:cursor-not-allowed disabled:opacity-35 focus-ring 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-glow-focus";

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../packages/utils/styles.ts"],"names":[],"mappings":"AAEA,wIAAwI;AACxI,eAAO,MAAM,KAAK,QAKmC,CAAC;AAEtD;;;;GAIG;AACH,eAAO,MAAM,WAAW,uEAAuE,CAAC;AAEhG,+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,uEAAuE,CAAC;AAEjG,0EAA0E;AAC1E,eAAO,MAAM,OAAO,QAA+F,CAAC;AAEpH,oEAAoE;AACpE,eAAO,MAAM,KAAK,sJACqI,CAAC;AAExJ,0DAA0D;AAC1D,eAAO,MAAM,UAAU,0GACoF,CAAC;AAE5G,oHAAoH;AACpH,eAAO,MAAM,cAAc,gOACsM,CAAC;AAElO;mGACmG;AACnG,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,0FAA0F;AAC1F,eAAO,MAAM,UAAU;;;;CAAgE,CAAC;AACxF,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,WAAW,uEAAuE,CAAC;AAEhG,+DAA+D;AAC/D,eAAO,MAAM,UAAU,0KACoJ,CAAC;AAE5K,wGAAwG;AACxG,eAAO,MAAM,YAAY,4JACoI,CAAC;AAC9J,eAAO,MAAM,eAAe,wDAAwD,CAAC;AAErF,sDAAsD;AACtD,eAAO,MAAM,YAAY,uEAAuE,CAAC;AAEjG,0EAA0E;AAC1E,eAAO,MAAM,OAAO,QAA+F,CAAC;AAEpH,oEAAoE;AACpE,eAAO,MAAM,KAAK,sJACqI,CAAC;AAExJ,0DAA0D;AAC1D,eAAO,MAAM,UAAU,0GACoF,CAAC;AAE5G,oHAAoH;AACpH,eAAO,MAAM,cAAc,gOACsM,CAAC;AAElO;mGACmG;AACnG,eAAO,MAAM,IAAI,QAEkG,CAAC;AAEpH;;;;GAIG;AACH,eAAO,MAAM,YAAY,QAK4B,CAAC"}

package/dist/utils/styles.js

@@ -1,6 +1,9 @@
-"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(--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-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))] 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-glow-focus focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", n = "text-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))]", r = "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", i = "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]", a = "bg-primary text-primary-foreground hover:bg-primary", o = "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", s = e(t, "inline-flex cursor-pointer items-center justify-between gap-2 whitespace-nowrap"), c = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/calc(0.5*var(--glow-k)))] outline-hidden", l = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", u = "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)/calc(0.6*var(--glow-k)))] transition-[translate,width] duration-500 ease-out-soft", d = "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", f = "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-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))] 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-glow-focus 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-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))] 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-glow-focus focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", n = {
+	sm: "h-8 px-2.5",
+	default: "",
+	lg: "h-11 px-3.5"
+}, r = "text-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))]", i = "text-muted-foreground cursor-pointer hover:bg-tint/[0.07] hover:text-foreground grid size-8 place-items-center rounded-md outline-hidden transition-colors focus-ring", a = "cursor-pointer rounded-lg py-2 text-sm outline-hidden transition-colors disabled:cursor-not-allowed disabled:opacity-35 focus-ring hover:bg-tint/[0.07]", o = "bg-primary text-primary-foreground hover:bg-primary", s = "border-glow/60 [--glow-border-color:transparent] shadow-glow-focus", c = e(t, "inline-flex cursor-pointer items-center justify-between gap-2 whitespace-nowrap"), l = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/calc(0.5*var(--glow-k)))] outline-hidden", u = "glow-edge relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", d = "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)/calc(0.6*var(--glow-k)))] transition-[translate,width] duration-500 ease-out-soft", f = "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-ring text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-selected:text-foreground", p = "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-[color:oklch(var(--muted-foreground)/var(--zen-placeholder))] 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-glow-focus focus-within:outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
 //#endregion
-export { t as FIELD, f as FIELD_WITHIN, i as PICKER_MONTH, a as PICKER_MONTH_ON, r as PICKER_NAV, d as PILL, u as PILL_INDICATOR, l as PILL_TRACK, n as PLACEHOLDER, c as POPUP, s as TRIGGER, o as TRIGGER_OPEN };
+export { t as FIELD, n as FIELD_SIZE, p as FIELD_WITHIN, a as PICKER_MONTH, o as PICKER_MONTH_ON, i as PICKER_NAV, f as PILL, d as PILL_INDICATOR, u as PILL_TRACK, r as PLACEHOLDER, l as POPUP, c as TRIGGER, s as TRIGGER_OPEN };

package/dist/utils/theme-wave.js

@@ -1,4 +1,3 @@
-"use client";
 import { applyGraphicsMode as e } from "./graphics.js";
 import { reducedMotion as t } from "./motion.js";
 import { linearToSrgb as n } from "./color.js";

package/dist/utils/theme.js

@@ -1,4 +1,3 @@
-"use client";
 import { oklchToLinear as e } from "./color.js";
 //#region packages/utils/theme.ts
 var t = [

package/dist/utils/useAnchoredPopup.d.ts

@@ -33,15 +33,18 @@ export declare function anchorFor(id: string): {
 /**
  * The popup's position: below the trigger (above it if there's no room below),
  * lined up with its start or end edge, or centred on it; `width` makes it as
- * wide as the trigger, or at least as wide. For parts that take their own
- * `align`/`offset` (PopoverContent, MenuContent). The same choices are kept as
- * custom properties, for placing it where anchor positioning isn't supported.
+ * wide as the trigger, or at least as wide. `side: 'beside'` puts it after the
+ * trigger instead (before it if there's no room), its top level with the
+ * trigger's, as a submenu opens. For parts that take their own `align`/`offset`
+ * (PopoverContent, MenuContent). The same choices are kept as custom
+ * properties, for placing it where anchor positioning isn't supported.
  */
-export declare function anchoredStyle(id: string, { align, offset, width }?: AnchorOptions): CSSProperties;
+export declare function anchoredStyle(id: string, { align, offset, width, side }?: AnchorOptions): CSSProperties;
 interface AnchorOptions {
     align?: 'start' | 'end' | 'center';
     offset?: number;
     width?: 'match' | 'at-least';
+    side?: 'below' | 'beside';
 }
 /** Places the popup in `ref` against its trigger while it's open, where the browser can't. */
 export declare function useAnchorFallback(ref: RefObject<HTMLElement | null>): void;