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

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

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