@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/datetime-range-picker-OXDQGRWg.js

@@ -0,0 +1,1029 @@
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { t as i } from "./calendar-C5MWMBJ-.js";
+import { b as a } from "./field-DKA-qsCV.js";
+import { t as o } from "./datetime-field-KtkRmy6M.js";
+import { keyedProps as s } from "@slotted/core/selector-key";
+import { createControllable as c } from "@slotted/core/state";
+import { createContext as l, useCallback as u, useContext as ee, useEffect as d, useId as te, useImperativeHandle as ne, useLayoutEffect as re, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as ie, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { createPresence as ae } from "@slotted/core/presence";
+import { createPortalRoot as oe } from "@slotted/core/portal";
+import { createDismissableLayer as se } from "@slotted/core/dismissable-layer";
+import { createPositioner as ce } from "@slotted/core/positioner";
+import { createTypeahead as le, isPrintable as ue } from "@slotted/core/typeahead";
+import { createPortal as de } from "react-dom";
+import { datetimeRangePickerMessages as fe } from "@slotted/core/i18n";
+import { blockedAround as pe, compareDateTime as me, createDateTimeFormat as he, createTimeFormat as ge, dateTimeRangeProblems as _e, dateTimeRangeSeconds as _, dayWindow as ve, durationLabel as ye, firstUnavailableIndex as be, hourJump as xe, isDateRefusedInRun as Se, isSameDate as Ce, isSameTime as we, isTruncated as Te, nearestIndex as Ee, nowDateTimeIn as De, openingIndex as Oe, orderedRun as ke, runRefusal as Ae, timeList as je, toISODateTime as Me } from "@slotted/core/date";
+//#region src/datetime-range-picker/datetime-range-picker-defaults.tsx
+var Ne = 900, v = 1440;
+function Pe(e, t) {
+	return ye(e, t);
+}
+var Fe = 1, Ie = l({
+	calendar: "gregory",
+	closeOnSelect: "auto",
+	firstDayOfWeek: void 0,
+	granularity: "minute",
+	hourCycle: void 0,
+	lengthLabel: Pe,
+	maxOptions: v,
+	months: 1,
+	placement: "bottom-start",
+	size: "md",
+	step: 900,
+	timeZone: void 0,
+	unavailableOptions: "disable",
+	variant: "outline"
+});
+function Le() {
+	return ee(Ie);
+}
+function Re({ children: e, ...t }) {
+	let n = Le();
+	return /* @__PURE__ */ h(Ie.Provider, {
+		value: {
+			calendar: t.calendar ?? n.calendar,
+			closeOnSelect: t.closeOnSelect ?? n.closeOnSelect,
+			firstDayOfWeek: t.firstDayOfWeek ?? n.firstDayOfWeek,
+			granularity: t.granularity ?? n.granularity,
+			hourCycle: t.hourCycle ?? n.hourCycle,
+			lengthLabel: t.lengthLabel ?? n.lengthLabel,
+			maxOptions: t.maxOptions ?? n.maxOptions,
+			months: t.months ?? n.months,
+			placement: t.placement ?? n.placement,
+			size: t.size ?? n.size,
+			step: t.step ?? n.step,
+			timeZone: t.timeZone ?? n.timeZone,
+			unavailableOptions: t.unavailableOptions ?? n.unavailableOptions,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/datetime-range-picker/datetime-range-picker.tsx
+var ze = "(max-width: 480px) and (pointer: coarse)", Be = 366, Ve = {
+	date: {
+		year: 2026,
+		month: 1,
+		day: 1
+	},
+	time: {
+		hour: 12,
+		minute: 0,
+		second: 0
+	}
+}, He = {
+	hour: 0,
+	minute: 0,
+	second: 0
+}, Ue = {
+	date: null,
+	time: null
+}, We = {
+	start: Ue,
+	end: Ue
+}, Ge = {
+	start: null,
+	end: null
+}, Ke = l(null);
+function qe(e) {
+	return e === null || e.start === null && e.end === null ? null : e;
+}
+function Je(e, t) {
+	return e === null || t === null ? e === t : me(e, t) === 0;
+}
+function Ye(e, t) {
+	return e === null || t === null ? e === t : Je(e.start, t.start) && Je(e.end, t.end);
+}
+function Xe(e, t, n) {
+	let r = e.getBoundingClientRect(), i = t.getBoundingClientRect();
+	if (r.height === 0 || i.height === 0) return;
+	let a = i.top - r.top;
+	n ? e.scrollTop += a - (r.height - i.height) / 2 : a < 0 ? e.scrollTop += a : i.bottom > r.bottom && (e.scrollTop += i.bottom - r.bottom);
+}
+function Ze(e) {
+	return e === "start" ? "end" : "start";
+}
+function Qe(e) {
+	return e === null ? Ue : {
+		date: e.date,
+		time: e.time
+	};
+}
+function y(e) {
+	return e.date === null || e.time === null ? null : {
+		date: e.date,
+		time: e.time
+	};
+}
+function $e(e) {
+	return e === null ? We : {
+		start: Qe(e.start),
+		end: Qe(e.end)
+	};
+}
+function et(e) {
+	return qe({
+		start: y(e.start),
+		end: y(e.end)
+	});
+}
+function tt({ calendar: l, className: ee, clearable: ye = !1, closeOnSelect: Ne, contiguous: v = !0, defaultHighlighted: Pe, defaultOpen: Fe = !1, defaultPosition: Ie = "start", defaultValue: Re, disabled: Ue, endName: Je, firstDayOfWeek: tt, fixedWeeks: nt = !0, footer: rt, granularity: it, highlighted: at, hourCycle: ot, invalid: st, isDateUnavailable: b, isTimeUnavailable: x, lengthLabel: ct, locale: lt, max: S, maxLength: C, maxOptions: ut, messages: dt, maxTime: w, min: T, minLength: E, minTime: ft, months: pt, onHighlightedChange: mt, onKeyDown: ht, onOpenChange: gt, onPositionChange: _t, onValueChange: vt, open: yt, options: bt, placement: xt, position: St, presets: Ct, readOnly: wt, ref: Tt, referenceDateTime: Et, relative: Dt, render: Ot, renderOption: kt, required: At, size: jt, startName: Mt, step: Nt, style: Pt, timeZone: Ft, unavailableOptions: It, value: Lt, variant: Rt, weekNumbers: zt, yearPivot: Bt, ...Vt }) {
+	let Ht = a(), D = Le(), Ut = n(), O = r(fe, dt), Wt = p(null), k = p(null), Gt = p(null), Kt = p(null), qt = p(null), Jt = p(null), Yt = p({
+		start: null,
+		end: null
+	}), A = te(), [j, Xt] = m(null), [Zt, Qt] = m(null), [$t, en] = m("unmounted"), [tn, nn] = m(!1), [rn, an] = m(!1), [on, sn] = m(Fe), M = yt ?? on, [cn, ln] = m(qe(Re ?? null)), N = Lt === void 0 ? cn : qe(Lt), [un, dn] = m(Ie), P = St ?? un, [fn, pn] = m(Pe ?? Ge), F = at ?? fn, [mn, hn] = m("day"), [I, gn] = m(() => $e(N)), [_n, vn] = m(null), [yn, bn] = m(null), [xn, Sn] = m(!1), L = lt ?? Ut, Cn = Ft ?? D.timeZone, wn = l ?? D.calendar, R = it ?? D.granularity, z = ot ?? D.hourCycle, B = tt ?? D.firstDayOfWeek, Tn = jt ?? Ht?.size ?? D.size, En = Rt ?? D.variant, Dn = xt ?? D.placement, On = Ne ?? D.closeOnSelect, kn = Nt ?? D.step, An = ut ?? D.maxOptions, jn = pt ?? D.months, Mn = It ?? D.unavailableOptions, Nn = ct ?? D.lengthLabel, V = u((e) => Nn(e, L), [Nn, L]), Pn = (e) => O(e), Fn = Ue ?? Ht?.disabled, In = wt ?? Ht?.readOnly, Ln = At ?? Ht?.required, H = Fn !== !0 && In !== !0, U = f(() => he({
+		granularity: R,
+		hourCycle: z,
+		locale: L,
+		...B === void 0 ? {} : { firstDayOfWeek: B },
+		...Bt === void 0 ? {} : { yearPivot: Bt }
+	}), [
+		B,
+		R,
+		z,
+		L,
+		Bt
+	]), Rn = f(() => ge({
+		granularity: R,
+		hourCycle: z,
+		locale: L
+	}), [
+		R,
+		z,
+		L
+	]), [zn, Bn] = m(() => Ve);
+	d(() => Bn(De(Cn)), [Cn]);
+	let W = Et ?? zn, Vn = f(() => ({
+		max: S,
+		maxTime: w,
+		min: T,
+		minTime: ft
+	}), [
+		S,
+		w,
+		T,
+		ft
+	]), G = N?.start ?? null, K = N?.end ?? null, Hn = G !== null && K !== null && me(G, K) <= 0, Un = f(() => _e(N, {
+		contiguous: v,
+		max: S,
+		maxLength: C,
+		maxTime: w,
+		min: T,
+		minLength: E,
+		minTime: ft,
+		unavailableDay: b,
+		unavailableTime: x
+	}), [
+		v,
+		N,
+		b,
+		x,
+		S,
+		C,
+		w,
+		T,
+		E,
+		ft
+	]), Wn = st ?? (Un.length > 0 || Ht?.invalid), q = u((e, t, n) => {
+		c({
+			controlled: yt,
+			initial: M,
+			onRequest: (e) => gt?.(e.value, e)
+		}).request(e, t, n) && sn(e);
+	}, [
+		M,
+		gt,
+		yt
+	]), Gn = u((e, t, n) => {
+		let r = qe(e);
+		c({
+			controlled: Lt === void 0 ? void 0 : N,
+			initial: N,
+			equals: Ye,
+			onRequest: (e) => vt?.(e.value, e)
+		}).request(r, t, n) && ln(r);
+	}, [
+		N,
+		vt,
+		Lt
+	]), J = u((e, t, n) => {
+		c({
+			controlled: St,
+			initial: P,
+			onRequest: (e) => _t?.(e.value, e)
+		}).request(e, t, n) && dn(e);
+	}, [
+		P,
+		_t,
+		St
+	]), Kn = u((e, t, n) => {
+		c({
+			controlled: at,
+			initial: F,
+			equals: (e, t) => we(e.start, t.start) && we(e.end, t.end),
+			onRequest: (e) => mt?.(e.value, e)
+		}).request(e, t, n) && pn(e);
+	}, [
+		F,
+		at,
+		mt
+	]), qn = p(!1);
+	d(() => {
+		if (M && !qn.current) {
+			gn($e(N)), bn(null), vn(null);
+			let e = N?.start == null ? "start" : N.end === null ? "end" : null;
+			e !== null && e !== P && J(e, "programmatic", void 0);
+		}
+		qn.current = M;
+	}, [
+		P,
+		N,
+		M,
+		J
+	]);
+	let [Jn, Yn] = m(() => (N?.start ?? N?.end ?? W).date);
+	d(() => {
+		if (!M) return;
+		let e = (P === "end" ? I.end.date : I.start.date) ?? W.date;
+		Yn(e);
+	}, [M]);
+	let Xn = I.start.date === null ? null : P === "end" && I.end.date !== null ? {
+		start: I.start.date,
+		end: null
+	} : {
+		start: I.start.date,
+		end: I.end.date
+	}, Y = Xn !== null && !Array.isArray(Xn) && "start" in Xn && Xn.end === null ? Xn.start : null, Zn = f(() => Y === null || !v ? {
+		before: null,
+		after: null
+	} : pe(Y, b ?? (() => !1), C === void 0 ? Be : Math.ceil(C / 86400) + 1), [
+		v,
+		b,
+		C,
+		Y
+	]), Qn = u((e) => ve(e, Vn) === null ? !0 : Y === null ? b?.(e) === !0 : Se(Y, e, {
+		contiguous: v,
+		count: "days",
+		unavailable: b
+	}, Zn), [
+		Zn,
+		Vn,
+		v,
+		b,
+		Y
+	]), X = u((e) => I[e].date ?? Jn, [Jn, I]), $n = u((e) => {
+		let t = X(e), n = ve(t, Vn);
+		if (n === null || b?.(t) === !0) return [];
+		let r = je({
+			isTimeUnavailable: x === void 0 ? void 0 : (e) => x(e, t),
+			max: n.latest,
+			maxOptions: An,
+			min: n.earliest,
+			options: bt,
+			step: kn
+		}), i = y(I[Ze(e)]), a = () => !1;
+		if (i !== null) {
+			let n = e === "end" ? 1 : -1, o = Ce(t, i.date), s = o && v ? be(r, Ee(r, i.time), n) : -1;
+			a = (r, a) => {
+				let c = {
+					date: t,
+					time: r.time
+				}, l = e === "end" ? _(i, c) : _(c, i);
+				return Ae(0, l, 1, {
+					maxLength: C,
+					minLength: E
+				}) ? !0 : o && s >= 0 && (n === 1 ? a >= s : a <= s);
+			};
+		}
+		let o = r.map((e, t) => e.unavailable || !a(e, t) ? e : {
+			...e,
+			unavailable: !0
+		});
+		return Mn === "hide" ? o.filter((e) => !e.unavailable) : o;
+	}, [
+		Vn,
+		v,
+		X,
+		b,
+		x,
+		C,
+		E,
+		bt,
+		An,
+		kn,
+		Mn,
+		I
+	]), Z = f(() => ({
+		start: $n("start"),
+		end: $n("end")
+	}), [$n]), er = f(() => Te({
+		maxOptions: An,
+		options: bt,
+		step: kn
+	}), [
+		bt,
+		An,
+		kn
+	]), tr = f(() => ({
+		start: Z.start.map((e) => U.time.format(e.time)),
+		end: Z.end.map((e) => U.time.format(e.time))
+	}), [U, Z]), nr = u((e, t) => {
+		let n = y(I[Ze(e)]), r = X(e);
+		if (n === null || t.unavailable || !Ce(r, n.date)) return null;
+		let i = {
+			date: r,
+			time: t.time
+		}, a = e === "end" ? _(n, i) : _(i, n);
+		return V(a);
+	}, [
+		X,
+		V,
+		I
+	]), rr = u((e) => {
+		let t = I[Ze(e)], n = t.date !== null && t.time !== null && Ce(t.date, X(e)) ? t.time : null;
+		return Oe(Z[e], I[e].time ?? n ?? W.time, n, e);
+	}, [
+		W,
+		X,
+		Z,
+		I
+	]), ir = u((e) => {
+		let t = F[e];
+		return t === null ? -1 : Z[e].findIndex((e) => we(e.time, t));
+	}, [F, Z]), Q = u((e, t, n) => {
+		let r = Z[e], i = r[Math.max(0, Math.min(r.length - 1, t))];
+		i !== void 0 && Kn({
+			...F,
+			[e]: i.time
+		}, "keyboard", n);
+	}, [
+		F,
+		Z,
+		Kn
+	]);
+	d(() => {
+		if (!M) return;
+		let e = { ...F };
+		for (let t of ["start", "end"]) {
+			let n = rr(t);
+			e[t] = n < 0 ? null : Z[t][n]?.time ?? null;
+		}
+		(!we(e.start, F.start) || !we(e.end, F.end)) && Kn(e, "programmatic", void 0);
+	}, [M, Z]);
+	let ar = p(!1);
+	d(() => {
+		if (!M || j === null) {
+			ar.current = !1;
+			return;
+		}
+		let e = !ar.current;
+		ar.current = !0;
+		let t = Jt.current, n = ir(P), r = t?.querySelectorAll("[data-part=\"option\"]")[n];
+		n < 0 || t === null || r === void 0 || Xe(t, r, e);
+	}, [
+		P,
+		ir,
+		M,
+		j
+	]);
+	let or = p({
+		start: le({ locale: () => L }),
+		end: le({ locale: () => L })
+	});
+	d(() => {
+		let e = or.current;
+		return () => {
+			e.start.destroy(), e.end.destroy();
+		};
+	}, []);
+	let sr = p(null);
+	d(() => {
+		let e = ae({
+			present: M,
+			onStatusChange: en
+		});
+		return sr.current = e, en(e.status), () => {
+			e.destroy(), sr.current = null;
+		};
+	}, []), d(() => sr.current?.sync(M), [M]), d(() => sr.current?.setNode(j), [j]);
+	let cr = M || $t !== "unmounted";
+	d(() => {
+		let e = Wt.current;
+		if (e === null || tn) return;
+		let t = () => nn(!0);
+		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
+			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
+		};
+	}, [tn]);
+	let lr = cr || tn;
+	re(() => {
+		if (!lr) {
+			Qt(null);
+			return;
+		}
+		let e = oe({
+			origin: k.current,
+			disabled: !1
+		});
+		return Qt(e.container), () => e.release();
+	}, [lr]), d(() => {
+		if (typeof window > "u" || typeof window.matchMedia != "function") return;
+		let e = window.matchMedia(ze), t = () => an(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), re(() => {
+		if (j === null || Wt.current === null || rn) return;
+		let e = Wt.current.querySelector("[data-part=\"control\"]") ?? Wt.current, [t, n = "center"] = Dn.split("-"), r = ce(e, j, {
+			align: n,
+			side: t
+		});
+		return r.update(), () => {
+			r.destroy(), j.removeAttribute("data-positioned");
+		};
+	}, [
+		j,
+		Dn,
+		rn
+	]);
+	let ur = p(mn);
+	ur.current = mn, d(() => {
+		if (j === null || !M) return;
+		let e = k.current === null ? [] : [k.current], t = se(j, {
+			branches: e,
+			escape: !0,
+			focusOutside: !1,
+			modal: !1,
+			outsidePress: !0,
+			scrollLock: !1,
+			onDismiss: (e) => {
+				if (e.reason === "escape") {
+					if (j.querySelector("[data-ui=\"datetime-field\"][data-relative]") !== null) return;
+					if (ur.current !== "day") {
+						hn(ur.current === "year" ? "month" : "day");
+						return;
+					}
+				}
+				q(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && k.current?.focus({ preventScroll: !0 });
+			}
+		});
+		return () => t.destroy();
+	}, [
+		M,
+		j,
+		q
+	]);
+	let $ = u((e) => {
+		Jt.current?.querySelectorAll("[data-part=\"option\"]")[e]?.focus();
+	}, []), dr = u((e) => {
+		requestAnimationFrame(() => {
+			let t = qt.current;
+			t !== null && (e !== null && t.focusDate(e), t.focus());
+		});
+	}, []), fr = u(() => {
+		let e = Kt.current;
+		if (e !== null && getComputedStyle(e).display === "none") {
+			dr(I[P].date ?? W.date);
+			return;
+		}
+		Gt.current?.focus();
+	}, [
+		W.date,
+		P,
+		dr,
+		I
+	]), pr = u((e, t) => {
+		let n = ir(e), r = n >= 0 ? n : rr(e);
+		if (e !== P && J(e, "select", t), r < 0) {
+			requestAnimationFrame(() => Gt.current?.focus());
+			return;
+		}
+		Q(e, r, t), requestAnimationFrame(() => $(r));
+	}, [
+		P,
+		$,
+		ir,
+		Q,
+		rr,
+		J
+	]), mr = p(null);
+	d(() => {
+		if (!M || j === null || mr.current === null) return;
+		let e = mr.current;
+		if (mr.current = null, e === "grid") {
+			dr((P === "end" ? I.end.date : I.start.date) ?? W.date);
+			return;
+		}
+		requestAnimationFrame(fr);
+	}, [M, j]), ne(Tt, () => ({
+		focus: () => k.current?.focus(),
+		open: () => q(!0, "keyboard", void 0),
+		close: () => q(!1, "keyboard", void 0)
+	}), [q]);
+	let hr = (e, t) => {
+		(On === "always" || On === "auto" && e) && (q(!1, "select", t), k.current?.focus({ preventScroll: !0 }));
+	}, gr = (e, t, n, r) => {
+		let i = y(t.start) !== null && y(t.end) !== null;
+		if (gn(e), y(e.start) !== null && y(e.end) !== null) {
+			Gn(et(e), "select", r), J(n, "select", r), hr(!i, r);
+			return;
+		}
+		for (let t of [n, Ze(n)]) {
+			let n = e[t];
+			if (n.date === null || n.time === null) {
+				n.date === null ? (J(t, "select", r), dr(e[Ze(t)].date)) : pr(t, r);
+				return;
+			}
+		}
+	}, _r = (e, t, n) => {
+		let r = {
+			date: I[e].date ?? X(e),
+			time: t
+		};
+		Kn({
+			...F,
+			[e]: t
+		}, "pointer", n), gr({
+			...I,
+			[e]: r
+		}, I, e, n);
+	}, vr = (e, t, n) => {
+		!t.unavailable && H && _r(e, t.time, n);
+	}, yr = (e, t) => {
+		gr({
+			...I,
+			[e]: Qe(W)
+		}, I, e, t);
+	}, br = (e) => {
+		let t = et(I);
+		t?.start != null && t.end !== null && !Ye(t, N) && Gn(t, "select", e), q(!1, "pointer", e), k.current?.focus({ preventScroll: !0 });
+	}, xr = (e, t) => {
+		if (e !== null && !Array.isArray(e) && "start" in e) {
+			if (e.end === null) {
+				gr({
+					start: {
+						...I.start,
+						date: e.start
+					},
+					end: {
+						...I.end,
+						date: null
+					}
+				}, I, "start", t.source);
+				return;
+			}
+			gr({
+				start: {
+					...I.start,
+					date: e.start
+				},
+				end: {
+					...I.end,
+					date: e.end
+				}
+			}, I, "end", t.source);
+		}
+	}, Sr = (e, t) => {
+		gn($e(e)), Gn(e, "select", t), J("start", "select", t), hr(!0, t);
+	}, Cr = (e, t) => {
+		let n = {
+			...I,
+			[P]: Qe(e)
+		};
+		gn(n), Gn({
+			start: y(n.start),
+			end: y(n.end)
+		}, t.reason, t.source);
+	}, wr = (e) => Yt.current[e]?.focus({ preventScroll: !0 }), Tr = (e) => {
+		if (ht?.(e), e.defaultPrevented) return;
+		let t = e.key === "ArrowRight" || e.key === "End" ? "end" : e.key === "ArrowLeft" || e.key === "Home" ? "start" : null;
+		t !== null && (e.preventDefault(), t !== P && J(t, "keyboard", e), wr(t));
+	}, Er = (e) => {
+		if (ht?.(e), !e.defaultPrevented && H) {
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault(), mr.current = "grid", M ? dr((P === "end" ? I.end.date : I.start.date) ?? W.date) : q(!0, "keyboard", e);
+				return;
+			}
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), mr.current = "field", q(!M, "keyboard", e));
+		}
+	}, Dr = (e) => (t) => {
+		if (ht?.(t), t.defaultPrevented) return;
+		let n = Z[e], r = ir(e), i = r >= 0 ? r : 0;
+		switch (t.key) {
+			case "ArrowDown":
+				t.preventDefault(), Q(e, i + 1, t), $(Math.min(n.length - 1, i + 1));
+				return;
+			case "ArrowUp":
+				t.preventDefault(), Q(e, i - 1, t), $(Math.max(0, i - 1));
+				return;
+			case "Home":
+				t.preventDefault(), Q(e, 0, t), $(0);
+				return;
+			case "End":
+				t.preventDefault(), Q(e, n.length - 1, t), $(n.length - 1);
+				return;
+			case "PageDown": {
+				t.preventDefault();
+				let r = xe(n, i, 1);
+				Q(e, r, t), $(r);
+				return;
+			}
+			case "PageUp": {
+				t.preventDefault();
+				let r = xe(n, i, -1);
+				Q(e, r, t), $(r);
+				return;
+			}
+			case "Enter":
+			case " ": {
+				t.preventDefault();
+				let r = n[i];
+				r !== void 0 && vr(e, r, t);
+				return;
+			}
+		}
+		let a = or.current[e];
+		if (ue(t.key, a.query.length > 0)) {
+			let n = a.match(t.key, tr[e], i);
+			if (n < 0) return;
+			t.preventDefault(), Q(e, n, t), $(n);
+		}
+	}, Or = yn ?? (!xn || F[P] === null ? null : {
+		position: P,
+		time: F[P]
+	}), kr = null;
+	if (Or !== null) kr = {
+		...I,
+		[Or.position]: {
+			date: X(Or.position),
+			time: Or.time
+		}
+	};
+	else if (Y !== null && _n !== null) {
+		let e = ke(Y, _n);
+		kr = {
+			start: {
+				date: e.start,
+				time: I.start.time ?? He
+			},
+			end: {
+				date: e.end,
+				time: I.end.time ?? He
+			}
+		};
+	}
+	let Ar = ((e) => {
+		let t = y(e.start), n = y(e.end);
+		return t !== null && n !== null && me(t, n) <= 0 ? V(_(t, n)) : "";
+	})(kr === null ? I : kr), jr = E !== void 0 && C !== void 0 ? O("limit.between", {
+		min: V(E),
+		max: V(C)
+	}) : E === void 0 ? C === void 0 ? null : O("limit.atMost", { max: V(C) }) : O("limit.atLeast", { min: V(E) }), Mr = et(I), Nr = Mr?.start != null && Mr.end !== null ? _e(Mr, {
+		contiguous: v,
+		max: S,
+		maxLength: C,
+		maxTime: w,
+		min: T,
+		minLength: E,
+		minTime: ft,
+		unavailableDay: b,
+		unavailableTime: x
+	}) : [], Pr = Nr[0], Fr = I[P], Ir = Fr.date === null ? O("chooseDay", { end: Pn(P) }) : Fr.time === null ? O("chooseTime", {
+		end: Pn(P),
+		day: U.describeDate(Fr.date, "short")
+	}) : Pr === void 0 ? "" : O(Pr === "min" || Pr === "max" ? "bounds" : Pr), Lr = `${A}-hint`, Rr = G !== null && K !== null ? Hn ? O("change", {
+		start: U.describe(G),
+		end: U.describe(K),
+		length: V(_(G, K))
+	}) : O("changeReversed", {
+		start: U.describe(G),
+		end: U.describe(K)
+	}) : O("choose"), zr = f(() => new Intl.DateTimeFormat(L, {
+		day: "numeric",
+		hour: "numeric",
+		minute: "2-digit",
+		month: "short",
+		timeZone: "UTC",
+		...z === void 0 ? {} : { hour12: z === 12 }
+	}), [z, L]), Br = (e) => zr.format(Date.UTC(e.date.year, e.date.month - 1, e.date.day, e.time.hour, e.time.minute)), Vr = N === null ? null : `${G === null ? "" : Br(G)} – ${K === null ? "" : Br(K)}`.trim(), Hr = (e) => U.describeDate(e, "short"), Ur = y(I.start), Wr = y(I.end), Gr = Ur !== null && Wr !== null && me(Ur, Wr) <= 0, Kr = Gr && (S === void 0 || me(Wr, S) < 0) ? Wr : S, qr = Gr && (T === void 0 || me(Ur, T) > 0) ? Ur : T, Jr = {
+		calendar: wn,
+		disabled: Fn,
+		granularity: R,
+		isDateUnavailable: b,
+		isTimeUnavailable: x,
+		locale: L,
+		maxTime: w,
+		minTime: ft,
+		readOnly: In,
+		required: Ln,
+		size: "sm",
+		timeZone: Cn,
+		variant: "plain",
+		...z === void 0 ? {} : { hourCycle: z },
+		...B === void 0 ? {} : { firstDayOfWeek: B },
+		...Bt === void 0 ? {} : { yearPivot: Bt },
+		...Et === void 0 ? {} : { referenceDateTime: Et },
+		...Dt === void 0 ? {} : { relative: Dt }
+	}, Yr = (e) => `${A}-tab-${e}`, Xr = (e) => {
+		let t = I[e], n = y(t), r = P === e, i = n === null ? t.date === null ? t.time === null ? "—" : Rn.format(t.time) : Hr(t.date) : Br(n);
+		return /* @__PURE__ */ g("button", {
+			"aria-controls": `${A}-panel`,
+			"aria-selected": r,
+			"data-part": "tab",
+			"data-part-tab": "",
+			"data-position": e,
+			disabled: !H,
+			id: Yr(e),
+			onClick: (t) => {
+				r || J(e, "pointer", t);
+			},
+			onKeyDown: Tr,
+			ref: (t) => {
+				Yt.current[e] = t;
+			},
+			role: "tab",
+			tabIndex: r ? 0 : -1,
+			type: "button",
+			...r ? { "data-current": "" } : {},
+			...n === null && t.date === null && t.time === null ? { "data-placeholder": "" } : {},
+			children: [/* @__PURE__ */ h("span", {
+				"data-part": "tab-label",
+				"data-part-tab-label": "",
+				children: Pn(e)
+			}), /* @__PURE__ */ h("span", {
+				"data-part": "tab-value",
+				"data-part-tab-value": "",
+				children: i
+			})]
+		});
+	}, Zr = () => {
+		let e = P, t = Z[e], n = ir(e), r = I[e].time, a = X(e);
+		return /* @__PURE__ */ g("div", {
+			"data-part": "panel",
+			"data-part-panel": "",
+			"data-position": e,
+			id: `${A}-panel`,
+			children: [/* @__PURE__ */ h("div", {
+				"data-part": "date-panel",
+				"data-part-date-panel": "",
+				children: /* @__PURE__ */ h(i, {
+					fixedWeeks: nt,
+					focusedDate: Jn,
+					isDateUnavailable: Qn,
+					locale: L,
+					max: S?.date,
+					min: T?.date,
+					months: jn,
+					onFocusedDateChange: (e) => Yn(e),
+					onPreviewChange: vn,
+					onValueChange: xr,
+					onViewChange: hn,
+					readOnly: In,
+					ref: qt,
+					selectionMode: "range",
+					timeZone: Cn,
+					value: Xn,
+					view: mn,
+					weekNumbers: zt,
+					...B === void 0 ? {} : { firstDayOfWeek: B }
+				})
+			}), t.length === 0 ? /* @__PURE__ */ h("div", {
+				"data-part": "empty",
+				"data-part-empty": "",
+				children: O("empty")
+			}) : /* @__PURE__ */ h("div", {
+				"aria-describedby": Ir === "" ? void 0 : Lr,
+				"aria-labelledby": Yr(e),
+				"data-part": "list",
+				"data-part-list": "",
+				onBlur: (e) => {
+					e.currentTarget.contains(e.relatedTarget) || Sn(!1);
+				},
+				onFocus: () => Sn(!0),
+				onKeyDown: Dr(e),
+				onPointerLeave: () => bn(null),
+				ref: Jt,
+				role: "listbox",
+				...er ? {
+					"aria-description": O("truncated"),
+					"data-truncated": ""
+				} : {},
+				children: t.map((t, i) => {
+					let o = tr[e][i] ?? "", s = we(t.time, r), c = i === n, l = nr(e, t);
+					return /* @__PURE__ */ h("div", {
+						"aria-disabled": t.unavailable ? !0 : void 0,
+						"aria-selected": s,
+						"data-part": "option",
+						"data-part-option": "",
+						onClick: (n) => vr(e, t, n),
+						onPointerEnter: () => bn(t.unavailable ? null : {
+							position: e,
+							time: t.time
+						}),
+						role: "option",
+						tabIndex: c ? 0 : -1,
+						...t.unavailable ? { "data-disabled": "" } : {},
+						...s ? { "data-selected": "" } : {},
+						...c ? { "data-current": "" } : {},
+						children: kt === void 0 ? /* @__PURE__ */ g(ie, { children: [o, l === null ? null : /* @__PURE__ */ h("span", {
+							"data-part": "option-duration",
+							"data-part-option-duration": "",
+							children: l
+						})] }) : kt({
+							current: c,
+							date: a,
+							duration: l,
+							label: o,
+							position: e,
+							selected: s,
+							time: t.time,
+							unavailable: t.unavailable
+						})
+					}, `${a.year}-${a.month}-${a.day}-${t.time.hour}-${t.time.minute}-${t.time.second}`);
+				})
+			})]
+		});
+	}, Qr = {
+		held: N,
+		choose: Sr
+	}, $r = cr ? /* @__PURE__ */ h("div", {
+		"data-part": "positioner",
+		"data-part-positioner": "",
+		"data-presentation": rn ? "sheet" : "popover",
+		"data-ui": "datetime-range-picker",
+		"data-ui-datetime-range-picker": "",
+		ref: Xt,
+		...M ? { "data-open": "" } : {},
+		children: /* @__PURE__ */ g("div", {
+			"aria-label": Rr,
+			"data-part": "content",
+			"data-part-content": "",
+			id: A,
+			role: "dialog",
+			children: [
+				/* @__PURE__ */ g("div", {
+					"data-part": "head",
+					"data-part-head": "",
+					children: [
+						/* @__PURE__ */ g("div", {
+							"data-part": "tabs",
+							"data-part-tabs": "",
+							role: "tablist",
+							children: [Xr("start"), Xr("end")]
+						}),
+						/* @__PURE__ */ h("div", {
+							"data-part": "field",
+							"data-part-field": "",
+							"data-position": P,
+							ref: Kt,
+							children: /* @__PURE__ */ h(o, {
+								...Jr,
+								"aria-describedby": Ir === "" ? void 0 : Lr,
+								"aria-label": Pn(P),
+								invalid: P === "end" && Nr.includes("order") ? !0 : void 0,
+								max: P === "start" ? Kr : S,
+								min: P === "end" ? qr : T,
+								onValueChange: Cr,
+								ref: Gt,
+								value: P === "start" ? Ur : Wr
+							})
+						}),
+						/* @__PURE__ */ h("button", {
+							"data-part": "now",
+							"data-part-now": "",
+							disabled: !H,
+							onClick: (e) => yr(P, e),
+							type: "button",
+							children: O("now")
+						}),
+						/* @__PURE__ */ h("span", {
+							"data-part": "hint",
+							"data-part-hint": "",
+							id: Lr,
+							...Pr === void 0 ? {} : { "data-invalid": "" },
+							children: Ir
+						}),
+						/* @__PURE__ */ h("span", {
+							"aria-live": "polite",
+							"data-part": "length",
+							"data-part-length": "",
+							...kr === null ? {} : { "data-pending": "" },
+							children: Ar
+						}),
+						jr === null ? null : /* @__PURE__ */ h("span", {
+							"data-part": "limit",
+							"data-part-limit": "",
+							children: jr
+						})
+					]
+				}),
+				Ct === void 0 ? null : /* @__PURE__ */ h(Ke.Provider, {
+					value: Qr,
+					children: /* @__PURE__ */ h("div", {
+						"data-part": "presets",
+						"data-part-presets": "",
+						children: Ct
+					})
+				}),
+				Zr(),
+				/* @__PURE__ */ g("div", {
+					"data-part": "footer",
+					"data-part-footer": "",
+					children: [rt, /* @__PURE__ */ h("button", {
+						"data-part": "done",
+						"data-part-done": "",
+						onClick: br,
+						type: "button",
+						children: O("done")
+					})]
+				})
+			]
+		})
+	}) : null, ei = /* @__PURE__ */ g(ie, { children: [/* @__PURE__ */ g("div", {
+		"data-part": "control",
+		"data-part-control": "",
+		children: [
+			/* @__PURE__ */ g("button", {
+				"aria-controls": M ? A : void 0,
+				"aria-expanded": M,
+				"aria-haspopup": "dialog",
+				"aria-label": Rr,
+				"data-part": "trigger",
+				"data-part-trigger": "",
+				disabled: !H,
+				onClick: (e) => {
+					mr.current = "field", q(!M, "pointer", e);
+				},
+				onKeyDown: Er,
+				ref: k,
+				type: "button",
+				children: [/* @__PURE__ */ h("span", {
+					"data-part": "summary",
+					"data-part-summary": "",
+					...Vr === null ? { "data-placeholder": "" } : {},
+					children: Vr ?? O("choose")
+				}), /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "calendar" }) })]
+			}),
+			ye && N !== null ? /* @__PURE__ */ h("button", {
+				"aria-label": O("clear"),
+				"data-part": "clear",
+				"data-part-clear": "",
+				disabled: !H,
+				onClick: (e) => {
+					gn(We), Gn(null, "clear", e), J("start", "clear", e), k.current?.focus();
+				},
+				type: "button",
+				children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "x" }) })
+			}) : null,
+			/* @__PURE__ */ h("input", {
+				"data-part": "hidden-input",
+				"data-part-hidden-input": "",
+				name: Mt,
+				type: "hidden",
+				value: G === null ? "" : Me(G)
+			}),
+			/* @__PURE__ */ h("input", {
+				"data-part": "hidden-input",
+				"data-part-hidden-input": "",
+				name: Je,
+				type: "hidden",
+				value: K === null ? "" : Me(K)
+			})
+		]
+	}), Zt === null ? $r : null] }), ti = s({
+		...Vt,
+		children: ei,
+		className: ee,
+		style: Pt,
+		...Fn === !0 ? { "data-disabled": "" } : {},
+		...Wn === !0 ? { "data-invalid": "" } : {},
+		...In === !0 ? { "data-readonly": "" } : {},
+		...Ln === !0 ? { "data-required": "" } : {},
+		...M ? { "data-open": "" } : {},
+		"data-calendar": wn,
+		"data-granularity": R,
+		"data-part": "root",
+		"data-size": Tn,
+		"data-ui": "datetime-range-picker",
+		"data-variant": En,
+		ref: Wt
+	});
+	return /* @__PURE__ */ g(ie, { children: [Ot === void 0 ? /* @__PURE__ */ h("div", { ...ti }) : Ot(ti), Zt === null ? null : de($r, Zt)] });
+}
+function nt({ children: e, onClick: t, ref: n, render: r, value: i, ...a }) {
+	let o = ee(Ke), c = typeof i == "function" ? i() : i, l = o !== null && Ye(o.held, c), u = s({
+		...a,
+		children: e,
+		"data-part": "preset",
+		...l ? { "data-selected": "" } : {},
+		onClick: (e) => {
+			t?.(e), !e.defaultPrevented && o?.choose(typeof i == "function" ? i() : i, e);
+		},
+		ref: n,
+		type: "button"
+	});
+	return r === void 0 ? /* @__PURE__ */ h("button", { ...u }) : r(u);
+}
+//#endregion
+export { Fe as a, Pe as c, v as i, Le as l, nt as n, Ne as o, Ye as r, Re as s, tt as t };