@revolist/ui 4.0.3-rc → 4.0.5-rc

package/_chunks/date-time-B8rK5gpC.js

@@ -0,0 +1,784 @@
+import { i as e } from "./preact.module-BBM36DnO.js";
+import { a as t, c as n, i as r, n as i, r as a, t as o } from "./hooks.module-CG3gN83z.js";
+import { t as s } from "./jsxRuntime.module-F6UFnpT-.js";
+import { createPreactElement as c, releasePreactElement as l } from "../preact-mount.js";
+import { createControlId as u } from "../core/control-id.js";
+import { SvgIcon as d } from "../icons/icon.js";
+import { n as f } from "./native-control-DO0d1kgx.js";
+import "./chevron-down-GbplLa6s.js";
+import { L as p, t as m } from "./controls-BLQnWEd7.js";
+import { EditorList as h, EditorListItem as g } from "../editor-layout/index.js";
+import { t as _ } from "./clock-BOhPNlW3.js";
+import { i as v, s as y } from "./iso-B0YHBK7m.js";
+import { f as b, h as x, m as S, p as C } from "./model-mPO2tG2f.js";
+import { n as w, t as T } from "./date-control-Cgw5PwlZ.js";
+import { t as E } from "./picker-AY05b41W.js";
+import { t as D } from "./editor-popup-BaaxL89T.js";
+import { n as O } from "./editor-commit-Bq3wSgvr.js";
+import { EditorActions as k } from "../editor-actions.js";
+//#region ../dates/src/date-controls.ts
+var A = /^(\d{4})-(\d{2})-(\d{2})$/, j = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/, M = /^(\d{2}):(\d{2})(?::(\d{2}))?$/;
+function N(e, t, n = "minute") {
+	if (Number.isNaN(t.getTime())) return "";
+	let r = `${F(t.getHours())}:${F(t.getMinutes())}${n === "second" ? `:${F(t.getSeconds())}` : ""}`;
+	if (e === "time") return r;
+	let i = v(t);
+	return e === "date" ? i : `${i}T${r}`;
+}
+function P(e, t, n = /* @__PURE__ */ new Date()) {
+	if (e === "time") {
+		let e = M.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" ? A.exec(t) : j.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 F(e) {
+	return String(e).padStart(2, "0");
+}
+//#endregion
+//#region ../dates/src/civil-time.ts
+var I = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/;
+function L(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 R(e) {
+	let t = I.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(L(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 z(e) {
+	return e.split("T")[0];
+}
+function B(e) {
+	return e.includes("T") ? e.split("T")[1] : e;
+}
+function V(e, t, n) {
+	return n === "datetime" ? `${e}T${t.includes("T") ? B(t) : "00:00"}` : e;
+}
+function H(e, t, n) {
+	return n === "datetime" ? `${z(e)}T${t}` : t;
+}
+function U(e, t) {
+	return e === "date" ? y(t) : e === "datetime" ? !!R(t.replace(/(\d{2}:\d{2}:\d{2})\.\d{1,3}$/, "$1")) : !!P(e, t);
+}
+function W(e) {
+	let t = P("time", e);
+	return t ? t.getHours() * 3600 + t.getMinutes() * 60 + t.getSeconds() : void 0;
+}
+function G(e, t) {
+	let n = W(e);
+	if (n === void 0) return !1;
+	let r = t.min ? W(t.min) : void 0, i = t.max ? W(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 K(e, t, n = "minute", r) {
+	let i = P("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 q(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 = P("time", e.trim());
+	if (r) return N("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 = P("time", `${String(a % 12 + (i[4].toLowerCase() === "p" ? 12 : 0)).padStart(2, "0")}:${i[2]}:${i[3] ?? "00"}`);
+	return o ? N("time", o, t) : void 0;
+}
+//#endregion
+//#region ../dates/src/time-selection.ts
+function J(e) {
+	let t = e.min ? W(e.min) : void 0, n = e.max ? W(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 Y(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) {
+	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 = W(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 X = {
+	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 Z(e, t) {
+	return (e === "time" ? t?.chooseTime ?? t?.chooseDate : t?.chooseDate) ?? (e === "time" ? X.chooseTime : X.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 = {
+		...X,
+		...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) => y(e) && (!o.minDate || e >= o.minDate) && (!o.maxDate || e <= o.maxDate) && !o.isDateDisabled?.(e) && !o.isMonthDisabled?.(b(e, o.calendarSystem)), h = (t) => U(r, t) && (r === "time" || m(z(t))) && (r === "date" || G(B(t), {
+		min: e.minTime,
+		max: e.maxTime,
+		step: e.timeStep
+	})), g = c && d ? S(z(u), z(d)) : 0, _ = i === "multiple" ? p.length : g, v = !p.length && !f || i === "single" || (!o.min || _ >= o.min) && (o.max === void 0 || _ <= o.max), x = (() => {
+		if (r === "time" || !c?.to || !o.excludeDisabled || !p.every(h)) return !0;
+		if (g > 366e3) return !1;
+		for (let e = z(u); e <= z(d); e = C(e, 1)) if (!m(e)) return !1;
+		return !0;
+	})(), w = "", T = r === "time" || p.every((e) => {
+		let n = z(e);
+		if (!y(n)) return !1;
+		let r = o.validateSelection?.(n, {
+			month: o.month ?? t,
+			view: o.defaultView ?? "month",
+			referenceDate: o.referenceDate,
+			selection: c ? {
+				from: z(u),
+				to: z(d || u)
+			} : {
+				from: n,
+				to: n
+			}
+		});
+		return typeof r == "string" && (w = r), r !== !1 && typeof r != "string";
+	}), E = !n && v && T && x && (!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(z);
+	return {
+		valid: E,
+		errorMessage: n || w || (!p.length && f ? D("requiredValue") : c && (!u || !d) ? D("invalidRange") : O.some((e) => !y(e)) ? D("invalidDate") : O.some((e) => o.minDate && e < o.minDate || o.maxDate && e > o.maxDate) ? D("outOfRange") : O.some((e) => !m(e)) || !x ? D("disabledDate") : c && (!d || u > d) ? D("invalidRange") : !v || 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: n = "locale", precision: i = "minute", locale: a, min: o, max: c, step: l, onChange: u }) {
+	let [d, p] = r(!1), [m, h] = r("");
+	if (n === "locale") return /* @__PURE__ */ s(f, {
+		type: "time",
+		"aria-label": t,
+		value: e,
+		min: o,
+		max: c,
+		step: l ?? (i === "second" ? 1 : 60),
+		onInput: (e) => u(e.currentTarget.value)
+	});
+	let g = K(e, n, i, a);
+	return /* @__PURE__ */ s(f, {
+		type: "text",
+		"aria-label": t,
+		value: d ? m : g,
+		"aria-invalid": !!e && !G(e, {
+			min: o,
+			max: c,
+			step: l
+		}),
+		placeholder: n === "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 ? q(t, i, a) ?? t : "");
+		}
+	});
+}
+//#endregion
+//#region src/date-time/time-selection.tsx
+function ae({ label: e, accessibleLabel: t, values: n, selected: r, choices: i, display: c, onSelect: l }) {
+	let u = o(null), d = r !== void 0 && i.has(r), f = d ? r : n.find((e) => i.has(e));
+	a(() => {
+		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 = i.get(Number(e));
+		t !== void 0 && l(t);
+	};
+	return /* @__PURE__ */ s("div", {
+		class: "rv-time-selection__column",
+		children: [/* @__PURE__ */ s("span", {
+			class: "rv-time-selection__label",
+			children: e
+		}), /* @__PURE__ */ s(h, {
+			label: t,
+			listRef: u,
+			variant: "plain",
+			className: "rv-time-selection__list",
+			onSelect: p,
+			children: n.map((e) => /* @__PURE__ */ s(g, {
+				value: String(e),
+				selected: r === e && d,
+				disabled: !i.has(e),
+				tabIndex: e === f ? 0 : -1,
+				onClick: () => p(String(e)),
+				children: c(e)
+			}, e))
+		})]
+	});
+}
+function Q({ value: e, label: n, text: a, onChange: o, format: c = "locale", precision: l = "minute", locale: u, min: f, max: p, step: h, collapsible: g = !1 }) {
+	let [_, v] = r(!1), y = t(), b = ee(c, u), x = i(() => J({
+		min: f,
+		max: p,
+		step: h,
+		precision: l
+	}), [
+		f,
+		p,
+		h,
+		l
+	]), S = i(() => ne(x, e, b), [
+		x,
+		e,
+		b
+	]), C = i(() => new Intl.NumberFormat(u, {
+		minimumIntegerDigits: 2,
+		useGrouping: !1
+	}), [u]), w = (e) => o(Y(e, l)), T = (e, t, r, i = (e) => C.format(e)) => /* @__PURE__ */ s(ae, {
+		label: t,
+		accessibleLabel: `${n}: ${t}`,
+		values: r,
+		selected: S.hasValue ? S[e] : void 0,
+		choices: S.columns[e],
+		display: i,
+		onSelect: w
+	}), E = (e, t = 0) => Array.from({ length: e }, (e, n) => t + n);
+	return /* @__PURE__ */ s("section", {
+		class: "rv-time-selection",
+		children: [/* @__PURE__ */ s("div", {
+			class: "rv-time-selection__entry-row",
+			children: [/* @__PURE__ */ s("label", {
+				class: "rv-time-selection__entry",
+				children: [/* @__PURE__ */ s("span", { children: n }), /* @__PURE__ */ s(ie, {
+					value: e,
+					label: n,
+					format: c,
+					precision: l,
+					locale: u,
+					min: f,
+					max: p,
+					step: h,
+					onChange: o
+				})]
+			}), g && /* @__PURE__ */ s(m, {
+				variant: "ghost",
+				className: "rv-time-selection__toggle",
+				"aria-label": a.chooseTime ?? a.time,
+				"aria-expanded": _,
+				"aria-controls": _ ? y : void 0,
+				onClick: () => v(!_),
+				children: /* @__PURE__ */ s(d, { 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__ */ s("div", {
+			id: y,
+			class: "rv-time-selection__clock",
+			children: [
+				/* @__PURE__ */ s("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__ */ s("div", {
+					class: "rv-time-selection__period",
+					children: T("period", a.dayPeriod, [0, 1], (e) => te(e, u))
+				}),
+				!x.length && /* @__PURE__ */ s("p", {
+					class: "rv-time-selection__empty",
+					role: "status",
+					children: a.noTimes
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/date-time/picker.tsx
+function oe(t) {
+	let { kind: i = "date", selection: a = "single", value: o, onChange: c, calendar: l = {} } = t, d = (l.numberOfMonths ?? 1) >= 2, f = {
+		...X,
+		...t.text
+	}, [h] = r(() => u("rv-date-error")), g = (e) => i === "date" ? e : z(e), _ = {
+		locale: l.locale,
+		...typeof t.dateInput == "object" ? t.dateInput : {}
+	}, [v, S] = r(t.endpoint === "to" ? "to" : void 0), [C, w] = r(""), D = o && !Array.isArray(o) && typeof o == "object" ? o : void 0, O = typeof o == "string" ? o : "", k = Array.isArray(o) ? o : [], A = D?.from ?? "", j = D?.to ?? "", M = z(i === "time" ? x() : t.endpoint === "to" ? j : A || O || k[0] || ""), [N, P] = r(() => l.defaultMonth ?? b(y(M) ? M : x(), l.calendarSystem)), F = t.required ?? l.required ?? !1, { valid: I, errorMessage: L, validDate: R } = re(t, N, C);
+	n(() => t.onValidityChange?.(!!I), [I]);
+	let U = (e) => {
+		w(""), c(e);
+	}, W = (e) => {
+		U(e), i === "date" && a !== "multiple" && re({
+			...t,
+			value: e
+		}, N).valid && t.onSelectionComplete?.(e);
+	}, G = (e) => {
+		if (!R(e)) return;
+		let t = b(e, l.calendarSystem);
+		t !== (l.month ?? N) && (P(t), l.onMonthChange?.(t));
+	}, K = (e, t) => {
+		if (typeof t != "string") return;
+		G(t);
+		let n = {
+			from: A,
+			to: j,
+			[e]: t ? V(t, e === "from" ? A : j, i) : ""
+		};
+		U(!n.from && !n.to ? null : n);
+	}, q = (e, n, r, i = !0) => /* @__PURE__ */ s("label", {
+		class: `rv-temporal-picker__time${i ? "" : " rv-temporal-picker__time--single"}`,
+		children: [i && /* @__PURE__ */ s("span", { children: n }), /* @__PURE__ */ s(ie, {
+			label: n,
+			value: e ? B(e) : "",
+			min: t.minTime,
+			max: t.maxTime,
+			step: t.timeStep,
+			precision: t.precision,
+			format: t.timeFormat,
+			locale: l.locale,
+			onChange: r
+		})]
+	}), J = {
+		...l,
+		month: l.month ?? N,
+		onMonthChange: (e) => {
+			P(e), l.onMonthChange?.(e);
+		},
+		required: F,
+		onInvalidSelection: (e, t) => {
+			w(e || f.invalid), l.onInvalidSelection?.(e, t);
+		}
+	}, Y;
+	if (a === "multiple") Y = {
+		...J,
+		mode: "multiple",
+		selected: k.filter(y),
+		onSelectionChange: (e) => W([...e])
+	};
+	else if (a === "range" && !v) Y = {
+		...J,
+		mode: "range",
+		selected: A && y(z(A)) ? {
+			from: z(A),
+			...j && y(z(j)) ? { to: z(j) } : {}
+		} : void 0,
+		onSelectionChange: (e) => W(e ? {
+			from: V(e.from, A, i),
+			...e.to ? { to: V(e.to, j, i) } : {}
+		} : null)
+	};
+	else {
+		let e = a === "range" ? v === "to" ? j : A : O;
+		Y = {
+			...J,
+			mode: "single",
+			selected: e && y(z(e)) ? z(e) : void 0,
+			onSelectionChange: (t) => {
+				W(a === "range" ? t ? {
+					from: A,
+					to: j,
+					[v ?? "from"]: V(t, e, i)
+				} : null : t ? V(t, O, i) : null);
+			}
+		};
+	}
+	return /* @__PURE__ */ s("div", {
+		class: `rv-temporal-picker rv-temporal-picker--${i}${d ? " rv-temporal-picker--multi-month" : ""}`,
+		children: [
+			t.dateInput === !1 && a === "range" && i !== "time" && /* @__PURE__ */ s("div", {
+				class: `rv-temporal-picker__endpoints ${t.classNames?.endpoints ?? ""}`,
+				children: [/* @__PURE__ */ s(m, {
+					"aria-label": `${f.startDate}: ${A}`,
+					"aria-pressed": v !== "to",
+					onClick: () => {
+						S(void 0), A && P(b(z(A), l.calendarSystem)), w("");
+					},
+					children: A ? z(A) : "—"
+				}), /* @__PURE__ */ s(m, {
+					"aria-label": `${f.endDate}: ${j}`,
+					"aria-pressed": v === "to",
+					onClick: () => {
+						S("to"), j && P(b(z(j), l.calendarSystem)), w("");
+					},
+					children: j ? z(j) : "—"
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				class: "rv-temporal-picker__header",
+				children: i !== "time" && t.dateInput !== !1 && /* @__PURE__ */ s("div", {
+					class: `rv-temporal-picker__dates ${a === "range" ? `rv-temporal-picker__endpoints ${t.classNames?.endpoints ?? ""}` : ""}`,
+					children: a === "range" ? /* @__PURE__ */ s(e, { children: [/* @__PURE__ */ s("div", {
+						class: "rv-temporal-picker__endpoint",
+						role: "group",
+						"aria-label": f.startDate,
+						children: [/* @__PURE__ */ s(T, {
+							label: f.startDate,
+							value: g(A),
+							options: _,
+							invalid: !I,
+							errorId: h,
+							onFocus: () => S(void 0),
+							onChange: (e) => K("from", e)
+						}), i === "datetime" && q(A, f.startTime, (e) => U({
+							from: H(A, e, i),
+							...j ? { to: j } : {}
+						}), !1)]
+					}), /* @__PURE__ */ s("div", {
+						class: "rv-temporal-picker__endpoint",
+						role: "group",
+						"aria-label": f.endDate,
+						children: [/* @__PURE__ */ s(T, {
+							label: f.endDate,
+							value: g(j),
+							options: _,
+							invalid: !I,
+							errorId: h,
+							onFocus: () => S("to"),
+							onChange: (e) => K("to", e)
+						}), i === "datetime" && q(j, f.endTime, (e) => U({
+							from: A,
+							to: H(j, e, i)
+						}), !1)]
+					})] }) : /* @__PURE__ */ s(T, {
+						label: a === "multiple" ? f.dates : f.date,
+						value: a === "multiple" ? k : g(O),
+						multiple: a === "multiple",
+						options: _,
+						invalid: !I,
+						errorId: h,
+						onChange: (e) => {
+							typeof e == "string" && G(e), U(Array.isArray(e) ? e : e ? V(e, O, i) : null);
+						}
+					})
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				class: "rv-temporal-picker__body",
+				children: [i !== "time" && /* @__PURE__ */ s(E, { ...Y }), i !== "date" && a !== "range" && /* @__PURE__ */ s(Q, {
+					collapsible: i === "datetime" && d,
+					value: B(O),
+					label: f.time,
+					text: f,
+					format: t.timeFormat,
+					precision: t.precision,
+					locale: l.locale,
+					min: t.minTime,
+					max: t.maxTime,
+					step: t.timeStep,
+					onChange: (e) => U(H(O, e, i))
+				})]
+			}),
+			i !== "date" && a === "range" && (i === "time" || t.dateInput === !1) && /* @__PURE__ */ s("div", {
+				class: "rv-temporal-picker__times",
+				children: [i === "time" ? /* @__PURE__ */ s(Q, {
+					value: B(A),
+					label: f.startTime,
+					text: f,
+					format: t.timeFormat,
+					precision: t.precision,
+					locale: l.locale,
+					min: t.minTime,
+					max: t.maxTime,
+					step: t.timeStep,
+					onChange: (e) => U({
+						from: e,
+						...j ? { to: j } : {}
+					})
+				}) : q(A, f.startTime, (e) => U({
+					from: H(A, e, i),
+					...j ? { to: j } : {}
+				})), i === "time" ? /* @__PURE__ */ s(Q, {
+					value: B(j),
+					label: f.endTime,
+					text: f,
+					format: t.timeFormat,
+					precision: t.precision,
+					locale: l.locale,
+					min: t.minTime,
+					max: t.maxTime,
+					step: t.timeStep,
+					onChange: (e) => U({
+						from: A,
+						to: e
+					})
+				}) : q(j, f.endTime, (e) => U({
+					from: A,
+					to: H(j, e, i)
+				}))]
+			}),
+			!I && /* @__PURE__ */ s(p, {
+				tone: "danger",
+				children: /* @__PURE__ */ s("span", {
+					id: h,
+					children: L
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/date-time/field.tsx
+function $({ value: e, options: t, apply: n, cancel: i, clearable: a = !0 }) {
+	let [o, c] = r(e), [l, u] = r(!1), [d, f] = r(""), m = (e) => {
+		c(e), f("");
+	}, h = t.autoApply !== !1, g = JSON.stringify(o) !== JSON.stringify(e), _ = (e) => {
+		let t = n(e) || "";
+		return f(t), !t;
+	}, v = () => l ? _(o) : !1;
+	return O(() => !g || v(), h), /* @__PURE__ */ s("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());
+		},
+		children: [
+			/* @__PURE__ */ s(oe, {
+				...t,
+				value: o,
+				onChange: m,
+				onValidityChange: u,
+				onSelectionComplete: h ? _ : void 0
+			}),
+			d && /* @__PURE__ */ s(p, {
+				tone: "danger",
+				children: d
+			}),
+			/* @__PURE__ */ s(k, {
+				text: t.actions,
+				showConfirm: t.showActions ?? !h,
+				disabled: !l,
+				apply: v,
+				cancel: i,
+				clear: !a || (t.required ?? t.calendar?.required) ? void 0 : () => {
+					let e = t.selection === "multiple" ? [] : null;
+					m(e), h && _(e);
+				}
+			})
+		]
+	});
+}
+function se({ value: e, kind: t = "date", picker: n, onValueChange: r, onInput: i, formatValue: c, parseValue: l, ...u }) {
+	let p = o(null), h = o(), g = o({
+		value: e,
+		kind: t,
+		picker: n,
+		onValueChange: r,
+		input: u
+	});
+	return g.current = {
+		value: e,
+		kind: t,
+		picker: n,
+		onValueChange: r,
+		input: u
+	}, a(() => () => h.current?.close(), []), a(() => {
+		(u.disabled || u.readOnly) && h.current?.close();
+	}, [u.disabled, u.readOnly]), /* @__PURE__ */ s("span", {
+		class: "rv-date-time-field",
+		children: [/* @__PURE__ */ s(f, {
+			...u,
+			type: "text",
+			value: c?.(e) ?? e,
+			placeholder: u.placeholder ?? (t === "date" ? "YYYY-MM-DD" : t === "time" ? "HH:mm" : "YYYY-MM-DDTHH:mm"),
+			onInput: (e) => {
+				i?.(e);
+				let t = l ? l(e.currentTarget.value) : e.currentTarget.value;
+				t !== void 0 && r?.(t);
+			}
+		}), /* @__PURE__ */ s(m, {
+			ref: p,
+			variant: "ghost",
+			"aria-label": Z(t, n?.text),
+			disabled: u.disabled || u.readOnly,
+			onClick: () => {
+				p.current && !h.current && (h.current = D(p.current, (r) => /* @__PURE__ */ s($, {
+					value: e || null,
+					options: {
+						...n,
+						required: n?.required ?? u.required,
+						kind: t,
+						selection: "single"
+					},
+					cancel: r,
+					apply: (e) => {
+						!g.current.input.disabled && !g.current.input.readOnly && g.current.onValueChange?.(typeof e == "string" ? e : ""), r();
+					}
+				}), {
+					label: Z(t, n?.text),
+					className: t === "time" ? "rv-editor-popup--time" : t === "datetime" ? "rv-editor-popup--datetime" : void 0,
+					onClose: () => {
+						h.current = void 0;
+					}
+				}));
+			},
+			children: /* @__PURE__ */ s(d, { svg: t === "time" ? _ : w })
+		})]
+	});
+}
+//#endregion
+//#region src/date-time/attach.tsx
+function ce(e, t, n) {
+	let r, i = c(e.ownerDocument, /* @__PURE__ */ s(m, {
+		variant: "ghost",
+		disabled: e.disabled || e.readOnly,
+		"aria-label": Z(t.kind ?? "date", t.text),
+		onClick: () => {
+			e.disabled || e.readOnly || r || (r = D(e, (r) => /* @__PURE__ */ s($, {
+				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();
+				}
+			}), {
+				className: t.kind === "time" ? "rv-editor-popup--time" : t.kind === "datetime" ? "rv-editor-popup--datetime" : void 0,
+				label: Z(t.kind ?? "date", t.text),
+				onClose: () => {
+					r = void 0;
+				}
+			}));
+		},
+		children: /* @__PURE__ */ s(d, { svg: t.kind === "time" ? _ : w })
+	}));
+	e.after(i);
+	let a = e.ownerDocument.defaultView?.MutationObserver, o = a ? new a(() => {
+		i.disabled = e.disabled || e.readOnly, i.disabled && r?.close();
+	}) : void 0;
+	return o?.observe(e, {
+		attributes: !0,
+		attributeFilter: ["disabled", "readonly"]
+	}), () => {
+		o?.disconnect(), r?.close(), l(i), i.remove();
+	};
+}
+//#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, $ as i, ce as n, X as o, se as r, Z as s, le as t };