@spear-ai/spectral 1.13.0 → 1.13.1

package/dist/{select-oAOoVl5g.js → select-DFE8xm1L.js}

@@ -6,27 +6,26 @@ import { a as r, d as i, i as a, l as o, o as s, r as c, t as l } from "./dist-D
 import { n as u, t as d } from "./dist-CcsVPym2.js";
 import { t as f } from "./dist-Br_xj9vz.js";
 import { t as p } from "./twUtils-BpqlKSeB.js";
-import { getDropdownSurfaceClasses as m } from "./utils/formFieldUtils.js";
-import { t as h } from "./dist-C6pGYii-.js";
-import { t as g } from "./dist-C4MHwt9g.js";
-import { n as _, t as v } from "./dist-iDaHUF3d.js";
-import { i as y, n as b, r as x, t as S } from "./Combination-MimnVFUU.js";
-import { a as C, i as w, n as T, r as E, t as D } from "./dist-CwYxT5fv.js";
-import { t as O } from "./dist-s1uWaZYZ.js";
-import { n as k } from "./dist-C-2mar4Y.js";
-import { useAutoDropdownHorizontalShift as A } from "./utils/dropdownPositioning.js";
-import * as j from "react";
-import { useRef as M } from "react";
-import * as N from "react-dom";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { getDropdownSurfaceClasses as m, getOptionClasses as h, getTriggerClasses as g } from "./utils/formFieldUtils.js";
+import { t as _ } from "./dist-C6pGYii-.js";
+import { t as v } from "./dist-C4MHwt9g.js";
+import { n as y, t as b } from "./dist-iDaHUF3d.js";
+import { i as x, n as S, r as C, t as w } from "./Combination-MimnVFUU.js";
+import { a as T, i as E, n as D, r as O, t as k } from "./dist-CwYxT5fv.js";
+import { t as A } from "./dist-s1uWaZYZ.js";
+import { n as j } from "./dist-C-2mar4Y.js";
+import { useAutoDropdownHorizontalShift as M } from "./utils/dropdownPositioning.js";
+import * as N from "react";
+import * as P from "react-dom";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
 //#region node_modules/.pnpm/@radix-ui+react-select@2.2.6_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_59e27c923ffee0ae02caa79afc2da7e6/node_modules/@radix-ui/react-select/dist/index.mjs
