@rpcbase/ui 0.207.0 → 0.208.0

package/dist/index243.js

@@ -1,704 +1,690 @@
-import { useIsTouchDevice as e } from "./index4.js";
-import { cn as t } from "./index12.js";
-import { DismissableLayerBranch as n } from "./index23.js";
-import { Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s } from "./index242.js";
-import { c } from "react/compiler-runtime";
-import * as l from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Check as f, ChevronDown as p, ChevronUp as m } from "lucide-react";
-import { createPortal as h } from "react-dom";
-import { IMaskInput as g } from "react-imask";
-import _, { InputMask as v } from "imask";
-//#region src/components/HourPickerField/index.tsx
-var y = _;
-typeof y.InputMask != "function" && (y.InputMask = v);
-function b(e) {
-	return String(e).padStart(2, "0");
-}
-function x(e) {
-	let t = e.trim();
-	if (!t) return null;
-	let n = /^(\d{1,2}):(\d{2})$/.exec(t);
-	if (!n) return null;
-	let r = Number(n[1]), i = Number(n[2]);
-	return !Number.isFinite(r) || !Number.isFinite(i) || r < 0 || r > 23 || i < 0 || i > 59 ? null : `${b(r)}:${b(i)}`;
-}
-function ee(e) {
-	let t = x(e);
-	if (t) return `parsed:${t}`;
-	let n = e.replace(/\D/g, "");
-	if (!n) return "empty";
-	if (n.length <= 2) return `hour:${Number(n)}`;
-	let r = n.slice(-2), i = n.slice(0, -2);
-	return `hour-minute:${Number(i)}:${r}`;
-}
-function te(e, t) {
-	let n = x(e);
-	return n ? C(t.find((e) => e.value === n)) ? {
-		parsed: n,
-		selectableValue: n
-	} : {
-		parsed: n,
-		selectableValue: null
-	} : null;
-}
-function S(e) {
-	let t = /^(\d{2}):(\d{2})$/.exec(e);
-	if (!t) return null;
-	let n = Number(t[1]), r = Number(t[2]);
-	return !Number.isFinite(n) || !Number.isFinite(r) ? null : n * 60 + r;
-}
-function C(e) {
-	return e ? !e.disabled : !1;
-}
-function w(e, t) {
-	let n = null, r = Infinity, i = -Infinity;
-	for (let a of t) {
-		if (!C(a)) continue;
-		let t = S(a.value);
-		if (t == null) continue;
-		let o = Math.abs(t - e);
-		(o < r || o === r && t > i) && (n = a, r = o, i = t);
-	}
-	return n;
-}
-function T({ direction: e, viewportRef: n, speed: r = 400, className: i }) {
-	let [a, o] = l.useState(!0), s = l.useRef(void 0), c = l.useRef(void 0), d = l.useRef(!1), f = l.useCallback(() => {
-		let t = n.current;
-		if (!t) {
-			o(!0);
-			return;
-		}
-		let { scrollTop: r, scrollHeight: i, clientHeight: a } = t, s = r > 2, c = r < i - a - 2;
-		if (!(i > a + 2)) {
-			o(!0);
-			return;
-		}
-		o(e === "up" ? !s : !c);
-	}, [e, n]);
-	l.useEffect(() => {
-		let e = n.current;
-		if (!e) return;
-		f();
-		let t = () => f(), r = () => f();
-		e.addEventListener("scroll", t, { passive: !0 });
-		let i = new ResizeObserver(r);
-		i.observe(e);
-		let a = new MutationObserver(r);
-		return a.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			e.removeEventListener("scroll", t), i.disconnect(), a.disconnect();
-		};
-	}, [n, f]);
-	let h = l.useCallback(() => {
-		s.current &&= (cancelAnimationFrame(s.current), void 0), d.current = !1, c.current = void 0;
-	}, []), g = l.useCallback((t) => {
-		let i = n.current;
-		if (!i || a || !d.current) {
-			h();
-			return;
-		}
-		c.current ||= t;
-		let o = r * (t - c.current) / 1e3;
-		if (o < .1) {
-			s.current = requestAnimationFrame(g);
-			return;
-		}
-		let l = i.scrollTop, u = i.scrollHeight - i.clientHeight, p;
-		p = e === "up" ? Math.max(0, l - o) : Math.min(u, l + o), i.scrollTo({ top: p }), c.current = t, (e === "up" ? p > 1 : p < u - 1) && Math.abs(p - l) > .01 ? s.current = requestAnimationFrame(g) : (h(), setTimeout(f, 16));
-	}, [
-		f,
-		e,
-		a,
-		r,
-		h,
-		n
-	]), _ = l.useCallback(() => {
-		a || !n.current || d.current || (d.current = !0, c.current = void 0, s.current = requestAnimationFrame(g));
-	}, [
-		a,
-		g,
-		n
-	]);
-	return l.useEffect(() => h, [h]), /* @__PURE__ */ u("div", {
-		className: t("flex items-center justify-center py-1 select-none", a ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20", i),
-		onPointerEnter: () => {
-			a || _();
-		},
-		onPointerMove: () => {
-			!a && !d.current && _();
-		},
-		onPointerLeave: () => {
-			h();
-		},
-		children: u(e === "up" ? m : p, {
-			"aria-hidden": !0,
-			className: "h-4 w-4 opacity-50"
+"use client";
+import { composeEventHandlers as e } from "./index17.js";
+import { useComposedRefs as t } from "./index18.js";
+import { Primitive as n } from "./index20.js";
+import { useCallbackRef as r } from "./index21.js";
+import { DismissableLayer as i } from "./index23.js";
+import { clamp as a } from "./index198.js";
+import { createContextScope as o } from "./index199.js";
+import { createCollection as s } from "./index201.js";
+import { useDirection as c } from "./index202.js";
+import { useFocusGuards as l } from "./index203.js";
+import { FocusScope as u } from "./index204.js";
+import { useLayoutEffect2 as d } from "./index205.js";
+import { useId as f } from "./index206.js";
+import { Anchor as p, Arrow as m, Content as h, Root2 as g, createPopperScope as _ } from "./index214.js";
+import { Portal as v } from "./index215.js";
+import { createSlot as y } from "./index216.js";
+import { useControllableState as b } from "./index217.js";
+import { usePrevious as x } from "./index218.js";
+import { VISUALLY_HIDDEN_STYLES as S } from "./index219.js";
+import { hideOthers as C } from "./index220.js";
+import w from "./index242.js";
+import * as T from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import * as k from "react-dom";
+//#region ../../node_modules/@radix-ui/react-select/dist/index.mjs
+var A = [
+	" ",
+	"Enter",
+	"ArrowUp",
+	"ArrowDown"
+], j = [" ", "Enter"], M = "Select", [N, P, F] = s(M), [I, ee] = o(M, [F, _]), L = _(), [R, z] = I(M), [te, B] = I(M), V = (e) => {
+	let { __scopeSelect: t, children: n, open: r, defaultOpen: i, onOpenChange: a, value: o, defaultValue: s, onValueChange: l, dir: u, name: d, autoComplete: p, disabled: m, required: h, form: _ } = e, v = L(t), [y, x] = T.useState(null), [S, C] = T.useState(null), [w, E] = T.useState(!1), k = c(u), [A, j] = b({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: a,
+		caller: M
+	}), [P, F] = b({
+		prop: o,
+		defaultProp: s,
+		onChange: l,
+		caller: M
+	}), I = T.useRef(null), ee = y ? _ || !!y.closest("form") : !0, [z, B] = T.useState(/* @__PURE__ */ new Set()), V = Array.from(z).map((e) => e.props.value).join(";");
+	return /* @__PURE__ */ D(g, {
+		...v,
+		children: /* @__PURE__ */ O(R, {
+			required: h,
+			scope: t,
+			trigger: y,
+			onTriggerChange: x,
+			valueNode: S,
+			onValueNodeChange: C,
+			valueNodeHasChildren: w,
+			onValueNodeHasChildrenChange: E,
+			contentId: f(),
+			value: P,
+			onValueChange: F,
+			open: A,
+			onOpenChange: j,
+			dir: k,
+			triggerPointerDownPosRef: I,
+			disabled: m,
+			children: [/* @__PURE__ */ D(N.Provider, {
+				scope: t,
+				children: /* @__PURE__ */ D(te, {
+					scope: e.__scopeSelect,
+					onNativeOptionAdd: T.useCallback((e) => {
+						B((t) => new Set(t).add(e));
+					}, []),
+					onNativeOptionRemove: T.useCallback((e) => {
+						B((t) => {
+							let n = new Set(t);
+							return n.delete(e), n;
+						});
+					}, []),
+					children: n
+				})
+			}), ee ? /* @__PURE__ */ O(Re, {
+				"aria-hidden": !0,
+				required: h,
+				tabIndex: -1,
+				name: d,
+				autoComplete: p,
+				value: P,
+				onChange: (e) => F(e.target.value),
+				disabled: m,
+				form: _,
+				children: [P === void 0 ? /* @__PURE__ */ D("option", { value: "" }) : null, Array.from(z)]
+			}, V) : null]
 		})
 	});
-}
-function E({ id: e, value: r, onChange: i, onValueUpdate: a, options: o, placeholder: s = "Select time", className: c, inputClassName: p, disabled: m, readOnly: g, open: _, onOpenChange: v, triggerTestId: y, contentTestId: b, isHydrated: x }) {
-	let ee = l.useId(), te = e ?? `hours-picker-${ee}`, S = l.useRef(null), w = l.useRef(null), E = l.useCallback((e) => {
-		w.current = e;
-	}, []), D = l.useRef(null), O = l.useRef(!1), [k, ne] = l.useState(null), j = l.useRef(null), M = l.useRef(null), N = l.useRef(null), [P, F] = l.useState(() => ({
-		left: 0,
-		top: 0,
-		width: 0
-	})), [I, L] = l.useState(!1), R = _ ?? I, z = v ?? L, B = l.useRef(!1);
-	B.current = R, l.useEffect(() => {
-		if (!R || m || g) return;
-		let e = S.current;
-		e instanceof HTMLInputElement && (typeof document < "u" && document.activeElement === e || e.focus({ preventScroll: !0 }));
-	}, [
-		m,
-		R,
-		g
-	]);
-	let V = l.useCallback((e) => {
-		D.current = e, ne(e);
-	}, []), re = l.useCallback(() => {
-		O.current = !0;
-	}, []);
-	l.useEffect(() => {
-		if (!R) return;
-		let e = o.find((e) => e.value === r);
-		if (e && C(e)) {
-			V(e.value);
-			return;
-		}
-		V(o.find((e) => C(e))?.value ?? null);
-	}, [
-		R,
-		o,
+};
+V.displayName = M;
+var H = "SelectTrigger", U = T.forwardRef((r, i) => {
+	let { __scopeSelect: a, disabled: o = !1, ...s } = r, c = L(a), l = z(H, a), u = l.disabled || o, d = t(i, l.onTriggerChange), f = P(a), m = T.useRef("touch"), [h, g, _] = Be((e) => {
+		let t = f().filter((e) => !e.disabled), n = Ve(t, e, t.find((e) => e.value === l.value));
+		n !== void 0 && l.onValueChange(n.value);
+	}), v = (e) => {
+		u || (l.onOpenChange(!0), _()), e && (l.triggerPointerDownPosRef.current = {
+			x: Math.round(e.pageX),
+			y: Math.round(e.pageY)
+		});
+	};
+	return /* @__PURE__ */ D(p, {
+		asChild: !0,
+		...c,
+		children: /* @__PURE__ */ D(n.button, {
+			type: "button",
+			role: "combobox",
+			"aria-controls": l.contentId,
+			"aria-expanded": l.open,
+			"aria-required": l.required,
+			"aria-autocomplete": "none",
+			dir: l.dir,
+			"data-state": l.open ? "open" : "closed",
+			disabled: u,
+			"data-disabled": u ? "" : void 0,
+			"data-placeholder": ze(l.value) ? "" : void 0,
+			...s,
+			ref: d,
+			onClick: e(s.onClick, (e) => {
+				e.currentTarget.focus(), m.current !== "mouse" && v(e);
+			}),
+			onPointerDown: e(s.onPointerDown, (e) => {
+				m.current = e.pointerType;
+				let t = e.target;
+				t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), e.button === 0 && e.ctrlKey === !1 && e.pointerType === "mouse" && (v(e), e.preventDefault());
+			}),
+			onKeyDown: e(s.onKeyDown, (e) => {
+				let t = h.current !== "";
+				!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && g(e.key), !(t && e.key === " ") && A.includes(e.key) && (v(), e.preventDefault());
+			})
+		})
+	});
+});
+U.displayName = H;
+var W = "SelectValue", G = T.forwardRef((e, r) => {
+	let { __scopeSelect: i, className: a, style: o, children: s, placeholder: c = "", ...l } = e, u = z(W, i), { onValueNodeHasChildrenChange: f } = u, p = s !== void 0, m = t(r, u.onValueNodeChange);
+	return d(() => {
+		f(p);
+	}, [f, p]), /* @__PURE__ */ D(n.span, {
+		...l,
+		ref: m,
+		style: { pointerEvents: "none" },
+		children: ze(u.value) ? /* @__PURE__ */ D(E, { children: c }) : s
+	});
+});
+G.displayName = W;
+var ne = "SelectIcon", K = T.forwardRef((e, t) => {
+	let { __scopeSelect: r, children: i, ...a } = e;
+	return /* @__PURE__ */ D(n.span, {
+		"aria-hidden": !0,
+		...a,
+		ref: t,
+		children: i || "▼"
+	});
+});
+K.displayName = ne;
+var re = "SelectPortal", q = (e) => /* @__PURE__ */ D(v, {
+	asChild: !0,
+	...e
+});
+q.displayName = re;
+var J = "SelectContent", Y = T.forwardRef((e, t) => {
+	let n = z(J, e.__scopeSelect), [r, i] = T.useState();
+	if (d(() => {
+		i(new DocumentFragment());
+	}, []), !n.open) {
+		let t = r;
+		return t ? k.createPortal(/* @__PURE__ */ D(ie, {
+			scope: e.__scopeSelect,
+			children: /* @__PURE__ */ D(N.Slot, {
+				scope: e.__scopeSelect,
+				children: /* @__PURE__ */ D("div", { children: e.children })
+			})
+		}), t) : null;
+	}
+	return /* @__PURE__ */ D(se, {
+		...e,
+		ref: t
+	});
+});
+Y.displayName = J;
+var X = 10, [ie, Z] = I(J), ae = "SelectContentImpl", oe = y("SelectContent.RemoveScroll"), se = T.forwardRef((n, r) => {
+	let { __scopeSelect: a, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: c, onPointerDownOutside: d, side: f, sideOffset: p, align: m, alignOffset: h, arrowPadding: g, collisionBoundary: _, collisionPadding: v, sticky: y, hideWhenDetached: b, avoidCollisions: x, ...S } = n, E = z(J, a), [O, k] = T.useState(null), [A, j] = T.useState(null), M = t(r, (e) => k(e)), [N, F] = T.useState(null), [I, ee] = T.useState(null), L = P(a), [R, te] = T.useState(!1), B = T.useRef(!1);
+	T.useEffect(() => {
+		if (O) return C(O);
+	}, [O]), l();
+	let V = T.useCallback((e) => {
+		let [t, ...n] = L().map((e) => e.ref.current), [r] = n.slice(-1), i = document.activeElement;
+		for (let n of e) if (n === i || (n?.scrollIntoView({ block: "nearest" }), n === t && A && (A.scrollTop = 0), n === r && A && (A.scrollTop = A.scrollHeight), n?.focus(), document.activeElement !== i)) return;
+	}, [L, A]), H = T.useCallback(() => V([N, O]), [
 		V,
-		r
+		N,
+		O
 	]);
-	let ie = l.useCallback((e) => {
-		if (e === null) {
-			a && a(null);
-			return;
+	T.useEffect(() => {
+		R && H();
+	}, [R, H]);
+	let { onOpenChange: U, triggerPointerDownPosRef: W } = E;
+	T.useEffect(() => {
+		if (O) {
+			let e = {
+				x: 0,
+				y: 0
+			}, t = (t) => {
+				e = {
+					x: Math.abs(Math.round(t.pageX) - (W.current?.x ?? 0)),
+					y: Math.abs(Math.round(t.pageY) - (W.current?.y ?? 0))
+				};
+			}, n = (n) => {
+				e.x <= 10 && e.y <= 10 ? n.preventDefault() : O.contains(n.target) || U(!1), document.removeEventListener("pointermove", t), W.current = null;
+			};
+			return W.current !== null && (document.addEventListener("pointermove", t), document.addEventListener("pointerup", n, {
+				capture: !0,
+				once: !0
+			})), () => {
+				document.removeEventListener("pointermove", t), document.removeEventListener("pointerup", n, { capture: !0 });
+			};
 		}
-		C(o.find((t) => t.value === e)) && a && a(e);
-	}, [a, o]), H = l.useCallback((e) => {
-		if (e === null) {
-			a && a(null), i(null);
-			return;
-		}
-		C(o.find((t) => t.value === e)) && (a && a(e), i(e));
-	}, [
-		i,
-		a,
-		o
-	]);
-	l.useEffect(() => {
-		if (!R) return;
-		let e = j.current?.ownerDocument ?? document, t = e.defaultView ?? window, n = (e) => {
-			let t = e.target;
-			if (!(t instanceof Node)) return;
-			let n = j.current;
-			n && (n.contains(t) || M.current?.contains(t) || z(!1));
-		}, r = (e) => {
-			if (e.key !== "Escape" || !B.current) return;
-			let t = e.target;
-			if (!(t instanceof Node)) return;
-			let n = j.current, r = M.current;
-			!n?.contains(t) && !r?.contains(t) || (e.preventDefault(), e.stopPropagation(), z(!1));
-		};
-		return e.addEventListener("pointerdown", n, !0), t.addEventListener("keydown", r, !0), () => {
-			e.removeEventListener("pointerdown", n, !0), t.removeEventListener("keydown", r, !0);
-		};
-	}, [R, z]), l.useEffect(() => {
-		if (!R) return;
-		let e = M.current;
-		if (!e) return;
-		let t = (e) => {
-			let t = N.current;
-			if (!t) return;
-			let n = e.deltaY;
-			if (n === 0) return;
-			let r = Math.max(0, t.scrollHeight - t.clientHeight), i = t.scrollTop <= 0, a = t.scrollTop >= r, o = e.target;
-			if (o instanceof Node && t.contains(o)) {
-				(n < 0 && i || n > 0 && a) && e.preventDefault();
-				return;
-			}
-			e.preventDefault(), t.scrollTop = Math.min(r, Math.max(0, t.scrollTop + n));
-		};
-		return e.addEventListener("wheel", t, { passive: !1 }), () => {
-			e.removeEventListener("wheel", t);
-		};
-	}, [R]), l.useEffect(() => {
-		if (!R || _ !== void 0 && !v || typeof window > "u" || !("IntersectionObserver" in window)) return;
-		let e = S.current;
-		if (!(e instanceof HTMLElement)) return;
-		let t = !0, n = new IntersectionObserver((e) => {
-			if (!t) return;
-			let n = e[0];
-			n && !n.isIntersecting && z(!1);
-		});
-		return n.observe(e), () => {
-			t = !1, n.disconnect();
-		};
 	}, [
-		v,
-		R,
-		_,
-		z
-	]);
-	let U = l.useCallback(() => {
-		if (typeof window > "u") return;
-		let e = S.current, t = M.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)), F({
-			left: s,
-			top: c,
-			width: o
-		});
-	}, []);
-	return l.useLayoutEffect(() => {
-		if (!R || m || typeof window > "u") return;
-		U();
-		let e = window.requestAnimationFrame(U);
-		return window.addEventListener("scroll", U, !0), window.addEventListener("resize", U), () => {
-			window.cancelAnimationFrame(e), window.removeEventListener("scroll", U, !0), window.removeEventListener("resize", U);
+		O,
+		U,
+		W
+	]), T.useEffect(() => {
+		let e = () => U(!1);
+		return window.addEventListener("blur", e), window.addEventListener("resize", e), () => {
+			window.removeEventListener("blur", e), window.removeEventListener("resize", e);
 		};
-	}, [
-		m,
-		R,
-		U
-	]), l.useEffect(() => {
-		if (!R) return;
-		let e = N.current;
-		if (!e) return;
-		let t = requestAnimationFrame(() => {
-			let t = e.querySelector("[role=\"option\"][data-state=\"checked\"]");
-			if (t instanceof HTMLElement) {
-				let n = t.offsetTop - 8, r = t.offsetTop + t.offsetHeight + 8;
-				if (n < e.scrollTop) {
-					e.scrollTop = Math.max(0, n);
-					return;
-				}
-				r > e.scrollTop + e.clientHeight && (e.scrollTop = Math.max(0, r - e.clientHeight));
-				return;
-			}
-			let n = Array.from(e.querySelectorAll("[role=\"option\"]"));
-			if (!n.length) return;
-			let r, i;
-			for (let e of n) {
-				if (!e.hasAttribute("data-disabled")) {
-					r = e;
-					break;
-				}
-				i = e;
-			}
-			r && (e.scrollTop = Math.max(0, (i || r).offsetTop - 8));
-		});
-		return () => cancelAnimationFrame(t);
-	}, [R, o]), l.useEffect(() => {
-		if (!R || !k || !O.current) return;
-		let e = N.current;
-		if (!e) return;
-		let t = e.querySelector(`[role="option"][data-value="${k}"]`);
-		if (!(t instanceof HTMLElement)) return;
-		let n = t.offsetTop - 8, r = t.offsetTop + t.offsetHeight + 8;
-		if (n < e.scrollTop) {
-			e.scrollTop = Math.max(0, n);
-			return;
-		}
-		r > e.scrollTop + e.clientHeight && (e.scrollTop = Math.max(0, r - e.clientHeight));
-	}, [k, R]), /* @__PURE__ */ u("div", {
-		"data-slot": "hours-picker-input",
-		className: t("w-[150px]", c),
-		ref: j,
-		children: /* @__PURE__ */ d("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ u(A, {
-				id: te,
-				placeholder: s,
-				value: r,
-				onValueUpdate: ie,
-				onCommit: H,
-				options: o,
-				disabled: m,
-				readOnly: g,
-				open: R,
-				setOpen: z,
-				inputClassName: p,
-				triggerTestId: y,
-				isHydrated: x,
-				highlightedValueRef: D,
-				setHighlightedValue: V,
-				markKeyboardNavigation: re,
-				inputRef: (e) => {
-					S.current = e;
+	}, [U]);
+	let [G, ne] = Be((e) => {
+		let t = L().filter((e) => !e.disabled), n = Ve(t, e, t.find((e) => e.ref.current === document.activeElement));
+		n && setTimeout(() => n.ref.current.focus());
+	}), K = T.useCallback((e, t, n) => {
+		let r = !B.current && !n;
+		(E.value !== void 0 && E.value === t || r) && (F(e), r && (B.current = !0));
+	}, [E.value]), re = T.useCallback(() => O?.focus(), [O]), q = T.useCallback((e, t, n) => {
+		let r = !B.current && !n;
+		(E.value !== void 0 && E.value === t || r) && ee(e);
+	}, [E.value]), Y = o === "popper" ? de : le, X = Y === de ? {
+		side: f,
+		sideOffset: p,
+		align: m,
+		alignOffset: h,
+		arrowPadding: g,
+		collisionBoundary: _,
+		collisionPadding: v,
+		sticky: y,
+		hideWhenDetached: b,
+		avoidCollisions: x
+	} : {};
+	return /* @__PURE__ */ D(ie, {
+		scope: a,
+		content: O,
+		viewport: A,
+		onViewportChange: j,
+		itemRefCallback: K,
+		selectedItem: N,
+		onItemLeave: re,
+		itemTextRefCallback: q,
+		focusSelectedItem: H,
+		selectedItemText: I,
+		position: o,
+		isPositioned: R,
+		searchRef: G,
+		children: /* @__PURE__ */ D(w, {
+			as: oe,
+			allowPinchZoom: !0,
+			children: /* @__PURE__ */ D(u, {
+				asChild: !0,
+				trapped: E.open,
+				onMountAutoFocus: (e) => {
+					e.preventDefault();
 				},
-				onDraftValueHandlerChange: E
-			}), R ? (() => {
-				let e = /* @__PURE__ */ u(n, { children: /* @__PURE__ */ d("div", {
-					ref: M,
-					"data-testid": b,
-					"data-state": "open",
-					className: t("pointer-events-auto fixed z-[60] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"),
-					style: {
-						left: P.left,
-						top: P.top,
-						width: P.width
-					},
-					children: [
-						/* @__PURE__ */ u(T, {
-							direction: "up",
-							viewportRef: N
-						}),
-						/* @__PURE__ */ u("div", {
-							ref: N,
-							role: "listbox",
-							className: "max-h-64 overflow-y-auto p-1 [overscroll-behavior:contain] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-							children: o.map((e) => {
-								let n = e.value === r;
-								return /* @__PURE__ */ d("div", {
-									role: "option",
-									"aria-selected": n,
-									"data-value": e.value,
-									"data-state": n ? "checked" : "unchecked",
-									"data-disabled": e.disabled ? "" : void 0,
-									className: t("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none cursor-pointer", e.disabled && "pointer-events-none opacity-50", k === e.value && "bg-accent text-accent-foreground"),
-									onMouseDown: (e) => {
-										e.preventDefault();
-									},
-									onClick: () => {
-										e.disabled || (w.current?.(e.value), V(e.value), S.current?.focus({ preventScroll: !0 }), H(e.value), z(!1));
-									},
-									onPointerEnter: () => {
-										O.current || (O.current = !1, V(e.value));
-									},
-									onPointerMove: (t) => {
-										O.current && t.movementX === 0 && t.movementY === 0 || (O.current = !1, V(e.value));
-									},
-									children: [/* @__PURE__ */ u("span", {
-										className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-										children: n ? /* @__PURE__ */ u(f, {
-											"aria-hidden": !0,
-											className: "h-4 w-4"
-										}) : null
-									}), /* @__PURE__ */ d("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ u("span", { children: e.label }), e.description == null ? null : /* @__PURE__ */ u("span", {
-											"data-slot": "description",
-											className: "text-xs text-muted-foreground",
-											children: e.description
-										})]
-									})]
-								}, e.value);
-							})
-						}),
-						/* @__PURE__ */ u(T, {
-							direction: "down",
-							viewportRef: N
+				onUnmountAutoFocus: e(s, (e) => {
+					E.trigger?.focus({ preventScroll: !0 }), e.preventDefault();
+				}),
+				children: /* @__PURE__ */ D(i, {
+					asChild: !0,
+					disableOutsidePointerEvents: !0,
+					onEscapeKeyDown: c,
+					onPointerDownOutside: d,
+					onFocusOutside: (e) => e.preventDefault(),
+					onDismiss: () => E.onOpenChange(!1),
+					children: /* @__PURE__ */ D(Y, {
+						role: "listbox",
+						id: E.contentId,
+						"data-state": E.open ? "open" : "closed",
+						dir: E.dir,
+						onContextMenu: (e) => e.preventDefault(),
+						...S,
+						...X,
+						onPlaced: () => te(!0),
+						ref: M,
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							outline: "none",
+							...S.style
+						},
+						onKeyDown: e(S.onKeyDown, (e) => {
+							let t = e.ctrlKey || e.altKey || e.metaKey;
+							if (e.key === "Tab" && e.preventDefault(), !t && e.key.length === 1 && ne(e.key), [
+								"ArrowUp",
+								"ArrowDown",
+								"Home",
+								"End"
+							].includes(e.key)) {
+								let t = L().filter((e) => !e.disabled).map((e) => e.ref.current);
+								if (["ArrowUp", "End"].includes(e.key) && (t = t.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(e.key)) {
+									let n = e.target, r = t.indexOf(n);
+									t = t.slice(r + 1);
+								}
+								setTimeout(() => V(t)), e.preventDefault();
+							}
 						})
-					]
-				}) });
-				return typeof document > "u" ? e : h(e, document.body);
-			})() : null]
+					})
+				})
+			})
 		})
 	});
-}
-E.displayName = "HourPickerInput";
-function D(e) {
-	let n = c(36), { id: a, value: l, onChange: f, onValueUpdate: p, options: m, placeholder: h, className: g, inputClassName: _, disabled: v, open: y, onOpenChange: b, triggerTestId: x, contentTestId: ee, isHydrated: te } = e, S = h === void 0 ? "Select time" : h, w;
-	n[0] !== f || n[1] !== p || n[2] !== m ? (w = (e) => {
-		C(m.find((t) => t.value === e)) && (p && p(e), f(e));
-	}, n[0] = f, n[1] = p, n[2] = m, n[3] = w) : w = n[3];
-	let T = w, E;
-	n[4] === g ? E = n[5] : (E = t("w-[150px]", g), n[4] = g, n[5] = E);
-	let D = l ?? "", k;
-	n[6] === T ? k = n[7] : (k = (e) => T(e), n[6] = T, n[7] = k);
-	let A = te ? "true" : void 0, ne = !l && "text-muted-foreground", j = y && "ring-2 ring-primary ring-offset-2", M;
-	n[8] !== _ || n[9] !== ne || n[10] !== j ? (M = t("transition-colors hover:bg-accent hover:text-accent-foreground", ne, j, "[&_[data-slot='description']]:hidden", _), n[8] = _, n[9] = ne, n[10] = j, n[11] = M) : M = n[11];
-	let N;
-	n[12] === S ? N = n[13] : (N = /* @__PURE__ */ u(s, { placeholder: S }), n[12] = S, n[13] = N);
-	let P;
-	n[14] !== a || n[15] !== N || n[16] !== A || n[17] !== M || n[18] !== x ? (P = /* @__PURE__ */ u(o, {
-		id: a,
-		"data-testid": x,
-		"data-hydrated": A,
-		className: M,
-		children: N
-	}), n[14] = a, n[15] = N, n[16] = A, n[17] = M, n[18] = x, n[19] = P) : P = n[19];
-	let F;
-	n[20] === m ? F = n[21] : (F = m.map(O), n[20] = m, n[21] = F);
-	let I;
-	n[22] !== ee || n[23] !== F ? (I = /* @__PURE__ */ u(i, {
-		"data-testid": ee,
-		autoScroll: "firstEnabledWithContext",
-		className: "max-h-64 overflow-y-auto",
-		children: F
-	}), n[22] = ee, n[23] = F, n[24] = I) : I = n[24];
-	let L;
-	n[25] !== v || n[26] !== b || n[27] !== y || n[28] !== P || n[29] !== I || n[30] !== D || n[31] !== k ? (L = /* @__PURE__ */ d(r, {
-		disabled: v,
-		open: y,
-		onOpenChange: b,
-		value: D,
-		onValueChange: k,
-		children: [P, I]
-	}), n[25] = v, n[26] = b, n[27] = y, n[28] = P, n[29] = I, n[30] = D, n[31] = k, n[32] = L) : L = n[32];
-	let R;
-	return n[33] !== L || n[34] !== E ? (R = /* @__PURE__ */ u("div", {
-		"data-slot": "hours-picker-field",
-		className: E,
-		children: L
-	}), n[33] = L, n[34] = E, n[35] = R) : R = n[35], R;
-}
-function O(e) {
-	return /* @__PURE__ */ d(a, {
-		value: e.value,
-		disabled: e.disabled,
-		children: [/* @__PURE__ */ u("span", { children: e.label }), e.description == null ? null : /* @__PURE__ */ u("span", {
-			"data-slot": "description",
-			className: "block text-xs text-muted-foreground",
-			children: e.description
-		})]
-	}, e.value);
-}
-function k(t) {
-	let n = c(4);
-	if (e()) {
-		let e;
-		return n[0] === t ? e = n[1] : (e = /* @__PURE__ */ u(D, { ...t }), n[0] = t, n[1] = e), e;
-	}
-	let r;
-	return n[2] === t ? r = n[3] : (r = /* @__PURE__ */ u(E, { ...t }), n[2] = t, n[3] = r), r;
-}
-k.displayName = "HourPickerField";
-function A(e) {
-	let n = c(93), { id: r, placeholder: i, value: a, onValueUpdate: o, onCommit: s, options: f, disabled: m, readOnly: h, open: _, setOpen: v, inputClassName: y, triggerTestId: x, isHydrated: T, highlightedValueRef: E, setHighlightedValue: D, markKeyboardNavigation: O, inputRef: k, onDraftValueHandlerChange: A } = e, N = l.useRef(!1), P = l.useRef(!1), F = l.useRef(!1), I = l.useRef(null), L = l.useRef(null), R = l.useRef(!1), z;
-	n[0] === a ? z = n[1] : (z = () => a || "", n[0] = a, n[1] = z);
-	let [B, V] = l.useState(z), re, ie;
-	n[2] === A ? (re = n[3], ie = n[4]) : (re = () => (A((e) => {
-		V(e);
-	}), () => {
-		A(null);
-	}), ie = [A], n[2] = A, n[3] = re, n[4] = ie), l.useEffect(re, ie);
-	let H;
-	n[5] !== E || n[6] !== o || n[7] !== f || n[8] !== D || n[9] !== a ? (H = (e) => {
-		let t = E.current ?? a ?? "", n = f.findIndex((e) => e.value === t);
-		n === -1 && (n = e === 1 ? -1 : f.length);
-		for (let t = n + e; t >= 0 && t < f.length; t += e) {
-			let e = f[t];
-			if (C(e)) {
-				D(e.value), I.current = e.value, V(e.value), o(e.value);
-				return;
+});
+se.displayName = ae;
+var ce = "SelectItemAlignedPosition", le = T.forwardRef((e, r) => {
+	let { __scopeSelect: i, onPlaced: o, ...s } = e, c = z(J, i), l = Z(J, i), [u, f] = T.useState(null), [p, m] = T.useState(null), h = t(r, (e) => m(e)), g = P(i), _ = T.useRef(!1), v = T.useRef(!0), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = l, C = T.useCallback(() => {
+		if (c.trigger && c.valueNode && u && p && y && b && x) {
+			let e = c.trigger.getBoundingClientRect(), t = p.getBoundingClientRect(), n = c.valueNode.getBoundingClientRect(), r = x.getBoundingClientRect();
+			if (c.dir !== "rtl") {
+				let i = r.left - t.left, o = n.left - i, s = e.left - o, c = e.width + s, l = Math.max(c, t.width), d = window.innerWidth - X, f = a(o, [X, Math.max(X, d - l)]);
+				u.style.minWidth = c + "px", u.style.left = f + "px";
+			} else {
+				let i = t.right - r.right, o = window.innerWidth - n.right - i, s = window.innerWidth - e.right - o, c = e.width + s, l = Math.max(c, t.width), d = window.innerWidth - X, f = a(o, [X, Math.max(X, d - l)]);
+				u.style.minWidth = c + "px", u.style.right = f + "px";
 			}
-		}
-	}, n[5] = E, n[6] = o, n[7] = f, n[8] = D, n[9] = a, n[10] = H) : H = n[10];
-	let U = H, ae, oe;
-	n[11] === a ? (ae = n[12], oe = n[13]) : (ae = () => {
-		N.current || V(a || "");
-	}, oe = [a], n[11] = a, n[12] = ae, n[13] = oe), l.useEffect(ae, oe);
-	let se, ce;
-	n[14] === B ? (se = n[15], ce = n[16]) : (se = () => {
-		L.current = ee(B);
-	}, ce = [B], n[14] = B, n[15] = se, n[16] = ce), l.useEffect(se, ce);
-	let le, ue;
-	n[17] === a ? (le = n[18], ue = n[19]) : (ue = () => {
-		a === null && (R.current = !1);
-	}, le = [a], n[17] = a, n[18] = le, n[19] = ue), l.useEffect(ue, le);
-	let de = !B && "text-muted-foreground", fe = _ && "ring-2 ring-primary ring-offset-2", pe;
-	n[20] !== y || n[21] !== de || n[22] !== fe ? (pe = 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", de, fe, "[&_[data-slot='description']]:hidden", y), n[20] = y, n[21] = de, n[22] = fe, n[23] = pe) : pe = n[23];
-	let me = pe, he = T ? "true" : void 0, ge;
-	n[24] === Symbol.for("react.memo_cache_sentinel") ? (ge = [{
-		mask: "00:00",
-		lazy: !0
-	}, {
-		mask: "0:00",
-		lazy: !0
-	}], n[24] = ge) : ge = n[24];
-	let W;
-	n[25] === f ? W = n[26] : (W = (e, t) => {
-		let n = (t.value + e).replace(/\D/g, "");
-		if (n.length <= 2 || n.length >= 4) return t.compiledMasks[0];
-		let r = b(Number(n.slice(0, 2)));
-		return f.some((e) => e.value.startsWith(`${r}:`)) ? t.compiledMasks[0] : t.compiledMasks[1];
-	}, n[25] = f, n[26] = W);
-	let G;
-	n[27] !== s || n[28] !== a ? (G = (e, t, n) => {
-		if (!n) return;
-		let r = typeof e == "string" ? e : String(e ?? ""), i = r.replace(/\D/g, ""), o = ee(r);
-		if (L.current !== o) {
-			if (L.current = o, V(r), i.length !== 0) {
-				R.current = !1;
-				return;
+			let i = g(), s = window.innerHeight - X * 2, l = y.scrollHeight, d = window.getComputedStyle(p), f = parseInt(d.borderTopWidth, 10), m = parseInt(d.paddingTop, 10), h = parseInt(d.borderBottomWidth, 10), v = parseInt(d.paddingBottom, 10), S = f + m + l + v + h, C = Math.min(b.offsetHeight * 5, S), w = window.getComputedStyle(y), T = parseInt(w.paddingTop, 10), E = parseInt(w.paddingBottom, 10), D = e.top + e.height / 2 - X, O = s - D, k = b.offsetHeight / 2, A = b.offsetTop + k, j = f + m + A, M = S - j;
+			if (j <= D) {
+				let e = i.length > 0 && b === i[i.length - 1].ref.current;
+				u.style.bottom = "0px";
+				let t = p.clientHeight - y.offsetTop - y.offsetHeight, n = j + Math.max(O, k + (e ? E : 0) + t + h);
+				u.style.height = n + "px";
+			} else {
+				let e = i.length > 0 && b === i[0].ref.current;
+				u.style.top = "0px";
+				let t = Math.max(D, f + y.offsetTop + (e ? T : 0) + k) + M;
+				u.style.height = t + "px", y.scrollTop = j - D + y.offsetTop;
 			}
-			a && !R.current && (R.current = !0, s(null));
-		}
-	}, n[27] = s, n[28] = a, n[29] = G) : G = n[29];
-	let K;
-	n[30] !== s || n[31] !== f || n[32] !== D || n[33] !== a ? (K = (e, t, n) => {
-		if (!n) return;
-		let r = typeof e == "string" ? e : String(e ?? "");
-		if (I.current === r) {
-			I.current = null;
-			return;
+			u.style.margin = `${X}px 0`, u.style.minHeight = C + "px", u.style.maxHeight = s + "px", o?.(), requestAnimationFrame(() => _.current = !0);
 		}
-		let i = te(r, f);
-		if (!i) return;
-		if (i.selectableValue) {
-			if (D(i.selectableValue), V(i.selectableValue), a === i.selectableValue) return;
-			s(i.selectableValue);
-			return;
-		}
-		let o = S(i.parsed);
-		if (o == null) return;
-		let c = w(o, f);
-		c && D(c.value);
-	}, n[30] = s, n[31] = f, n[32] = D, n[33] = a, n[34] = K) : K = n[34];
-	let q, J, Y;
-	n[35] !== m || n[36] !== _ || n[37] !== v ? (q = () => {
-		P.current = !0, !m && (_ || v(!0));
-	}, J = (e) => {
-		P.current = !0, F.current = typeof document < "u" && document.activeElement === e.currentTarget, !m && (_ || v(!0));
-	}, Y = () => {
-		m || _ || v(!0);
-	}, n[35] = m, n[36] = _, n[37] = v, n[38] = q, n[39] = J, n[40] = Y) : (q = n[38], J = n[39], Y = n[40]);
-	let X;
-	n[41] !== m || n[42] !== B || n[43] !== E || n[44] !== O || n[45] !== U || n[46] !== s || n[47] !== _ || n[48] !== f || n[49] !== D || n[50] !== v ? (X = (e) => {
-		if (!m) {
-			if (e.key === "Tab" && _ && !e.defaultPrevented) {
-				v(!1);
-				return;
-			}
-			if (e.key === "Escape") {
-				if (!_) return;
-				e.preventDefault(), v(!1);
-				return;
-			}
-			if (!_ && !e.defaultPrevented && (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && v(!0), e.key === "ArrowDown" || e.key === "ArrowUp") {
-				if (O(), e.preventDefault(), !_) {
-					v(!0);
-					return;
-				}
-				U(e.key === "ArrowDown" ? 1 : -1);
-				return;
-			}
-			if (e.key === "Enter") {
-				O();
-				let t = te(B, f);
-				if (!t) {
-					if (!_ || B.trim() !== "") return;
-					let t = f.find((e) => e.value === E.current), n = (C(t) ? t?.value : void 0) ?? f.find(M)?.value;
-					if (!n) return;
-					e.preventDefault(), D(n), V(n), s(n), v(!1);
-					return;
-				}
-				if (t.selectableValue) {
-					e.preventDefault(), D(t.selectableValue), V(t.selectableValue), s(t.selectableValue), v(!1);
-					return;
+	}, [
+		g,
+		c.trigger,
+		c.valueNode,
+		u,
+		p,
+		y,
+		b,
+		x,
+		c.dir,
+		o
+	]);
+	d(() => C(), [C]);
+	let [w, E] = T.useState();
+	return d(() => {
+		p && E(window.getComputedStyle(p).zIndex);
+	}, [p]), /* @__PURE__ */ D(fe, {
+		scope: i,
+		contentWrapper: u,
+		shouldExpandOnScrollRef: _,
+		onScrollButtonChange: T.useCallback((e) => {
+			e && v.current === !0 && (C(), S?.(), v.current = !1);
+		}, [C, S]),
+		children: /* @__PURE__ */ D("div", {
+			ref: f,
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				position: "fixed",
+				zIndex: w
+			},
+			children: /* @__PURE__ */ D(n.div, {
+				...s,
+				ref: h,
+				style: {
+					boxSizing: "border-box",
+					maxHeight: "100%",
+					...s.style
 				}
-				let n = S(t.parsed);
-				if (n == null) return;
-				let r = w(n, f);
-				if (!r) return;
-				e.preventDefault(), D(r.value), V(r.value), s(r.value), v(!1);
-				return;
-			}
+			})
+		})
+	});
+});
+le.displayName = ce;
+var ue = "SelectPopperPosition", de = T.forwardRef((e, t) => {
+	let { __scopeSelect: n, align: r = "start", collisionPadding: i = X, ...a } = e;
+	return /* @__PURE__ */ D(h, {
+		...L(n),
+		...a,
+		ref: t,
+		align: r,
+		collisionPadding: i,
+		style: {
+			boxSizing: "border-box",
+			...a.style,
+			"--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
+			"--radix-select-content-available-width": "var(--radix-popper-available-width)",
+			"--radix-select-content-available-height": "var(--radix-popper-available-height)",
+			"--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
+			"--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
 		}
-	}, n[41] = m, n[42] = B, n[43] = E, n[44] = O, n[45] = U, n[46] = s, n[47] = _, n[48] = f, n[49] = D, n[50] = v, n[51] = X) : X = n[51];
-	let Z;
-	n[52] !== m || n[53] !== _ || n[54] !== v ? (Z = (e) => {
-		let t = !P.current || !F.current;
-		if (P.current = !1, F.current = !1, N.current = !0, t) {
-			let t = e.currentTarget;
-			requestAnimationFrame(() => t.select());
+	});
+});
+de.displayName = ue;
+var [fe, pe] = I(J, {}), me = "SelectViewport", he = T.forwardRef((r, i) => {
+	let { __scopeSelect: a, nonce: o, ...s } = r, c = Z(me, a), l = pe(me, a), u = t(i, c.onViewportChange), d = T.useRef(0);
+	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("style", {
+		dangerouslySetInnerHTML: { __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}" },
+		nonce: o
+	}), /* @__PURE__ */ D(N.Slot, {
+		scope: a,
+		children: /* @__PURE__ */ D(n.div, {
+			"data-radix-select-viewport": "",
+			role: "presentation",
+			...s,
+			ref: u,
+			style: {
+				position: "relative",
+				flex: 1,
+				overflow: "hidden auto",
+				...s.style
+			},
+			onScroll: e(s.onScroll, (e) => {
+				let t = e.currentTarget, { contentWrapper: n, shouldExpandOnScrollRef: r } = l;
+				if (r?.current && n) {
+					let e = Math.abs(d.current - t.scrollTop);
+					if (e > 0) {
+						let r = window.innerHeight - X * 2, i = parseFloat(n.style.minHeight), a = parseFloat(n.style.height), o = Math.max(i, a);
+						if (o < r) {
+							let i = o + e, a = Math.min(r, i), s = i - a;
+							n.style.height = a + "px", n.style.bottom === "0px" && (t.scrollTop = s > 0 ? s : 0, n.style.justifyContent = "flex-end");
+						}
+					}
+				}
+				d.current = t.scrollTop;
+			})
+		})
+	})] });
+});
+he.displayName = me;
+var ge = "SelectGroup", [_e, ve] = I(ge), ye = T.forwardRef((e, t) => {
+	let { __scopeSelect: r, ...i } = e, a = f();
+	return /* @__PURE__ */ D(_e, {
+		scope: r,
+		id: a,
+		children: /* @__PURE__ */ D(n.div, {
+			role: "group",
+			"aria-labelledby": a,
+			...i,
+			ref: t
+		})
+	});
+});
+ye.displayName = ge;
+var be = "SelectLabel", xe = T.forwardRef((e, t) => {
+	let { __scopeSelect: r, ...i } = e, a = ve(be, r);
+	return /* @__PURE__ */ D(n.div, {
+		id: a.id,
+		...i,
+		ref: t
+	});
+});
+xe.displayName = be;
+var Q = "SelectItem", [Se, Ce] = I(Q), we = T.forwardRef((r, i) => {
+	let { __scopeSelect: a, value: o, disabled: s = !1, textValue: c, ...l } = r, u = z(Q, a), d = Z(Q, a), p = u.value === o, [m, h] = T.useState(c ?? ""), [g, _] = T.useState(!1), v = t(i, (e) => d.itemRefCallback?.(e, o, s)), y = f(), b = T.useRef("touch"), x = () => {
+		s || (u.onValueChange(o), u.onOpenChange(!1));
+	};
+	if (o === "") throw Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
+	return /* @__PURE__ */ D(Se, {
+		scope: a,
+		value: o,
+		disabled: s,
+		textId: y,
+		isSelected: p,
+		onItemTextChange: T.useCallback((e) => {
+			h((t) => t || (e?.textContent ?? "").trim());
+		}, []),
+		children: /* @__PURE__ */ D(N.ItemSlot, {
+			scope: a,
+			value: o,
+			disabled: s,
+			textValue: m,
+			children: /* @__PURE__ */ D(n.div, {
+				role: "option",
+				"aria-labelledby": y,
+				"data-highlighted": g ? "" : void 0,
+				"aria-selected": p && g,
+				"data-state": p ? "checked" : "unchecked",
+				"aria-disabled": s || void 0,
+				"data-disabled": s ? "" : void 0,
+				tabIndex: s ? void 0 : -1,
+				...l,
+				ref: v,
+				onFocus: e(l.onFocus, () => _(!0)),
+				onBlur: e(l.onBlur, () => _(!1)),
+				onClick: e(l.onClick, () => {
+					b.current !== "mouse" && x();
+				}),
+				onPointerUp: e(l.onPointerUp, () => {
+					b.current === "mouse" && x();
+				}),
+				onPointerDown: e(l.onPointerDown, (e) => {
+					b.current = e.pointerType;
+				}),
+				onPointerMove: e(l.onPointerMove, (e) => {
+					b.current = e.pointerType, s ? d.onItemLeave?.() : b.current === "mouse" && e.currentTarget.focus({ preventScroll: !0 });
+				}),
+				onPointerLeave: e(l.onPointerLeave, (e) => {
+					e.currentTarget === document.activeElement && d.onItemLeave?.();
+				}),
+				onKeyDown: e(l.onKeyDown, (e) => {
+					d.searchRef?.current !== "" && e.key === " " || (j.includes(e.key) && x(), e.key === " " && e.preventDefault());
+				})
+			})
+		})
+	});
+});
+we.displayName = Q;
+var $ = "SelectItemText", Te = T.forwardRef((e, r) => {
+	let { __scopeSelect: i, className: a, style: o, ...s } = e, c = z($, i), l = Z($, i), u = Ce($, i), f = B($, i), [p, m] = T.useState(null), h = t(r, (e) => m(e), u.onItemTextChange, (e) => l.itemTextRefCallback?.(e, u.value, u.disabled)), g = p?.textContent, _ = T.useMemo(() => /* @__PURE__ */ D("option", {
+		value: u.value,
+		disabled: u.disabled,
+		children: g
+	}, u.value), [
+		u.disabled,
+		u.value,
+		g
+	]), { onNativeOptionAdd: v, onNativeOptionRemove: y } = f;
+	return d(() => (v(_), () => y(_)), [
+		v,
+		y,
+		_
+	]), /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(n.span, {
+		id: u.textId,
+		...s,
+		ref: h
+	}), u.isSelected && c.valueNode && !c.valueNodeHasChildren ? k.createPortal(s.children, c.valueNode) : null] });
+});
+Te.displayName = $;
+var Ee = "SelectItemIndicator", De = T.forwardRef((e, t) => {
+	let { __scopeSelect: r, ...i } = e;
+	return Ce(Ee, r).isSelected ? /* @__PURE__ */ D(n.span, {
+		"aria-hidden": !0,
+		...i,
+		ref: t
+	}) : null;
+});
+De.displayName = Ee;
+var Oe = "SelectScrollUpButton", ke = T.forwardRef((e, n) => {
+	let r = Z(Oe, e.__scopeSelect), i = pe(Oe, e.__scopeSelect), [a, o] = T.useState(!1), s = t(n, i.onScrollButtonChange);
+	return d(() => {
+		if (r.viewport && r.isPositioned) {
+			let e = function() {
+				o(t.scrollTop > 0);
+			}, t = r.viewport;
+			return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
 		}
-		m || _ || v(!0);
-	}, n[52] = m, n[53] = _, n[54] = v, n[55] = Z) : Z = n[55];
-	let Q;
-	n[56] !== B || n[57] !== s || n[58] !== f || n[59] !== a ? (Q = () => {
-		N.current = !1;
-		let e = B.trim();
-		if (!e) {
-			V(a || "");
-			return;
+	}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ D(Me, {
+		...e,
+		ref: s,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = r;
+			e && t && (e.scrollTop -= t.offsetHeight);
 		}
-		let t = te(e, f);
-		if (!t) {
-			V(a || "");
-			return;
+	}) : null;
+});
+ke.displayName = Oe;
+var Ae = "SelectScrollDownButton", je = T.forwardRef((e, n) => {
+	let r = Z(Ae, e.__scopeSelect), i = pe(Ae, e.__scopeSelect), [a, o] = T.useState(!1), s = t(n, i.onScrollButtonChange);
+	return d(() => {
+		if (r.viewport && r.isPositioned) {
+			let e = function() {
+				let e = t.scrollHeight - t.clientHeight;
+				o(Math.ceil(t.scrollTop) < e);
+			}, t = r.viewport;
+			return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
 		}
-		if (!t.selectableValue) {
-			V(a || "");
-			return;
+	}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ D(Me, {
+		...e,
+		ref: s,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = r;
+			e && t && (e.scrollTop += t.offsetHeight);
 		}
-		V(t.selectableValue), a !== t.selectableValue && s(t.selectableValue);
-	}, n[56] = B, n[57] = s, n[58] = f, n[59] = a, n[60] = Q) : Q = n[60];
-	let $;
-	n[61] !== m || n[62] !== B || n[63] !== r || n[64] !== k || n[65] !== i || n[66] !== h || n[67] !== he || n[68] !== W || n[69] !== G || n[70] !== K || n[71] !== q || n[72] !== J || n[73] !== Y || n[74] !== X || n[75] !== Z || n[76] !== Q || n[77] !== me || n[78] !== x ? ($ = /* @__PURE__ */ u(g, {
-		id: r,
-		"data-testid": x,
-		"data-hydrated": he,
-		type: "text",
-		disabled: m,
-		readOnly: h,
-		inputRef: k,
-		autoComplete: "off",
-		mask: ge,
-		dispatch: W,
-		placeholder: i,
-		value: B,
-		className: me,
-		onAccept: G,
-		onComplete: K,
-		onPointerDown: q,
-		onMouseDown: J,
-		onClick: Y,
-		onKeyDown: X,
-		onFocus: Z,
-		onBlur: Q
-	}), n[61] = m, n[62] = B, n[63] = r, n[64] = k, n[65] = i, n[66] = h, n[67] = he, n[68] = W, n[69] = G, n[70] = K, n[71] = q, n[72] = J, n[73] = Y, n[74] = X, n[75] = Z, n[76] = Q, n[77] = me, n[78] = x, n[79] = $) : $ = n[79];
-	let _e;
-	n[80] === Symbol.for("react.memo_cache_sentinel") ? (_e = 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"), n[80] = _e) : _e = n[80];
-	let ve = _ ? "Close time picker" : "Open time picker", ye;
-	n[81] !== m || n[82] !== _ || n[83] !== v ? (ye = () => {
-		m || v(!_);
-	}, n[81] = m, n[82] = _, n[83] = v, n[84] = ye) : ye = n[84];
-	let be;
-	n[85] === Symbol.for("react.memo_cache_sentinel") ? (be = /* @__PURE__ */ u(p, {
+	}) : null;
+});
+je.displayName = Ae;
+var Me = T.forwardRef((t, r) => {
+	let { __scopeSelect: i, onAutoScroll: a, ...o } = t, s = Z("SelectScrollButton", i), c = T.useRef(null), l = P(i), u = T.useCallback(() => {
+		c.current !== null && (window.clearInterval(c.current), c.current = null);
+	}, []);
+	return T.useEffect(() => () => u(), [u]), d(() => {
+		l().find((e) => e.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+	}, [l]), /* @__PURE__ */ D(n.div, {
 		"aria-hidden": !0,
-		className: "size-4"
-	}), n[85] = be) : be = n[85];
-	let xe;
-	n[86] !== m || n[87] !== ve || n[88] !== ye ? (xe = /* @__PURE__ */ u("button", {
-		type: "button",
-		tabIndex: -1,
-		disabled: m,
-		"data-slot": "hours-picker-input-toggle",
-		className: _e,
-		"aria-label": ve,
-		onPointerDown: j,
-		onMouseDown: ne,
-		onClick: ye,
-		children: be
-	}), n[86] = m, n[87] = ve, n[88] = ye, n[89] = xe) : xe = n[89];
-	let Se;
-	return n[90] !== $ || n[91] !== xe ? (Se = /* @__PURE__ */ d("div", {
-		className: "relative group",
-		children: [$, xe]
-	}), n[90] = $, n[91] = xe, n[92] = Se) : Se = n[92], Se;
+		...o,
+		ref: r,
+		style: {
+			flexShrink: 0,
+			...o.style
+		},
+		onPointerDown: e(o.onPointerDown, () => {
+			c.current === null && (c.current = window.setInterval(a, 50));
+		}),
+		onPointerMove: e(o.onPointerMove, () => {
+			s.onItemLeave?.(), c.current === null && (c.current = window.setInterval(a, 50));
+		}),
+		onPointerLeave: e(o.onPointerLeave, () => {
+			u();
+		})
+	});
+}), Ne = "SelectSeparator", Pe = T.forwardRef((e, t) => {
+	let { __scopeSelect: r, ...i } = e;
+	return /* @__PURE__ */ D(n.div, {
+		"aria-hidden": !0,
+		...i,
+		ref: t
+	});
+});
+Pe.displayName = Ne;
+var Fe = "SelectArrow", Ie = T.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = L(n), a = z(Fe, n), o = Z(Fe, n);
+	return a.open && o.position === "popper" ? /* @__PURE__ */ D(m, {
+		...i,
+		...r,
+		ref: t
+	}) : null;
+});
+Ie.displayName = Fe;
+var Le = "SelectBubbleInput", Re = T.forwardRef(({ __scopeSelect: e, value: r, ...i }, a) => {
+	let o = T.useRef(null), s = t(a, o), c = x(r);
+	return T.useEffect(() => {
+		let e = o.current;
+		if (!e) return;
+		let t = window.HTMLSelectElement.prototype, n = Object.getOwnPropertyDescriptor(t, "value").set;
+		if (c !== r && n) {
+			let t = new Event("change", { bubbles: !0 });
+			n.call(e, r), e.dispatchEvent(t);
+		}
+	}, [c, r]), /* @__PURE__ */ D(n.select, {
+		...i,
+		style: {
+			...S,
+			...i.style
+		},
+		ref: s,
+		defaultValue: r
+	});
+});
+Re.displayName = Le;
+function ze(e) {
+	return e === "" || e === void 0;
 }
-function ne(e) {
-	e.preventDefault();
+function Be(e) {
+	let t = r(e), n = T.useRef(""), i = T.useRef(0), a = T.useCallback((e) => {
+		let r = n.current + e;
+		t(r), (function e(t) {
+			n.current = t, window.clearTimeout(i.current), t !== "" && (i.current = window.setTimeout(() => e(""), 1e3));
+		})(r);
+	}, [t]), o = T.useCallback(() => {
+		n.current = "", window.clearTimeout(i.current);
+	}, []);
+	return T.useEffect(() => () => window.clearTimeout(i.current), []), [
+		n,
+		a,
+		o
+	];
 }
-function j(e) {
-	e.preventDefault();
+function Ve(e, t, n) {
+	let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a = He(e, Math.max(i, 0));
+	r.length === 1 && (a = a.filter((e) => e !== n));
+	let o = a.find((e) => e.textValue.toLowerCase().startsWith(r.toLowerCase()));
+	return o === n ? void 0 : o;
 }
-function M(e) {
-	return C(e);
+function He(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
 }
+var Ue = V, We = U, Ge = G, Ke = K, qe = q, Je = Y, Ye = he, Xe = ye, Ze = xe, Qe = we, $e = Te, et = De, tt = Pe;
 //#endregion
-export { k as HourPickerField, E as HourPickerInput };
+export { Je as Content2, Xe as Group, Ke as Icon, Qe as Item, et as ItemIndicator, $e as ItemText, Ze as Label, qe as Portal, Ue as Root2, tt as Separator, We as Trigger, Ge as Value, Ye as Viewport };
 
 //# sourceMappingURL=index243.js.map