@revolist/ui 4.0.3-rc → 4.0.3

package/_chunks/{date-time-qIhp5vaX.js → date-time-CTOSbzb0.js}

@@ -1,18 +1,19 @@
 import { i as e } from "./preact.module-BBM36DnO.js";
-import { c as t, i as n, n as r, r as i, t as a } from "./hooks.module-CG3gN83z.js";
+import { a as t, i as n, n as r, r as i, t as a } from "./hooks.module-CG3gN83z.js";
 import { t as o } from "./jsxRuntime.module-F6UFnpT-.js";
-import { SvgIcon as s } from "../icons/icon.js";
-import { n as c } from "./native-control-C_yok8_-.js";
-import { createPreactElement as l, releasePreactElement as u } from "../preact-mount.js";
-import { R as d, n as f } from "./controls-DsNi8V8I.js";
-import { createControlId as p } from "../core/control-id.js";
+import { createPreactElement as s, releasePreactElement as c } from "../preact-mount.js";
+import { createControlId as l } from "../core/control-id.js";
+import { SvgIcon as u } from "../icons/icon.js";
+import { n as d } from "./native-control-B_fVA5bL.js";
+import "./chevron-down-GbplLa6s.js";
+import { R as f, t as p } from "./controls-B_6NJarZ.js";
 import { EditorList as m, EditorListItem as h } from "../editor-layout/index.js";
 import { t as g } from "./clock-BOhPNlW3.js";
 import { i as _, s as v } from "./iso-B0YHBK7m.js";
 import { f as y, h as b, m as x, p as S } from "./model-mPO2tG2f.js";
-import { n as C, t as w } from "./date-control-DrVFX13g.js";
-import { t as T } from "./picker-h1P5RUgp.js";
-import { t as E } from "./editor-popup-WDdtVDNA.js";
+import { n as C, t as w } from "./date-control-C4h4m75W.js";
+import { t as T } from "./picker-DTqET-2W.js";
+import { t as E } from "./editor-popup-ByU7qiub.js";
 import { n as D } from "./editor-commit-Bq3wSgvr.js";
 import { EditorActions as O } from "../editor-actions.js";
 //#region ../dates/src/date-controls.ts
