@rpcbase/ui 0.207.0 → 0.209.0

package/dist/index242.js

@@ -1,256 +1,690 @@
-import { cn as e } from "./index12.js";
-import { Content2 as t, Group as n, Icon as r, Item as i, ItemIndicator as a, ItemText as o, Label as s, Portal as c, Root2 as l, Separator as u, Trigger as d, Value as f, Viewport as p } from "./index241.js";
-import { c as m } from "react/compiler-runtime";
-import * as h from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Check as v, ChevronDown as y, ChevronUp as b } from "lucide-react";
-//#region src/components/Select/index.tsx
-var x = l, S = n, C = f, w = h.forwardRef((t, n) => {
-	let i = m(12), a, o, s;
-	i[0] === t ? (a = i[1], o = i[2], s = i[3]) : ({className: o, children: a, ...s} = t, i[0] = t, i[1] = a, i[2] = o, i[3] = s);
-	let c;
-	i[4] === o ? c = i[5] : (c = e("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", o), i[4] = o, i[5] = c);
-	let l;
-	i[6] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ g(r, {
+"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 "./index197.js";
+import { createContextScope as o } from "./index198.js";
+import { createCollection as s } from "./index200.js";
+import { useDirection as c } from "./index201.js";
+import { useFocusGuards as l } from "./index202.js";
+import { FocusScope as u } from "./index203.js";
+import { useLayoutEffect2 as d } from "./index204.js";
+import { useId as f } from "./index205.js";
+import { Anchor as p, Arrow as m, Content as h, Root2 as g, createPopperScope as _ } from "./index213.js";
+import { Portal as v } from "./index214.js";
+import { createSlot as y } from "./index215.js";
+import { useControllableState as b } from "./index216.js";
+import { usePrevious as x } from "./index217.js";
+import { VISUALLY_HIDDEN_STYLES as S } from "./index218.js";
+import { hideOthers as C } from "./index219.js";
+import w from "./index241.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]
+		})
+	});
+};
+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,
-		children: /* @__PURE__ */ g(y, { className: "h-4 w-4 opacity-50" })
-	}), i[6] = l) : l = i[6];
-	let u;
-	return i[7] !== a || i[8] !== s || i[9] !== n || i[10] !== c ? (u = /* @__PURE__ */ _(d, {
-		ref: n,
-		className: c,
-		...s,
-		children: [a, l]
-	}), i[7] = a, i[8] = s, i[9] = n, i[10] = c, i[11] = u) : u = i[11], u;
+		...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());
+			})
+		})
+	});
 });
-w.displayName = d.displayName;
-var T = h.createContext(null), E = h.forwardRef(({ direction: t, speed: n = 400, className: r, children: i, ...a }, o) => {
-	let s = h.useContext(T), [c, l] = h.useState(!0), u = h.useRef(void 0), d = h.useRef(void 0), f = h.useRef(!1), p = s?.viewport, m = h.useCallback(() => {
-		if (!p) {
-			l(!0);
-			return;
-		}
-		let { scrollTop: e, scrollHeight: n, clientHeight: r } = p, i = e > 2, a = e < n - r - 2;
-		if (!(n > r + 2)) {
-			l(!0);
-			return;
+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,
+		N,
+		O
+	]);
+	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 });
+			};
 		}
-		l(t === "up" ? !i : !a);
-	}, [p, t]);
-	h.useEffect(() => {
-		if (!p) return;
-		m();
-		let e = () => m(), t = () => m();
-		p.addEventListener("scroll", e, { passive: !0 });
-		let n = new ResizeObserver(t);
-		n.observe(p);
-		let r = new MutationObserver(t);
-		return r.observe(p, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			p.removeEventListener("scroll", e), n.disconnect(), r.disconnect();
+	}, [
+		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);
 		};
-	}, [p, m]);
-	let _ = h.useCallback(() => {
-		u.current &&= (cancelAnimationFrame(u.current), void 0), f.current = !1, d.current = void 0;
-	}, []), v = h.useCallback((e) => {
-		if (!p || c || !f.current) {
-			_();
-			return;
-		}
-		d.current ||= e;
-		let r = n * (e - d.current) / 1e3;
-		if (r < .1) {
-			u.current = requestAnimationFrame(v);
-			return;
+	}, [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();
+				},
+				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();
+							}
+						})
+					})
+				})
+			})
+		})
+	});
+});
+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";
+			}
+			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;
+			}
+			u.style.margin = `${X}px 0`, u.style.minHeight = C + "px", u.style.maxHeight = s + "px", o?.(), requestAnimationFrame(() => _.current = !0);
 		}
