@rpcbase/ui 0.208.0 → 0.209.0

package/dist/index243.js

@@ -1,690 +1,256 @@
-"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]
-		})
-	});
-};
-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, {
+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 "./index242.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, {
 		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
-	});
+		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;
 });
-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 });
-			};
+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;
 		}
-	}, [
-		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);
+		let { scrollTop: e, scrollHeight: n, clientHeight: r } = p, i = e > 2, a = e < n - r - 2;
+		if (!(n > r + 2)) {
+			l(!0);
+			return;
+		}
+		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();
 		};
-	}, [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);
+	}, [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;
 		}
+		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,
-		y,
-		b,
-		x,
-		c.dir,
-		o
+		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
 	]);
-	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
-				}
-			})
-		})
-	});
-});
-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),
+	return h.useEffect(() => () => _(), [_]), /* @__PURE__ */ g("div", {
 		...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)"
-		}
-	});
-});
-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
-		})
+		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
 	});
 });
-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,
+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, {
+		ref: t,
+		direction: "up",
+		className: r,
 		...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] });
+		children: a
+	}), n[4] = r, n[5] = i, n[6] = t, n[7] = o) : o = n[7], o;
 });
-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,
+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,
 		...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);
-		}
-	}, [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;
+		children: a
+	}), n[4] = r, n[5] = i, n[6] = t, n[7] = o) : o = n[7], o;
 });
-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;
-});
-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,
+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,
-		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
-	});
+		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;
 });
-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;
+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;
 });
-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
-	});
+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;
 });
-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;
+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;
+});
+M.displayName = u.displayName;
 //#endregion
-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 };
+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 };
 
 //# sourceMappingURL=index243.js.map