@@ -82,20 +83,20 @@ function B(e, t, n) {
 function V(e, t, n) {
 	return n === "datetime" ? `${R(e)}T${t}` : t;
 }
-function H(e, t) {
+function ee(e, t) {
 	return e === "date" ? v(t) : e === "datetime" ? !!L(t.replace(/(\d{2}:\d{2}:\d{2})\.\d{1,3}$/, "$1")) : !!N(e, t);
 }
-function U(e) {
+function H(e) {
 	let t = N("time", e);
 	return t ? t.getHours() * 3600 + t.getMinutes() * 60 + t.getSeconds() : void 0;
 }
-function W(e, t) {
-	let n = U(e);
+function U(e, t) {
+	let n = H(e);
 	if (n === void 0) return !1;
-	let r = t.min ? U(t.min) : void 0, i = t.max ? U(t.max) : void 0;
+	let r = t.min ? H(t.min) : void 0, i = t.max ? H(t.max) : void 0;
 	return (r === void 0 || n >= r) && (i === void 0 || n <= i) && (t.step === void 0 || t.step > 0 && (n - (r ?? 0)) % t.step === 0);
 }
-function G(e, t, n = "minute", r) {
+function W(e, t, n = "minute", r) {
 	let i = N("time", e);
 	return i ? new Intl.DateTimeFormat(r ?? (t === "12h" ? "en-US" : "en-GB"), {
 		hour: "2-digit",
@@ -104,7 +105,7 @@ function G(e, t, n = "minute", r) {
 		hourCycle: t === "12h" ? "h12" : "h23"
 	}).format(i) : e;
 }
-function K(e, t = "minute", n) {
+function G(e, t = "minute", n) {
 	if (e = e.replace(/[\u200e\u200f\u061c]/g, "").trim(), n) {
 		let t = new Intl.NumberFormat(n, { useGrouping: !1 });
 		for (let n = 0; n < 10; n++) e = e.split(t.format(n)).join(String(n));
@@ -136,18 +137,18 @@ function K(e, t = "minute", n) {
 }
 //#endregion
 //#region ../dates/src/time-selection.ts
-function q(e) {
-	let t = e.min ? U(e.min) : void 0, n = e.max ? U(e.max) : void 0, r = e.step ?? (e.precision === "second" ? 1 : 60);
+function K(e) {
+	let t = e.min ? H(e.min) : void 0, n = e.max ? H(e.max) : void 0, r = e.step ?? (e.precision === "second" ? 1 : 60);
 	if (!Number.isFinite(r) || r <= 0) return [];
 	let i = e.precision === "second" ? 1 : 60, a = [];
 	for (let e = 0; e < 86400; e += i) (t === void 0 || e >= t) && (n === void 0 || e <= n) && (e - (t ?? 0)) % r === 0 && a.push(e);
 	return a;
 }
-function J(e, t = "minute") {
+function q(e, t = "minute") {
 	let n = (e) => String(e).padStart(2, "0");
 	return `${n(Math.floor(e / 3600))}:${n(Math.floor(e / 60) % 60)}${t === "second" ? `:${n(e % 60)}` : ""}`;
 }
-function ee(e, t) {
+function J(e, t) {
 	return e === "12h" || e === "locale" && !!new Intl.DateTimeFormat(t, { hour: "numeric" }).resolvedOptions().hour12;
 }
 function te(e, t) {
@@ -157,7 +158,7 @@ function te(e, t) {
 	}).formatToParts(new Date(2e3, 0, 1, e ? 13 : 1)).find((e) => e.type === "dayPeriod")?.value ?? (e ? "PM" : "AM");
 }
 function ne(e, t, n) {
-	let r = U(t), i = r ?? e[0] ?? 0, a = Math.floor(i / 3600), o = Math.floor(i / 60) % 60, s = i % 60, c = {
+	let r = H(t), i = r ?? e[0] ?? 0, a = Math.floor(i / 3600), o = Math.floor(i / 60) % 60, s = i % 60, c = {
 		hour: /* @__PURE__ */ new Map(),
 		minute: /* @__PURE__ */ new Map(),
 		second: /* @__PURE__ */ new Map(),
@@ -207,15 +208,15 @@ var Y = {
 	chooseTime: "Choose time"
 };
 function X(e, t) {
-	return (e === "time" ? t?.chooseTime ?? t?.chooseDate : t?.chooseDate) ?? (e === "time" ? Y.chooseTime : Y.chooseDate);
+	return (e === "time" ? t?.chooseTime : t?.chooseDate) ?? (e === "time" ? Y.chooseTime : Y.chooseDate);
 }
 //#endregion
 //#region src/date-time/validation.ts
-function Z(e, t, n = "") {
+function re(e, t, n = "") {
 	let { kind: r = "date", selection: i = "single", value: a, calendar: o = {} } = e, s = {
 		...Y,
 		...e.text
-	}, c = a && !Array.isArray(a) && typeof a == "object" ? a : void 0, l = typeof a == "string" ? a : "", u = c?.from ?? "", d = c?.to ?? "", f = e.required ?? o.required ?? !1, p = c ? [u, d] : Array.isArray(a) ? a : l ? [l] : [], m = (e) => v(e) && (!o.minDate || e >= o.minDate) && (!o.maxDate || e <= o.maxDate) && !o.isDateDisabled?.(e) && !o.isMonthDisabled?.(y(e, o.calendarSystem)), h = (t) => H(r, t) && (r === "time" || m(R(t))) && (r === "date" || W(z(t), {
+	}, c = a && !Array.isArray(a) && typeof a == "object" ? a : void 0, l = typeof a == "string" ? a : "", u = c?.from ?? "", d = c?.to ?? "", f = e.required ?? o.required ?? !1, p = c ? [u, d] : Array.isArray(a) ? a : l ? [l] : [], m = (e) => v(e) && (!o.minDate || e >= o.minDate) && (!o.maxDate || e <= o.maxDate) && !o.isDateDisabled?.(e) && !o.isMonthDisabled?.(y(e, o.calendarSystem)), h = (t) => ee(r, t) && (r === "time" || m(R(t))) && (r === "date" || U(z(t), {
 		min: e.minTime,
 		max: e.maxTime,
 		step: e.timeStep
@@ -249,26 +250,26 @@ function Z(e, t, n = "") {
 }
 //#endregion
 //#region src/date-time/time-control.tsx
-function re({ value: e, label: t, format: r = "locale", precision: i = "minute", locale: a, min: s, max: l, step: u, onChange: d }) {
+function ie({ value: e, label: t, format: r = "locale", precision: i = "minute", locale: a, min: s, max: c, step: l, onChange: u }) {
 	let [f, p] = n(!1), [m, h] = n("");
-	if (r === "locale") return /* @__PURE__ */ o(c, {
+	if (r === "locale") return /* @__PURE__ */ o(d, {
 		type: "time",
 		"aria-label": t,
 		value: e,
 		min: s,
-		max: l,
-		step: u ?? (i === "second" ? 1 : 60),
-		onInput: (e) => d(e.currentTarget.value)
+		max: c,
+		step: l ?? (i === "second" ? 1 : 60),
+		onInput: (e) => u(e.currentTarget.value)
 	});
-	let g = G(e, r, i, a);
-	return /* @__PURE__ */ o(c, {
+	let g = W(e, r, i, a);
+	return /* @__PURE__ */ o(d, {
 		type: "text",
 		"aria-label": t,
 		value: f ? m : g,
-		"aria-invalid": !!e && !W(e, {
+		"aria-invalid": !!e && !U(e, {
 			min: s,
-			max: l,
-			step: u
+			max: c,
+			step: l
 		}),
 		placeholder: r === "12h" ? "09:00 AM" : "09:00",
 		onFocus: () => {
@@ -277,13 +278,13 @@ function re({ value: e, label: t, format: r = "locale", precision: i = "minute",
 		onBlur: () => p(!1),
 		onInput: (e) => {
 			let t = e.currentTarget.value;
-			h(t), d(t ? K(t, i, a) ?? t : "");
+			h(t), u(t ? G(t, i, a) ?? t : "");
 		}
 	});
 }
 //#endregion
 //#region src/date-time/time-selection.tsx
-function ie({ label: e, accessibleLabel: t, values: n, selected: r, choices: s, display: c, onSelect: l }) {
+function ae({ label: e, accessibleLabel: t, values: n, selected: r, choices: s, display: c, onSelect: l }) {
 	let u = a(null), d = r !== void 0 && s.has(r), f = d ? r : n.find((e) => s.has(e));
 	i(() => {
 		let e = u.current;
@@ -302,7 +303,7 @@ function ie({ label: e, accessibleLabel: t, values: n, selected: r, choices: s,
 	};
 	return /* @__PURE__ */ o("div", {
 		class: "rv-time-selection__column",
-		children: [/* @__PURE__ */ o("span", {
+		children: [e && /* @__PURE__ */ o("span", {
 			class: "rv-time-selection__label",
 			children: e
 		}), /* @__PURE__ */ o(m, {
@@ -322,286 +323,301 @@ function ie({ label: e, accessibleLabel: t, values: n, selected: r, choices: s,
 		})]
 	});
 }
-function Q({ value: e, label: t, text: n, onChange: i, format: a = "locale", precision: s = "minute", locale: c, min: l, max: u, step: d }) {
-	let f = ee(a, c), p = r(() => q({
-		min: l,
-		max: u,
-		step: d,
-		precision: s
+function Z({ value: e, label: i, text: a, onChange: s, format: c = "locale", precision: l = "minute", locale: d, min: f, max: m, step: h, collapsible: g = !1 }) {
+	let [_, v] = n(!1), y = t(), b = J(c, d), x = r(() => K({
+		min: f,
+		max: m,
+		step: h,
+		precision: l
 	}), [
-		l,
-		u,
-		d,
-		s
-	]), m = r(() => ne(p, e, f), [
-		p,
+		f,
+		m,
+		h,
+		l
+	]), S = r(() => ne(x, e, b), [
+		x,
 		e,
-		f
-	]), h = r(() => new Intl.NumberFormat(c, {
+		b
+	]), C = r(() => new Intl.NumberFormat(d, {
 		minimumIntegerDigits: 2,
 		useGrouping: !1
-	}), [c]), g = (e) => i(J(e, s)), _ = (e, n, r, i = (e) => h.format(e)) => /* @__PURE__ */ o(ie, {
-		label: n,
-		accessibleLabel: `${t}: ${n}`,
-		values: r,
-		selected: m.hasValue ? m[e] : void 0,
-		choices: m.columns[e],
-		display: i,
-		onSelect: g
-	}), v = (e, t = 0) => Array.from({ length: e }, (e, n) => t + n);
+	}), [d]), w = (e) => s(q(e, l)), T = (e, t, n, r = (e) => C.format(e)) => /* @__PURE__ */ o(ae, {
+		label: e === "period" ? void 0 : t,
+		accessibleLabel: `${i}: ${t}`,
+		values: n,
+		selected: S.hasValue ? S[e] : void 0,
+		choices: S.columns[e],
+		display: r,
+		onSelect: w
+	}), E = (e, t = 0) => Array.from({ length: e }, (e, n) => t + n);
 	return /* @__PURE__ */ o("section", {
 		class: "rv-time-selection",
-		children: [
-			/* @__PURE__ */ o("label", {
+		children: [/* @__PURE__ */ o("div", {
+			class: "rv-time-selection__entry-row",
+			children: [/* @__PURE__ */ o("label", {
 				class: "rv-time-selection__entry",
-				children: [/* @__PURE__ */ o("span", { children: t }), /* @__PURE__ */ o(re, {
+				children: [/* @__PURE__ */ o("span", { children: i }), /* @__PURE__ */ o(ie, {
 					value: e,
-					label: t,
-					format: a,
-					precision: s,
-					locale: c,
-					min: l,
-					max: u,
-					step: d,
-					onChange: i
+					label: i,
+					format: c,
+					precision: l,
+					locale: d,
+					min: f,
+					max: m,
+					step: h,
+					onChange: s
 				})]
-			}),
-			/* @__PURE__ */ o("div", {
-				class: `rv-time-selection__columns${s === "second" ? " rv-time-selection__columns--seconds" : ""}`,
-				children: [
-					_("hour", n.hours, v(f ? 12 : 24, f ? m.period * 12 : 0), (e) => h.format(f ? e % 12 || 12 : e)),
-					_("minute", n.minutes, v(60)),
-					s === "second" && _("second", n.seconds, v(60))
-				]
-			}),
-			f && /* @__PURE__ */ o("div", {
-				class: "rv-time-selection__period",
-				children: _("period", n.dayPeriod, [0, 1], (e) => te(e, c))
-			}),
-			!p.length && /* @__PURE__ */ o("p", {
-				class: "rv-time-selection__empty",
-				role: "status",
-				children: n.noTimes
-			})
-		]
+			}), g && /* @__PURE__ */ o(p, {
+				variant: "ghost",
+				className: "rv-time-selection__toggle",
+				"aria-label": a.chooseTime ?? a.time,
+				"aria-expanded": _,
+				"aria-controls": _ ? y : void 0,
+				onClick: () => v(!_),
+				children: /* @__PURE__ */ o(u, { svg: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"/></svg>" })
+			})]
+		}), (!g || _) && /* @__PURE__ */ o("div", {
+			id: y,
+			class: "rv-time-selection__clock",
+			children: [
+				/* @__PURE__ */ o("div", {
+					class: `rv-time-selection__columns${l === "second" ? " rv-time-selection__columns--seconds" : ""}`,
+					children: [
+						T("hour", a.hours, E(b ? 12 : 24, b ? S.period * 12 : 0), (e) => C.format(b ? e % 12 || 12 : e)),
+						T("minute", a.minutes, E(60)),
+						l === "second" && T("second", a.seconds, E(60))
+					]
+				}),
+				b && /* @__PURE__ */ o("div", {
+					class: "rv-time-selection__period",
+					children: T("period", a.dayPeriod, [0, 1], (e) => te(e, d))
+				}),
+				!x.length && /* @__PURE__ */ o("p", {
+					class: "rv-time-selection__empty",
+					role: "status",
+					children: a.noTimes
+				})
+			]
+		})]
 	});
 }
 //#endregion
 //#region src/date-time/picker.tsx
-function ae(r) {
-	let { kind: i = "date", selection: a = "single", value: s, onChange: c, calendar: l = {} } = r, u = {
+function oe(t) {
+	let { kind: r = "date", selection: a = "single", value: s, onChange: c, calendar: u = {} } = t, d = (u.numberOfMonths ?? 1) >= 2, m = {
 		...Y,
-		...r.text
-	}, [m] = n(() => p("rv-date-error")), h = (e) => i === "date" ? e : R(e), g = {
-		locale: l.locale,
-		...typeof r.dateInput == "object" ? r.dateInput : {}
-	}, [_, x] = n(r.endpoint === "to" ? "to" : void 0), [S, C] = n(""), E = s && !Array.isArray(s) && typeof s == "object" ? s : void 0, D = typeof s == "string" ? s : "", O = Array.isArray(s) ? s : [], k = E?.from ?? "", A = E?.to ?? "", j = R(i === "time" ? b() : r.endpoint === "to" ? A : k || D || O[0] || ""), [M, N] = n(() => l.defaultMonth ?? y(v(j) ? j : b(), l.calendarSystem)), P = r.required ?? l.required ?? !1, { valid: F, errorMessage: I, validDate: L } = Z(r, M, S);
-	t(() => r.onValidityChange?.(!!F), [F]);
-	let H = (e) => {
-		C(""), c(e);
-	}, U = (e) => {
-		H(e), i === "date" && a !== "multiple" && Z({
-			...r,
+		...t.text
+	}, [h] = n(() => l("rv-date-error")), g = (e) => r === "date" ? e : R(e), _ = {
+		locale: u.locale,
+		...typeof t.dateInput == "object" ? t.dateInput : {}
+	}, [x, S] = n(t.endpoint === "to" ? "to" : void 0), [C, E] = n(""), D = s && !Array.isArray(s) && typeof s == "object" ? s : void 0, O = typeof s == "string" ? s : "", k = Array.isArray(s) ? s : [], A = D?.from ?? "", j = D?.to ?? "", M = R(r === "time" ? b() : t.endpoint === "to" ? j : A || O || k[0] || ""), [N, P] = n(() => u.defaultMonth ?? y(v(M) ? M : b(), u.calendarSystem)), F = t.required ?? u.required ?? !1, { valid: I, errorMessage: L, validDate: ee } = re(t, N, C);
+	i(() => t.onValidityChange?.(!!I), [I]);
+	let H = (e, n = !1) => {
+		E(""), c(e), (t.onValidChange || n) && re({
+			...t,
 			value: e
-		}, M).valid && r.onSelectionComplete?.(e);
+		}, N).valid && (t.onValidChange?.(e), n && t.onSelectionComplete?.(e));
+	}, U = (e) => {
+		H(e, r === "date" && a !== "multiple");
 	}, W = (e) => {
-		if (!L(e)) return;
-		let t = y(e, l.calendarSystem);
-		t !== (l.month ?? M) && (N(t), l.onMonthChange?.(t));
+		if (!ee(e)) return;
+		let t = y(e, u.calendarSystem);
+		t !== (u.month ?? N) && (P(t), u.onMonthChange?.(t));
 	}, G = (e, t) => {
 		if (typeof t != "string") return;
 		W(t);
 		let n = {
-			from: k,
-			to: A,
-			[e]: t ? B(t, e === "from" ? k : A, i) : ""
+			from: A,
+			to: j,
+			[e]: t ? B(t, e === "from" ? A : j, r) : ""
 		};
 		H(!n.from && !n.to ? null : n);
-	}, K = (e, t, n, i = !0) => /* @__PURE__ */ o("label", {
+	}, K = (e, n, r, i = !0) => /* @__PURE__ */ o("label", {
 		class: `rv-temporal-picker__time${i ? "" : " rv-temporal-picker__time--single"}`,
-		children: [i && /* @__PURE__ */ o("span", { children: t }), /* @__PURE__ */ o(re, {
-			label: t,
+		children: [i && /* @__PURE__ */ o("span", { children: n }), /* @__PURE__ */ o(ie, {
+			label: n,
 			value: e ? z(e) : "",
-			min: r.minTime,
-			max: r.maxTime,
-			step: r.timeStep,
-			precision: r.precision,
-			format: r.timeFormat,
-			locale: l.locale,
-			onChange: n
+			min: t.minTime,
+			max: t.maxTime,
+			step: t.timeStep,
+			precision: t.precision,
+			format: t.timeFormat,
+			locale: u.locale,
+			onChange: r
 		})]
 	}), q = {
-		...l,
-		month: l.month ?? M,
+		...u,
+		month: u.month ?? N,
 		onMonthChange: (e) => {
-			N(e), l.onMonthChange?.(e);
+			P(e), u.onMonthChange?.(e);
 		},
-		required: P,
+		required: F,
 		onInvalidSelection: (e, t) => {
-			C(e || u.invalid), l.onInvalidSelection?.(e, t);
+			E(e || m.invalid), u.onInvalidSelection?.(e, t);
 		}
 	}, J;
 	if (a === "multiple") J = {
 		...q,
 		mode: "multiple",
-		selected: O.filter(v),
+		selected: k.filter(v),
 		onSelectionChange: (e) => U([...e])
 	};
-	else if (a === "range" && !_) J = {
+	else if (a === "range" && !x) J = {
 		...q,
 		mode: "range",
-		selected: k && v(R(k)) ? {
-			from: R(k),
-			...A && v(R(A)) ? { to: R(A) } : {}
+		selected: A && v(R(A)) ? {
+			from: R(A),
+			...j && v(R(j)) ? { to: R(j) } : {}
 		} : void 0,
 		onSelectionChange: (e) => U(e ? {
-			from: B(e.from, k, i),
-			...e.to ? { to: B(e.to, A, i) } : {}
+			from: B(e.from, A, r),
+			...e.to ? { to: B(e.to, j, r) } : {}
 		} : null)
 	};
 	else {
-		let e = a === "range" ? _ === "to" ? A : k : D;
+		let e = a === "range" ? x === "to" ? j : A : O;
 		J = {
 			...q,
 			mode: "single",
 			selected: e && v(R(e)) ? R(e) : void 0,
 			onSelectionChange: (t) => {
 				U(a === "range" ? t ? {
-					from: k,
-					to: A,
-					[_ ?? "from"]: B(t, e, i)
-				} : null : t ? B(t, D, i) : null);
+					from: A,
+					to: j,
+					[x ?? "from"]: B(t, e, r)
+				} : null : t ? B(t, O, r) : null);
 			}
 		};
 	}
 	return /* @__PURE__ */ o("div", {
-		class: `rv-temporal-picker rv-temporal-picker--${i}`,
+		class: `rv-temporal-picker rv-temporal-picker--${r}${d ? " rv-temporal-picker--multi-month" : ""}`,
 		children: [
-			r.dateInput === !1 && a === "range" && i !== "time" && /* @__PURE__ */ o("div", {
-				class: `rv-temporal-picker__endpoints ${r.classNames?.endpoints ?? ""}`,
-				children: [/* @__PURE__ */ o(f, {
-					"aria-label": `${u.startDate}: ${k}`,
-					"aria-pressed": _ !== "to",
+			t.dateInput === !1 && a === "range" && r !== "time" && /* @__PURE__ */ o("div", {
+				class: `rv-temporal-picker__endpoints ${t.classNames?.endpoints ?? ""}`,
+				children: [/* @__PURE__ */ o(p, {
+					"aria-label": `${m.startDate}: ${A}`,
+					"aria-pressed": x !== "to",
 					onClick: () => {
-						x(void 0), k && N(y(R(k), l.calendarSystem)), C("");
+						S(void 0), A && P(y(R(A), u.calendarSystem)), E("");
 					},
-					children: k ? R(k) : "—"
-				}), /* @__PURE__ */ o(f, {
-					"aria-label": `${u.endDate}: ${A}`,
-					"aria-pressed": _ === "to",
+					children: A ? R(A) : "—"
+				}), /* @__PURE__ */ o(p, {
+					"aria-label": `${m.endDate}: ${j}`,
+					"aria-pressed": x === "to",
 					onClick: () => {
-						x("to"), A && N(y(R(A), l.calendarSystem)), C("");
+						S("to"), j && P(y(R(j), u.calendarSystem)), E("");
 					},
-					children: A ? R(A) : "—"
+					children: j ? R(j) : "—"
 				})]
 			}),
 			/* @__PURE__ */ o("div", {
 				class: "rv-temporal-picker__header",
-				children: i !== "time" && r.dateInput !== !1 && /* @__PURE__ */ o("div", {
-					class: `rv-temporal-picker__dates ${a === "range" ? `rv-temporal-picker__endpoints ${r.classNames?.endpoints ?? ""}` : ""}`,
+				children: r !== "time" && t.dateInput !== !1 && /* @__PURE__ */ o("div", {
+					class: `rv-temporal-picker__dates ${a === "range" ? `rv-temporal-picker__endpoints ${t.classNames?.endpoints ?? ""}` : ""}`,
 					children: a === "range" ? /* @__PURE__ */ o(e, { children: [/* @__PURE__ */ o("div", {
 						class: "rv-temporal-picker__endpoint",
 						role: "group",
-						"aria-label": u.startDate,
+						"aria-label": m.startDate,
 						children: [/* @__PURE__ */ o(w, {
-							label: u.startDate,
-							value: h(k),
-							options: g,
-							invalid: !F,
-							errorId: m,
-							onFocus: () => x(void 0),
+							label: m.startDate,
+							value: g(A),
+							options: _,
+							invalid: !I,
+							errorId: h,
+							onFocus: () => S(void 0),
 							onChange: (e) => G("from", e)
-						}), i === "datetime" && K(k, u.startTime, (e) => H({
-							from: V(k, e, i),
-							...A ? { to: A } : {}
+						}), r === "datetime" && K(A, m.startTime, (e) => H({
+							from: V(A, e, r),
+							...j ? { to: j } : {}
 						}), !1)]
 					}), /* @__PURE__ */ o("div", {
 						class: "rv-temporal-picker__endpoint",
 						role: "group",
-						"aria-label": u.endDate,
+						"aria-label": m.endDate,
 						children: [/* @__PURE__ */ o(w, {
-							label: u.endDate,
-							value: h(A),
-							options: g,
-							invalid: !F,
-							errorId: m,
-							onFocus: () => x("to"),
+							label: m.endDate,
+							value: g(j),
+							options: _,
+							invalid: !I,
+							errorId: h,
+							onFocus: () => S("to"),
 							onChange: (e) => G("to", e)
-						}), i === "datetime" && K(A, u.endTime, (e) => H({
-							from: k,
-							to: V(A, e, i)
+						}), r === "datetime" && K(j, m.endTime, (e) => H({
+							from: A,
+							to: V(j, e, r)
 						}), !1)]
 					})] }) : /* @__PURE__ */ o(w, {
-						label: a === "multiple" ? u.dates : u.date,
-						value: a === "multiple" ? O : h(D),
+						label: a === "multiple" ? m.dates : m.date,
+						value: a === "multiple" ? k : g(O),
 						multiple: a === "multiple",
-						options: g,
-						invalid: !F,
-						errorId: m,
+						options: _,
+						invalid: !I,
+						errorId: h,
 						onChange: (e) => {
-							typeof e == "string" && W(e), H(Array.isArray(e) ? e : e ? B(e, D, i) : null);
+							typeof e == "string" && W(e), H(Array.isArray(e) ? e : e ? B(e, O, r) : null);
 						}
 					})
 				})
 			}),
 			/* @__PURE__ */ o("div", {
 				class: "rv-temporal-picker__body",
-				children: [i !== "time" && /* @__PURE__ */ o(T, { ...J }), i !== "date" && a !== "range" && /* @__PURE__ */ o(Q, {
-					value: z(D),
-					label: u.time,
-					text: u,
-					format: r.timeFormat,
-					precision: r.precision,
-					locale: l.locale,
-					min: r.minTime,
-					max: r.maxTime,
-					step: r.timeStep,
-					onChange: (e) => H(V(D, e, i))
+				children: [r !== "time" && /* @__PURE__ */ o(T, { ...J }), r !== "date" && a !== "range" && /* @__PURE__ */ o(Z, {
+					collapsible: r === "datetime" && d,
+					value: z(O),
+					label: m.time,
+					text: m,
+					format: t.timeFormat,
+					precision: t.precision,
+					locale: u.locale,
+					min: t.minTime,
+					max: t.maxTime,
+					step: t.timeStep,
+					onChange: (e) => H(V(O, e, r))
 				})]
 			}),
-			i !== "date" && a === "range" && (i === "time" || r.dateInput === !1) && /* @__PURE__ */ o("div", {
+			r !== "date" && a === "range" && (r === "time" || t.dateInput === !1) && /* @__PURE__ */ o("div", {
 				class: "rv-temporal-picker__times",
-				children: [i === "time" ? /* @__PURE__ */ o(Q, {
-					value: z(k),
-					label: u.startTime,
-					text: u,
-					format: r.timeFormat,
-					precision: r.precision,
-					locale: l.locale,
-					min: r.minTime,
-					max: r.maxTime,
-					step: r.timeStep,
+				children: [r === "time" ? /* @__PURE__ */ o(Z, {
+					value: z(A),
+					label: m.startTime,
+					text: m,
+					format: t.timeFormat,
+					precision: t.precision,
+					locale: u.locale,
+					min: t.minTime,
+					max: t.maxTime,
+					step: t.timeStep,
 					onChange: (e) => H({
 						from: e,
-						...A ? { to: A } : {}
+						...j ? { to: j } : {}
 					})
-				}) : K(k, u.startTime, (e) => H({
-					from: V(k, e, i),
-					...A ? { to: A } : {}
-				})), i === "time" ? /* @__PURE__ */ o(Q, {
-					value: z(A),
-					label: u.endTime,
-					text: u,
-					format: r.timeFormat,
-					precision: r.precision,
-					locale: l.locale,
-					min: r.minTime,
-					max: r.maxTime,
-					step: r.timeStep,
+				}) : K(A, m.startTime, (e) => H({
+					from: V(A, e, r),
+					...j ? { to: j } : {}
+				})), r === "time" ? /* @__PURE__ */ o(Z, {
+					value: z(j),
+					label: m.endTime,
+					text: m,
+					format: t.timeFormat,
+					precision: t.precision,
+					locale: u.locale,
+					min: t.minTime,
+					max: t.maxTime,
+					step: t.timeStep,
 					onChange: (e) => H({
-						from: k,
+						from: A,
 						to: e
 					})
-				}) : K(A, u.endTime, (e) => H({
-					from: k,
-					to: V(A, e, i)
+				}) : K(j, m.endTime, (e) => H({
+					from: A,
+					to: V(j, e, r)
 				}))]
 			}),
-			!F && /* @__PURE__ */ o(d, {
+			!I && /* @__PURE__ */ o(f, {
 				tone: "danger",
 				children: /* @__PURE__ */ o("span", {
-					id: m,
-					children: I
+					id: h,
+					children: L
 				})
 			})
 		]
@@ -609,111 +625,130 @@ function ae(r) {
 }
 //#endregion
 //#region src/date-time/field.tsx
-function $({ value: e, options: t, apply: r, cancel: i, clearable: a = !0 }) {
-	let [s, c] = n(e), [l, u] = n(!1), [f, p] = n(""), m = (e) => {
-		c(e), p("");
-	}, h = t.autoApply !== !1, g = JSON.stringify(s) !== JSON.stringify(e), _ = (e) => {
+function Q({ value: e, options: t, apply: r, cancel: i, onValidChange: a, clearable: s = !0 }) {
+	let [c, l] = n(e), [u, d] = n(!1), [p, m] = n(""), h = (e) => {
+		l(e), m("");
+	}, g = t.autoApply !== !1, _ = JSON.stringify(c) !== JSON.stringify(e), v = (e) => {
 		let t = r(e) || "";
-		return p(t), !t;
-	}, v = () => l ? _(s) : !1;
-	return D(() => !g || v(), h), /* @__PURE__ */ o("div", {
+		return m(t), !t;
+	}, y = () => u ? v(c) : !1;
+	return D(() => !_ || y(), g), /* @__PURE__ */ o("div", {
 		class: `rv-temporal-draft${t.kind === "time" ? " rv-temporal-draft--time" : ""}`,
 		onKeyDown: (e) => {
-			e.key === "Enter" && !e.isComposing && (e.ctrlKey || e.metaKey || h && e.target instanceof HTMLInputElement) && (e.preventDefault(), v());
+			e.key === "Enter" && !e.isComposing && (e.ctrlKey || e.metaKey || g && e.target instanceof HTMLInputElement) && (e.preventDefault(), y());
 		},
 		children: [
-			/* @__PURE__ */ o(ae, {
+			/* @__PURE__ */ o(oe, {
 				...t,
-				value: s,
-				onChange: m,
-				onValidityChange: u,
-				onSelectionComplete: h ? _ : void 0
+				value: c,
+				onChange: h,
+				onValidChange: a,
+				onValidityChange: d,
+				onSelectionComplete: g ? v : void 0
 			}),
-			f && /* @__PURE__ */ o(d, {
+			p && /* @__PURE__ */ o(f, {
 				tone: "danger",
-				children: f
+				children: p
 			}),
 			/* @__PURE__ */ o(O, {
 				text: t.actions,
-				showConfirm: t.showActions ?? !h,
-				disabled: !l,
-				apply: v,
+				showConfirm: t.showActions ?? !g,
+				disabled: !u,
+				apply: y,
 				cancel: i,
-				clear: !a || (t.required ?? t.calendar?.required) ? void 0 : () => {
+				clear: !s || (t.required ?? t.calendar?.required) ? void 0 : () => {
 					let e = t.selection === "multiple" ? [] : null;
-					m(e), h && _(e);
+					h(e), g && v(e);
 				}
 			})
 		]
 	});
 }
-function oe({ value: e, kind: t = "date", picker: n, onValueChange: r, onInput: l, formatValue: u, parseValue: d, ...p }) {
-	let m = a(null), h = a(), _ = a({
+function se({ value: e, kind: t = "date", picker: n, livePickerUpdates: r, onValueChange: s, onInput: c, formatValue: l, parseValue: f, ...m }) {
+	let h = a(null), _ = a(), v = a({
 		value: e,
 		kind: t,
 		picker: n,
-		onValueChange: r,
-		input: p
+		onValueChange: s,
+		input: m
 	});
-	return _.current = {
+	return v.current = {
 		value: e,
 		kind: t,
 		picker: n,
-		onValueChange: r,
-		input: p
-	}, i(() => () => h.current?.close(), []), i(() => {
-		(p.disabled || p.readOnly) && h.current?.close();
-	}, [p.disabled, p.readOnly]), /* @__PURE__ */ o("span", {
+		onValueChange: s,
+		input: m
+	}, i(() => () => _.current?.close(), []), i(() => {
+		(m.disabled || m.readOnly) && _.current?.close();
+	}, [m.disabled, m.readOnly]), /* @__PURE__ */ o("span", {
 		class: "rv-date-time-field",
-		children: [/* @__PURE__ */ o(c, {
-			...p,
+		children: [/* @__PURE__ */ o(d, {
+			...m,
 			type: "text",
-			value: u?.(e) ?? e,
-			placeholder: p.placeholder ?? (t === "date" ? "YYYY-MM-DD" : t === "time" ? "HH:mm" : "YYYY-MM-DDTHH:mm"),
+			value: l?.(e) ?? e,
+			placeholder: m.placeholder ?? (t === "date" ? "YYYY-MM-DD" : t === "time" ? "HH:mm" : "YYYY-MM-DDTHH:mm"),
 			onInput: (e) => {
-				l?.(e);
-				let t = d ? d(e.currentTarget.value) : e.currentTarget.value;
-				t !== void 0 && r?.(t);
+				c?.(e);
+				let t = f ? f(e.currentTarget.value) : e.currentTarget.value;
+				t !== void 0 && s?.(t);
 			}
-		}), /* @__PURE__ */ o(f, {
-			ref: m,
+		}), /* @__PURE__ */ o(p, {
+			ref: h,
 			variant: "ghost",
 			"aria-label": X(t, n?.text),
-			disabled: p.disabled || p.readOnly,
+			disabled: m.disabled || m.readOnly,
 			onClick: () => {
-				m.current && !h.current && (h.current = E(m.current, (r) => /* @__PURE__ */ o($, {
+				if (!h.current) return;
+				if (_.current) {
+					_.current.close();
+					return;
+				}
+				let i, a = (e) => {
+					let t = typeof e == "string" ? e : "";
+					t === i || v.current.input.disabled || v.current.input.readOnly || (i = t, v.current.onValueChange?.(t));
+				};
+				_.current = E(h.current, (i) => /* @__PURE__ */ o(Q, {
 					value: e || null,
 					options: {
 						...n,
-						required: n?.required ?? p.required,
+						calendar: {
+							fixedWeeks: !0,
+							...n?.calendar
+						},
+						required: n?.required ?? m.required,
 						kind: t,
 						selection: "single"
 					},
-					cancel: r,
+					cancel: i,
+					onValidChange: r && n?.autoApply !== !1 ? a : void 0,
 					apply: (e) => {
-						!_.current.input.disabled && !_.current.input.readOnly && _.current.onValueChange?.(typeof e == "string" ? e : ""), r();
+						a(e), i();
 					}
 				}), {
 					label: X(t, n?.text),
+					fitViewport: t === "datetime",
 					className: t === "time" ? "rv-editor-popup--time" : t === "datetime" ? "rv-editor-popup--datetime" : void 0,
 					onClose: () => {
-						h.current = void 0;
+						_.current = void 0;
 					}
-				}));
+				});
 			},
-			children: /* @__PURE__ */ o(s, { svg: t === "time" ? g : C })
+			children: /* @__PURE__ */ o(u, { svg: t === "time" ? g : C })
 		})]
 	});
 }
 //#endregion
 //#region src/date-time/attach.tsx
-function se(e, t, n) {
-	let r, i = l(e.ownerDocument, /* @__PURE__ */ o(f, {
+var $ = /* @__PURE__ */ new WeakMap();
+function ce(e, t, n) {
+	$.get(e)?.();
+	let r, i = s(e.ownerDocument, /* @__PURE__ */ o(p, {
+		className: "rv-temporal-picker-trigger",
 		variant: "ghost",
 		disabled: e.disabled || e.readOnly,
 		"aria-label": X(t.kind ?? "date", t.text),
 		onClick: () => {
-			e.disabled || e.readOnly || r || (r = E(e, (r) => /* @__PURE__ */ o($, {
+			e.disabled || e.readOnly || (r ? r.close() : r = E(e, (r) => /* @__PURE__ */ o(Q, {
 				value: e.value || null,
 				options: {
 					...t,
@@ -725,29 +760,33 @@ function se(e, t, n) {
 					!e.disabled && !e.readOnly && n(typeof t == "string" ? t : ""), r();
 				}
 			}), {
+				fitViewport: t.kind === "datetime",
 				className: t.kind === "time" ? "rv-editor-popup--time" : t.kind === "datetime" ? "rv-editor-popup--datetime" : void 0,
 				label: X(t.kind ?? "date", t.text),
+				trigger: i,
 				onClose: () => {
 					r = void 0;
 				}
 			}));
 		},
-		children: /* @__PURE__ */ o(s, { svg: t.kind === "time" ? g : C })
+		children: /* @__PURE__ */ o(u, { svg: t.kind === "time" ? g : C })
 	}));
 	e.after(i);
-	let a = e.ownerDocument.defaultView?.MutationObserver, c = a ? new a(() => {
+	let a = e.ownerDocument.defaultView?.MutationObserver, l = a ? new a(() => {
 		i.disabled = e.disabled || e.readOnly, i.disabled && r?.close();
 	}) : void 0;
-	return c?.observe(e, {
+	l?.observe(e, {
 		attributes: !0,
 		attributeFilter: ["disabled", "readonly"]
-	}), () => {
-		c?.disconnect(), r?.close(), u(i), i.remove();
+	});
+	let d = () => {
+		$.get(e) === d && ($.delete(e), l?.disconnect(), r?.close(), c(i), i.remove());
 	};
+	return $.set(e, d), d;
 }
 //#endregion
 //#region src/date-time/value.tsx
-function ce(e, t) {
+function le(e, t) {
 	let n = Number.isFinite(t.maxVisibleDates) ? Math.max(1, Math.floor(t.maxVisibleDates)) : 2, r = t.multiple ? t.values.slice(0, n) : t.values, i = t.values.length - r.length;
 	return e("span", {
 		class: "rv-temporal-value",
@@ -765,4 +804,4 @@ function ce(e, t) {
 	}, `+${i}`) : null]);
 }
 //#endregion
-export { ae as a, $ as i, se as n, Y as o, oe as r, X as s, ce as t };
+export { oe as a, Q as i, ce as n, Y as o, se as r, X as s, le as t };