-		let i = p.scrollTop, a = p.scrollHeight - p.clientHeight, o;
-		o = t === "up" ? Math.max(0, i - r) : Math.min(a, i + r), p.scrollTo({ top: o }), d.current = e, (t === "up" ? o > 1 : o < a - 1) && Math.abs(o - i) > .01 ? u.current = requestAnimationFrame(v) : (_(), setTimeout(m, 16));
 	}, [
+		g,
+		c.trigger,
+		c.valueNode,
+		u,
 		p,
-		c,
-		t,
-		n,
-		_,
-		m
-	]), y = h.useCallback(() => {
-		c || !p || f.current || (f.current = !0, d.current = void 0, u.current = requestAnimationFrame(v));
-	}, [
-		c,
-		p,
-		v
+		y,
+		b,
+		x,
+		c.dir,
+		o
 	]);
-	return h.useEffect(() => () => _(), [_]), /* @__PURE__ */ g("div", {
-		...a,
-		ref: o,
-		className: e("flex items-center justify-center py-1 select-none", c ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20", r),
-		onPointerEnter: (e) => {
-			a.onPointerEnter?.(e), c || y();
-		},
-		onPointerMove: (e) => {
-			a.onPointerMove?.(e), !c && !f.current && y();
-		},
-		onPointerLeave: (e) => {
-			a.onPointerLeave?.(e), _();
-		},
-		children: i
+	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
+				}
+			})
+		})
 	});
 });
-E.displayName = "ScrollButtonImpl";
-var D = h.forwardRef((e, t) => {
-	let n = m(8), r, i;
-	n[0] === e ? (r = n[1], i = n[2]) : ({className: r, ...i} = e, n[0] = e, n[1] = r, n[2] = i);
-	let a;
-	n[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ g(b, { className: "h-4 w-4" }), n[3] = a) : a = n[3];
-	let o;
-	return n[4] !== r || n[5] !== i || n[6] !== t ? (o = /* @__PURE__ */ g(E, {
+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,
-		direction: "up",
-		className: r,
+		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)"
+		}
+	});
+});
+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,
-		children: a
-	}), n[4] = r, n[5] = i, n[6] = t, n[7] = o) : o = n[7], o;
+		ref: t
+	});
 });
-D.displayName = "SelectScrollUpButton";
-var O = h.forwardRef((e, t) => {
-	let n = m(8), r, i;
-	n[0] === e ? (r = n[1], i = n[2]) : ({className: r, ...i} = e, n[0] = e, n[1] = r, n[2] = i);
-	let a;
-	n[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ g(y, { className: "h-4 w-4" }), n[3] = a) : a = n[3];
-	let o;
-	return n[4] !== r || n[5] !== i || n[6] !== t ? (o = /* @__PURE__ */ g(E, {
-		ref: t,
-		direction: "down",
-		className: r,
+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,
-		children: a
-	}), n[4] = r, n[5] = i, n[6] = t, n[7] = o) : o = n[7], o;
+		ref: t
+	}) : null;
 });
