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

package/dist/time-range-picker-IKd3NKiC.js

@@ -0,0 +1,779 @@
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { b as i } from "./field-DKA-qsCV.js";
+import { t as a } from "./time-field-8ZgiPHW6.js";
+import { keyedProps as o } from "@slotted/core/selector-key";
+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 { timeRangePickerMessages as fe } from "@slotted/core/i18n";
+import { compareTime as g, createTimeFormat as pe, durationLabel as me, firstUnavailableIndex as he, hourJump as ge, isSameTime as _, isTruncated as _e, nearestIndex as ve, nowIn as ye, openingIndex as be, runRefusal as xe, secondsOfDay as Se, timeList as Ce, timeRangeProblems as we, timeRangeSeconds as v, toISOTime as Te } from "@slotted/core/date";
+//#region src/time-range-picker/time-range-picker-defaults.tsx
+var Ee = 900, De = 1440;
+function Oe(e, t) {
+	return me(e, t);
+}
+var ke = c({
+	closeOnSelect: "auto",
+	granularity: "minute",
+	hourCycle: void 0,
+	lengthLabel: Oe,
+	maxOptions: De,
+	placement: "bottom-start",
+	size: "md",
+	step: 900,
+	timeZone: void 0,
+	unavailableOptions: "disable",
+	variant: "outline"
+});
+function Ae() {
+	return ee(ke);
+}
+function je({ children: e, ...t }) {
+	let n = Ae();
+	return /* @__PURE__ */ m(ke.Provider, {
+		value: {
+			closeOnSelect: t.closeOnSelect ?? n.closeOnSelect,
+			granularity: t.granularity ?? n.granularity,
+			hourCycle: t.hourCycle ?? n.hourCycle,
+			lengthLabel: t.lengthLabel ?? n.lengthLabel,
+			maxOptions: t.maxOptions ?? n.maxOptions,
+			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/time-range-picker/time-range-picker.tsx
+var Me = "(max-width: 480px) and (pointer: coarse)", Ne = {
+	hour: 12,
+	minute: 0,
+	second: 0
+}, Pe = {
+	start: null,
+	end: null
+}, Fe = {
+	start: null,
+	end: null
+}, Ie = c(null);
+function Le(e) {
+	return e === null || e.start === null && e.end === null ? null : e;
+}
+function Re(e, t) {
+	return e === null || t === null ? e === t : _(e.start, t.start) && _(e.end, t.end);
+}
+function ze(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 Be(e) {
+	return e === "start" ? "end" : "start";
+}
+function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: Ee = !0, defaultHighlighted: De, defaultOpen: Oe = !1, defaultPosition: ke = "start", defaultValue: je, disabled: Ve, endName: Ue, footer: We, granularity: Ge, highlighted: Ke, hourCycle: qe, invalid: Je, isTimeUnavailable: y, lengthLabel: Ye, locale: Xe, max: b, maxLength: x, maxOptions: Ze, messages: Qe, min: S, minLength: C, onHighlightedChange: $e, onKeyDown: et, onOpenChange: tt, onPositionChange: nt, onValueChange: rt, open: it, options: at, placement: ot, position: st, presets: ct, readOnly: lt, ref: ut, referenceTime: dt, relative: ft, render: pt, renderOption: mt, required: ht, size: gt, startName: _t, step: vt, style: yt, timeZone: bt, unavailableOptions: xt, value: w, variant: St, ...Ct }) {
+	let T = i(), E = Ae(), wt = n(), D = r(fe, Qe), O = f(null), k = f(null), Tt = f(null), Et = f(null), Dt = f(null), Ot = f({
+		start: null,
+		end: null
+	}), A = te(), [j, kt] = p(null), [At, jt] = p(null), [Mt, Nt] = p("unmounted"), [Pt, Ft] = p(!1), [It, Lt] = p(!1), [Rt, zt] = p(Oe), M = it ?? Rt, [Bt, Vt] = p(Le(je ?? null)), N = w === void 0 ? Bt : Le(w), [Ht, Ut] = p(ke), P = st ?? Ht, [Wt, Gt] = p(De ?? Fe), F = Ke ?? Wt, [I, L] = p(N ?? Pe), [Kt, qt] = p(null), [Jt, Yt] = p(!1), R = Xe ?? wt, Xt = bt ?? E.timeZone, Zt = Ge ?? E.granularity, z = qe ?? E.hourCycle, Qt = gt ?? T?.size ?? E.size, $t = St ?? E.variant, en = ot ?? E.placement, tn = me ?? E.closeOnSelect, nn = vt ?? E.step, rn = Ze ?? E.maxOptions, an = xt ?? E.unavailableOptions, on = Ye ?? E.lengthLabel, B = l((e) => on(e, R), [on, R]), sn = (e) => D(e), cn = Ve ?? T?.disabled, ln = lt ?? T?.readOnly, un = ht ?? T?.required, V = cn !== !0 && ln !== !0, H = d(() => pe({
+		granularity: Zt,
+		hourCycle: z,
+		locale: R
+	}), [
+		Zt,
+		z,
+		R
+	]), [dn, fn] = p(() => Ne);
+	u(() => fn(ye(Xt)), [Xt]);
+	let pn = dt ?? dn, U = N?.start ?? null, W = N?.end ?? null, mn = U !== null && W !== null && g(U, W) <= 0, hn = d(() => we(N, {
+		max: b,
+		maxLength: x,
+		min: S,
+		minLength: C,
+		unavailable: y
+	}), [
+		N,
+		y,
+		b,
+		x,
+		S,
+		C
+	]), gn = Je ?? (hn.length > 0 || T?.invalid), G = l((e, t, n) => {
+		s({
+			controlled: it,
+			initial: M,
+			onRequest: (e) => tt?.(e.value, e)
+		}).request(e, t, n) && zt(e);
+	}, [
+		M,
+		tt,
+		it
+	]), K = l((e, t, n) => {
+		let r = Le(e);
+		s({
+			controlled: w === void 0 ? void 0 : N,
+			initial: N,
+			equals: Re,
+			onRequest: (e) => rt?.(e.value, e)
+		}).request(r, t, n) && Vt(r);
+	}, [
+		N,
+		rt,
+		w
+	]), q = l((e, t, n) => {
+		s({
+			controlled: st,
+			initial: P,
+			onRequest: (e) => nt?.(e.value, e)
+		}).request(e, t, n) && Ut(e);
+	}, [
+		P,
+		nt,
+		st
+	]), _n = l((e, t, n) => {
+		s({
+			controlled: Ke,
+			initial: F,
+			equals: (e, t) => _(e.start, t.start) && _(e.end, t.end),
+			onRequest: (e) => $e?.(e.value, e)
+		}).request(e, t, n) && Gt(e);
+	}, [
+		F,
+		Ke,
+		$e
+	]), vn = f(!1);
+	u(() => {
+		if (M && !vn.current) {
+			L(N ?? Pe), qt(null);
+			let e = N?.start == null ? "start" : N.end === null ? "end" : null;
+			e !== null && e !== P && q(e, "programmatic", void 0);
+		}
+		vn.current = M;
+	}, [
+		P,
+		N,
+		M,
+		q
+	]);
+	let yn = d(() => ({
+		isTimeUnavailable: y,
+		max: b,
+		maxOptions: rn,
+		min: S,
+		options: at,
+		step: nn
+	}), [
+		y,
+		b,
+		S,
+		at,
+		rn,
+		nn
+	]), bn = d(() => Ce(yn), [yn]), xn = d(() => _e(yn), [yn]), Sn = l((e) => {
+		let t = I[Be(e)], n = () => !1;
+		if (t !== null) {
+			let r = e === "end" ? 1 : -1, i = Se(t), a = ve(bn, t), o = Ee ? he(bn, a, r) : -1;
+			n = (e, t) => xe(i, Se(e.time), r, {
+				maxLength: x,
+				minLength: C
+			}) || o >= 0 && (r === 1 ? t >= o : t <= o);
+		}
+		let r = bn.map((e, t) => e.unavailable || !n(e, t) ? e : {
+			...e,
+			unavailable: !0
+		});
+		return an === "hide" ? r.filter((e) => !e.unavailable) : r;
+	}, [
+		bn,
+		Ee,
+		x,
+		C,
+		an,
+		I
+	]), J = d(() => ({
+		start: Sn("start"),
+		end: Sn("end")
+	}), [Sn]), Cn = d(() => ({
+		start: J.start.map((e) => H.format(e.time)),
+		end: J.end.map((e) => H.format(e.time))
+	}), [H, J]), wn = l((e, t) => {
+		let n = I[Be(e)];
+		if (n === null || t.unavailable) return null;
+		let r = e === "end" ? v(n, t.time) : v(t.time, n);
+		return B(r);
+	}, [B, I]), Tn = l((e) => {
+		let t = I[Be(e)];
+		return be(J[e], I[e] ?? t ?? pn, t, e);
+	}, [
+		pn,
+		J,
+		I
+	]), Y = l((e) => {
+		let t = F[e];
+		return t === null ? -1 : J[e].findIndex((e) => _(e.time, t));
+	}, [F, J]), X = l((e, t, n) => {
+		let r = J[e], i = r[Math.max(0, Math.min(r.length - 1, t))];
+		i !== void 0 && _n({
+			...F,
+			[e]: i.time
+		}, "keyboard", n);
+	}, [
+		F,
+		J,
+		_n
+	]);
+	u(() => {
+		if (!M) return;
+		let e = { ...F };
+		for (let t of ["start", "end"]) {
+			let n = Tn(t);
+			e[t] = n < 0 ? null : J[t][n]?.time ?? null;
+		}
+		(!_(e.start, F.start) || !_(e.end, F.end)) && _n(e, "programmatic", void 0);
+	}, [M, J]);
+	let En = f(!1);
+	u(() => {
+		if (!M || j === null) {
+			En.current = !1;
+			return;
+		}
+		let e = !En.current;
+		En.current = !0;
+		let t = Dt.current, n = Y(P), r = t?.querySelectorAll("[data-part=\"option\"]")[n];
+		n < 0 || t === null || r === void 0 || ze(t, r, e);
+	}, [
+		P,
+		Y,
+		M,
+		j
+	]);
+	let Dn = f({
+		start: le({ locale: () => R }),
+		end: le({ locale: () => R })
+	});
+	u(() => {
+		let e = Dn.current;
+		return () => {
+			e.start.destroy(), e.end.destroy();
+		};
+	}, []);
+	let On = f(null);
+	u(() => {
+		let e = ae({
+			present: M,
+			onStatusChange: Nt
+		});
+		return On.current = e, Nt(e.status), () => {
+			e.destroy(), On.current = null;
+		};
+	}, []), u(() => On.current?.sync(M), [M]), u(() => On.current?.setNode(j), [j]);
+	let kn = M || Mt !== "unmounted";
+	u(() => {
+		let e = O.current;
+		if (e === null || Pt) return;
+		let t = () => Ft(!0);
+		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
+			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
+		};
+	}, [Pt]);
+	let An = kn || Pt;
+	re(() => {
+		if (!An) {
+			jt(null);
+			return;
+		}
+		let e = oe({
+			origin: k.current,
+			disabled: !1
+		});
+		return jt(e.container), () => e.release();
+	}, [An]), u(() => {
+		if (typeof window > "u" || typeof window.matchMedia != "function") return;
+		let e = window.matchMedia(Me), t = () => Lt(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), re(() => {
+		if (j === null || O.current === null || It) return;
+		let e = O.current.querySelector("[data-part=\"control\"]") ?? O.current, [t, n = "center"] = en.split("-"), r = ce(e, j, {
+			align: n,
+			side: t
+		});
+		return r.update(), () => {
+			r.destroy(), j.removeAttribute("data-positioned");
+		};
+	}, [
+		j,
+		en,
+		It
+	]), u(() => {
+		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) => {
+				(e.reason !== "escape" || j.querySelector("[data-ui=\"time-field\"][data-relative]") === null) && (G(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && k.current?.focus({ preventScroll: !0 }));
+			}
+		});
+		return () => t.destroy();
+	}, [
+		M,
+		j,
+		G
+	]);
+	let Z = l((e) => {
+		Dt.current?.querySelectorAll("[data-part=\"option\"]")[e]?.focus();
+	}, []), jn = l(() => {
+		let e = Et.current;
+		if (e !== null && getComputedStyle(e).display === "none") {
+			Z(Math.max(0, Y(P)));
+			return;
+		}
+		Tt.current?.focus();
+	}, [
+		P,
+		Z,
+		Y
+	]), Mn = l((e, t) => {
+		let n = Y(e), r = n >= 0 ? n : Tn(e);
+		if (e !== P && q(e, "select", t), r < 0) {
+			requestAnimationFrame(() => Tt.current?.focus());
+			return;
+		}
+		X(e, r, t), requestAnimationFrame(() => Z(r));
+	}, [
+		P,
+		Z,
+		Y,
+		X,
+		Tn,
+		q
+	]), Q = f(null);
+	u(() => {
+		if (!M || j === null || Q.current === null) return;
+		let e = Q.current;
+		if (Q.current = null, e === "list") {
+			Mn(P, void 0);
+			return;
+		}
+		requestAnimationFrame(jn);
+	}, [
+		P,
+		Mn,
+		jn,
+		M,
+		j
+	]), ne(ut, () => ({
+		focus: () => k.current?.focus(),
+		open: () => G(!0, "keyboard", void 0),
+		close: () => G(!1, "keyboard", void 0)
+	}), [G]);
+	let Nn = (e, t) => {
+		(tn === "always" || tn === "auto" && e) && (G(!1, "select", t), k.current?.focus({ preventScroll: !0 }));
+	}, Pn = (e, t, n) => {
+		let r = I.start !== null && I.end !== null, i = {
+			...I,
+			[e]: t
+		};
+		if (L(i), _n({
+			...F,
+			[e]: t
+		}, "pointer", n), i.start !== null && i.end !== null) {
+			K(i, "select", n), q(e, "select", n), Nn(!r, n);
+			return;
+		}
+		Mn(Be(e), n);
+	}, Fn = (e, t, n) => {
+		!t.unavailable && V && Pn(e, t.time, n);
+	}, In = (e) => {
+		I.start !== null && I.end !== null && !Re(I, N) && K(I, "select", e), G(!1, "pointer", e), k.current?.focus({ preventScroll: !0 });
+	}, Ln = (e, t) => {
+		L(e), K(e, "select", t), q("start", "select", t), Nn(!0, t);
+	}, Rn = (e, t) => {
+		let n = {
+			...I,
+			[P]: e
+		};
+		L(n), K(n, t.reason, t.source);
+	}, zn = (e) => Ot.current[e]?.focus({ preventScroll: !0 }), Bn = (e) => {
+		if (et?.(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 && q(t, "keyboard", e), zn(t));
+	}, Vn = (e) => {
+		if (et?.(e), !e.defaultPrevented && V) {
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault(), Q.current = "list", M ? Mn(P, e) : G(!0, "keyboard", e);
+				return;
+			}
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Q.current = "field", G(!M, "keyboard", e));
+		}
+	}, Hn = (e) => (t) => {
+		if (et?.(t), t.defaultPrevented) return;
+		let n = J[e], r = Y(e), i = r >= 0 ? r : 0;
+		switch (t.key) {
+			case "ArrowDown":
+				t.preventDefault(), X(e, i + 1, t), Z(Math.min(n.length - 1, i + 1));
+				return;
+			case "ArrowUp":
+				t.preventDefault(), X(e, i - 1, t), Z(Math.max(0, i - 1));
+				return;
+			case "Home":
+				t.preventDefault(), X(e, 0, t), Z(0);
+				return;
+			case "End":
+				t.preventDefault(), X(e, n.length - 1, t), Z(n.length - 1);
+				return;
+			case "PageDown": {
+				t.preventDefault();
+				let r = ge(n, i, 1);
+				X(e, r, t), Z(r);
+				return;
+			}
+			case "PageUp": {
+				t.preventDefault();
+				let r = ge(n, i, -1);
+				X(e, r, t), Z(r);
+				return;
+			}
+			case "Enter":
+			case " ": {
+				t.preventDefault();
+				let r = n[i];
+				r !== void 0 && Fn(e, r, t);
+				return;
+			}
+		}
+		let a = Dn.current[e];
+		if (ue(t.key, a.query.length > 0)) {
+			let n = a.match(t.key, Cn[e], i);
+			if (n < 0) return;
+			t.preventDefault(), X(e, n, t), Z(n);
+		}
+	}, Un = Kt ?? (Jt ? He(P, F) : null), Wn = Un === null ? null : {
+		...I,
+		[Un.position]: Un.time
+	}, Gn = ((e) => e.start !== null && e.end !== null ? B(v(e.start, e.end)) : "")(Wn === null ? I : Wn), Kn = C !== void 0 && x !== void 0 ? D("limit.between", {
+		min: B(C),
+		max: B(x)
+	}) : C === void 0 ? x === void 0 ? null : D("limit.atMost", { max: B(x) }) : D("limit.atLeast", { min: B(C) }), qn = I.start !== null && I.end !== null ? we(I, {
+		max: b,
+		maxLength: x,
+		min: S,
+		minLength: C,
+		unavailable: y
+	}) : [], $ = qn[0], Jn = I[P] === null ? D("chooseTime", { end: sn(P) }) : $ === void 0 ? "" : D($ === "min" || $ === "max" ? "bounds" : $), Yn = `${A}-hint`, Xn = U !== null && W !== null ? mn ? D("change", {
+		start: H.describe(U),
+		end: H.describe(W),
+		length: B(v(U, W))
+	}) : D("changeReversed", {
+		start: H.describe(U),
+		end: H.describe(W)
+	}) : D("choose"), Zn = N === null ? null : `${U === null ? "" : H.format(U)} – ${W === null ? "" : H.format(W)}`.trim(), Qn = I.start !== null && I.end !== null && g(I.start, I.end) <= 0, $n = Qn && (b === void 0 || g(I.end, b) < 0) ? I.end : b, er = Qn && (S === void 0 || g(I.start, S) > 0) ? I.start : S, tr = {
+		disabled: cn,
+		granularity: Zt,
+		isTimeUnavailable: y,
+		locale: R,
+		readOnly: ln,
+		required: un,
+		size: "sm",
+		timeZone: Xt,
+		variant: "plain",
+		...z === void 0 ? {} : { hourCycle: z },
+		...dt === void 0 ? {} : { referenceTime: dt },
+		...ft === void 0 ? {} : { relative: ft }
+	}, nr = (e) => `${A}-tab-${e}`, rr = (e) => {
+		let t = I[e], n = P === e;
+		return /* @__PURE__ */ h("button", {
+			"aria-controls": `${A}-panel`,
+			"aria-selected": n,
+			"data-part": "tab",
+			"data-part-tab": "",
+			"data-position": e,
+			disabled: !V,
+			id: nr(e),
+			onClick: (t) => {
+				n || q(e, "pointer", t);
+			},
+			onKeyDown: Bn,
+			ref: (t) => {
+				Ot.current[e] = t;
+			},
+			role: "tab",
+			tabIndex: n ? 0 : -1,
+			type: "button",
+			...n ? { "data-current": "" } : {},
+			...t === null ? { "data-placeholder": "" } : {},
+			children: [/* @__PURE__ */ m("span", {
+				"data-part": "tab-label",
+				"data-part-tab-label": "",
+				children: sn(e)
+			}), /* @__PURE__ */ m("span", {
+				"data-part": "tab-value",
+				"data-part-tab-value": "",
+				children: t === null ? "—" : H.format(t)
+			})]
+		});
+	}, ir = () => {
+		let e = P, t = J[e], n = Y(e), r = I[e];
+		return /* @__PURE__ */ m("div", {
+			"data-part": "panel",
+			"data-part-panel": "",
+			"data-position": e,
+			id: `${A}-panel`,
+			children: t.length === 0 ? /* @__PURE__ */ m("div", {
+				"data-part": "empty",
+				"data-part-empty": "",
+				children: D("empty")
+			}) : /* @__PURE__ */ m("div", {
+				"aria-describedby": Jn === "" ? void 0 : Yn,
+				"aria-labelledby": nr(e),
+				"data-part": "list",
+				"data-part-list": "",
+				onBlur: (e) => {
+					e.currentTarget.contains(e.relatedTarget) || Yt(!1);
+				},
+				onFocus: () => Yt(!0),
+				onKeyDown: Hn(e),
+				onPointerLeave: () => qt(null),
+				ref: Dt,
+				role: "listbox",
+				...xn ? {
+					"aria-description": D("truncated"),
+					"data-truncated": ""
+				} : {},
+				children: t.map((t, i) => {
+					let a = Cn[e][i] ?? "", o = _(t.time, r), s = i === n, c = wn(e, t);
+					return /* @__PURE__ */ m("div", {
+						"aria-disabled": t.unavailable ? !0 : void 0,
+						"aria-selected": o,
+						"data-part": "option",
+						"data-part-option": "",
+						onClick: (n) => Fn(e, t, n),
+						onPointerEnter: () => qt(t.unavailable ? null : {
+							position: e,
+							time: t.time
+						}),
+						role: "option",
+						tabIndex: s ? 0 : -1,
+						...t.unavailable ? { "data-disabled": "" } : {},
+						...o ? { "data-selected": "" } : {},
+						...s ? { "data-current": "" } : {},
+						children: mt === void 0 ? /* @__PURE__ */ h(ie, { children: [a, c === null ? null : /* @__PURE__ */ m("span", {
+							"data-part": "option-duration",
+							"data-part-option-duration": "",
+							children: c
+						})] }) : mt({
+							current: s,
+							duration: c,
+							label: a,
+							position: e,
+							selected: o,
+							time: t.time,
+							unavailable: t.unavailable
+						})
+					}, Te(t.time));
+				})
+			})
+		});
+	}, ar = {
+		held: N,
+		choose: Ln
+	}, or = kn ? /* @__PURE__ */ m("div", {
+		"data-part": "positioner",
+		"data-part-positioner": "",
+		"data-presentation": It ? "sheet" : "popover",
+		"data-ui": "time-range-picker",
+		"data-ui-time-range-picker": "",
+		ref: kt,
+		...M ? { "data-open": "" } : {},
+		children: /* @__PURE__ */ h("div", {
+			"aria-label": Xn,
+			"data-part": "content",
+			"data-part-content": "",
+			id: A,
+			role: "dialog",
+			children: [
+				/* @__PURE__ */ h("div", {
+					"data-part": "head",
+					"data-part-head": "",
+					children: [
+						/* @__PURE__ */ h("div", {
+							"data-part": "tabs",
+							"data-part-tabs": "",
+							role: "tablist",
+							children: [rr("start"), rr("end")]
+						}),
+						/* @__PURE__ */ m("div", {
+							"data-part": "field",
+							"data-part-field": "",
+							"data-position": P,
+							ref: Et,
+							children: /* @__PURE__ */ m(a, {
+								...tr,
+								"aria-describedby": Jn === "" ? void 0 : Yn,
+								"aria-label": sn(P),
+								invalid: P === "end" && qn.includes("order") ? !0 : void 0,
+								max: P === "start" ? $n : b,
+								min: P === "end" ? er : S,
+								onValueChange: Rn,
+								ref: Tt,
+								value: I[P]
+							})
+						}),
+						/* @__PURE__ */ m("button", {
+							"data-part": "now",
+							"data-part-now": "",
+							disabled: !V,
+							onClick: (e) => Pn(P, pn, e),
+							type: "button",
+							children: D("now")
+						}),
+						/* @__PURE__ */ m("span", {
+							"data-part": "hint",
+							"data-part-hint": "",
+							id: Yn,
+							...$ === void 0 ? {} : { "data-invalid": "" },
+							children: Jn
+						}),
+						/* @__PURE__ */ m("span", {
+							"aria-live": "polite",
+							"data-part": "length",
+							"data-part-length": "",
+							...Wn === null ? {} : { "data-pending": "" },
+							children: Gn
+						}),
+						Kn === null ? null : /* @__PURE__ */ m("span", {
+							"data-part": "limit",
+							"data-part-limit": "",
+							children: Kn
+						})
+					]
+				}),
+				ct === void 0 ? null : /* @__PURE__ */ m(Ie.Provider, {
+					value: ar,
+					children: /* @__PURE__ */ m("div", {
+						"data-part": "presets",
+						"data-part-presets": "",
+						children: ct
+					})
+				}),
+				ir(),
+				/* @__PURE__ */ h("div", {
+					"data-part": "footer",
+					"data-part-footer": "",
+					children: [We, /* @__PURE__ */ m("button", {
+						"data-part": "done",
+						"data-part-done": "",
+						onClick: In,
+						type: "button",
+						children: D("done")
+					})]
+				})
+			]
+		})
+	}) : null, sr = /* @__PURE__ */ h(ie, { children: [/* @__PURE__ */ h("div", {
+		"data-part": "control",
+		"data-part-control": "",
+		children: [
+			/* @__PURE__ */ h("button", {
+				"aria-controls": M ? A : void 0,
+				"aria-expanded": M,
+				"aria-haspopup": "dialog",
+				"aria-label": Xn,
+				"data-part": "trigger",
+				"data-part-trigger": "",
+				disabled: !V,
+				onClick: (e) => {
+					Q.current = "field", G(!M, "pointer", e);
+				},
+				onKeyDown: Vn,
+				ref: k,
+				type: "button",
+				children: [/* @__PURE__ */ m("span", {
+					"data-part": "summary",
+					"data-part-summary": "",
+					...Zn === null ? { "data-placeholder": "" } : {},
+					children: Zn ?? D("choose")
+				}), /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "clock" }) })]
+			}),
+			ee && N !== null ? /* @__PURE__ */ m("button", {
+				"aria-label": D("clear"),
+				"data-part": "clear",
+				"data-part-clear": "",
+				disabled: !V,
+				onClick: (e) => {
+					L(Pe), K(null, "clear", e), q("start", "clear", e), k.current?.focus();
+				},
+				type: "button",
+				children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "x" }) })
+			}) : null,
+			/* @__PURE__ */ m("input", {
+				"data-part": "hidden-input",
+				"data-part-hidden-input": "",
+				name: _t,
+				type: "hidden",
+				value: U === null ? "" : Te(U)
+			}),
+			/* @__PURE__ */ m("input", {
+				"data-part": "hidden-input",
+				"data-part-hidden-input": "",
+				name: Ue,
+				type: "hidden",
+				value: W === null ? "" : Te(W)
+			})
+		]
+	}), At === null ? or : null] }), cr = o({
+		...Ct,
+		children: sr,
+		className: c,
+		style: yt,
+		...cn === !0 ? { "data-disabled": "" } : {},
+		...gn === !0 ? { "data-invalid": "" } : {},
+		...ln === !0 ? { "data-readonly": "" } : {},
+		...un === !0 ? { "data-required": "" } : {},
+		...M ? { "data-open": "" } : {},
+		"data-granularity": Zt,
+		"data-part": "root",
+		"data-size": Qt,
+		"data-ui": "time-range-picker",
+		"data-variant": $t,
+		ref: O
+	});
+	return /* @__PURE__ */ h(ie, { children: [pt === void 0 ? /* @__PURE__ */ m("div", { ...cr }) : pt(cr), At === null ? null : de(or, At)] });
+}
+function He(e, t) {
+	let n = t[e];
+	return n === null ? null : {
+		position: e,
+		time: n
+	};
+}
+function Ue({ children: e, onClick: t, ref: n, render: r, value: i, ...a }) {
+	let s = ee(Ie), c = typeof i == "function" ? i() : i, l = s !== null && Re(s.held, c), u = o({
+		...a,
+		children: e,
+		"data-part": "preset",
+		...l ? { "data-selected": "" } : {},
+		onClick: (e) => {
+			t?.(e), !e.defaultPrevented && s?.choose(typeof i == "function" ? i() : i, e);
+		},
+		ref: n,
+		type: "button"
+	});
+	return r === void 0 ? /* @__PURE__ */ m("button", { ...u }) : r(u);
+}
+//#endregion
+export { Ee as a, Ae as c, De as i, Ue as n, je as o, Re as r, Oe as s, Ve as t };