-var L = [
+var R = [
 	" ",
 	"Enter",
 	"ArrowUp",
 	"ArrowDown"
-], R = [" ", "Enter"], z = "Select", [B, V, H] = u(z), [U, W] = i(z, [H, C]), G = C(), [ee, K] = U(z), [te, ne] = U(z), q = (e) => {
-	let { __scopeSelect: t, children: n, open: r, defaultOpen: i, onOpenChange: a, value: o, defaultValue: s, onValueChange: l, dir: u, name: p, autoComplete: m, disabled: h, required: g, form: _ } = e, v = G(t), [y, b] = j.useState(null), [x, S] = j.useState(null), [C, T] = j.useState(!1), E = d(u), [D, O] = c({
+], ee = [" ", "Enter"], z = "Select", [B, V, H] = u(z), [U, W] = i(z, [H, T]), G = T(), [te, K] = U(z), [ne, re] = U(z), ie = (e) => {
+	let { __scopeSelect: t, children: n, open: r, defaultOpen: i, onOpenChange: a, value: o, defaultValue: s, onValueChange: l, dir: u, name: p, autoComplete: m, disabled: h, required: g, form: _ } = e, v = G(t), [y, b] = N.useState(null), [x, S] = N.useState(null), [C, w] = N.useState(!1), T = d(u), [D, O] = c({
 		prop: r,
 		defaultProp: i ?? !1,
 		onChange: a,
@@ -36,10 +35,10 @@ var L = [
 		defaultProp: s,
 		onChange: l,
 		caller: z
-	}), M = j.useRef(null), N = y ? _ || !!y.closest("form") : !0, [P, L] = j.useState(/* @__PURE__ */ new Set()), R = Array.from(P).map((e) => e.props.value).join(";");
-	return /* @__PURE__ */ F(w, {
+	}), j = N.useRef(null), M = y ? _ || !!y.closest("form") : !0, [P, F] = N.useState(/* @__PURE__ */ new Set()), R = Array.from(P).map((e) => e.props.value).join(";");
+	return /* @__PURE__ */ I(E, {
 		...v,
-		children: /* @__PURE__ */ I(ee, {
+		children: /* @__PURE__ */ L(te, {
 			required: g,
 			scope: t,
 			trigger: y,
@@ -47,31 +46,31 @@ var L = [
 			valueNode: x,
 			onValueNodeChange: S,
 			valueNodeHasChildren: C,
-			onValueNodeHasChildrenChange: T,
+			onValueNodeHasChildrenChange: w,
 			contentId: f(),
 			value: k,
 			onValueChange: A,
 			open: D,
 			onOpenChange: O,
-			dir: E,
-			triggerPointerDownPosRef: M,
+			dir: T,
+			triggerPointerDownPosRef: j,
 			disabled: h,
-			children: [/* @__PURE__ */ F(B.Provider, {
+			children: [/* @__PURE__ */ I(B.Provider, {
 				scope: t,
-				children: /* @__PURE__ */ F(te, {
+				children: /* @__PURE__ */ I(ne, {
 					scope: e.__scopeSelect,
-					onNativeOptionAdd: j.useCallback((e) => {
-						L((t) => new Set(t).add(e));
+					onNativeOptionAdd: N.useCallback((e) => {
+						F((t) => new Set(t).add(e));
 					}, []),
-					onNativeOptionRemove: j.useCallback((e) => {
-						L((t) => {
+					onNativeOptionRemove: N.useCallback((e) => {
+						F((t) => {
 							let n = new Set(t);
 							return n.delete(e), n;
 						});
 					}, []),
 					children: n
 				})
-			}), N ? /* @__PURE__ */ I(Ge, {
+			}), M ? /* @__PURE__ */ L(Ke, {
 				"aria-hidden": !0,
 				required: g,
 				tabIndex: -1,
@@ -81,15 +80,15 @@ var L = [
 				onChange: (e) => A(e.target.value),
 				disabled: h,
 				form: _,
-				children: [k === void 0 ? /* @__PURE__ */ F("option", { value: "" }) : null, Array.from(P)]
+				children: [k === void 0 ? /* @__PURE__ */ I("option", { value: "" }) : null, Array.from(P)]
 			}, R) : null]
 		})
 	});
 };
-q.displayName = z;
-var re = "SelectTrigger", J = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, disabled: i = !1, ...a } = e, s = G(n), c = K(re, n), u = c.disabled || i, d = o(t, c.onTriggerChange), f = V(n), p = j.useRef("touch"), [m, h, g] = qe((e) => {
-		let t = f().filter((e) => !e.disabled), n = Je(t, e, t.find((e) => e.value === c.value));
+ie.displayName = z;
+var q = "SelectTrigger", J = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, disabled: i = !1, ...a } = e, s = G(n), c = K(q, n), u = c.disabled || i, d = o(t, c.onTriggerChange), f = V(n), p = N.useRef("touch"), [m, h, g] = Je((e) => {
+		let t = f().filter((e) => !e.disabled), n = Ye(t, e, t.find((e) => e.value === c.value));
 		n !== void 0 && c.onValueChange(n.value);
 	}), _ = (e) => {
 		u || (c.onOpenChange(!0), g()), e && (c.triggerPointerDownPosRef.current = {
@@ -97,10 +96,10 @@ var re = "SelectTrigger", J = j.forwardRef((e, t) => {
 			y: Math.round(e.pageY)
 		});
 	};
-	return /* @__PURE__ */ F(D, {
+	return /* @__PURE__ */ I(k, {
 		asChild: !0,
 		...s,
-		children: /* @__PURE__ */ F(l.button, {
+		children: /* @__PURE__ */ I(l.button, {
 			type: "button",
 			role: "combobox",
 			"aria-controls": c.contentId,
@@ -111,7 +110,7 @@ var re = "SelectTrigger", J = j.forwardRef((e, t) => {
 			"data-state": c.open ? "open" : "closed",
 			disabled: u,
 			"data-disabled": u ? "" : void 0,
-			"data-placeholder": Ke(c.value) ? "" : void 0,
+			"data-placeholder": qe(c.value) ? "" : void 0,
 			...a,
 			ref: d,
 			onClick: r(a.onClick, (e) => {
@@ -124,90 +123,90 @@ var re = "SelectTrigger", J = j.forwardRef((e, t) => {
 			}),
 			onKeyDown: r(a.onKeyDown, (e) => {
 				let t = m.current !== "";
-				!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && h(e.key), !(t && e.key === " ") && L.includes(e.key) && (_(), e.preventDefault());
+				!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && h(e.key), !(t && e.key === " ") && R.includes(e.key) && (_(), e.preventDefault());
 			})
 		})
 	});
 });
-J.displayName = re;
-var ie = "SelectValue", ae = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, className: r, style: i, children: s, placeholder: c = "", ...u } = e, d = K(ie, n), { onValueNodeHasChildrenChange: f } = d, p = s !== void 0, m = o(t, d.onValueNodeChange);
+J.displayName = q;
+var ae = "SelectValue", oe = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, className: r, style: i, children: s, placeholder: c = "", ...u } = e, d = K(ae, n), { onValueNodeHasChildrenChange: f } = d, p = s !== void 0, m = o(t, d.onValueNodeChange);
 	return a(() => {
 		f(p);
-	}, [f, p]), /* @__PURE__ */ F(l.span, {
+	}, [f, p]), /* @__PURE__ */ I(l.span, {
 		...u,
 		ref: m,
 		style: { pointerEvents: "none" },
-		children: Ke(d.value) ? /* @__PURE__ */ F(P, { children: c }) : s
+		children: qe(d.value) ? /* @__PURE__ */ I(F, { children: c }) : s
 	});
 });
-ae.displayName = ie;
-var oe = "SelectIcon", se = j.forwardRef((e, t) => {
+oe.displayName = ae;
+var se = "SelectIcon", ce = N.forwardRef((e, t) => {
 	let { __scopeSelect: n, children: r, ...i } = e;
-	return /* @__PURE__ */ F(l.span, {
+	return /* @__PURE__ */ I(l.span, {
 		"aria-hidden": !0,
 		...i,
 		ref: t,
 		children: r || "▼"
 	});
 });
-se.displayName = oe;
-var ce = "SelectPortal", le = (e) => /* @__PURE__ */ F(v, {
+ce.displayName = se;
+var le = "SelectPortal", ue = (e) => /* @__PURE__ */ I(b, {
 	asChild: !0,
 	...e
 });
-le.displayName = ce;
-var Y = "SelectContent", ue = j.forwardRef((e, t) => {
-	let n = K(Y, e.__scopeSelect), [r, i] = j.useState();
+ue.displayName = le;
+var Y = "SelectContent", de = N.forwardRef((e, t) => {
+	let n = K(Y, e.__scopeSelect), [r, i] = N.useState();
 	if (a(() => {
 		i(new DocumentFragment());
 	}, []), !n.open) {
 		let t = r;
-		return t ? N.createPortal(/* @__PURE__ */ F(de, {
+		return t ? P.createPortal(/* @__PURE__ */ I(fe, {
 			scope: e.__scopeSelect,
-			children: /* @__PURE__ */ F(B.Slot, {
+			children: /* @__PURE__ */ I(B.Slot, {
 				scope: e.__scopeSelect,
-				children: /* @__PURE__ */ F("div", { children: e.children })
+				children: /* @__PURE__ */ I("div", { children: e.children })
 			})
 		}), t) : null;
 	}
-	return /* @__PURE__ */ F(me, {
+	return /* @__PURE__ */ I(he, {
 		...e,
 		ref: t
 	});
 });
-ue.displayName = Y;
-var X = 10, [de, Z] = U(Y), fe = "SelectContentImpl", pe = s("SelectContent.RemoveScroll"), me = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, position: i = "item-aligned", onCloseAutoFocus: a, onEscapeKeyDown: s, onPointerDownOutside: c, side: l, sideOffset: u, align: d, alignOffset: f, arrowPadding: p, collisionBoundary: m, collisionPadding: h, sticky: g, hideWhenDetached: v, avoidCollisions: C, ...w } = e, T = K(Y, n), [E, D] = j.useState(null), [O, k] = j.useState(null), A = o(t, (e) => D(e)), [M, N] = j.useState(null), [P, I] = j.useState(null), L = V(n), [R, z] = j.useState(!1), B = j.useRef(!1);
-	j.useEffect(() => {
-		if (E) return b(E);
-	}, [E]), y();
-	let H = j.useCallback((e) => {
+de.displayName = Y;
+var X = 10, [fe, Z] = U(Y), pe = "SelectContentImpl", me = s("SelectContent.RemoveScroll"), he = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, position: i = "item-aligned", onCloseAutoFocus: a, onEscapeKeyDown: s, onPointerDownOutside: c, side: l, sideOffset: u, align: d, alignOffset: f, arrowPadding: p, collisionBoundary: m, collisionPadding: h, sticky: g, hideWhenDetached: _, avoidCollisions: v, ...b } = e, T = K(Y, n), [E, D] = N.useState(null), [O, k] = N.useState(null), A = o(t, (e) => D(e)), [j, M] = N.useState(null), [P, F] = N.useState(null), L = V(n), [R, ee] = N.useState(!1), z = N.useRef(!1);
+	N.useEffect(() => {
+		if (E) return S(E);
+	}, [E]), x();
+	let B = N.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 && O && (O.scrollTop = 0), n === r && O && (O.scrollTop = O.scrollHeight), n?.focus(), document.activeElement !== i)) return;
-	}, [L, O]), U = j.useCallback(() => H([M, E]), [
-		H,
-		M,
+	}, [L, O]), H = N.useCallback(() => B([j, E]), [
+		B,
+		j,
 		E
 	]);
-	j.useEffect(() => {
-		R && U();
-	}, [R, U]);
-	let { onOpenChange: W, triggerPointerDownPosRef: G } = T;
-	j.useEffect(() => {
+	N.useEffect(() => {
+		R && H();
+	}, [R, H]);
+	let { onOpenChange: U, triggerPointerDownPosRef: W } = T;
+	N.useEffect(() => {
 		if (E) {
 			let e = {
 				x: 0,
 				y: 0
 			}, t = (t) => {
 				e = {
-					x: Math.abs(Math.round(t.pageX) - (G.current?.x ?? 0)),
-					y: Math.abs(Math.round(t.pageY) - (G.current?.y ?? 0))
+					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() : E.contains(n.target) || W(!1), document.removeEventListener("pointermove", t), G.current = null;
+				e.x <= 10 && e.y <= 10 ? n.preventDefault() : E.contains(n.target) || U(!1), document.removeEventListener("pointermove", t), W.current = null;
 			};
-			return G.current !== null && (document.addEventListener("pointermove", t), document.addEventListener("pointerup", n, {
+			return W.current !== null && (document.addEventListener("pointermove", t), document.addEventListener("pointerup", n, {
 				capture: !0,
 				once: !0
 			})), () => {
@@ -216,24 +215,24 @@ var X = 10, [de, Z] = U(Y), fe = "SelectContentImpl", pe = s("SelectContent.Remo
 		}
 	}, [
 		E,
-		W,
-		G
-	]), j.useEffect(() => {
-		let e = () => W(!1);
+		U,
+		W
+	]), N.useEffect(() => {
+		let e = () => U(!1);
 		return window.addEventListener("blur", e), window.addEventListener("resize", e), () => {
 			window.removeEventListener("blur", e), window.removeEventListener("resize", e);
 		};
-	}, [W]);
-	let [ee, te] = qe((e) => {
-		let t = L().filter((e) => !e.disabled), n = Je(t, e, t.find((e) => e.ref.current === document.activeElement));
+	}, [U]);
+	let [G, te] = Je((e) => {
+		let t = L().filter((e) => !e.disabled), n = Ye(t, e, t.find((e) => e.ref.current === document.activeElement));
 		n && setTimeout(() => n.ref.current.focus());
-	}), ne = j.useCallback((e, t, n) => {
-		let r = !B.current && !n;
-		(T.value !== void 0 && T.value === t || r) && (N(e), r && (B.current = !0));
-	}, [T.value]), q = j.useCallback(() => E?.focus(), [E]), re = j.useCallback((e, t, n) => {
-		let r = !B.current && !n;
-		(T.value !== void 0 && T.value === t || r) && I(e);
-	}, [T.value]), J = i === "popper" ? ve : ge, ie = J === ve ? {
+	}), ne = N.useCallback((e, t, n) => {
+		let r = !z.current && !n;
+		(T.value !== void 0 && T.value === t || r) && (M(e), r && (z.current = !0));
+	}, [T.value]), re = N.useCallback(() => E?.focus(), [E]), ie = N.useCallback((e, t, n) => {
+		let r = !z.current && !n;
+		(T.value !== void 0 && T.value === t || r) && F(e);
+	}, [T.value]), q = i === "popper" ? ye : _e, J = q === ye ? {
 		side: l,
 		sideOffset: u,
 		align: d,
@@ -242,27 +241,27 @@ var X = 10, [de, Z] = U(Y), fe = "SelectContentImpl", pe = s("SelectContent.Remo
 		collisionBoundary: m,
 		collisionPadding: h,
 		sticky: g,
-		hideWhenDetached: v,
-		avoidCollisions: C
+		hideWhenDetached: _,
+		avoidCollisions: v
 	} : {};
-	return /* @__PURE__ */ F(de, {
+	return /* @__PURE__ */ I(fe, {
 		scope: n,
 		content: E,
 		viewport: O,
 		onViewportChange: k,
 		itemRefCallback: ne,
-		selectedItem: M,
-		onItemLeave: q,
-		itemTextRefCallback: re,
-		focusSelectedItem: U,
+		selectedItem: j,
+		onItemLeave: re,
+		itemTextRefCallback: ie,
+		focusSelectedItem: H,
 		selectedItemText: P,
 		position: i,
 		isPositioned: R,
-		searchRef: ee,
-		children: /* @__PURE__ */ F(S, {
-			as: pe,
+		searchRef: G,
+		children: /* @__PURE__ */ I(w, {
+			as: me,
 			allowPinchZoom: !0,
-			children: /* @__PURE__ */ F(x, {
+			children: /* @__PURE__ */ I(C, {
 				asChild: !0,
 				trapped: T.open,
 				onMountAutoFocus: (e) => {
@@ -271,30 +270,30 @@ var X = 10, [de, Z] = U(Y), fe = "SelectContentImpl", pe = s("SelectContent.Remo
 				onUnmountAutoFocus: r(a, (e) => {
 					T.trigger?.focus({ preventScroll: !0 }), e.preventDefault();
 				}),
-				children: /* @__PURE__ */ F(_, {
+				children: /* @__PURE__ */ I(y, {
 					asChild: !0,
 					disableOutsidePointerEvents: !0,
 					onEscapeKeyDown: s,
 					onPointerDownOutside: c,
 					onFocusOutside: (e) => e.preventDefault(),
 					onDismiss: () => T.onOpenChange(!1),
-					children: /* @__PURE__ */ F(J, {
+					children: /* @__PURE__ */ I(q, {
 						role: "listbox",
 						id: T.contentId,
 						"data-state": T.open ? "open" : "closed",
 						dir: T.dir,
 						onContextMenu: (e) => e.preventDefault(),
-						...w,
-						...ie,
-						onPlaced: () => z(!0),
+						...b,
+						...J,
+						onPlaced: () => ee(!0),
 						ref: A,
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							outline: "none",
-							...w.style
+							...b.style
 						},
-						onKeyDown: r(w.onKeyDown, (e) => {
+						onKeyDown: r(b.onKeyDown, (e) => {
 							let t = e.ctrlKey || e.altKey || e.metaKey;
 							if (e.key === "Tab" && e.preventDefault(), !t && e.key.length === 1 && te(e.key), [
 								"ArrowUp",
@@ -307,7 +306,7 @@ var X = 10, [de, Z] = U(Y), fe = "SelectContentImpl", pe = s("SelectContent.Remo
 									let n = e.target, r = t.indexOf(n);
 									t = t.slice(r + 1);
 								}
-								setTimeout(() => H(t)), e.preventDefault();
+								setTimeout(() => B(t)), e.preventDefault();
 							}
 						})
 					})
@@ -316,19 +315,19 @@ var X = 10, [de, Z] = U(Y), fe = "SelectContentImpl", pe = s("SelectContent.Remo
 		})
 	});
 });
-me.displayName = fe;
-var he = "SelectItemAlignedPosition", ge = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, onPlaced: r, ...i } = e, s = K(Y, n), c = Z(Y, n), [u, d] = j.useState(null), [f, p] = j.useState(null), m = o(t, (e) => p(e)), g = V(n), _ = j.useRef(!1), v = j.useRef(!0), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = c, C = j.useCallback(() => {
+he.displayName = pe;
+var ge = "SelectItemAlignedPosition", _e = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, onPlaced: r, ...i } = e, s = K(Y, n), c = Z(Y, n), [u, d] = N.useState(null), [f, p] = N.useState(null), m = o(t, (e) => p(e)), h = V(n), g = N.useRef(!1), v = N.useRef(!0), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = c, C = N.useCallback(() => {
 		if (s.trigger && s.valueNode && u && f && y && b && x) {
 			let e = s.trigger.getBoundingClientRect(), t = f.getBoundingClientRect(), n = s.valueNode.getBoundingClientRect(), i = x.getBoundingClientRect();
 			if (s.dir !== "rtl") {
-				let r = i.left - t.left, a = n.left - r, o = e.left - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - X, d = h(a, [X, Math.max(X, l - c)]);
+				let r = i.left - t.left, a = n.left - r, o = e.left - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - X, d = _(a, [X, Math.max(X, l - c)]);
 				u.style.minWidth = s + "px", u.style.left = d + "px";
 			} else {
-				let r = t.right - i.right, a = window.innerWidth - n.right - r, o = window.innerWidth - e.right - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - X, d = h(a, [X, Math.max(X, l - c)]);
+				let r = t.right - i.right, a = window.innerWidth - n.right - r, o = window.innerWidth - e.right - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - X, d = _(a, [X, Math.max(X, l - c)]);
 				u.style.minWidth = s + "px", u.style.right = d + "px";
 			}
-			let a = g(), o = window.innerHeight - X * 2, c = y.scrollHeight, l = window.getComputedStyle(f), d = parseInt(l.borderTopWidth, 10), p = parseInt(l.paddingTop, 10), m = parseInt(l.borderBottomWidth, 10), v = parseInt(l.paddingBottom, 10), S = d + p + c + v + m, 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 = o - D, k = b.offsetHeight / 2, A = b.offsetTop + k, j = d + p + A, M = S - j;
+			let a = h(), o = window.innerHeight - X * 2, c = y.scrollHeight, l = window.getComputedStyle(f), d = parseInt(l.borderTopWidth, 10), p = parseInt(l.paddingTop, 10), m = parseInt(l.borderBottomWidth, 10), v = parseInt(l.paddingBottom, 10), S = d + p + c + v + m, 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 = o - D, k = b.offsetHeight / 2, A = b.offsetTop + k, j = d + p + A, M = S - j;
 			if (j <= D) {
 				let e = a.length > 0 && b === a[a.length - 1].ref.current;
 				u.style.bottom = "0px";
@@ -340,10 +339,10 @@ var he = "SelectItemAlignedPosition", ge = j.forwardRef((e, t) => {
 				let t = Math.max(D, d + 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 = o + "px", r?.(), requestAnimationFrame(() => _.current = !0);
+			u.style.margin = `${X}px 0`, u.style.minHeight = C + "px", u.style.maxHeight = o + "px", r?.(), requestAnimationFrame(() => g.current = !0);
 		}
 	}, [
-		g,
+		h,
 		s.trigger,
 		s.valueNode,
 		u,
@@ -355,17 +354,17 @@ var he = "SelectItemAlignedPosition", ge = j.forwardRef((e, t) => {
 		r
 	]);
 	a(() => C(), [C]);
-	let [w, T] = j.useState();
+	let [w, T] = N.useState();
 	return a(() => {
 		f && T(window.getComputedStyle(f).zIndex);
-	}, [f]), /* @__PURE__ */ F(ye, {
+	}, [f]), /* @__PURE__ */ I(be, {
 		scope: n,
 		contentWrapper: u,
-		shouldExpandOnScrollRef: _,
-		onScrollButtonChange: j.useCallback((e) => {
+		shouldExpandOnScrollRef: g,
+		onScrollButtonChange: N.useCallback((e) => {
 			e && v.current === !0 && (C(), S?.(), v.current = !1);
 		}, [C, S]),
-		children: /* @__PURE__ */ F("div", {
+		children: /* @__PURE__ */ I("div", {
 			ref: d,
 			style: {
 				display: "flex",
@@ -373,7 +372,7 @@ var he = "SelectItemAlignedPosition", ge = j.forwardRef((e, t) => {
 				position: "fixed",
 				zIndex: w
 			},
-			children: /* @__PURE__ */ F(l.div, {
+			children: /* @__PURE__ */ I(l.div, {
 				...i,
 				ref: m,
 				style: {
@@ -385,10 +384,10 @@ var he = "SelectItemAlignedPosition", ge = j.forwardRef((e, t) => {
 		})
 	});
 });
-ge.displayName = he;
-var _e = "SelectPopperPosition", ve = j.forwardRef((e, t) => {
+_e.displayName = ge;
+var ve = "SelectPopperPosition", ye = N.forwardRef((e, t) => {
 	let { __scopeSelect: n, align: r = "start", collisionPadding: i = X, ...a } = e;
-	return /* @__PURE__ */ F(E, {
+	return /* @__PURE__ */ I(O, {
 		...G(n),
 		...a,
 		ref: t,
@@ -405,15 +404,15 @@ var _e = "SelectPopperPosition", ve = j.forwardRef((e, t) => {
 		}
 	});
 });
-ve.displayName = _e;
-var [ye, be] = U(Y, {}), xe = "SelectViewport", Se = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, nonce: i, ...a } = e, s = Z(xe, n), c = be(xe, n), u = o(t, s.onViewportChange), d = j.useRef(0);
-	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("style", {
+ye.displayName = ve;
+var [be, xe] = U(Y, {}), Se = "SelectViewport", Ce = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, nonce: i, ...a } = e, s = Z(Se, n), c = xe(Se, n), u = o(t, s.onViewportChange), d = N.useRef(0);
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("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: i
-	}), /* @__PURE__ */ F(B.Slot, {
+	}), /* @__PURE__ */ I(B.Slot, {
 		scope: n,
-		children: /* @__PURE__ */ F(l.div, {
+		children: /* @__PURE__ */ I(l.div, {
 			"data-radix-select-viewport": "",
 			role: "presentation",
 			...a,
@@ -441,13 +440,13 @@ var [ye, be] = U(Y, {}), xe = "SelectViewport", Se = j.forwardRef((e, t) => {
 		})
 	})] });
 });
-Se.displayName = xe;
-var Ce = "SelectGroup", [we, Te] = U(Ce), Ee = j.forwardRef((e, t) => {
+Ce.displayName = Se;
+var we = "SelectGroup", [Te, Ee] = U(we), De = N.forwardRef((e, t) => {
 	let { __scopeSelect: n, ...r } = e, i = f();
-	return /* @__PURE__ */ F(we, {
+	return /* @__PURE__ */ I(Te, {
 		scope: n,
 		id: i,
-		children: /* @__PURE__ */ F(l.div, {
+		children: /* @__PURE__ */ I(l.div, {
 			role: "group",
 			"aria-labelledby": i,
 			...r,
@@ -455,36 +454,36 @@ var Ce = "SelectGroup", [we, Te] = U(Ce), Ee = j.forwardRef((e, t) => {
 		})
 	});
 });
-Ee.displayName = Ce;
-var De = "SelectLabel", Oe = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, ...r } = e, i = Te(De, n);
-	return /* @__PURE__ */ F(l.div, {
+De.displayName = we;
+var Oe = "SelectLabel", ke = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = Ee(Oe, n);
+	return /* @__PURE__ */ I(l.div, {
 		id: i.id,
 		...r,
 		ref: t
 	});
 });
-Oe.displayName = De;
-var Q = "SelectItem", [ke, Ae] = U(Q), je = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, value: i, disabled: a = !1, textValue: s, ...c } = e, u = K(Q, n), d = Z(Q, n), p = u.value === i, [m, h] = j.useState(s ?? ""), [g, _] = j.useState(!1), v = o(t, (e) => d.itemRefCallback?.(e, i, a)), y = f(), b = j.useRef("touch"), x = () => {
+ke.displayName = Oe;
+var Q = "SelectItem", [Ae, je] = U(Q), Me = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, value: i, disabled: a = !1, textValue: s, ...c } = e, u = K(Q, n), d = Z(Q, n), p = u.value === i, [m, h] = N.useState(s ?? ""), [g, _] = N.useState(!1), v = o(t, (e) => d.itemRefCallback?.(e, i, a)), y = f(), b = N.useRef("touch"), x = () => {
 		a || (u.onValueChange(i), u.onOpenChange(!1));
 	};
 	if (i === "") 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__ */ F(ke, {
+	return /* @__PURE__ */ I(Ae, {
 		scope: n,
 		value: i,
 		disabled: a,
 		textId: y,
 		isSelected: p,
-		onItemTextChange: j.useCallback((e) => {
+		onItemTextChange: N.useCallback((e) => {
 			h((t) => t || (e?.textContent ?? "").trim());
 		}, []),
-		children: /* @__PURE__ */ F(B.ItemSlot, {
+		children: /* @__PURE__ */ I(B.ItemSlot, {
 			scope: n,
 			value: i,
 			disabled: a,
 			textValue: m,
-			children: /* @__PURE__ */ F(l.div, {
+			children: /* @__PURE__ */ I(l.div, {
 				role: "option",
 				"aria-labelledby": y,
 				"data-highlighted": g ? "" : void 0,
@@ -513,15 +512,15 @@ var Q = "SelectItem", [ke, Ae] = U(Q), je = j.forwardRef((e, t) => {
 					e.currentTarget === document.activeElement && d.onItemLeave?.();
 				}),
 				onKeyDown: r(c.onKeyDown, (e) => {
-					d.searchRef?.current !== "" && e.key === " " || (R.includes(e.key) && x(), e.key === " " && e.preventDefault());
+					d.searchRef?.current !== "" && e.key === " " || (ee.includes(e.key) && x(), e.key === " " && e.preventDefault());
 				})
 			})
 		})
 	});
 });
-je.displayName = Q;
-var $ = "SelectItemText", Me = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, className: r, style: i, ...s } = e, c = K($, n), u = Z($, n), d = Ae($, n), f = ne($, n), [p, m] = j.useState(null), h = o(t, (e) => m(e), d.onItemTextChange, (e) => u.itemTextRefCallback?.(e, d.value, d.disabled)), g = p?.textContent, _ = j.useMemo(() => /* @__PURE__ */ F("option", {
+Me.displayName = Q;
+var $ = "SelectItemText", Ne = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, className: r, style: i, ...s } = e, c = K($, n), u = Z($, n), d = je($, n), f = re($, n), [p, m] = N.useState(null), h = o(t, (e) => m(e), d.onItemTextChange, (e) => u.itemTextRefCallback?.(e, d.value, d.disabled)), g = p?.textContent, _ = N.useMemo(() => /* @__PURE__ */ I("option", {
 		value: d.value,
 		disabled: d.disabled,
 		children: g
@@ -534,24 +533,24 @@ var $ = "SelectItemText", Me = j.forwardRef((e, t) => {
 		v,
 		y,
 		_
-	]), /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(l.span, {
+	]), /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(l.span, {
 		id: d.textId,
 		...s,
 		ref: h
-	}), d.isSelected && c.valueNode && !c.valueNodeHasChildren ? N.createPortal(s.children, c.valueNode) : null] });
+	}), d.isSelected && c.valueNode && !c.valueNodeHasChildren ? P.createPortal(s.children, c.valueNode) : null] });
 });
-Me.displayName = $;
-var Ne = "SelectItemIndicator", Pe = j.forwardRef((e, t) => {
+Ne.displayName = $;
+var Pe = "SelectItemIndicator", Fe = N.forwardRef((e, t) => {
 	let { __scopeSelect: n, ...r } = e;
-	return Ae(Ne, n).isSelected ? /* @__PURE__ */ F(l.span, {
+	return je(Pe, n).isSelected ? /* @__PURE__ */ I(l.span, {
 		"aria-hidden": !0,
 		...r,
 		ref: t
 	}) : null;
 });
-Pe.displayName = Ne;
-var Fe = "SelectScrollUpButton", Ie = j.forwardRef((e, t) => {
-	let n = Z(Fe, e.__scopeSelect), r = be(Fe, e.__scopeSelect), [i, s] = j.useState(!1), c = o(t, r.onScrollButtonChange);
+Fe.displayName = Pe;
+var Ie = "SelectScrollUpButton", Le = N.forwardRef((e, t) => {
+	let n = Z(Ie, e.__scopeSelect), r = xe(Ie, e.__scopeSelect), [i, s] = N.useState(!1), c = o(t, r.onScrollButtonChange);
 	return a(() => {
 		if (n.viewport && n.isPositioned) {
 			let e = function() {
@@ -559,7 +558,7 @@ var Fe = "SelectScrollUpButton", Ie = j.forwardRef((e, t) => {
 			}, t = n.viewport;
 			return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
 		}
-	}, [n.viewport, n.isPositioned]), i ? /* @__PURE__ */ F(ze, {
+	}, [n.viewport, n.isPositioned]), i ? /* @__PURE__ */ I(Be, {
 		...e,
 		ref: c,
 		onAutoScroll: () => {
@@ -568,9 +567,9 @@ var Fe = "SelectScrollUpButton", Ie = j.forwardRef((e, t) => {
 		}
 	}) : null;
 });
-Ie.displayName = Fe;
-var Le = "SelectScrollDownButton", Re = j.forwardRef((e, t) => {
-	let n = Z(Le, e.__scopeSelect), r = be(Le, e.__scopeSelect), [i, s] = j.useState(!1), c = o(t, r.onScrollButtonChange);
+Le.displayName = Ie;
+var Re = "SelectScrollDownButton", ze = N.forwardRef((e, t) => {
+	let n = Z(Re, e.__scopeSelect), r = xe(Re, e.__scopeSelect), [i, s] = N.useState(!1), c = o(t, r.onScrollButtonChange);
 	return a(() => {
 		if (n.viewport && n.isPositioned) {
 			let e = function() {
@@ -579,7 +578,7 @@ var Le = "SelectScrollDownButton", Re = j.forwardRef((e, t) => {
 			}, t = n.viewport;
 			return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
 		}
-	}, [n.viewport, n.isPositioned]), i ? /* @__PURE__ */ F(ze, {
+	}, [n.viewport, n.isPositioned]), i ? /* @__PURE__ */ I(Be, {
 		...e,
 		ref: c,
 		onAutoScroll: () => {
@@ -588,14 +587,14 @@ var Le = "SelectScrollDownButton", Re = j.forwardRef((e, t) => {
 		}
 	}) : null;
 });
-Re.displayName = Le;
-var ze = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, onAutoScroll: i, ...o } = e, s = Z("SelectScrollButton", n), c = j.useRef(null), u = V(n), d = j.useCallback(() => {
+ze.displayName = Re;
+var Be = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, onAutoScroll: i, ...o } = e, s = Z("SelectScrollButton", n), c = N.useRef(null), u = V(n), d = N.useCallback(() => {
 		c.current !== null && (window.clearInterval(c.current), c.current = null);
 	}, []);
-	return j.useEffect(() => () => d(), [d]), a(() => {
+	return N.useEffect(() => () => d(), [d]), a(() => {
 		u().find((e) => e.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-	}, [u]), /* @__PURE__ */ F(l.div, {
+	}, [u]), /* @__PURE__ */ I(l.div, {
 		"aria-hidden": !0,
 		...o,
 		ref: t,
@@ -613,27 +612,27 @@ var ze = j.forwardRef((e, t) => {
 			d();
 		})
 	});
-}), Be = "SelectSeparator", Ve = j.forwardRef((e, t) => {
+}), Ve = "SelectSeparator", He = N.forwardRef((e, t) => {
 	let { __scopeSelect: n, ...r } = e;
-	return /* @__PURE__ */ F(l.div, {
+	return /* @__PURE__ */ I(l.div, {
 		"aria-hidden": !0,
 		...r,
 		ref: t
 	});
 });
-Ve.displayName = Be;
-var He = "SelectArrow", Ue = j.forwardRef((e, t) => {
-	let { __scopeSelect: n, ...r } = e, i = G(n), a = K(He, n), o = Z(He, n);
-	return a.open && o.position === "popper" ? /* @__PURE__ */ F(T, {
+He.displayName = Ve;
+var Ue = "SelectArrow", We = N.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = G(n), a = K(Ue, n), o = Z(Ue, n);
+	return a.open && o.position === "popper" ? /* @__PURE__ */ I(D, {
 		...i,
 		...r,
 		ref: t
 	}) : null;
 });
-Ue.displayName = He;
-var We = "SelectBubbleInput", Ge = j.forwardRef(({ __scopeSelect: e, value: t, ...n }, r) => {
-	let i = j.useRef(null), a = o(r, i), s = O(t);
-	return j.useEffect(() => {
+We.displayName = Ue;
+var Ge = "SelectBubbleInput", Ke = N.forwardRef(({ __scopeSelect: e, value: t, ...n }, r) => {
+	let i = N.useRef(null), a = o(r, i), s = A(t);
+	return N.useEffect(() => {
 		let e = i.current;
 		if (!e) return;
 		let n = window.HTMLSelectElement.prototype, r = Object.getOwnPropertyDescriptor(n, "value").set;
@@ -641,157 +640,129 @@ var We = "SelectBubbleInput", Ge = j.forwardRef(({ __scopeSelect: e, value: t, .
 			let n = new Event("change", { bubbles: !0 });
 			r.call(e, t), e.dispatchEvent(n);
 		}
-	}, [s, t]), /* @__PURE__ */ F(l.select, {
+	}, [s, t]), /* @__PURE__ */ I(l.select, {
 		...n,
 		style: {
-			...k,
+			...j,
 			...n.style
 		},
 		ref: a,
 		defaultValue: t
 	});
 });
-Ge.displayName = We;
-function Ke(e) {
+Ke.displayName = Ge;
+function qe(e) {
 	return e === "" || e === void 0;
 }
-function qe(e) {
-	let t = g(e), n = j.useRef(""), r = j.useRef(0), i = j.useCallback((e) => {
+function Je(e) {
+	let t = v(e), n = N.useRef(""), r = N.useRef(0), i = N.useCallback((e) => {
 		let i = n.current + e;
 		t(i), (function e(t) {
 			n.current = t, window.clearTimeout(r.current), t !== "" && (r.current = window.setTimeout(() => e(""), 1e3));
 		})(i);
-	}, [t]), a = j.useCallback(() => {
+	}, [t]), a = N.useCallback(() => {
 		n.current = "", window.clearTimeout(r.current);
 	}, []);
-	return j.useEffect(() => () => window.clearTimeout(r.current), []), [
+	return N.useEffect(() => () => window.clearTimeout(r.current), []), [
 		n,
 		i,
 		a
 	];
 }
-function Je(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 = Ye(e, Math.max(i, 0));
+function Ye(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 = Xe(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 Ye(e, t) {
+function Xe(e, t) {
 	return e.map((n, r) => e[(t + r) % e.length]);
 }
-var Xe = q, Ze = J, Qe = ae, $e = se, et = le, tt = ue, nt = Se, rt = Ee, it = Oe, at = je, ot = Me, st = Pe, ct = Ie, lt = Re, ut = Ve, dt = 12, ft = (e) => {
-	let t = document.querySelectorAll("[aria-controls]");
-	for (let n of t) if (n.getAttribute("aria-controls") === e) return n;
-	return null;
-}, pt = (e) => {
-	let t = e.id;
-	if (!t) return;
-	let n = ft(t);
-	if (!n) return;
-	let r = n.closest("[data-slot=\"dialog-content\"]");
-	if (!r) return;
-	let i = e.getBoundingClientRect(), a = r.getBoundingClientRect(), o = i.bottom - a.bottom + dt;
-	if (o > 0) {
-		r.scrollTo({
-			top: r.scrollTop + o,
-			behavior: "smooth"
-		});
-		return;
-	}
-	let s = a.top - i.top + dt;
-	s > 0 && r.scrollTo({
-		top: Math.max(0, r.scrollTop - s),
-		behavior: "smooth"
-	});
-}, mt = ({ ...e }) => /* @__PURE__ */ F(Xe, {
+var Ze = ie, Qe = J, $e = oe, et = ce, tt = ue, nt = de, rt = Ce, it = De, at = ke, ot = Me, st = Ne, ct = Fe, lt = Le, ut = ze, dt = He, ft = ({ ...e }) => /* @__PURE__ */ I(Ze, {
 	"data-slot": "select",
 	...e
-}), ht = ({ ...e }) => /* @__PURE__ */ F(rt, {
+}), pt = ({ ...e }) => /* @__PURE__ */ I(it, {
 	"data-slot": "select-group",
 	...e
-}), gt = ({ className: e, ...t }) => /* @__PURE__ */ F(Qe, {
-	className: p("min-w-0 block max-w-full flex-1 overflow-hidden text-left text-ellipsis whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder!", "**:max-w-full **:overflow-hidden **:text-ellipsis **:whitespace-nowrap", e),
+}), mt = ({ className: e, ...t }) => /* @__PURE__ */ I($e, {
+	className: p("min-w-0 block max-w-full flex-1 overflow-hidden text-left text-ellipsis whitespace-nowrap text-input-text data-placeholder:text-input-text-placeholder!", "**:max-w-full **:overflow-hidden **:text-ellipsis **:whitespace-nowrap", e),
 	"data-slot": "select-value",
 	...t
-}), _t = ({ asChild: e, children: n, className: r, size: i = "default", ...a }) => /* @__PURE__ */ I(Ze, {
+}), ht = ({ asChild: e, children: n, className: r, size: i = "default", ...a }) => /* @__PURE__ */ L(Qe, {
 	asChild: e,
-	className: p("[&_svg:not([class*='text-'])]:text-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50 gap-2 rounded-md px-3 py-2 text-sm shadow-xs h-9 *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 min-w-0 *:data-[slot=select-value]:min-w-0 flex w-fit cursor-pointer items-center justify-between border border-input-border bg-transparent text-input-text! transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-danger-400 data-placeholder:text-input-text-placeholder! *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center data-[state=open]:**:data-[slot=select-chevron]:rotate-180 [&_svg]:pointer-events-none [&_svg]:shrink-0", r),
+	className: p(g(!1, a.disabled ? "disabled" : "default"), "min-w-0 gap-2 grid w-full cursor-pointer! grid-cols-[minmax(0,1fr)_auto] items-center overflow-hidden text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder! data-[state=open]:cursor-pointer!", "[&>span]:min-w-0 **:data-placeholder:text-input-text-placeholder! [&>span]:block [&>span]:overflow-hidden [&>span]:text-ellipsis [&>span]:whitespace-nowrap [&>span[data-placeholder]]:text-input-text-placeholder!", "data-[state=open]:border-input-border--focus data-[state=open]:hover:border-input-border--focus", "**:data-[slot=select-chevron]:pointer-events-auto **:data-[slot=select-chevron]:cursor-pointer! [&[data-state=open]_[data-slot=select-chevron]]:rotate-180", r),
 	"data-size": i,
 	"data-slot": "select-trigger",
 	...a,
-	children: [n, !e && /* @__PURE__ */ F($e, {
+	children: [n, !e && /* @__PURE__ */ I(et, {
 		asChild: !0,
-		children: /* @__PURE__ */ F(t, {
-			className: "size-4 opacity-50 transition-transform duration-200",
-			"data-slot": "select-chevron"
+		children: /* @__PURE__ */ I("div", {
+			className: "pointer-events-auto flex shrink-0 cursor-pointer items-center",
+			children: /* @__PURE__ */ I(t, {
+				className: "cursor-pointer transition-transform duration-200",
+				"data-slot": "select-chevron",
+				size: 20
+			})
 		})
 	})]
-}), vt = ({ align: e = "center", children: t, className: n, dropdownWidth: r = "trigger", onCloseAutoFocus: i, onFocusCapture: a, position: o = "popper", style: s, ...c }) => {
-	let l = M(!1), { dropdownShiftStyle: u, recalculateDropdownPosition: d, setDropdownElement: f } = A(), h = r === "trigger" ? "var(--radix-select-trigger-width)" : r === "content" ? "max-content" : r, g = r === "trigger" || r === "content" ? r : "custom";
-	return /* @__PURE__ */ F(et, { children: /* @__PURE__ */ I(tt, {
+}), gt = ({ align: e = "center", children: t, className: n, dropdownWidth: r = "trigger", onCloseAutoFocus: i, position: a = "popper", style: o, ...s }) => {
+	let { dropdownShiftStyle: c, setDropdownElement: l } = M(), u = r === "trigger" ? "var(--radix-select-trigger-width)" : r === "content" ? "max-content" : r, d = r === "trigger" || r === "content" ? r : "custom";
+	return /* @__PURE__ */ I(tt, { children: /* @__PURE__ */ L(nt, {
 		align: e,
-		className: p("min-w-32 relative z-50 max-h-[--radix-select-content-available-height] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto text-text-primary motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", m(), o === "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", n),
-		"data-dropdown-width-mode": g,
-		"data-dropdown-width-value": g === "custom" ? r : void 0,
+		className: p("relative z-50 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in", m(), "motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", "max-h-[min(var(--radix-select-content-available-height),300px)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2", "min-w-32 origin-(--radix-select-content-transform-origin) overflow-hidden", a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1", n),
+		"data-dropdown-width-mode": d,
+		"data-dropdown-width-value": d === "custom" ? r : void 0,
 		"data-slot": "select-content",
 		onCloseAutoFocus: (e) => {
-			l.current = !1, i?.(e);
+			i?.(e);
 		},
-		onFocusCapture: (e) => {
-			if (a?.(e), l.current) return;
-			l.current = !0;
-			let t = e.currentTarget;
-			requestAnimationFrame(() => {
-				pt(t), d();
-			});
-		},
-		position: o,
-		ref: f,
+		position: a,
+		ref: l,
 		style: {
-			...s,
-			width: h,
-			...u
+			...o,
+			width: u,
+			...c
 		},
-		...c,
+		...s,
 		children: [
-			/* @__PURE__ */ F(St, {}),
-			/* @__PURE__ */ F(nt, {
-				className: p("p-1", o === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full"),
+			/* @__PURE__ */ I(bt, {}),
+			/* @__PURE__ */ I(rt, {
+				className: p("p-1 overflow-x-hidden overflow-y-auto", a === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full"),
 				"data-slot": "select-viewport",
 				children: t
 			}),
-			/* @__PURE__ */ F(Ct, {})
+			/* @__PURE__ */ I(xt, {})
 		]
 	}) });
-}, yt = ({ className: e, ...t }) => /* @__PURE__ */ F(it, {
+}, _t = ({ className: e, ...t }) => /* @__PURE__ */ I(at, {
 	className: p("px-2 py-1.5 text-xs text-text-primary", e),
 	"data-slot": "select-label",
 	...t
-}), bt = ({ className: t, children: n, ...r }) => /* @__PURE__ */ I(at, {
-	className: p("gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-none select-none hover:border-input-border--hover hover:bg-accent hover:text-text-inverted! focus:border-input-border--focus focus:bg-accent focus:text-text-inverted! data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-text-inverted! [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:[&_svg]:text-text-inverted! focus:[&_svg]:text-text-inverted! data-highlighted:[&_svg]:text-text-inverted! *:[span]:last:flex *:[span]:last:items-center", t),
+}), vt = ({ className: t, children: n, ...r }) => /* @__PURE__ */ L(ot, {
+	className: p(h(!!r.disabled, !1, !1), "relative flex w-full cursor-pointer items-center data-[state=checked]:bg-input-bg--selected data-[state=checked]:text-input-text", t),
 	"data-slot": "select-item",
 	...r,
-	children: [/* @__PURE__ */ F("span", {
+	children: [/* @__PURE__ */ I("span", {
 		className: "right-2 size-3.5 absolute flex items-center justify-center",
-		children: /* @__PURE__ */ F(st, { children: /* @__PURE__ */ F(e, { className: "size-4" }) })
-	}), /* @__PURE__ */ F(ot, {
+		children: /* @__PURE__ */ I(ct, { children: /* @__PURE__ */ I(e, { className: "size-4" }) })
+	}), /* @__PURE__ */ I(st, {
 		className: "min-w-0 block max-w-full truncate whitespace-nowrap",
 		children: n
 	})]
-}), xt = ({ className: e, ...t }) => /* @__PURE__ */ F(ut, {
+}), yt = ({ className: e, ...t }) => /* @__PURE__ */ I(dt, {
 	className: p("bg-border -mx-1 my-1 pointer-events-none h-px", e),
 	"data-slot": "select-separator",
 	...t
-}), St = ({ className: e, ...t }) => /* @__PURE__ */ F(ct, {
+}), bt = ({ className: e, ...t }) => /* @__PURE__ */ I(lt, {
 	className: p("py-1 flex cursor-default items-center justify-center", e),
 	"data-slot": "select-scroll-up-button",
 	...t,
-	children: /* @__PURE__ */ F(n, { className: "size-4" })
-}), Ct = ({ className: e, ...n }) => /* @__PURE__ */ F(lt, {
+	children: /* @__PURE__ */ I(n, { className: "size-4" })
+}), xt = ({ className: e, ...n }) => /* @__PURE__ */ I(ut, {
 	className: p("py-1 flex cursor-default items-center justify-center", e),
 	"data-slot": "select-scroll-down-button",
 	...n,
-	children: /* @__PURE__ */ F(t, { className: "size-4" })
+	children: /* @__PURE__ */ I(t, { className: "size-4" })
 });
 //#endregion
-export { nt as C, Ze as S, et as _, yt as a, ct as b, xt as c, tt as d, rt as f, ot as g, st as h, bt as i, _t as l, at as m, vt as n, Ct as o, $e as p, ht as r, St as s, mt as t, gt as u, Xe as v, ut as x, lt as y };
+export { rt as C, Qe as S, tt as _, _t as a, lt as b, yt as c, nt as d, it as f, st as g, ct as h, vt as i, ht as l, ot as m, gt as n, xt as o, et as p, pt as r, bt as s, ft as t, mt as u, Ze as v, dt as x, ut as y };