@revolist/ui 4.0.1-rc → 4.0.3-rc

package/_chunks/date-time-qIhp5vaX.js

@@ -0,0 +1,768 @@
+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 { 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 { 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 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 H(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) {
+	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);
+	if (n === void 0) return !1;
+	let r = t.min ? U(t.min) : void 0, i = t.max ? U(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) {
+	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 K(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 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);
+	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") {
+	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 = U(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 : t?.chooseDate) ?? (e === "time" ? Y.chooseTime : Y.chooseDate);
+}
+//#endregion
+//#region src/date-time/validation.ts
+function Z(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), {
+		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 re({ value: e, label: t, format: r = "locale", precision: i = "minute", locale: a, min: s, max: l, step: u, onChange: d }) {
+	let [f, p] = n(!1), [m, h] = n("");
+	if (r === "locale") return /* @__PURE__ */ o(c, {
+		type: "time",
+		"aria-label": t,
+		value: e,
+		min: s,
+		max: l,
+		step: u ?? (i === "second" ? 1 : 60),
+		onInput: (e) => d(e.currentTarget.value)
+	});
+	let g = G(e, r, i, a);
+	return /* @__PURE__ */ o(c, {
+		type: "text",
+		"aria-label": t,
+		value: f ? m : g,
+		"aria-invalid": !!e && !W(e, {
+			min: s,
+			max: l,
+			step: u
+		}),
+		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), d(t ? K(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 }) {
+	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: [/* @__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 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
+	}), [
+		l,
+		u,
+		d,
+		s
+	]), m = r(() => ne(p, e, f), [
+		p,
+		e,
+		f
+	]), h = r(() => new Intl.NumberFormat(c, {
+		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);
+	return /* @__PURE__ */ o("section", {
+		class: "rv-time-selection",
+		children: [
+			/* @__PURE__ */ o("label", {
+				class: "rv-time-selection__entry",
+				children: [/* @__PURE__ */ o("span", { children: t }), /* @__PURE__ */ o(re, {
+					value: e,
+					label: t,
+					format: a,
+					precision: s,
+					locale: c,
+					min: l,
+					max: u,
+					step: d,
+					onChange: i
+				})]
+			}),
+			/* @__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
+			})
+		]
+	});
+}
+//#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 = {
+		...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,
+			value: e
+		}, M).valid && r.onSelectionComplete?.(e);
+	}, W = (e) => {
+		if (!L(e)) return;
+		let t = y(e, l.calendarSystem);
+		t !== (l.month ?? M) && (N(t), l.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) : ""
+		};
+		H(!n.from && !n.to ? null : n);
+	}, K = (e, t, n, 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,
+			value: e ? z(e) : "",
+			min: r.minTime,
+			max: r.maxTime,
+			step: r.timeStep,
+			precision: r.precision,
+			format: r.timeFormat,
+			locale: l.locale,
+			onChange: n
+		})]
+	}), q = {
+		...l,
+		month: l.month ?? M,
+		onMonthChange: (e) => {
+			N(e), l.onMonthChange?.(e);
+		},
+		required: P,
+		onInvalidSelection: (e, t) => {
+			C(e || u.invalid), l.onInvalidSelection?.(e, t);
+		}
+	}, J;
+	if (a === "multiple") J = {
+		...q,
+		mode: "multiple",
+		selected: O.filter(v),
+		onSelectionChange: (e) => U([...e])
+	};
+	else if (a === "range" && !_) J = {
+		...q,
+		mode: "range",
+		selected: k && v(R(k)) ? {
+			from: R(k),
+			...A && v(R(A)) ? { to: R(A) } : {}
+		} : void 0,
+		onSelectionChange: (e) => U(e ? {
+			from: B(e.from, k, i),
+			...e.to ? { to: B(e.to, A, i) } : {}
+		} : null)
+	};
+	else {
+		let e = a === "range" ? _ === "to" ? A : k : D;
+		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);
+			}
+		};
+	}
+	return /* @__PURE__ */ o("div", {
+		class: `rv-temporal-picker rv-temporal-picker--${i}`,
+		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",
+					onClick: () => {
+						x(void 0), k && N(y(R(k), l.calendarSystem)), C("");
+					},
+					children: k ? R(k) : "—"
+				}), /* @__PURE__ */ o(f, {
+					"aria-label": `${u.endDate}: ${A}`,
+					"aria-pressed": _ === "to",
+					onClick: () => {
+						x("to"), A && N(y(R(A), l.calendarSystem)), C("");
+					},
+					children: A ? R(A) : "—"
+				})]
+			}),
+			/* @__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: a === "range" ? /* @__PURE__ */ o(e, { children: [/* @__PURE__ */ o("div", {
+						class: "rv-temporal-picker__endpoint",
+						role: "group",
+						"aria-label": u.startDate,
+						children: [/* @__PURE__ */ o(w, {
+							label: u.startDate,
+							value: h(k),
+							options: g,
+							invalid: !F,
+							errorId: m,
+							onFocus: () => x(void 0),
+							onChange: (e) => G("from", e)
+						}), i === "datetime" && K(k, u.startTime, (e) => H({
+							from: V(k, e, i),
+							...A ? { to: A } : {}
+						}), !1)]
+					}), /* @__PURE__ */ o("div", {
+						class: "rv-temporal-picker__endpoint",
+						role: "group",
+						"aria-label": u.endDate,
+						children: [/* @__PURE__ */ o(w, {
+							label: u.endDate,
+							value: h(A),
+							options: g,
+							invalid: !F,
+							errorId: m,
+							onFocus: () => x("to"),
+							onChange: (e) => G("to", e)
+						}), i === "datetime" && K(A, u.endTime, (e) => H({
+							from: k,
+							to: V(A, e, i)
+						}), !1)]
+					})] }) : /* @__PURE__ */ o(w, {
+						label: a === "multiple" ? u.dates : u.date,
+						value: a === "multiple" ? O : h(D),
+						multiple: a === "multiple",
+						options: g,
+						invalid: !F,
+						errorId: m,
+						onChange: (e) => {
+							typeof e == "string" && W(e), H(Array.isArray(e) ? e : e ? B(e, D, i) : 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))
+				})]
+			}),
+			i !== "date" && a === "range" && (i === "time" || r.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,
+					onChange: (e) => H({
+						from: e,
+						...A ? { to: A } : {}
+					})
+				}) : 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,
+					onChange: (e) => H({
+						from: k,
+						to: e
+					})
+				}) : K(A, u.endTime, (e) => H({
+					from: k,
+					to: V(A, e, i)
+				}))]
+			}),
+			!F && /* @__PURE__ */ o(d, {
+				tone: "danger",
+				children: /* @__PURE__ */ o("span", {
+					id: m,
+					children: I
+				})
+			})
+		]
+	});
+}
+//#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) => {
+		let t = r(e) || "";
+		return p(t), !t;
+	}, v = () => l ? _(s) : !1;
+	return D(() => !g || v(), h), /* @__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());
+		},
+		children: [
+			/* @__PURE__ */ o(ae, {
+				...t,
+				value: s,
+				onChange: m,
+				onValidityChange: u,
+				onSelectionComplete: h ? _ : void 0
+			}),
+			f && /* @__PURE__ */ o(d, {
+				tone: "danger",
+				children: f
+			}),
+			/* @__PURE__ */ o(O, {
+				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 oe({ value: e, kind: t = "date", picker: n, onValueChange: r, onInput: l, formatValue: u, parseValue: d, ...p }) {
+	let m = a(null), h = a(), _ = a({
+		value: e,
+		kind: t,
+		picker: n,
+		onValueChange: r,
+		input: p
+	});
+	return _.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", {
+		class: "rv-date-time-field",
+		children: [/* @__PURE__ */ o(c, {
+			...p,
+			type: "text",
+			value: u?.(e) ?? e,
+			placeholder: p.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);
+			}
+		}), /* @__PURE__ */ o(f, {
+			ref: m,
+			variant: "ghost",
+			"aria-label": X(t, n?.text),
+			disabled: p.disabled || p.readOnly,
+			onClick: () => {
+				m.current && !h.current && (h.current = E(m.current, (r) => /* @__PURE__ */ o($, {
+					value: e || null,
+					options: {
+						...n,
+						required: n?.required ?? p.required,
+						kind: t,
+						selection: "single"
+					},
+					cancel: r,
+					apply: (e) => {
+						!_.current.input.disabled && !_.current.input.readOnly && _.current.onValueChange?.(typeof e == "string" ? e : ""), r();
+					}
+				}), {
+					label: X(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__ */ o(s, { 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, {
+		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($, {
+				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: X(t.kind ?? "date", t.text),
+				onClose: () => {
+					r = void 0;
+				}
+			}));
+		},
+		children: /* @__PURE__ */ o(s, { svg: t.kind === "time" ? g : C })
+	}));
+	e.after(i);
+	let a = e.ownerDocument.defaultView?.MutationObserver, c = a ? new a(() => {
+		i.disabled = e.disabled || e.readOnly, i.disabled && r?.close();
+	}) : void 0;
+	return c?.observe(e, {
+		attributes: !0,
+		attributeFilter: ["disabled", "readonly"]
+	}), () => {
+		c?.disconnect(), r?.close(), u(i), i.remove();
+	};
+}
+//#endregion
+//#region src/date-time/value.tsx
+function ce(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 { ae as a, $ as i, se as n, Y as o, oe as r, X as s, ce as t };