@revolist/ui 4.0.1-rc → 4.0.1

package/_chunks/date-time-CGJdC1Qa.js

@@ -0,0 +1,807 @@
+import { i as e } from "./preact.module-BBM36DnO.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 { 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-B9MNibfa.js";
+import "./chevron-down-GbplLa6s.js";
+import { R as f, t as p } from "./controls-DD1qvPfE.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-XI2cpKI_.js";
+import { t as T } from "./picker-DqpjDC90.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
+var k = /^(\d{4})-(\d{2})-(\d{2})$/, A = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/, j = /^(\d{2}):(\d{2})(?::(\d{2}))?$/;
+function M(e, t, n = "minute") {
+	if (Number.isNaN(t.getTime())) return "";
+	let r = `${P(t.getHours())}:${P(t.getMinutes())}${n === "second" ? `:${P(t.getSeconds())}` : ""}`;
+	if (e === "time") return r;
+	let i = _(t);
+	return e === "date" ? i : `${i}T${r}`;
+}
+function N(e, t, n = /* @__PURE__ */ new Date()) {
+	if (e === "time") {
+		let e = j.exec(t);
+		if (!e) return;
+		let r = Number(e[1]), i = Number(e[2]), a = Number(e[3] ?? 0);
+		if (r > 23 || i > 59 || a > 59 || Number.isNaN(n.getTime())) return;
+		let o = new Date(n.getTime());
+		return o.setHours(r, i, a, 0), o;
+	}
+	let r = e === "date" ? k.exec(t) : A.exec(t);
+	if (!r) return;
+	let i = Number(r[1]), a = Number(r[2]), o = Number(r[3]), s = Number(r[4] ?? 0), c = Number(r[5] ?? 0), l = Number(r[6] ?? 0), u = Number((r[7] ?? "").padEnd(3, "0")), d = /* @__PURE__ */ new Date(0);
+	if (d.setFullYear(i, a - 1, o), d.setHours(s, c, l, u), !(a < 1 || a > 12 || o < 1 || d.getFullYear() !== i || d.getMonth() !== a - 1 || d.getDate() !== o || d.getHours() !== s || d.getMinutes() !== c || d.getSeconds() !== l || d.getMilliseconds() !== u)) return d;
+}
+function P(e) {
+	return String(e).padStart(2, "0");
+}
+//#endregion
+//#region ../dates/src/civil-time.ts
+var F = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/;
+function I(e) {
+	let t = /* @__PURE__ */ new Date(0);
+	return t.setUTCFullYear(e.year, e.month - 1, e.day), t.setUTCHours(e.hour, e.minute, e.second, 0), t.getTime();
+}
+function L(e) {
+	let t = F.exec(e);
+	if (!t) return;
+	let n = {
+		year: Number(t[1]),
+		month: Number(t[2]),
+		day: Number(t[3]),
+		hour: Number(t[4]),
+		minute: Number(t[5]),
+		second: Number(t[6] ?? 0)
+	}, r = new Date(I(n)), i = {
+		year: r.getUTCFullYear(),
+		month: r.getUTCMonth() + 1,
+		day: r.getUTCDate(),
+		hour: r.getUTCHours(),
+		minute: r.getUTCMinutes(),
+		second: r.getUTCSeconds()
+	};
+	return Object.keys(n).every((e) => n[e] === i[e]) ? n : void 0;
+}
+//#endregion
+//#region ../dates/src/temporal-controls.ts
+function R(e) {
+	return e.split("T")[0];
+}
+function z(e) {
+	return e.includes("T") ? e.split("T")[1] : e;
+}
+function B(e, t, n) {
+	return n === "datetime" ? `${e}T${t.includes("T") ? z(t) : "00:00"}` : e;
+}
+function V(e, t, n) {
+	return n === "datetime" ? `${R(e)}T${t}` : 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 H(e) {
+	let t = N("time", e);
+	return t ? t.getHours() * 3600 + t.getMinutes() * 60 + t.getSeconds() : void 0;
+}
+function U(e, t) {
+	let n = H(e);
+	if (n === void 0) return !1;
+	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 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",
+		minute: "2-digit",
+		...n === "second" ? { second: "2-digit" } : {},
+		hourCycle: t === "12h" ? "h12" : "h23"
+	}).format(i) : e;
+}
+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));
+		let r = new Intl.DateTimeFormat(n, {
+			hour: "numeric",
+			hourCycle: "h12"
+		});
+		for (let [t, n] of [[1, "AM"], [13, "PM"]]) {
+			let i = r.formatToParts(new Date(2e3, 0, 1, t)).find((e) => e.type === "dayPeriod")?.value;
+			i && (e = e.replace(i, n));
+		}
+		let i = new Intl.DateTimeFormat(n, {
+			hour: "2-digit",
+			minute: "2-digit",
+			second: "2-digit",
+			hourCycle: "h23"
+		}).formatToParts(new Date(2e3, 0, 1, 13, 45, 20));
+		for (let t of i) t.type === "literal" && t.value.trim() && (e = e.split(t.value).join(":"));
+		e = e.replace(/^\s*(AM|PM)\s*(.*)$/i, "$2 $1");
+	}
+	let r = N("time", e.trim());
+	if (r) return M("time", r, t);
+	let i = /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*([ap])\.?m\.?$/i.exec(e.trim());
+	if (!i) return;
+	let a = Number(i[1]);
+	if (a < 1 || a > 12) return;
+	let o = N("time", `${String(a % 12 + (i[4].toLowerCase() === "p" ? 12 : 0)).padStart(2, "0")}:${i[2]}:${i[3] ?? "00"}`);
+	return o ? M("time", o, t) : void 0;
+}
+//#endregion
+//#region ../dates/src/time-selection.ts
+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 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 J(e, t) {
+	return e === "12h" || e === "locale" && !!new Intl.DateTimeFormat(t, { hour: "numeric" }).resolvedOptions().hour12;
+}
+function te(e, t) {
+	return new Intl.DateTimeFormat(t, {
+		hour: "numeric",
+		hourCycle: "h12"
+	}).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 = 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(),
+		period: /* @__PURE__ */ new Map()
+	}, l = (e, t, n, r) => {
+		let i = c[e].get(t);
+		(i === void 0 || Math.abs(n - r) < Math.abs(i - r)) && c[e].set(t, n);
+	};
+	for (let t of e) {
+		let e = Math.floor(t / 3600), r = Math.floor(t / 60) % 60, i = t % 60;
+		(!n || Math.floor(e / 12) === Math.floor(a / 12)) && l("hour", e, t, e * 3600 + o * 60 + s), e === a && l("minute", r, t, a * 3600 + r * 60 + s), e === a && r === o && l("second", i, t, a * 3600 + o * 60 + i);
+		let c = Math.floor(e / 12);
+		l("period", c, t, (a % 12 + c * 12) * 3600 + o * 60 + s);
+	}
+	return {
+		columns: c,
+		hour: a,
+		minute: o,
+		second: s,
+		period: Math.floor(a / 12),
+		hasValue: r !== void 0
+	};
+}
+//#endregion
+//#region src/date-time/types.ts
+var Y = {
+	date: "Date",
+	dates: "Dates",
+	invalidDate: "Enter a valid date in the indicated format.",
+	outOfRange: "The date is outside the allowed range.",
+	disabledDate: "This date is unavailable.",
+	invalidRange: "Enter a complete range with the start before or equal to the end.",
+	selectionCount: "The selection does not meet the allowed count or length.",
+	requiredValue: "A value is required.",
+	startDate: "Start date",
+	endDate: "End date",
+	startTime: "Start time",
+	endTime: "End time",
+	time: "Time",
+	hours: "Hour",
+	minutes: "Minute",
+	seconds: "Second",
+	dayPeriod: "Period",
+	noTimes: "No available times.",
+	invalid: "Enter a valid value within the allowed range.",
+	chooseDate: "Choose date",
+	chooseTime: "Choose time"
+};
+function X(e, t) {
+	return (e === "time" ? t?.chooseTime : t?.chooseDate) ?? (e === "time" ? Y.chooseTime : Y.chooseDate);
+}
+//#endregion
+//#region src/date-time/validation.ts
+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) => ee(r, t) && (r === "time" || m(R(t))) && (r === "date" || U(z(t), {
+		min: e.minTime,
+		max: e.maxTime,
+		step: e.timeStep
+	})), g = c && d ? x(R(u), R(d)) : 0, _ = i === "multiple" ? p.length : g, b = !p.length && !f || i === "single" || (!o.min || _ >= o.min) && (o.max === void 0 || _ <= o.max), C = (() => {
+		if (r === "time" || !c?.to || !o.excludeDisabled || !p.every(h)) return !0;
+		if (g > 366e3) return !1;
+		for (let e = R(u); e <= R(d); e = S(e, 1)) if (!m(e)) return !1;
+		return !0;
+	})(), w = "", T = r === "time" || p.every((e) => {
+		let n = R(e);
+		if (!v(n)) return !1;
+		let r = o.validateSelection?.(n, {
+			month: o.month ?? t,
+			view: o.defaultView ?? "month",
+			referenceDate: o.referenceDate,
+			selection: c ? {
+				from: R(u),
+				to: R(d || u)
+			} : {
+				from: n,
+				to: n
+			}
+		});
+		return typeof r == "string" && (w = r), r !== !1 && typeof r != "string";
+	}), E = !n && b && T && C && (!f || p.length > 0) && p.every(h) && (i !== "multiple" || new Set(p).size === p.length) && (!c || !!d && u <= d) && (i !== "multiple" || r === "date"), D = (t) => e.text?.[t] ?? e.text?.invalid ?? s[t] ?? s.invalid, O = r === "time" ? [] : p.map(R);
+	return {
+		valid: E,
+		errorMessage: n || w || (!p.length && f ? D("requiredValue") : c && (!u || !d) ? D("invalidRange") : O.some((e) => !v(e)) ? D("invalidDate") : O.some((e) => o.minDate && e < o.minDate || o.maxDate && e > o.maxDate) ? D("outOfRange") : O.some((e) => !m(e)) || !C ? D("disabledDate") : c && (!d || u > d) ? D("invalidRange") : !b || i === "multiple" && new Set(p).size !== p.length ? D("selectionCount") : s.invalid),
+		validDate: m
+	};
+}
+//#endregion
+//#region src/date-time/time-control.tsx
+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(d, {
+		type: "time",
+		"aria-label": t,
+		value: e,
+		min: s,
+		max: c,
+		step: l ?? (i === "second" ? 1 : 60),
+		onInput: (e) => u(e.currentTarget.value)
+	});
+	let g = W(e, r, i, a);
+	return /* @__PURE__ */ o(d, {
+		type: "text",
+		"aria-label": t,
+		value: f ? m : g,
+		"aria-invalid": !!e && !U(e, {
+			min: s,
+			max: c,
+			step: l
+		}),
+		placeholder: r === "12h" ? "09:00 AM" : "09:00",
+		onFocus: () => {
+			p(!0), h(g);
+		},
+		onBlur: () => p(!1),
+		onInput: (e) => {
+			let t = e.currentTarget.value;
+			h(t), u(t ? G(t, i, a) ?? t : "");
+		}
+	});
+}
+//#endregion
+//#region src/date-time/time-selection.tsx
+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;
+		if (!e) return;
+		let t = () => {
+			let t = e.querySelector("[aria-selected=\"true\"], [tabindex=\"0\"]");
+			t && e.clientHeight && (e.scrollTop = t.offsetTop - (e.clientHeight - t.clientHeight) / 2);
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [r, f]);
+	let p = (e) => {
+		let t = s.get(Number(e));
+		t !== void 0 && l(t);
+	};
+	return /* @__PURE__ */ o("div", {
+		class: "rv-time-selection__column",
+		children: [e && /* @__PURE__ */ o("span", {
+			class: "rv-time-selection__label",
+			children: e
+		}), /* @__PURE__ */ o(m, {
+			label: t,
+			listRef: u,
+			variant: "plain",
+			className: "rv-time-selection__list",
+			onSelect: p,
+			children: n.map((e) => /* @__PURE__ */ o(h, {
+				value: String(e),
+				selected: r === e && d,
+				disabled: !s.has(e),
+				tabIndex: e === f ? 0 : -1,
+				onClick: () => p(String(e)),
+				children: c(e)
+			}, e))
+		})]
+	});
+}
+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
+	}), [
+		f,
+		m,
+		h,
+		l
+	]), S = r(() => ne(x, e, b), [
+		x,
+		e,
+		b
+	]), C = r(() => new Intl.NumberFormat(d, {
+		minimumIntegerDigits: 2,
+		useGrouping: !1
+	}), [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("div", {
+			class: "rv-time-selection__entry-row",
+			children: [/* @__PURE__ */ o("label", {
+				class: "rv-time-selection__entry",
+				children: [/* @__PURE__ */ o("span", { children: i }), /* @__PURE__ */ o(ie, {
+					value: e,
+					label: i,
+					format: c,
+					precision: l,
+					locale: d,
+					min: f,
+					max: m,
+					step: h,
+					onChange: s
+				})]
+			}), 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 oe(t) {
+	let { kind: r = "date", selection: a = "single", value: s, onChange: c, calendar: u = {} } = t, d = (u.numberOfMonths ?? 1) >= 2, m = {
+		...Y,
+		...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
+		}, N).valid && (t.onValidChange?.(e), n && t.onSelectionComplete?.(e));
+	}, U = (e) => {
+		H(e, r === "date" && a !== "multiple");
+	}, W = (e) => {
+		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: A,
+			to: j,
+			[e]: t ? B(t, e === "from" ? A : j, r) : ""
+		};
+		H(!n.from && !n.to ? null : n);
+	}, 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: n }), /* @__PURE__ */ o(ie, {
+			label: n,
+			value: e ? z(e) : "",
+			min: t.minTime,
+			max: t.maxTime,
+			step: t.timeStep,
+			precision: t.precision,
+			format: t.timeFormat,
+			locale: u.locale,
+			onChange: r
+		})]
+	}), q = {
+		...u,
+		month: u.month ?? N,
+		onMonthChange: (e) => {
+			P(e), u.onMonthChange?.(e);
+		},
+		required: F,
+		onInvalidSelection: (e, t) => {
+			E(e || m.invalid), u.onInvalidSelection?.(e, t);
+		}
+	}, J;
+	if (a === "multiple") J = {
+		...q,
+		mode: "multiple",
+		selected: k.filter(v),
+		onSelectionChange: (e) => U([...e])
+	};
+	else if (a === "range" && !x) J = {
+		...q,
+		mode: "range",
+		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, A, r),
+			...e.to ? { to: B(e.to, j, r) } : {}
+		} : null)
+	};
+	else {
+		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: 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--${r}${d ? " rv-temporal-picker--multi-month" : ""}`,
+		children: [
+			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: () => {
+						S(void 0), A && P(y(R(A), u.calendarSystem)), E("");
+					},
+					children: A ? R(A) : "—"
+				}), /* @__PURE__ */ o(p, {
+					"aria-label": `${m.endDate}: ${j}`,
+					"aria-pressed": x === "to",
+					onClick: () => {
+						S("to"), j && P(y(R(j), u.calendarSystem)), E("");
+					},
+					children: j ? R(j) : "—"
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				class: "rv-temporal-picker__header",
+				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": m.startDate,
+						children: [/* @__PURE__ */ o(w, {
+							label: m.startDate,
+							value: g(A),
+							options: _,
+							invalid: !I,
+							errorId: h,
+							onFocus: () => S(void 0),
+							onChange: (e) => G("from", e)
+						}), 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": m.endDate,
+						children: [/* @__PURE__ */ o(w, {
+							label: m.endDate,
+							value: g(j),
+							options: _,
+							invalid: !I,
+							errorId: h,
+							onFocus: () => S("to"),
+							onChange: (e) => G("to", e)
+						}), r === "datetime" && K(j, m.endTime, (e) => H({
+							from: A,
+							to: V(j, e, r)
+						}), !1)]
+					})] }) : /* @__PURE__ */ o(w, {
+						label: a === "multiple" ? m.dates : m.date,
+						value: a === "multiple" ? k : g(O),
+						multiple: a === "multiple",
+						options: _,
+						invalid: !I,
+						errorId: h,
+						onChange: (e) => {
+							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: [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))
+				})]
+			}),
+			r !== "date" && a === "range" && (r === "time" || t.dateInput === !1) && /* @__PURE__ */ o("div", {
+				class: "rv-temporal-picker__times",
+				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,
+						...j ? { to: j } : {}
+					})
+				}) : 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: A,
+						to: e
+					})
+				}) : K(j, m.endTime, (e) => H({
+					from: A,
+					to: V(j, e, r)
+				}))]
+			}),
+			!I && /* @__PURE__ */ o(f, {
+				tone: "danger",
+				children: /* @__PURE__ */ o("span", {
+					id: h,
+					children: L
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/date-time/field.tsx
+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 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 || g && e.target instanceof HTMLInputElement) && (e.preventDefault(), y());
+		},
+		children: [
+			/* @__PURE__ */ o(oe, {
+				...t,
+				value: c,
+				onChange: h,
+				onValidChange: a,
+				onValidityChange: d,
+				onSelectionComplete: g ? v : void 0
+			}),
+			p && /* @__PURE__ */ o(f, {
+				tone: "danger",
+				children: p
+			}),
+			/* @__PURE__ */ o(O, {
+				text: t.actions,
+				showConfirm: t.showActions ?? !g,
+				disabled: !u,
+				apply: y,
+				cancel: i,
+				clear: !s || (t.required ?? t.calendar?.required) ? void 0 : () => {
+					let e = t.selection === "multiple" ? [] : null;
+					h(e), g && v(e);
+				}
+			})
+		]
+	});
+}
+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: s,
+		input: m
+	});
+	return v.current = {
+		value: e,
+		kind: t,
+		picker: n,
+		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(d, {
+			...m,
+			type: "text",
+			value: l?.(e) ?? e,
+			placeholder: m.placeholder ?? (t === "date" ? "YYYY-MM-DD" : t === "time" ? "HH:mm" : "YYYY-MM-DDTHH:mm"),
+			onInput: (e) => {
+				c?.(e);
+				let t = f ? f(e.currentTarget.value) : e.currentTarget.value;
+				t !== void 0 && s?.(t);
+			}
+		}), /* @__PURE__ */ o(p, {
+			ref: h,
+			variant: "ghost",
+			"aria-label": X(t, n?.text),
+			disabled: m.disabled || m.readOnly,
+			onClick: () => {
+				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,
+						calendar: {
+							fixedWeeks: !0,
+							...n?.calendar
+						},
+						required: n?.required ?? m.required,
+						kind: t,
+						selection: "single"
+					},
+					cancel: i,
+					onValidChange: r && n?.autoApply !== !1 ? a : void 0,
+					apply: (e) => {
+						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: () => {
+						_.current = void 0;
+					}
+				});
+			},
+			children: /* @__PURE__ */ o(u, { svg: t === "time" ? g : C })
+		})]
+	});
+}
+//#endregion
+//#region src/date-time/attach.tsx
+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.close() : r = E(e, (r) => /* @__PURE__ */ o(Q, {
+				value: e.value || null,
+				options: {
+					...t,
+					selection: "single",
+					required: t.required ?? t.calendar?.required ?? e.required
+				},
+				cancel: r,
+				apply: (t) => {
+					!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(u, { svg: t.kind === "time" ? g : C })
+	}));
+	e.after(i);
+	let a = e.ownerDocument.defaultView?.MutationObserver, l = a ? new a(() => {
+		i.disabled = e.disabled || e.readOnly, i.disabled && r?.close();
+	}) : void 0;
+	l?.observe(e, {
+		attributes: !0,
+		attributeFilter: ["disabled", "readonly"]
+	});
+	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 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",
+		role: t.fullValue ? "group" : void 0,
+		dir: t.dir ?? "auto",
+		title: t.fullValue || void 0,
+		"data-tooltip": t.fullValue || void 0,
+		"aria-label": t.fullValue || void 0
+	}, [...r.map((t) => e("span", {
+		class: "rv-badge rv-temporal-value__item",
+		"aria-hidden": "true"
+	}, t)), i > 0 ? e("span", {
+		class: "rv-badge rv-temporal-value__more",
+		"aria-hidden": "true"
+	}, `+${i}`) : null]);
+}
+//#endregion
+export { oe as a, Q as i, ce as n, Y as o, se as r, X as s, le as t };