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

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

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