@slotted/react 0.1.0-beta.2 → 0.1.0-beta.3

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

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