@slotted/react 0.0.0-stage → 0.1.0-beta.1

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

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