-O.displayName = "SelectScrollDownButton";
-var k = h.forwardRef((n, r) => {
-	let i = m(32), a, o, s, l, u;
-	i[0] === n ? (a = i[1], o = i[2], s = i[3], l = i[4], u = i[5]) : ({className: s, children: o, position: u, autoScroll: a, ...l} = n, i[0] = n, i[1] = a, i[2] = o, i[3] = s, i[4] = l, i[5] = u);
-	let d = u === void 0 ? "popper" : u, [f, v] = h.useState(null), y;
-	i[6] === Symbol.for("react.memo_cache_sentinel") ? (y = (e) => {
-		v(e);
-	}, i[6] = y) : y = i[6];
-	let b = y, x, S;
-	i[7] !== a || i[8] !== f ? (x = () => {
-		if (!f || !a) return;
-		let e = requestAnimationFrame(() => {
-			let e = f.querySelector("[role=\"option\"][data-state=\"checked\"]");
-			if (e instanceof HTMLElement) {
-				let t = e.offsetTop - 8, n = e.offsetTop + e.offsetHeight + 8;
-				if (t < f.scrollTop) {
-					f.scrollTo({ top: Math.max(0, t) });
-					return;
-				}
-				n > f.scrollTop + f.clientHeight && f.scrollTo({ top: Math.max(0, n - f.clientHeight) });
-				return;
-			}
-			let t = Array.from(f.querySelectorAll("[role=\"option\"]"));
-			if (!t.length) return;
-			let n, r;
-			for (let e of t) {
-				if (!e.hasAttribute("data-disabled")) {
-					n = e;
-					break;
-				}
-				r = e;
-			}
-			if (!n) return;
-			let i = Math.max(0, (a === "firstEnabledWithContext" && r ? r : n).offsetTop - 8);
-			f.scrollTo({ top: i });
-		});
-		return () => cancelAnimationFrame(e);
-	}, S = [f, a], i[7] = a, i[8] = f, i[9] = x, i[10] = S) : (x = i[9], S = i[10]), h.useEffect(x, S);
-	let C = d === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", w;
-	i[11] !== s || i[12] !== C ? (w = e("relative z-[60] max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", C, s), i[11] = s, i[12] = C, i[13] = w) : w = i[13];
-	let E;
-	i[14] === f ? E = i[15] : (E = {
-		viewport: f,
-		setViewport: v
-	}, i[14] = f, i[15] = E);
-	let k;
-	i[16] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ g(D, {}), i[16] = k) : k = i[16];
-	let A = d === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]", j;
-	i[17] === A ? j = i[18] : (j = e("p-1 overflow-y-auto", A), i[17] = A, i[18] = j);
-	let M;
-	i[19] !== o || i[20] !== j ? (M = /* @__PURE__ */ g(p, {
-		ref: b,
-		className: j,
-		children: o
-	}), i[19] = o, i[20] = j, i[21] = M) : M = i[21];
-	let N;
-	i[22] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ g(O, {}), i[22] = N) : N = i[22];
-	let P;
-	i[23] !== M || i[24] !== E ? (P = /* @__PURE__ */ _(T.Provider, {
-		value: E,
-		children: [
-			k,
-			M,
-			N
-		]
-	}), i[23] = M, i[24] = E, i[25] = P) : P = i[25];
-	let F;
-	return i[26] !== d || i[27] !== l || i[28] !== r || i[29] !== P || i[30] !== w ? (F = /* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(t, {
-		ref: r,
-		className: w,
-		position: d,
-		...l,
-		children: P
-	}) }), i[26] = d, i[27] = l, i[28] = r, i[29] = P, i[30] = w, i[31] = F) : F = i[31], F;
+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);
+		}
+	}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ D(Me, {
+		...e,
+		ref: s,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = r;
+			e && t && (e.scrollTop -= t.offsetHeight);
+		}
+	}) : null;
 });
-k.displayName = t.displayName;
-var A = h.forwardRef((t, n) => {
-	let r = m(9), i, a;
-	r[0] === t ? (i = r[1], a = r[2]) : ({className: i, ...a} = t, r[0] = t, r[1] = i, r[2] = a);
-	let o;
-	r[3] === i ? o = r[4] : (o = e("py-1.5 pl-8 pr-2 text-sm font-semibold", i), r[3] = i, r[4] = o);
-	let c;
-	return r[5] !== a || r[6] !== n || r[7] !== o ? (c = /* @__PURE__ */ g(s, {
-		ref: n,
-		className: o,
-		...a
-	}), r[5] = a, r[6] = n, r[7] = o, r[8] = c) : c = r[8], c;
+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);
+		}
+	}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ D(Me, {
+		...e,
+		ref: s,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = r;
+			e && t && (e.scrollTop += t.offsetHeight);
+		}
+	}) : null;
 });
-A.displayName = s.displayName;
-var j = h.forwardRef((t, n) => {
-	let r = m(14), s, c, l;
-	r[0] === t ? (s = r[1], c = r[2], l = r[3]) : ({className: c, children: s, ...l} = t, r[0] = t, r[1] = s, r[2] = c, r[3] = l);
-	let u;
-	r[4] === c ? u = r[5] : (u = e("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 cursor-pointer", c), r[4] = c, r[5] = u);
-	let d;
-	r[6] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ g("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(v, { className: "h-4 w-4" }) })
-	}), r[6] = d) : d = r[6];
-	let f;
-	r[7] === s ? f = r[8] : (f = /* @__PURE__ */ g(o, { children: s }), r[7] = s, r[8] = f);
-	let p;
-	return r[9] !== l || r[10] !== n || r[11] !== u || r[12] !== f ? (p = /* @__PURE__ */ _(i, {
-		ref: n,
-		className: u,
-		...l,
-		children: [d, f]
-	}), r[9] = l, r[10] = n, r[11] = u, r[12] = f, r[13] = p) : p = r[13], p;
+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,
+		...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;
 });
-j.displayName = i.displayName;
-var M = h.forwardRef((t, n) => {
-	let r = m(9), i, a;
-	r[0] === t ? (i = r[1], a = r[2]) : ({className: i, ...a} = t, r[0] = t, r[1] = i, r[2] = a);
-	let o;
-	r[3] === i ? o = r[4] : (o = e("-mx-1 my-1 h-px bg-muted", i), r[3] = i, r[4] = o);
-	let s;
-	return r[5] !== a || r[6] !== n || r[7] !== o ? (s = /* @__PURE__ */ g(u, {
-		ref: n,
-		className: o,
-		...a
-	}), r[5] = a, r[6] = n, r[7] = o, r[8] = s) : s = r[8], s;
+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
+	});
 });
-M.displayName = u.displayName;
+Re.displayName = Le;
+function ze(e) {
+	return e === "" || e === void 0;
+}
+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 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 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 { x as Select, k as SelectContent, S as SelectGroup, j as SelectItem, A as SelectLabel, O as SelectScrollDownButton, D as SelectScrollUpButton, M as SelectSeparator, w as SelectTrigger, C as SelectValue };
+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=index242.js.map