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

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

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