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

package/dist/{datetime-picker-STqSWMkH.js → datetime-picker-CWNTsAk5.js}

@@ -1,27 +1,28 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n as e, t } from "./icon-DMdotKfc.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { t as i } from "./calendar-BZ6PP7Ke.js";
-import { b as ee } from "./field-BxQFpOXS.js";
-import { t as te } from "./datetime-field-D2f9u6im.js";
-import { tabbables as ne } from "@slotted/core/focus";
-import { createControllable as re } from "@slotted/core/state";
-import { createContext as ie, useCallback as a, useContext as ae, useEffect as o, useId as oe, useImperativeHandle as se, useLayoutEffect as ce, useMemo as s, useRef as c, useState as l } from "react";
-import { Fragment as le, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { createPresence as ue } from "@slotted/core/presence";
-import { createPortalRoot as de } from "@slotted/core/portal";
-import { createDismissableLayer as fe } from "@slotted/core/dismissable-layer";
-import { createPositioner as pe } from "@slotted/core/positioner";
-import { createTypeahead as me, isPrintable as he } from "@slotted/core/typeahead";
-import { createPortal as ge } from "react-dom";
-import { datetimePickerMessages as _e } from "@slotted/core/i18n";
-import { createDateTimeFormat as ve, dateBoundsOf as ye, dayWindow as be, hourJump as xe, isDateTimeInRange as Se, isSameDate as Ce, isSameDateTime as we, isSameTime as f, isTruncated as Te, nearestIndex as Ee, nowDateTimeIn as De, timeList as Oe, toISOTime as ke } from "@slotted/core/date";
+import { t as i } from "./calendar-C5MWMBJ-.js";
+import { b as ee } from "./field-DKA-qsCV.js";
+import { t as te } from "./datetime-field-KtkRmy6M.js";
+import { keyedProps as ne } from "@slotted/core/selector-key";
+import { tabbables as re } from "@slotted/core/focus";
+import { createControllable as ie } from "@slotted/core/state";
+import { createContext as ae, useCallback as a, useContext as oe, useEffect as o, useId as se, useImperativeHandle as ce, useLayoutEffect as le, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as ue, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createPresence as de } from "@slotted/core/presence";
+import { createPortalRoot as fe } from "@slotted/core/portal";
+import { createDismissableLayer as pe } from "@slotted/core/dismissable-layer";
+import { createPositioner as me } from "@slotted/core/positioner";
+import { createTypeahead as he, isPrintable as ge } from "@slotted/core/typeahead";
+import { createPortal as _e } from "react-dom";
+import { datetimePickerMessages as ve } from "@slotted/core/i18n";
+import { createDateTimeFormat as ye, dateBoundsOf as be, dayWindow as xe, hourJump as Se, isDateTimeInRange as Ce, isSameDate as we, isSameDateTime as Te, isSameTime as f, isTruncated as Ee, nearestIndex as De, nowDateTimeIn as Oe, timeList as ke, toISOTime as Ae } from "@slotted/core/date";
 //#region src/datetime-picker/datetime-picker-defaults.tsx
-var Ae = 1440, je = ie({
+var je = 1440, Me = ae({
 	calendar: "gregory",
 	closeOnSelect: "auto",
 	granularity: "minute",
 	hourCycle: void 0,
-	maxOptions: Ae,
+	maxOptions: je,
 	openTo: "date",
 	placement: "bottom-start",
 	size: "md",
@@ -30,12 +31,12 @@ var Ae = 1440, je = ie({
 	unavailableOptions: "disable",
 	variant: "outline"
 });
-function Me() {
-	return ae(je);
+function Ne() {
+	return oe(Me);
 }
-function Ne({ children: e, ...t }) {
-	let n = Me();
-	return /* @__PURE__ */ u(je.Provider, {
+function Pe({ children: e, ...t }) {
+	let n = Ne();
+	return /* @__PURE__ */ u(Me.Provider, {
 		value: {
 			calendar: t.calendar ?? n.calendar,
 			closeOnSelect: t.closeOnSelect ?? n.closeOnSelect,
@@ -55,7 +56,7 @@ function Ne({ children: e, ...t }) {
 }
 //#endregion
 //#region src/datetime-picker/datetime-picker.tsx
-var Pe = "(max-width: 480px) and (pointer: coarse)", Fe = {
+var Fe = "(max-width: 480px) and (pointer: coarse)", Ie = {
 	date: {
 		year: 2e3,
 		month: 1,
@@ -67,8 +68,8 @@ var Pe = "(max-width: 480px) and (pointer: coarse)", Fe = {
 		second: 0
 	}
 };
-function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je, defaultHighlighted: Ne, defaultOpen: Ie = !1, defaultValue: Re, disabled: ze, firstDayOfWeek: p, footer: Be, granularity: Ve, highlighted: m, hourCycle: He, invalid: Ue, isDateUnavailable: h, isTimeUnavailable: g, locale: We, max: _, messages: Ge, maxOptions: Ke, maxTime: qe, min: v, minTime: Je, months: Ye, name: Xe, onHighlightedChange: Ze, onKeyDown: Qe, onOpenChange: $e, onValueChange: et, open: tt, openTo: nt, options: rt, placement: it, presets: at, readOnly: ot, ref: st, referenceDateTime: y, relative: ct, render: lt, renderOption: ut, required: dt, size: ft, step: pt, style: mt, timeZone: ht, unavailableOptions: gt, value: _t, variant: vt, weekNumbers: yt, ...bt }) {
-	let b = ee(), x = Me(), xt = n(), S = r(_e, Ge), C = c(null), St = c(null), Ct = c(null), w = c(null), wt = c(null), Tt = c(null), Et = oe(), Dt = `${Et}-time`, [T, Ot] = l(null), [E, kt] = l(null), [At, jt] = l("unmounted"), [Mt, Nt] = l(!1), [Pt, Ft] = l(!1), [It, Lt] = l("day"), [Rt, zt] = l(Ie), D = c(!1), O = tt ?? Rt, [Bt, Vt] = l(Re ?? null), k = _t ?? Bt, [A, j] = l(null), [M, N] = l(null), P = c(null), F = We ?? xt, I = ht ?? x.timeZone, L = Ve ?? x.granularity, R = He ?? x.hourCycle, Ht = ie ?? x.calendar, Ut = ft ?? b?.size ?? x.size, Wt = vt ?? x.variant, Gt = it ?? x.placement, Kt = nt ?? x.openTo, qt = je ?? x.closeOnSelect, Jt = pt ?? x.step, Yt = Ke ?? x.maxOptions, Xt = gt ?? x.unavailableOptions, Zt = ze ?? b?.disabled, z = ot ?? b?.readOnly, Qt = dt ?? b?.required, B = Zt !== !0 && z !== !0, V = s(() => ve({
+function Le({ calendar: ae, className: oe, clearable: je = !1, closeOnSelect: Me, defaultHighlighted: Pe, defaultOpen: Le = !1, defaultValue: ze, disabled: Be, firstDayOfWeek: p, footer: Ve, granularity: He, highlighted: m, hourCycle: Ue, invalid: We, isDateUnavailable: h, isTimeUnavailable: g, locale: Ge, max: _, messages: Ke, maxOptions: qe, maxTime: Je, min: v, minTime: Ye, months: Xe, name: Ze, onHighlightedChange: Qe, onKeyDown: $e, onOpenChange: et, onValueChange: tt, open: nt, openTo: rt, options: it, placement: at, presets: ot, readOnly: st, ref: ct, referenceDateTime: y, relative: lt, render: ut, renderOption: dt, required: ft, size: pt, step: mt, style: ht, timeZone: gt, unavailableOptions: _t, value: vt, variant: yt, weekNumbers: bt, ...xt }) {
+	let b = ee(), x = Ne(), St = n(), S = r(ve, Ke), C = c(null), Ct = c(null), wt = c(null), w = c(null), Tt = c(null), Et = c(null), Dt = se(), Ot = `${Dt}-time`, [T, kt] = l(null), [E, At] = l(null), [jt, Mt] = l("unmounted"), [Nt, Pt] = l(!1), [Ft, It] = l(!1), [Lt, Rt] = l("day"), [zt, Bt] = l(Le), D = c(!1), O = nt ?? zt, [Vt, Ht] = l(ze ?? null), k = vt ?? Vt, [A, j] = l(null), [M, N] = l(null), P = c(null), F = Ge ?? St, I = gt ?? x.timeZone, L = He ?? x.granularity, R = Ue ?? x.hourCycle, Ut = ae ?? x.calendar, Wt = pt ?? b?.size ?? x.size, Gt = yt ?? x.variant, Kt = at ?? x.placement, qt = rt ?? x.openTo, Jt = Me ?? x.closeOnSelect, Yt = mt ?? x.step, Xt = qe ?? x.maxOptions, Zt = _t ?? x.unavailableOptions, Qt = Be ?? b?.disabled, z = st ?? b?.readOnly, $t = ft ?? b?.required, B = Qt !== !0 && z !== !0, V = s(() => ye({
 		granularity: L,
 		hourCycle: R,
 		locale: F,
@@ -78,74 +79,74 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 		L,
 		R,
 		F
-	]), [$t, en] = l(() => Fe);
-	o(() => en(De(I)), [I]);
-	let tn = y ?? $t, nn = s(() => ({
+	]), [en, tn] = l(() => Ie);
+	o(() => tn(Oe(I)), [I]);
+	let nn = y ?? en, rn = s(() => ({
 		max: _,
-		maxTime: qe,
+		maxTime: Je,
 		min: v,
-		minTime: Je
+		minTime: Ye
 	}), [
 		_,
-		qe,
+		Je,
 		v,
-		Je
-	]), rn = k === null ? null : be(k.date, nn), an = k !== null && (!Se(k, v, _) || rn === null || h?.(k.date) === !0 || g?.(k.time, k.date) === !0), on = Ue ?? (an ? !0 : b?.invalid), [sn, cn] = l(() => Ne ?? {
-		date: (Re ?? y ?? Fe).date,
+		Ye
+	]), an = k === null ? null : xe(k.date, rn), on = k !== null && (!Ce(k, v, _) || an === null || h?.(k.date) === !0 || g?.(k.time, k.date) === !0), sn = We ?? (on ? !0 : b?.invalid), [cn, ln] = l(() => Pe ?? {
+		date: (ze ?? y ?? Ie).date,
 		time: null
-	}), H = m ?? sn, ln = c(!1), U = k?.date ?? A ?? H.date, W = a((e, t, n) => {
-		let r = re({
+	}), H = m ?? cn, un = c(!1), U = k?.date ?? A ?? H.date, W = a((e, t, n) => {
+		let r = ie({
 			controlled: m,
 			initial: H,
-			equals: (e, t) => Ce(e.date, t.date) && f(e.time ?? null, t.time ?? null),
-			onRequest: (e) => Ze?.(e.value, e)
+			equals: (e, t) => we(e.date, t.date) && f(e.time ?? null, t.time ?? null),
+			onRequest: (e) => Qe?.(e.value, e)
 		});
-		t !== "programmatic" && (ln.current = !0), r.request(e, t, n) && cn(e);
+		t !== "programmatic" && (un.current = !0), r.request(e, t, n) && ln(e);
 	}, [
 		H,
 		m,
-		Ze
+		Qe
 	]);
 	o(() => {
-		if (ln.current || m !== void 0) return;
-		let e = k?.date ?? tn.date;
-		Ce(e, H.date) || W({
+		if (un.current || m !== void 0) return;
+		let e = k?.date ?? nn.date;
+		we(e, H.date) || W({
 			date: e,
 			time: H.time
 		}, "programmatic", void 0);
-	}, [tn, k]);
-	let G = s(() => be(U, nn), [nn, U]), un = s(() => ({
+	}, [nn, k]);
+	let G = s(() => xe(U, rn), [rn, U]), dn = s(() => ({
 		isTimeUnavailable: g === void 0 ? void 0 : (e) => g(e, U),
 		max: G?.latest,
-		maxOptions: Yt,
+		maxOptions: Xt,
 		min: G?.earliest,
-		options: rt,
-		step: Jt
+		options: it,
+		step: Yt
 	}), [
 		g,
 		U,
-		rt,
+		it,
+		Xt,
 		Yt,
-		Jt,
 		G
 	]), K = s(() => {
 		if (G === null || h?.(U) === !0) return [];
-		let e = Oe(un);
-		return Xt === "hide" ? e.filter((e) => !e.unavailable) : e;
+		let e = ke(dn);
+		return Zt === "hide" ? e.filter((e) => !e.unavailable) : e;
 	}, [
 		h,
 		U,
-		un,
-		Xt,
+		dn,
+		Zt,
 		G
-	]), dn = s(() => Te(un), [un]), fn = s(() => K.map((e) => V.time.format(e.time)), [V, K]), pn = a(() => {
+	]), fn = s(() => Ee(dn), [dn]), pn = s(() => K.map((e) => V.time.format(e.time)), [V, K]), mn = a(() => {
 		if (K.length === 0) return -1;
-		let e = k?.time ?? tn.time, t = Ee(K, e);
+		let e = k?.time ?? nn.time, t = De(K, e);
 		if (t >= 0 && K[t]?.unavailable !== !0) return t;
 		let n = K.findIndex((e) => !e.unavailable);
 		return n >= 0 ? n : 0;
 	}, [
-		tn,
+		nn,
 		k,
 		K
 	]), q = s(() => H.time === null ? -1 : K.findIndex((e) => f(e.time, H.time)), [H, K]), J = a((e, t) => {
@@ -159,77 +160,77 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 		U,
 		W
 	]), Y = a((e, t, n, r = !0) => {
-		re({
-			controlled: tt,
+		ie({
+			controlled: nt,
 			initial: O,
 			onRequest: (e) => {
-				$e?.(e.value, e), D.current = r && e.value && !e.cancelled;
+				et?.(e.value, e), D.current = r && e.value && !e.cancelled;
 			}
-		}).request(e, t, n) && zt(e);
+		}).request(e, t, n) && Bt(e);
 	}, [
 		O,
-		$e,
-		tt
+		et,
+		nt
 	]), X = a((e, t) => {
-		re({
-			controlled: _t,
+		ie({
+			controlled: vt,
 			initial: k,
-			equals: we,
-			onRequest: (e) => et?.(e.value, e)
-		}).request(e, t.reason, t.source) && Vt(e);
+			equals: Te,
+			onRequest: (e) => tt?.(e.value, e)
+		}).request(e, t.reason, t.source) && Ht(e);
 	}, [
 		k,
-		et,
-		_t
-	]), [mn] = l(() => Re ?? null);
+		tt,
+		vt
+	]), [hn] = l(() => ze ?? null);
 	o(() => {
 		let e = C.current?.closest("form");
 		if (e == null) return;
 		let t = (e) => {
-			j(null), N(null), X(mn, {
+			j(null), N(null), X(hn, {
 				reason: "programmatic",
 				source: e
 			});
 		};
 		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [mn, X]);
-	let hn = c(null);
+	}, [hn, X]);
+	let gn = c(null);
 	o(() => {
-		let e = ue({
+		let e = de({
 			present: O,
-			onStatusChange: jt
+			onStatusChange: Mt
 		});
-		return hn.current = e, jt(e.status), () => {
-			e.destroy(), hn.current = null;
+		return gn.current = e, Mt(e.status), () => {
+			e.destroy(), gn.current = null;
 		};
-	}, []), o(() => hn.current?.sync(O), [O]), o(() => hn.current?.setNode(T), [T]);
-	let gn = O || At !== "unmounted";
+	}, []), o(() => gn.current?.sync(O), [O]), o(() => gn.current?.setNode(T), [T]);
+	let _n = O || jt !== "unmounted";
 	o(() => {
 		let e = C.current;
-		if (e === null || Mt) return;
-		let t = () => Nt(!0);
+		if (e === null || Nt) return;
+		let t = () => Pt(!0);
 		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
 			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
 		};
-	}, [Mt]);
-	let _n = gn || Mt;
-	ce(() => {
-		if (!_n) {
-			kt(null);
+	}, [Nt]);
+	let vn = _n || Nt;
+	le(() => {
+		if (!vn) {
+			At(null);
 			return;
 		}
-		let e = de({
+		let e = fe({
 			origin: w.current,
 			disabled: !1
 		});
-		return kt(e.container), () => e.release();
-	}, [_n]), o(() => {
+		return At(e.container), () => e.release();
+	}, [vn]), o(() => {
 		if (G === void 0 || typeof globalThis.matchMedia != "function") return;
-		let e = globalThis.matchMedia(Pe), t = () => Ft(e.matches);
+		let e = globalThis.matchMedia(Fe), t = () => It(e.matches);
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), ce(() => {
-		if (T === null || C.current === null || Pt) return;
-		let e = C.current.querySelector("[data-part=\"control\"]") ?? C.current, [t, n = "center"] = Gt.split("-"), r = pe(e, T, {
+	}, []), le(() => {
+		if (T === null || C.current === null || Ft) return;
+		let e = C.current.querySelector("[data-part=\"control\"]") ?? C.current, [t, n = "center"] = Kt.split("-"), r = me(e, T, {
 			align: n,
 			side: t
 		});
@@ -238,13 +239,13 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 		};
 	}, [
 		T,
-		Gt,
-		Pt
+		Kt,
+		Ft
 	]);
-	let vn = c(It);
-	vn.current = It, o(() => {
+	let yn = c(Lt);
+	yn.current = Lt, o(() => {
 		if (T === null || !O) return;
-		let e = w.current === null ? [] : [w.current], t = fe(T, {
+		let e = w.current === null ? [] : [w.current], t = pe(T, {
 			branches: e,
 			escape: !0,
 			focusOutside: !1,
@@ -252,8 +253,8 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 			outsidePress: !0,
 			scrollLock: !1,
 			onDismiss: (e) => {
-				if (e.reason === "escape" && vn.current !== "day") {
-					Lt(vn.current === "year" ? "month" : "day");
+				if (e.reason === "escape" && yn.current !== "day") {
+					Rt(yn.current === "year" ? "month" : "day");
 					return;
 				}
 				Y(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && w.current?.focus({ preventScroll: !0 });
@@ -266,13 +267,13 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 		Y
 	]), o(() => {
 		if (!O) return;
-		let e = pn(), t = e < 0 ? null : K[e]?.time ?? null;
+		let e = mn(), t = e < 0 ? null : K[e]?.time ?? null;
 		f(t, H.time ?? null) || W({
 			date: H.date,
 			time: t
 		}, "programmatic", void 0);
 	}, [O, K]);
-	let yn = a((e) => {
+	let bn = a((e) => {
 		if (e === null) return;
 		let t = () => e.scrollIntoView?.({ block: "nearest" });
 		if (typeof ResizeObserver != "function") {
@@ -281,33 +282,33 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 		}
 		let n = new ResizeObserver(t);
 		return n.observe(e.parentElement ?? e), () => n.disconnect();
-	}, []), bn = c(me({ locale: () => F }));
+	}, []), xn = c(he({ locale: () => F }));
 	o(() => {
-		let e = bn.current;
+		let e = xn.current;
 		return () => e.destroy();
-	}, []), se(st, () => ({
-		focus: () => St.current?.focus(),
+	}, []), ce(ct, () => ({
+		focus: () => Ct.current?.focus(),
 		open: () => Y(!0, "keyboard", void 0),
 		close: () => Y(!1, "keyboard", void 0)
 	}), [Y]);
-	let xn = k === null ? S("choose") : S("change", { date: V.describe(k) }), Z = a((e) => {
-		wt.current?.querySelectorAll("[data-part=\"option\"]")[e]?.focus();
-	}, []), Sn = a((e) => {
-		let t = q >= 0 ? q : pn();
+	let Sn = k === null ? S("choose") : S("change", { date: V.describe(k) }), Z = a((e) => {
+		Tt.current?.querySelectorAll("[data-part=\"option\"]")[e]?.focus();
+	}, []), Cn = a((e) => {
+		let t = q >= 0 ? q : mn();
 		t < 0 || (J(t, e), requestAnimationFrame(() => Z(t)));
 	}, [
 		Z,
 		q,
 		J,
-		pn
-	]), Cn = a(() => {
+		mn
+	]), wn = a(() => {
 		requestAnimationFrame(() => {
-			let e = Tt.current?.querySelector("[data-part=\"day\"][tabindex=\"0\"]");
-			e == null ? Ct.current?.focus() : e.focus();
+			let e = Et.current?.querySelector("[data-part=\"day\"][tabindex=\"0\"]");
+			e == null ? wt.current?.focus() : e.focus();
 		});
 	}, []), Q = a((e, t) => {
-		e === "time" ? Sn(t) : Cn();
-	}, [Cn, Sn]);
+		e === "time" ? Cn(t) : wn();
+	}, [wn, Cn]);
 	o(() => {
 		let e = P.current;
 		e !== null && (P.current = null, Q(e, void 0));
@@ -317,7 +318,7 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 		if (T === null || E === null || !O || !D.current || !E.contains(T)) return;
 		D.current = !1;
 		let e = !1, t = requestAnimationFrame(() => {
-			e = !0, Q(Kt, void 0);
+			e = !0, Q(qt, void 0);
 		});
 		return () => {
 			e || (cancelAnimationFrame(t), D.current = !0);
@@ -329,20 +330,20 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 	]);
 	let $ = a((e, t, n, r) => {
 		let i = e !== null;
-		if (i && !t && qt !== "never") {
+		if (i && !t && Jt !== "never") {
 			Y(!1, "select", r), w.current?.focus({ preventScroll: !0 });
 			return;
 		}
-		if (i && t && qt === "always") {
+		if (i && t && Jt === "always") {
 			Y(!1, "select", r), w.current?.focus({ preventScroll: !0 });
 			return;
 		}
 		i || Q(n === "date" ? "time" : "date", r);
 	}, [
 		Q,
-		qt,
+		Jt,
 		Y
-	]), wn = a((e, t) => {
+	]), Tn = a((e, t) => {
 		if (!B) return;
 		let n = k !== null, r = k?.time ?? M;
 		if (r === null) {
@@ -371,7 +372,7 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 		M,
 		W,
 		X
-	]), Tn = a((e, t) => {
+	]), En = a((e, t) => {
 		if (e.unavailable || !B) return;
 		let n = k !== null, r = k?.date ?? A;
 		if (W({
@@ -397,10 +398,10 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 		A,
 		W,
 		X
-	]), En = (e) => {
-		Qe?.(e), !e.defaultPrevented && B && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), O ? Q(Kt, e) : Y(!0, "keyboard", e));
-	}, Dn = (e) => {
-		if (Qe?.(e), e.defaultPrevented) return;
+	]), Dn = (e) => {
+		$e?.(e), !e.defaultPrevented && B && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), O ? Q(qt, e) : Y(!0, "keyboard", e));
+	}, On = (e) => {
+		if ($e?.(e), e.defaultPrevented) return;
 		let t = q >= 0 ? q : 0;
 		switch (e.key) {
 			case "ArrowDown":
@@ -417,13 +418,13 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 				return;
 			case "PageDown": {
 				e.preventDefault();
-				let n = xe(K, t, 1);
+				let n = Se(K, t, 1);
 				J(n, e), Z(n);
 				return;
 			}
 			case "PageUp": {
 				e.preventDefault();
-				let n = xe(K, t, -1);
+				let n = Se(K, t, -1);
 				J(n, e), Z(n);
 				return;
 			}
@@ -431,61 +432,68 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 			case " ": {
 				e.preventDefault();
 				let n = K[t];
-				n !== void 0 && Tn(n, e);
+				n !== void 0 && En(n, e);
 				return;
 			}
 		}
-		if (he(e.key, bn.current.query.length > 0)) {
-			let n = bn.current.match(e.key, fn, t);
+		if (ge(e.key, xn.current.query.length > 0)) {
+			let n = xn.current.match(e.key, pn, t);
 			if (n < 0) return;
 			e.preventDefault(), J(n, e), Z(n);
 		}
-	}, On = (e) => {
-		Qe?.(e), !e.defaultPrevented && B && e.altKey && e.key === "ArrowDown" && (e.preventDefault(), Y(!0, "keyboard", e, !1));
 	}, kn = (e) => {
+		$e?.(e), !e.defaultPrevented && B && e.altKey && e.key === "ArrowDown" && (e.preventDefault(), Y(!0, "keyboard", e, !1));
+	}, An = (e) => {
 		if (e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey) return;
-		let t = ne(e.currentTarget), n = t[0], r = t[t.length - 1];
+		let t = re(e.currentTarget), n = t[0], r = t[t.length - 1];
 		if (n === void 0 || r === void 0) return;
 		let i = e.currentTarget.ownerDocument.activeElement;
 		e.shiftKey && i === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && i === r && (e.preventDefault(), n.focus());
-	}, An = k === null ? /* @__PURE__ */ d(le, { children: [
+	}, jn = k === null ? /* @__PURE__ */ d(ue, { children: [
 		V.describeDate(A ?? H.date),
 		", ",
 		M === null ? /* @__PURE__ */ u("span", {
 			"data-placeholder": "",
-			children: Le(V.granularity)
+			children: Re(V.granularity)
 		}) : V.time.format(M)
-	] }) : V.describe(k), jn = gn ? /* @__PURE__ */ u("div", {
+	] }) : V.describe(k), Mn = _n ? /* @__PURE__ */ u("div", {
 		"data-part": "positioner",
-		"data-presentation": Pt ? "sheet" : "popover",
+		"data-part-positioner": "",
+		"data-presentation": Ft ? "sheet" : "popover",
 		"data-ui": "datetime-picker",
-		ref: Ot,
+		"data-ui-datetime-picker": "",
+		ref: kt,
 		...O ? { "data-open": "" } : {},
 		children: /* @__PURE__ */ d("div", {
-			"aria-label": xn,
+			"aria-label": Sn,
 			"data-granularity": L,
-			"data-open-to": Kt,
+			"data-open-to": qt,
 			"data-part": "content",
-			id: Et,
-			onKeyDown: kn,
+			"data-part-content": "",
+			id: Dt,
+			onKeyDown: An,
 			role: "dialog",
-			...dn ? { "aria-description": S("truncated") } : {},
+			...fn ? { "aria-description": S("truncated") } : {},
 			children: [
 				/* @__PURE__ */ d("div", {
 					"data-part": "head",
+					"data-part-head": "",
 					children: [
 						/* @__PURE__ */ u("span", {
 							"data-part": "head-value",
-							children: An
+							"data-part-head-value": "",
+							children: jn
 						}),
-						at === void 0 ? null : /* @__PURE__ */ u("div", {
+						ot === void 0 ? null : /* @__PURE__ */ u("div", {
 							"data-part": "presets",
-							children: at
+							"data-part-presets": "",
+							children: ot
 						}),
 						/* @__PURE__ */ d("button", {
 							"data-part": "now",
+							"data-part-now": "",
 							onClick: (e) => {
-								let t = De(I), n = k !== null;
+								let t = Oe(I), n = k !== null;
 								j(null), N(null), X(t, {
 									reason: "select",
 									source: e
@@ -504,60 +512,66 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 				}),
 				/* @__PURE__ */ d("div", {
 					"data-part": "panels",
+					"data-part-panels": "",
 					children: [/* @__PURE__ */ u("div", {
 						"data-part": "date-panel",
-						ref: Tt,
+						"data-part-date-panel": "",
+						ref: Et,
 						children: /* @__PURE__ */ u(i, {
 							focusedDate: H.date,
 							isDateUnavailable: h,
 							locale: F,
-							months: Ye,
+							months: Xe,
 							onFocusedDateChange: (e, t) => W({
 								date: e,
 								time: H.time
 							}, t.reason === "pointer" ? "pointer" : "keyboard", t.source),
 							onValueChange: (e, t) => {
 								let n = Array.isArray(e) ? e[0] : e;
-								n != null && !Array.isArray(n) && wn(n, t.source);
+								n != null && !Array.isArray(n) && Tn(n, t.source);
 							},
-							onViewChange: Lt,
+							onViewChange: Rt,
 							readOnly: z,
 							selectionMode: "single",
 							timeZone: I,
 							value: k?.date ?? A,
-							view: It,
-							weekNumbers: yt,
-							...ye(nn),
+							view: Lt,
+							weekNumbers: bt,
+							...be(rn),
 							...p === void 0 ? {} : { firstDayOfWeek: p },
-							ref: Ct
+							ref: wt
 						})
 					}), /* @__PURE__ */ u("div", {
 						"data-part": "time-panel",
+						"data-part-time-panel": "",
 						children: K.length === 0 ? /* @__PURE__ */ u("div", {
 							"data-part": "empty",
+							"data-part-empty": "",
 							children: S("empty")
 						}) : /* @__PURE__ */ u("div", {
 							"aria-label": V.describeDate(U, "short"),
 							"data-part": "list",
-							id: Dt,
-							onKeyDown: Dn,
-							ref: wt,
+							"data-part-list": "",
+							id: Ot,
+							onKeyDown: On,
+							ref: Tt,
 							role: "listbox",
-							...dn ? { "data-truncated": "" } : {},
+							...fn ? { "data-truncated": "" } : {},
 							children: K.map((e, t) => {
-								let n = fn[t] ?? "", r = k === null ? f(e.time, M) : Ce(k.date, U) && f(e.time, k.time), i = t === q;
+								let n = pn[t] ?? "", r = k === null ? f(e.time, M) : we(k.date, U) && f(e.time, k.time), i = t === q;
 								return /* @__PURE__ */ u("div", {
 									"aria-disabled": e.unavailable ? !0 : void 0,
 									"aria-selected": r,
 									"data-part": "option",
-									onClick: (t) => Tn(e, t),
-									ref: i ? yn : void 0,
+									"data-part-option": "",
+									onClick: (t) => En(e, t),
+									ref: i ? bn : void 0,
 									role: "option",
 									tabIndex: i ? 0 : -1,
 									...e.unavailable ? { "data-disabled": "" } : {},
 									...r ? { "data-selected": "" } : {},
 									...i ? { "data-current": "" } : {},
-									children: ut === void 0 ? n : ut({
+									children: dt === void 0 ? n : dt({
 										current: i,
 										date: U,
 										label: n,
@@ -565,81 +579,84 @@ function Ie({ calendar: ie, className: ae, clearable: Ae = !1, closeOnSelect: je
 										time: e.time,
 										unavailable: e.unavailable
 									})
-								}, ke(e.time));
+								}, Ae(e.time));
 							})
 						})
 					})]
 				}),
-				Be === void 0 ? null : /* @__PURE__ */ u("div", {
+				Ve === void 0 ? null : /* @__PURE__ */ u("div", {
 					"data-part": "footer",
-					children: Be
+					"data-part-footer": "",
+					children: Ve
 				})
 			]
 		})
-	}) : null, Mn = /* @__PURE__ */ d(le, { children: [/* @__PURE__ */ u("div", {
+	}) : null, Nn = /* @__PURE__ */ d(ue, { children: [/* @__PURE__ */ u("div", {
 		"data-part": "control",
-		onKeyDown: On,
+		"data-part-control": "",
+		onKeyDown: kn,
 		children: /* @__PURE__ */ u(te, {
-			calendar: Ht,
-			clearable: Ae,
-			disabled: Zt,
+			calendar: Ut,
+			clearable: je,
+			disabled: Qt,
 			end: /* @__PURE__ */ u("button", {
-				"aria-controls": O ? Et : void 0,
+				"aria-controls": O ? Dt : void 0,
 				"aria-expanded": O,
 				"aria-haspopup": "dialog",
-				"aria-label": xn,
+				"aria-label": Sn,
 				"data-part": "trigger",
+				"data-part-trigger": "",
 				disabled: !B,
 				onClick: (e) => Y(!O, "pointer", e),
-				onKeyDown: En,
+				onKeyDown: Dn,
 				ref: w,
 				type: "button",
 				children: /* @__PURE__ */ u(t, { children: /* @__PURE__ */ u(e, { name: "calendar" }) })
 			}),
 			granularity: L,
-			invalid: on,
+			invalid: sn,
 			isDateUnavailable: h,
 			isTimeUnavailable: g,
 			locale: F,
 			max: _,
-			maxTime: qe,
+			maxTime: Je,
 			min: v,
-			minTime: Je,
-			name: Xe,
+			minTime: Ye,
+			name: Ze,
 			onValueChange: (e, t) => X(e, t),
 			readOnly: z,
-			ref: St,
-			required: Qt,
-			size: Ut,
+			ref: Ct,
+			required: $t,
+			size: Wt,
 			timeZone: I,
 			value: k,
-			variant: Wt,
+			variant: Gt,
 			...p === void 0 ? {} : { firstDayOfWeek: p },
 			...R === void 0 ? {} : { hourCycle: R },
 			...y === void 0 ? {} : { referenceDateTime: y },
-			...ct === void 0 ? {} : { relative: ct }
+			...lt === void 0 ? {} : { relative: lt }
 		})
-	}), E === null ? jn : null] }), Nn = {
-		...bt,
-		children: Mn,
-		className: ae,
-		style: mt,
-		...Zt === !0 ? { "data-disabled": "" } : {},
-		...on === !0 ? { "data-invalid": "" } : {},
+	}), E === null ? Mn : null] }), Pn = ne({
+		...xt,
+		children: Nn,
+		className: oe,
+		style: ht,
+		...Qt === !0 ? { "data-disabled": "" } : {},
+		...sn === !0 ? { "data-invalid": "" } : {},
 		...z === !0 ? { "data-readonly": "" } : {},
-		...Qt === !0 ? { "data-required": "" } : {},
+		...$t === !0 ? { "data-required": "" } : {},
 		...O ? { "data-open": "" } : {},
 		"data-granularity": L,
 		"data-part": "root",
-		"data-size": Ut,
+		"data-size": Wt,
 		"data-ui": "datetime-picker",
-		"data-variant": Wt,
+		"data-variant": Gt,
 		ref: C
-	};
-	return /* @__PURE__ */ d(le, { children: [lt === void 0 ? /* @__PURE__ */ u("div", { ...Nn }) : lt(Nn), E === null ? null : ge(jn, E)] });
+	});
+	return /* @__PURE__ */ d(ue, { children: [ut === void 0 ? /* @__PURE__ */ u("div", { ...Pn }) : ut(Pn), E === null ? null : _e(Mn, E)] });
 }
-function Le(e) {
+function Re(e) {
 	return e === "hour" ? "--" : e === "second" ? "--:--:--" : "--:--";
 }
 //#endregion
-export { Me as i, Ae as n, Ne as r, Ie as t };
+export { Ne as i, je as n, Pe as r, Le as t };