@rpcbase/ui 0.263.0 → 0.265.0

package/dist/index302.js

@@ -140,47 +140,47 @@ function b({ direction: e, viewportRef: n, speed: i = 400, className: s }) {
 function x({ id: e, value: n, onChange: a, onValueUpdate: o, options: d, placeholder: f = "Select time", className: p, inputClassName: m, disabled: h, readOnly: g, open: _, onOpenChange: v, triggerTestId: ee, contentTestId: te, isHydrated: x }) {
 	let S = r.useId(), C = e ?? `hours-picker-${S}`, T = r.useRef(null), E = r.useRef(null), D = r.useCallback((e) => {
 		E.current = e;
-	}, []), O = r.useRef(null), k = r.useRef(!1), [A, j] = r.useState(null), M = r.useRef(null), N = r.useRef(null), P = r.useRef(null), [F, ne] = r.useState(() => ({
+	}, []), O = r.useRef(null), k = r.useRef(!1), [A, j] = r.useState(null), M = r.useRef(null), N = r.useRef(null), P = r.useRef(null), [F, I] = r.useState(() => ({
 		left: 0,
 		top: 0,
 		width: 0
-	})), [I, re] = r.useState(!1), L = _ ?? I, R = v ?? re, z = r.useRef(!1);
-	z.current = L, r.useEffect(() => {
-		if (!L || h || g) return;
+	})), [L, R] = r.useState(!1), z = _ ?? L, B = v ?? R, V = r.useRef(!1);
+	V.current = z, r.useEffect(() => {
+		if (!z || h || g) return;
 		let e = T.current;
 		e instanceof HTMLInputElement && (typeof document < "u" && document.activeElement === e || e.focus({ preventScroll: !0 }));
 	}, [
 		h,
-		L,
+		z,
 		g
 	]);
-	let B = r.useCallback((e) => {
+	let H = r.useCallback((e) => {
 		O.current = e, j(e);
-	}, []), ie = r.useCallback(() => {
+	}, []), U = r.useCallback(() => {
 		k.current = !0;
 	}, []);
 	r.useEffect(() => {
-		if (!L) return;
+		if (!z) return;
 		let e = d.find((e) => e.value === n);
 		if (e && y(e)) {
-			B(e.value);
+			H(e.value);
 			return;
 		}
 		let t = d.find((e) => y(e));
-		B(t?.value ?? null);
+		H(t?.value ?? null);
 	}, [
-		L,
+		z,
 		d,
-		B,
+		H,
 		n
 	]);
-	let ae = r.useCallback((e) => {
+	let ne = r.useCallback((e) => {
 		if (e === null) {
 			o && o(null);
 			return;
 		}
 		y(d.find((t) => t.value === e)) && o && o(e);
-	}, [o, d]), V = r.useCallback((e) => {
+	}, [o, d]), W = r.useCallback((e) => {
 		if (e === null) {
 			o && o(null), a(null);
 			return;
@@ -192,24 +192,24 @@ function x({ id: e, value: n, onChange: a, onValueUpdate: o, options: d, placeho
 		d
 	]);
 	r.useEffect(() => {
-		if (!L) return;
+		if (!z) return;
 		let e = M.current?.ownerDocument ?? document, t = e.defaultView ?? window, n = (e) => {
 			let t = e.target;
 			if (!(t instanceof Node)) return;
 			let n = M.current;
-			n && (n.contains(t) || N.current?.contains(t) || R(!1));
+			n && (n.contains(t) || N.current?.contains(t) || B(!1));
 		}, r = (e) => {
-			if (e.key !== "Escape" || !z.current) return;
+			if (e.key !== "Escape" || !V.current) return;
 			let t = e.target;
 			if (!(t instanceof Node)) return;
 			let n = M.current, r = N.current;
-			!n?.contains(t) && !r?.contains(t) || (e.preventDefault(), e.stopPropagation(), R(!1));
+			!n?.contains(t) && !r?.contains(t) || (e.preventDefault(), e.stopPropagation(), B(!1));
 		};
 		return e.addEventListener("pointerdown", n, !0), t.addEventListener("keydown", r, !0), () => {
 			e.removeEventListener("pointerdown", n, !0), t.removeEventListener("keydown", r, !0);
 		};
-	}, [L, R]), r.useEffect(() => {
-		if (!L) return;
+	}, [z, B]), r.useEffect(() => {
+		if (!z) return;
 		let e = N.current;
 		if (!e) return;
 		let t = (e) => {
@@ -227,50 +227,50 @@ function x({ id: e, value: n, onChange: a, onValueUpdate: o, options: d, placeho
 		return e.addEventListener("wheel", t, { passive: !1 }), () => {
 			e.removeEventListener("wheel", t);
 		};
-	}, [L]), r.useEffect(() => {
-		if (!L || _ !== void 0 && !v || typeof window > "u" || !("IntersectionObserver" in window)) return;
+	}, [z]), r.useEffect(() => {
+		if (!z || _ !== void 0 && !v || typeof window > "u" || !("IntersectionObserver" in window)) return;
 		let e = T.current;
 		if (!(e instanceof HTMLElement)) return;
 		let t = !0, n = new IntersectionObserver((e) => {
 			if (!t) return;
 			let n = e[0];
-			n && !n.isIntersecting && R(!1);
+			n && !n.isIntersecting && B(!1);
 		});
 		return n.observe(e), () => {
 			t = !1, n.disconnect();
 		};
 	}, [
 		v,
-		L,
+		z,
 		_,
-		R
+		B
 	]);
-	let H = r.useCallback(() => {
+	let G = r.useCallback(() => {
 		if (typeof window > "u") return;
 		let e = T.current, t = N.current;
 		if (!(e instanceof HTMLElement) || !t) return;
 		let n = e.getBoundingClientRect(), r = t.offsetHeight, i = window.innerWidth ?? 0, a = window.innerHeight ?? 0, o = n.width, s = n.left;
 		s + o > i - 8 && (s = Math.max(8, i - o - 8)), s < 8 && (s = 8);
 		let c = n.bottom + 8, l = c + r > a - 8, u = n.top - r - 8;
-		l && u >= 8 && (c = u), c < 8 && (c = 8), c + r > a - 8 && (c = Math.max(8, a - r - 8)), ne({
+		l && u >= 8 && (c = u), c < 8 && (c = 8), c + r > a - 8 && (c = Math.max(8, a - r - 8)), I({
 			left: s,
 			top: c,
 			width: o
 		});
 	}, []);
-	return r.useLayoutEffect(() => {
-		if (!L || h || typeof window > "u") return;
-		H();
-		let e = window.requestAnimationFrame(H);
-		return window.addEventListener("scroll", H, !0), window.addEventListener("resize", H), () => {
-			window.cancelAnimationFrame(e), window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
+	r.useLayoutEffect(() => {
+		if (!z || h || typeof window > "u") return;
+		G();
+		let e = window.requestAnimationFrame(G);
+		return window.addEventListener("scroll", G, !0), window.addEventListener("resize", G), () => {
+			window.cancelAnimationFrame(e), window.removeEventListener("scroll", G, !0), window.removeEventListener("resize", G);
 		};
 	}, [
 		h,
-		L,
-		H
+		z,
+		G
 	]), r.useEffect(() => {
-		if (!L) return;
+		if (!z) return;
 		let e = P.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
@@ -299,8 +299,8 @@ function x({ id: e, value: n, onChange: a, onValueUpdate: o, options: d, placeho
 			e.scrollTop = a;
 		});
 		return () => cancelAnimationFrame(t);
-	}, [L, d]), r.useEffect(() => {
-		if (!L || !A || !k.current) return;
+	}, [z, d]), r.useEffect(() => {
+		if (!z || !A || !k.current) return;
 		let e = P.current;
 		if (!e) return;
 		let t = e.querySelector(`[role="option"][data-value="${A}"]`);
@@ -311,7 +311,9 @@ function x({ id: e, value: n, onChange: a, onValueUpdate: o, options: d, placeho
 			return;
 		}
 		r > e.scrollTop + e.clientHeight && (e.scrollTop = Math.max(0, r - e.clientHeight));
-	}, [A, L]), /* @__PURE__ */ c("div", {
+	}, [A, z]);
+	let re = d.find((e) => e.value === n);
+	return /* @__PURE__ */ c("div", {
 		"data-slot": "hours-picker-input",
 		className: t("w-[150px]", p),
 		ref: M,
@@ -321,24 +323,25 @@ function x({ id: e, value: n, onChange: a, onValueUpdate: o, options: d, placeho
 				id: C,
 				placeholder: f,
 				value: n,
-				onValueUpdate: ae,
-				onCommit: V,
+				onValueUpdate: ne,
+				onCommit: W,
 				options: d,
+				selectedLabel: re?.selectedLabel,
 				disabled: h,
 				readOnly: g,
-				open: L,
-				setOpen: R,
+				open: z,
+				setOpen: B,
 				inputClassName: m,
 				triggerTestId: ee,
 				isHydrated: x,
 				highlightedValueRef: O,
-				setHighlightedValue: B,
-				markKeyboardNavigation: ie,
+				setHighlightedValue: H,
+				markKeyboardNavigation: U,
 				inputRef: (e) => {
 					T.current = e;
 				},
 				onDraftValueHandlerChange: D
-			}), L ? (() => {
+			}), z ? (() => {
 				let e = /* @__PURE__ */ c(s, { children: /* @__PURE__ */ l("div", {
 					ref: N,
 					"data-testid": te,
@@ -371,13 +374,13 @@ function x({ id: e, value: n, onChange: a, onValueUpdate: o, options: d, placeho
 										e.preventDefault();
 									},
 									onClick: () => {
-										e.disabled || (E.current?.(e.value), B(e.value), T.current?.focus({ preventScroll: !0 }), V(e.value), R(!1));
+										e.disabled || (E.current?.(e.value), H(e.value), T.current?.focus({ preventScroll: !0 }), W(e.value), B(!1));
 									},
 									onPointerEnter: () => {
-										k.current || (k.current = !1, B(e.value));
+										k.current || (k.current = !1, H(e.value));
 									},
 									onPointerMove: (t) => {
-										k.current && t.movementX === 0 && t.movementY === 0 || (k.current = !1, B(e.value));
+										k.current && t.movementX === 0 && t.movementY === 0 || (k.current = !1, H(e.value));
 									},
 									children: [/* @__PURE__ */ c("span", {
 										className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
@@ -415,13 +418,13 @@ function S({ id: e, value: n, onChange: o, onValueUpdate: d, options: f, placeho
 		width: 0
 	})), [j, M] = r.useState(!1), N = v ?? j, P = ee ?? M, F = r.useRef(!1);
 	F.current = N;
-	let ne = r.useCallback((e) => {
+	let I = r.useCallback((e) => {
 		y(f.find((t) => t.value === e)) && (d && d(e), o(e));
 	}, [
 		o,
 		d,
 		f
-	]), I = r.useCallback(() => {
+	]), L = r.useCallback(() => {
 		if (typeof window > "u") return;
 		let e = T.current, t = D.current;
 		if (!(e instanceof HTMLElement) || !t) return;
@@ -436,15 +439,15 @@ function S({ id: e, value: n, onChange: o, onValueUpdate: d, options: f, placeho
 	}, []);
 	r.useLayoutEffect(() => {
 		if (!N || g || typeof window > "u") return;
-		I();
-		let e = window.requestAnimationFrame(I);
-		return window.addEventListener("scroll", I, !0), window.addEventListener("resize", I), () => {
-			window.cancelAnimationFrame(e), window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
+		L();
+		let e = window.requestAnimationFrame(L);
+		return window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), () => {
+			window.cancelAnimationFrame(e), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
 		};
 	}, [
 		g,
 		N,
-		I
+		L
 	]), r.useEffect(() => {
 		if (!N) return;
 		let e = E.current?.ownerDocument ?? document, t = e.defaultView ?? window, n = (e) => {
@@ -461,7 +464,7 @@ function S({ id: e, value: n, onChange: o, onValueUpdate: d, options: f, placeho
 			e.removeEventListener("pointerdown", n, !0), t.removeEventListener("keydown", r, !0);
 		};
 	}, [N, P]);
-	let re = f.find((e) => e.value === n);
+	let R = f.find((e) => e.value === n), z = R?.selectedLabel ?? R?.label;
 	return /* @__PURE__ */ l("div", {
 		"data-slot": "hours-picker-field",
 		className: t("w-[150px]", m),
@@ -482,7 +485,7 @@ function S({ id: e, value: n, onChange: o, onValueUpdate: d, options: f, placeho
 			},
 			children: [/* @__PURE__ */ c("span", {
 				className: "line-clamp-1 text-left",
-				children: re ? re.label : p
+				children: R ? z : p
 			}), /* @__PURE__ */ c(a, {
 				"aria-hidden": !0,
 				className: "h-4 w-4 shrink-0 opacity-50"
@@ -521,7 +524,7 @@ function S({ id: e, value: n, onChange: o, onValueUpdate: d, options: f, placeho
 									e.preventDefault();
 								},
 								onClick: () => {
-									e.disabled || _ || (ne(e.value), P(!1), T.current?.focus({ preventScroll: !0 }));
+									e.disabled || _ || (I(e.value), P(!1), T.current?.focus({ preventScroll: !0 }));
 								},
 								children: [/* @__PURE__ */ c("span", {
 									className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
@@ -561,219 +564,233 @@ function C(t) {
 }
 C.displayName = "HourPickerField";
 function w(e) {
-	let i = n(93), { id: o, placeholder: s, value: u, onValueUpdate: f, onCommit: p, options: m, disabled: g, readOnly: b, open: x, setOpen: S, inputClassName: C, triggerTestId: w, isHydrated: O, highlightedValueRef: k, setHighlightedValue: A, markKeyboardNavigation: j, inputRef: M, onDraftValueHandlerChange: N } = e, P = r.useRef(!1), F = r.useRef(!1), ne = r.useRef(!1), I = r.useRef(null), re = r.useRef(null), L = r.useRef(!1), R;
-	i[0] === u ? R = i[1] : (R = () => u || "", i[0] = u, i[1] = R);
-	let [z, B] = r.useState(R), ie, ae;
-	i[2] === N ? (ie = i[3], ae = i[4]) : (ie = () => (N((e) => {
-		B(e);
+	let i = n(99), { id: o, placeholder: s, value: u, onValueUpdate: f, onCommit: p, options: m, selectedLabel: g, disabled: b, readOnly: x, open: S, setOpen: C, inputClassName: w, triggerTestId: O, isHydrated: k, highlightedValueRef: A, setHighlightedValue: j, markKeyboardNavigation: M, inputRef: N, onDraftValueHandlerChange: P } = e, F = r.useRef(!1), I = r.useRef(!1), L = r.useRef(!1), R = r.useRef(null), z = r.useRef(null), B = r.useRef(!1), V;
+	i[0] === u ? V = i[1] : (V = () => u || "", i[0] = u, i[1] = V);
+	let [H, U] = r.useState(V), ne, W;
+	i[2] === P ? (ne = i[3], W = i[4]) : (ne = () => (P((e) => {
+		U(e);
 	}), () => {
-		N(null);
-	}), ae = [N], i[2] = N, i[3] = ie, i[4] = ae), r.useEffect(ie, ae);
-	let V;
-	i[5] !== k || i[6] !== f || i[7] !== m || i[8] !== A || i[9] !== u ? (V = (e) => {
-		let t = k.current ?? u ?? "", n = m.findIndex((e) => e.value === t);
+		P(null);
+	}), W = [P], i[2] = P, i[3] = ne, i[4] = W), r.useEffect(ne, W);
+	let G;
+	i[5] !== A || i[6] !== f || i[7] !== m || i[8] !== j || i[9] !== u ? (G = (e) => {
+		let t = A.current ?? u ?? "", n = m.findIndex((e) => e.value === t);
 		n === -1 && (n = e === 1 ? -1 : m.length);
 		for (let t = n + e; t >= 0 && t < m.length; t += e) {
 			let e = m[t];
 			if (y(e)) {
-				A(e.value), I.current = e.value, B(e.value), f(e.value);
+				j(e.value), R.current = e.value, U(e.value), f(e.value);
 				return;
 			}
 		}
-	}, i[5] = k, i[6] = f, i[7] = m, i[8] = A, i[9] = u, i[10] = V) : V = i[10];
-	let H = V, oe, se;
-	i[11] === u ? (oe = i[12], se = i[13]) : (oe = () => {
-		P.current || B(u || "");
-	}, se = [u], i[11] = u, i[12] = oe, i[13] = se), r.useEffect(oe, se);
+	}, i[5] = A, i[6] = f, i[7] = m, i[8] = j, i[9] = u, i[10] = G) : G = i[10];
+	let re = G, ie, ae;
+	i[11] === u ? (ie = i[12], ae = i[13]) : (ie = () => {
+		F.current || U(u || "");
+	}, ae = [u], i[11] = u, i[12] = ie, i[13] = ae), r.useEffect(ie, ae);
+	let oe, se;
+	i[14] === H ? (oe = i[15], se = i[16]) : (oe = () => {
+		z.current = _(H);
+	}, se = [H], i[14] = H, i[15] = oe, i[16] = se), r.useEffect(oe, se);
 	let ce, le;
-	i[14] === z ? (ce = i[15], le = i[16]) : (ce = () => {
-		re.current = _(z);
-	}, le = [z], i[14] = z, i[15] = ce, i[16] = le), r.useEffect(ce, le);
-	let ue, de;
-	i[17] === u ? (ue = i[18], de = i[19]) : (de = () => {
-		u === null && (L.current = !1);
-	}, ue = [u], i[17] = u, i[18] = ue, i[19] = de), r.useEffect(de, ue);
-	let fe = !z && "text-muted-foreground", pe = x && "ring-2 ring-primary ring-offset-2", me;
-	i[20] !== C || i[21] !== fe || i[22] !== pe ? (me = t("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 pr-10 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "transition-colors group-hover:bg-accent group-hover:text-accent-foreground", fe, pe, "[&_[data-slot='description']]:hidden", C), i[20] = C, i[21] = fe, i[22] = pe, i[23] = me) : me = i[23];
-	let he = me, ge = O ? "true" : void 0, _e;
-	i[24] === Symbol.for("react.memo_cache_sentinel") ? (_e = [{
+	i[17] === u ? (ce = i[18], le = i[19]) : (le = () => {
+		u === null && (B.current = !1);
+	}, ce = [u], i[17] = u, i[18] = ce, i[19] = le), r.useEffect(le, ce);
+	let ue = !H && "text-muted-foreground", de = S && "ring-2 ring-primary ring-offset-2", fe = u && g != null && "text-transparent focus:text-foreground", pe;
+	i[20] !== w || i[21] !== ue || i[22] !== de || i[23] !== fe ? (pe = t("peer flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 pr-10 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "transition-colors group-hover:bg-accent group-hover:text-accent-foreground", ue, de, "[&_[data-slot='description']]:hidden", w, fe), i[20] = w, i[21] = ue, i[22] = de, i[23] = fe, i[24] = pe) : pe = i[24];
+	let me = pe, he = k ? "true" : void 0, ge;
+	i[25] === Symbol.for("react.memo_cache_sentinel") ? (ge = [{
 		mask: "00:00",
 		lazy: !0
 	}, {
 		mask: "0:00",
 		lazy: !0
-	}], i[24] = _e) : _e = i[24];
-	let U;
-	i[25] === m ? U = i[26] : (U = (e, t) => {
+	}], i[25] = ge) : ge = i[25];
+	let K;
+	i[26] === m ? K = i[27] : (K = (e, t) => {
 		let n = (t.value + e).replace(/\D/g, "");
 		if (n.length <= 2 || n.length >= 4) return t.compiledMasks[0];
 		let r = h(Number(n.slice(0, 2)));
 		return m.some((e) => e.value.startsWith(`${r}:`)) ? t.compiledMasks[0] : t.compiledMasks[1];
-	}, i[25] = m, i[26] = U);
-	let W;
-	i[27] !== p || i[28] !== u ? (W = (e, t, n) => {
+	}, i[26] = m, i[27] = K);
+	let q;
+	i[28] !== p || i[29] !== u ? (q = (e, t, n) => {
 		if (!n) return;
 		let r = typeof e == "string" ? e : String(e ?? ""), i = r.replace(/\D/g, ""), a = _(r);
-		if (re.current !== a) {
-			if (re.current = a, B(r), i.length !== 0) {
-				L.current = !1;
+		if (z.current !== a) {
+			if (z.current = a, U(r), i.length !== 0) {
+				B.current = !1;
 				return;
 			}
-			u && !L.current && (L.current = !0, p(null));
+			u && !B.current && (B.current = !0, p(null));
 		}
-	}, i[27] = p, i[28] = u, i[29] = W) : W = i[29];
-	let G;
-	i[30] !== p || i[31] !== m || i[32] !== A || i[33] !== u ? (G = (e, t, n) => {
+	}, i[28] = p, i[29] = u, i[30] = q) : q = i[30];
+	let J;
+	i[31] !== p || i[32] !== m || i[33] !== j || i[34] !== u ? (J = (e, t, n) => {
 		if (!n) return;
 		let r = typeof e == "string" ? e : String(e ?? "");
-		if (I.current === r) {
-			I.current = null;
+		if (R.current === r) {
+			R.current = null;
 			return;
 		}
 		let i = v(r, m);
 		if (!i) return;
 		if (i.selectableValue) {
-			if (A(i.selectableValue), B(i.selectableValue), u === i.selectableValue) return;
+			if (j(i.selectableValue), U(i.selectableValue), u === i.selectableValue) return;
 			p(i.selectableValue);
 			return;
 		}
 		let a = ee(i.parsed);
 		if (a == null) return;
 		let o = te(a, m);
-		o && A(o.value);
-	}, i[30] = p, i[31] = m, i[32] = A, i[33] = u, i[34] = G) : G = i[34];
-	let K, q, J;
-	i[35] !== g || i[36] !== x || i[37] !== S ? (K = () => {
-		F.current = !0, !g && (x || S(!0));
-	}, q = (e) => {
-		F.current = !0, ne.current = typeof document < "u" && document.activeElement === e.currentTarget, !g && (x || S(!0));
-	}, J = () => {
-		g || x || S(!0);
-	}, i[35] = g, i[36] = x, i[37] = S, i[38] = K, i[39] = q, i[40] = J) : (K = i[38], q = i[39], J = i[40]);
-	let Y;
-	i[41] !== g || i[42] !== z || i[43] !== k || i[44] !== j || i[45] !== H || i[46] !== p || i[47] !== x || i[48] !== m || i[49] !== A || i[50] !== S ? (Y = (e) => {
-		if (!g) {
-			if (e.key === "Tab" && x && !e.defaultPrevented) {
-				S(!1);
+		o && j(o.value);
+	}, i[31] = p, i[32] = m, i[33] = j, i[34] = u, i[35] = J) : J = i[35];
+	let Y, X, Z;
+	i[36] !== b || i[37] !== S || i[38] !== C ? (Y = () => {
+		I.current = !0, !b && (S || C(!0));
+	}, X = (e) => {
+		I.current = !0, L.current = typeof document < "u" && document.activeElement === e.currentTarget, !b && (S || C(!0));
+	}, Z = () => {
+		b || S || C(!0);
+	}, i[36] = b, i[37] = S, i[38] = C, i[39] = Y, i[40] = X, i[41] = Z) : (Y = i[39], X = i[40], Z = i[41]);
+	let Q;
+	i[42] !== b || i[43] !== H || i[44] !== A || i[45] !== M || i[46] !== re || i[47] !== p || i[48] !== S || i[49] !== m || i[50] !== j || i[51] !== C ? (Q = (e) => {
+		if (!b) {
+			if (e.key === "Tab" && S && !e.defaultPrevented) {
+				C(!1);
 				return;
 			}
 			if (e.key === "Escape") {
-				if (!x) return;
-				e.preventDefault(), S(!1);
+				if (!S) return;
+				e.preventDefault(), C(!1);
 				return;
 			}
-			if (!x && !e.defaultPrevented && (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && S(!0), e.key === "ArrowDown" || e.key === "ArrowUp") {
-				if (j(), e.preventDefault(), !x) {
-					S(!0);
+			if (!S && !e.defaultPrevented && (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && C(!0), e.key === "ArrowDown" || e.key === "ArrowUp") {
+				if (M(), e.preventDefault(), !S) {
+					C(!0);
 					return;
 				}
-				H(e.key === "ArrowDown" ? 1 : -1);
+				re(e.key === "ArrowDown" ? 1 : -1);
 				return;
 			}
 			if (e.key === "Enter") {
-				j();
-				let t = v(z, m);
+				M();
+				let t = v(H, m);
 				if (!t) {
-					if (!x || z.trim() !== "") return;
-					let t = m.find((e) => e.value === k.current), n = (y(t) ? t?.value : void 0) ?? m.find(D)?.value;
+					if (!S || H.trim() !== "") return;
+					let t = m.find((e) => e.value === A.current), n = (y(t) ? t?.value : void 0) ?? m.find(D)?.value;
 					if (!n) return;
-					e.preventDefault(), A(n), B(n), p(n), S(!1);
+					e.preventDefault(), j(n), U(n), p(n), C(!1);
 					return;
 				}
 				if (t.selectableValue) {
-					e.preventDefault(), A(t.selectableValue), B(t.selectableValue), p(t.selectableValue), S(!1);
+					e.preventDefault(), j(t.selectableValue), U(t.selectableValue), p(t.selectableValue), C(!1);
 					return;
 				}
 				let n = ee(t.parsed);
 				if (n == null) return;
 				let r = te(n, m);
 				if (!r) return;
-				e.preventDefault(), A(r.value), B(r.value), p(r.value), S(!1);
+				e.preventDefault(), j(r.value), U(r.value), p(r.value), C(!1);
 				return;
 			}
 		}
-	}, i[41] = g, i[42] = z, i[43] = k, i[44] = j, i[45] = H, i[46] = p, i[47] = x, i[48] = m, i[49] = A, i[50] = S, i[51] = Y) : Y = i[51];
-	let X;
-	i[52] !== g || i[53] !== x || i[54] !== S ? (X = (e) => {
-		let t = !F.current || !ne.current;
-		if (F.current = !1, ne.current = !1, P.current = !0, t) {
+	}, i[42] = b, i[43] = H, i[44] = A, i[45] = M, i[46] = re, i[47] = p, i[48] = S, i[49] = m, i[50] = j, i[51] = C, i[52] = Q) : Q = i[52];
+	let $;
+	i[53] !== b || i[54] !== S || i[55] !== C ? ($ = (e) => {
+		let t = !I.current || !L.current;
+		if (I.current = !1, L.current = !1, F.current = !0, t) {
 			let t = e.currentTarget;
 			requestAnimationFrame(() => t.select());
 		}
-		g || x || S(!0);
-	}, i[52] = g, i[53] = x, i[54] = S, i[55] = X) : X = i[55];
-	let Z;
-	i[56] !== z || i[57] !== p || i[58] !== m || i[59] !== u ? (Z = () => {
-		P.current = !1;
-		let e = z.trim();
+		b || S || C(!0);
+	}, i[53] = b, i[54] = S, i[55] = C, i[56] = $) : $ = i[56];
+	let _e;
+	i[57] !== H || i[58] !== p || i[59] !== m || i[60] !== u ? (_e = () => {
+		F.current = !1;
+		let e = H.trim();
 		if (!e) {
-			B(u || "");
+			U(u || "");
 			return;
 		}
 		let t = v(e, m);
 		if (!t) {
-			B(u || "");
+			U(u || "");
 			return;
 		}
 		if (!t.selectableValue) {
-			B(u || "");
+			U(u || "");
 			return;
 		}
-		B(t.selectableValue), u !== t.selectableValue && p(t.selectableValue);
-	}, i[56] = z, i[57] = p, i[58] = m, i[59] = u, i[60] = Z) : Z = i[60];
-	let Q;
-	i[61] !== g || i[62] !== z || i[63] !== o || i[64] !== M || i[65] !== s || i[66] !== b || i[67] !== ge || i[68] !== U || i[69] !== W || i[70] !== G || i[71] !== K || i[72] !== q || i[73] !== J || i[74] !== Y || i[75] !== X || i[76] !== Z || i[77] !== he || i[78] !== w ? (Q = /* @__PURE__ */ c(d, {
+		U(t.selectableValue), u !== t.selectableValue && p(t.selectableValue);
+	}, i[57] = H, i[58] = p, i[59] = m, i[60] = u, i[61] = _e) : _e = i[61];
+	let ve;
+	i[62] !== b || i[63] !== H || i[64] !== o || i[65] !== N || i[66] !== s || i[67] !== x || i[68] !== he || i[69] !== K || i[70] !== q || i[71] !== J || i[72] !== Y || i[73] !== X || i[74] !== Z || i[75] !== Q || i[76] !== $ || i[77] !== _e || i[78] !== me || i[79] !== O ? (ve = /* @__PURE__ */ c(d, {
 		id: o,
-		"data-testid": w,
-		"data-hydrated": ge,
+		"data-testid": O,
+		"data-hydrated": he,
 		type: "text",
-		disabled: g,
-		readOnly: b,
-		inputRef: M,
+		disabled: b,
+		readOnly: x,
+		inputRef: N,
 		autoComplete: "off",
-		mask: _e,
-		dispatch: U,
+		mask: ge,
+		dispatch: K,
 		placeholder: s,
-		value: z,
-		className: he,
-		onAccept: W,
-		onComplete: G,
-		onPointerDown: K,
-		onMouseDown: q,
-		onClick: J,
-		onKeyDown: Y,
-		onFocus: X,
-		onBlur: Z
-	}), i[61] = g, i[62] = z, i[63] = o, i[64] = M, i[65] = s, i[66] = b, i[67] = ge, i[68] = U, i[69] = W, i[70] = G, i[71] = K, i[72] = q, i[73] = J, i[74] = Y, i[75] = X, i[76] = Z, i[77] = he, i[78] = w, i[79] = Q) : Q = i[79];
-	let ve;
-	i[80] === Symbol.for("react.memo_cache_sentinel") ? (ve = t("absolute right-1 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"), i[80] = ve) : ve = i[80];
-	let ye = x ? "Close time picker" : "Open time picker", $;
-	i[81] !== g || i[82] !== x || i[83] !== S ? ($ = () => {
-		g || S(!x);
-	}, i[81] = g, i[82] = x, i[83] = S, i[84] = $) : $ = i[84];
+		value: H,
+		className: me,
+		onAccept: q,
+		onComplete: J,
+		onPointerDown: Y,
+		onMouseDown: X,
+		onClick: Z,
+		onKeyDown: Q,
+		onFocus: $,
+		onBlur: _e
+	}), i[62] = b, i[63] = H, i[64] = o, i[65] = N, i[66] = s, i[67] = x, i[68] = he, i[69] = K, i[70] = q, i[71] = J, i[72] = Y, i[73] = X, i[74] = Z, i[75] = Q, i[76] = $, i[77] = _e, i[78] = me, i[79] = O, i[80] = ve) : ve = i[80];
+	let ye;
+	i[81] !== b || i[82] !== g || i[83] !== u ? (ye = u && g != null ? /* @__PURE__ */ c("span", {
+		"aria-hidden": "true",
+		"data-slot": "hours-picker-input-selected-label",
+		className: t("pointer-events-none absolute inset-y-0 left-3 right-10 flex min-w-0 items-center text-base peer-focus:hidden md:text-sm", b && "opacity-50"),
+		children: /* @__PURE__ */ c("span", {
+			className: "min-w-0 truncate",
+			children: g
+		})
+	}) : null, i[81] = b, i[82] = g, i[83] = u, i[84] = ye) : ye = i[84];
 	let be;
-	i[85] === Symbol.for("react.memo_cache_sentinel") ? (be = /* @__PURE__ */ c(a, {
+	i[85] === Symbol.for("react.memo_cache_sentinel") ? (be = t("absolute right-1 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"), i[85] = be) : be = i[85];
+	let xe = S ? "Close time picker" : "Open time picker", Se;
+	i[86] !== b || i[87] !== S || i[88] !== C ? (Se = () => {
+		b || C(!S);
+	}, i[86] = b, i[87] = S, i[88] = C, i[89] = Se) : Se = i[89];
+	let Ce;
+	i[90] === Symbol.for("react.memo_cache_sentinel") ? (Ce = /* @__PURE__ */ c(a, {
 		"aria-hidden": !0,
 		className: "size-4"
-	}), i[85] = be) : be = i[85];
-	let xe;
-	i[86] !== g || i[87] !== ye || i[88] !== $ ? (xe = /* @__PURE__ */ c("button", {
+	}), i[90] = Ce) : Ce = i[90];
+	let we;
+	i[91] !== b || i[92] !== xe || i[93] !== Se ? (we = /* @__PURE__ */ c("button", {
 		type: "button",
 		tabIndex: -1,
-		disabled: g,
+		disabled: b,
 		"data-slot": "hours-picker-input-toggle",
-		className: ve,
-		"aria-label": ye,
+		className: be,
+		"aria-label": xe,
 		onPointerDown: E,
 		onMouseDown: T,
-		onClick: $,
-		children: be
-	}), i[86] = g, i[87] = ye, i[88] = $, i[89] = xe) : xe = i[89];
-	let Se;
-	return i[90] !== Q || i[91] !== xe ? (Se = /* @__PURE__ */ l("div", {
+		onClick: Se,
+		children: Ce
+	}), i[91] = b, i[92] = xe, i[93] = Se, i[94] = we) : we = i[94];
+	let Te;
+	return i[95] !== ve || i[96] !== ye || i[97] !== we ? (Te = /* @__PURE__ */ l("div", {
 		className: "relative group",
-		children: [Q, xe]
-	}), i[90] = Q, i[91] = xe, i[92] = Se) : Se = i[92], Se;
+		children: [
+			ve,
+			ye,
+			we
+		]
+	}), i[95] = ve, i[96] = ye, i[97] = we, i[98] = Te) : Te = i[98], Te;
 }
 function T(e) {
 	e.preventDefault();