@spear-ai/spectral 1.12.0 → 1.12.2

package/dist/DropdownMenu.js

@@ -6,38 +6,38 @@ import { n as l, t as u } from "./dist-CGzgmYB9.js";
 import { t as d } from "./dist-Bft31cJh.js";
 import { t as f } from "./dist-Dtvmk11N.js";
 import { t as p } from "./twUtils-D_qzdiwM.js";
-import { EmptyState as m, LoadingState as ee, getDropdownSurfaceClasses as h, getDropdownWidthStyles as g, getOptionClasses as _ } from "./utils/formFieldUtils.js";
-import { useUncontrolledState as v } from "./hooks/useUncontrolledState.js";
-import { useAutoDropdownHorizontalShift as te } from "./utils/dropdownPositioning.js";
-import { t as y } from "./dist-ClmepHp4.js";
-import { n as ne, t as b } from "./dist-B2k1iWFp.js";
-import { i as re, n as ie, r as ae, t as x } from "./es2015-YHaMV-St.js";
-import { a as S, i as C, n as oe, r as se, t as w } from "./dist-C0Hifjgh.js";
-import { n as ce, r as T, t as E } from "./dist-DcUGLq_y.js";
-import * as D from "react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { EmptyState as m, LoadingState as h, getDropdownSurfaceClasses as g, getDropdownWidthStyles as _, getOptionClasses as v } from "./utils/formFieldUtils.js";
+import { useUncontrolledState as y } from "./hooks/useUncontrolledState.js";
+import { t as b } from "./dist-DIt8FP2G.js";
+import { n as ee, t as x } from "./dist-jQ7HawWM.js";
+import { i as te, n as S, r as ne, t as re } from "./Combination-9q50p_Vu.js";
+import { a as C, i as w, n as T, r as ie, t as E } from "./dist-Cv8I-d2q.js";
+import { useAutoDropdownHorizontalShift as D } from "./utils/dropdownPositioning.js";
+import { n as ae, r as O, t as k } from "./dist-BMu6Dgh_.js";
+import * as A from "react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
 //#region node_modules/.pnpm/@radix-ui+react-menu@2.1.16_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@_af24564827454c35f463162a4c5cfd35/node_modules/@radix-ui/react-menu/dist/index.mjs
-var A = ["Enter", " "], j = [
+var N = ["Enter", " "], P = [
 	"ArrowDown",
 	"PageUp",
 	"Home"
-], le = [
+], F = [
 	"ArrowUp",
 	"PageDown",
 	"End"
-], M = [...j, ...le], N = {
-	ltr: [...A, "ArrowRight"],
-	rtl: [...A, "ArrowLeft"]
-}, P = {
+], I = [...P, ...F], L = {
+	ltr: [...N, "ArrowRight"],
+	rtl: [...N, "ArrowLeft"]
+}, R = {
 	ltr: ["ArrowLeft"],
 	rtl: ["ArrowRight"]
-}, F = "Menu", [I, ue, de] = l(F), [L, R] = r(F, [
-	de,
-	S,
-	T
-]), z = S(), fe = T(), [pe, B] = L(F), [me, V] = L(F), he = (e) => {
-	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: o = !0 } = e, s = z(t), [c, l] = D.useState(null), d = D.useRef(!1), f = y(a), p = u(i);
-	return D.useEffect(() => {
+}, z = "Menu", [B, oe, se] = l(z), [V, H] = r(z, [
+	se,
+	C,
+	O
+]), U = C(), ce = O(), [le, W] = V(z), [ue, G] = V(z), de = (e) => {
+	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: o = !0 } = e, s = U(t), [c, l] = A.useState(null), d = A.useRef(!1), f = b(a), p = u(i);
+	return A.useEffect(() => {
 		let e = () => {
 			d.current = !0, document.addEventListener("pointerdown", t, {
 				capture: !0,
@@ -50,17 +50,17 @@ var A = ["Enter", " "], j = [
 		return document.addEventListener("keydown", e, { capture: !0 }), () => {
 			document.removeEventListener("keydown", e, { capture: !0 }), document.removeEventListener("pointerdown", t, { capture: !0 }), document.removeEventListener("pointermove", t, { capture: !0 });
 		};
-	}, []), /* @__PURE__ */ O(C, {
+	}, []), /* @__PURE__ */ j(w, {
 		...s,
-		children: /* @__PURE__ */ O(pe, {
+		children: /* @__PURE__ */ j(le, {
 			scope: t,
 			open: n,
 			onOpenChange: f,
 			content: c,
 			onContentChange: l,
-			children: /* @__PURE__ */ O(me, {
+			children: /* @__PURE__ */ j(ue, {
 				scope: t,
-				onClose: D.useCallback(() => f(!1), [f]),
+				onClose: A.useCallback(() => f(!1), [f]),
 				isUsingKeyboardRef: d,
 				dir: p,
 				modal: o,
@@ -69,24 +69,24 @@ var A = ["Enter", " "], j = [
 		})
 	});
 };
-he.displayName = F;
-var ge = "MenuAnchor", H = D.forwardRef((e, t) => {
+de.displayName = z;
+var fe = "MenuAnchor", pe = A.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(w, {
-		...z(n),
+	return /* @__PURE__ */ j(E, {
+		...U(n),
 		...r,
 		ref: t
 	});
 });
-H.displayName = ge;
-var U = "MenuPortal", [_e, ve] = L(U, { forceMount: void 0 }), ye = (e) => {
-	let { __scopeMenu: t, forceMount: n, children: r, container: i } = e, a = B(U, t);
-	return /* @__PURE__ */ O(_e, {
+pe.displayName = fe;
+var me = "MenuPortal", [he, ge] = V(me, { forceMount: void 0 }), _e = (e) => {
+	let { __scopeMenu: t, forceMount: n, children: r, container: i } = e, a = W(me, t);
+	return /* @__PURE__ */ j(he, {
 		scope: t,
 		forceMount: n,
-		children: /* @__PURE__ */ O(d, {
+		children: /* @__PURE__ */ j(d, {
 			present: n || a.open,
-			children: /* @__PURE__ */ O(b, {
+			children: /* @__PURE__ */ j(x, {
 				asChild: !0,
 				container: i,
 				children: r
@@ -94,31 +94,31 @@ var U = "MenuPortal", [_e, ve] = L(U, { forceMount: void 0 }), ye = (e) => {
 		})
 	});
 };
-ye.displayName = U;
-var W = "MenuContent", [be, G] = L(W), xe = D.forwardRef((e, t) => {
-	let n = ve(W, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = B(W, e.__scopeMenu), o = V(W, e.__scopeMenu);
-	return /* @__PURE__ */ O(I.Provider, {
+_e.displayName = me;
+var K = "MenuContent", [ve, ye] = V(K), be = A.forwardRef((e, t) => {
+	let n = ge(K, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = W(K, e.__scopeMenu), o = G(K, e.__scopeMenu);
+	return /* @__PURE__ */ j(B.Provider, {
 		scope: e.__scopeMenu,
-		children: /* @__PURE__ */ O(d, {
+		children: /* @__PURE__ */ j(d, {
 			present: r || a.open,
-			children: /* @__PURE__ */ O(I.Slot, {
+			children: /* @__PURE__ */ j(B.Slot, {
 				scope: e.__scopeMenu,
-				children: o.modal ? /* @__PURE__ */ O(Se, {
+				children: o.modal ? /* @__PURE__ */ j(xe, {
 					...i,
 					ref: t
-				}) : /* @__PURE__ */ O(Ce, {
+				}) : /* @__PURE__ */ j(Se, {
 					...i,
 					ref: t
 				})
 			})
 		})
 	});
-}), Se = D.forwardRef((e, n) => {
-	let r = B(W, e.__scopeMenu), a = D.useRef(null), o = i(n, a);
-	return D.useEffect(() => {
+}), xe = A.forwardRef((e, n) => {
+	let r = W(K, e.__scopeMenu), a = A.useRef(null), o = i(n, a);
+	return A.useEffect(() => {
 		let e = a.current;
-		if (e) return x(e);
-	}, []), /* @__PURE__ */ O(K, {
+		if (e) return S(e);
+	}, []), /* @__PURE__ */ j(we, {
 		...e,
 		ref: o,
 		trapFocus: r.open,
@@ -127,9 +127,9 @@ var W = "MenuContent", [be, G] = L(W), xe = D.forwardRef((e, t) => {
 		onFocusOutside: t(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 }),
 		onDismiss: () => r.onOpenChange(!1)
 	});
-}), Ce = D.forwardRef((e, t) => {
-	let n = B(W, e.__scopeMenu);
-	return /* @__PURE__ */ O(K, {
+}), Se = A.forwardRef((e, t) => {
+	let n = W(K, e.__scopeMenu);
+	return /* @__PURE__ */ j(we, {
 		...e,
 		ref: t,
 		trapFocus: !1,
@@ -137,91 +137,91 @@ var W = "MenuContent", [be, G] = L(W), xe = D.forwardRef((e, t) => {
 		disableOutsideScroll: !1,
 		onDismiss: () => n.onOpenChange(!1)
 	});
-}), we = o("MenuContent.ScrollLock"), K = D.forwardRef((e, n) => {
-	let { __scopeMenu: r, loop: a = !1, trapFocus: o, onOpenAutoFocus: s, onCloseAutoFocus: c, disableOutsidePointerEvents: l, onEntryFocus: u, onEscapeKeyDown: d, onPointerDownOutside: f, onFocusOutside: p, onInteractOutside: m, onDismiss: ee, disableOutsideScroll: h, ...g } = e, _ = B(W, r), v = V(W, r), te = z(r), y = fe(r), b = ue(r), [x, S] = D.useState(null), C = D.useRef(null), oe = i(n, C, _.onContentChange), w = D.useRef(0), T = D.useRef(""), E = D.useRef(0), k = D.useRef(null), A = D.useRef("right"), j = D.useRef(0), N = h ? ie : D.Fragment, P = h ? {
-		as: we,
+}), Ce = o("MenuContent.ScrollLock"), we = A.forwardRef((e, n) => {
+	let { __scopeMenu: r, loop: a = !1, trapFocus: o, onOpenAutoFocus: s, onCloseAutoFocus: c, disableOutsidePointerEvents: l, onEntryFocus: u, onEscapeKeyDown: d, onPointerDownOutside: f, onFocusOutside: p, onInteractOutside: m, onDismiss: h, disableOutsideScroll: g, ..._ } = e, v = W(K, r), y = G(K, r), b = U(r), x = ce(r), S = oe(r), [C, w] = A.useState(null), T = A.useRef(null), E = i(n, T, v.onContentChange), D = A.useRef(0), O = A.useRef(""), k = A.useRef(0), M = A.useRef(null), N = A.useRef("right"), P = A.useRef(0), L = g ? re : A.Fragment, R = g ? {
+		as: Ce,
 		allowPinchZoom: !0
-	} : void 0, F = (e) => {
-		let t = T.current + e, n = b().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = it(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
+	} : void 0, z = (e) => {
+		let t = O.current + e, n = S().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = it(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
 		(function e(t) {
-			T.current = t, window.clearTimeout(w.current), t !== "" && (w.current = window.setTimeout(() => e(""), 1e3));
+			O.current = t, window.clearTimeout(D.current), t !== "" && (D.current = window.setTimeout(() => e(""), 1e3));
 		})(t), o && setTimeout(() => o.focus());
 	};
-	D.useEffect(() => () => window.clearTimeout(w.current), []), ae();
-	let I = D.useCallback((e) => A.current === k.current?.side && ot(e, k.current?.area), []);
-	return /* @__PURE__ */ O(be, {
+	A.useEffect(() => () => window.clearTimeout(D.current), []), te();
+	let B = A.useCallback((e) => N.current === M.current?.side && ot(e, M.current?.area), []);
+	return /* @__PURE__ */ j(ve, {
 		scope: r,
-		searchRef: T,
-		onItemEnter: D.useCallback((e) => {
-			I(e) && e.preventDefault();
-		}, [I]),
-		onItemLeave: D.useCallback((e) => {
-			I(e) || (C.current?.focus(), S(null));
-		}, [I]),
-		onTriggerLeave: D.useCallback((e) => {
-			I(e) && e.preventDefault();
-		}, [I]),
-		pointerGraceTimerRef: E,
-		onPointerGraceIntentChange: D.useCallback((e) => {
-			k.current = e;
+		searchRef: O,
+		onItemEnter: A.useCallback((e) => {
+			B(e) && e.preventDefault();
+		}, [B]),
+		onItemLeave: A.useCallback((e) => {
+			B(e) || (T.current?.focus(), w(null));
+		}, [B]),
+		onTriggerLeave: A.useCallback((e) => {
+			B(e) && e.preventDefault();
+		}, [B]),
+		pointerGraceTimerRef: k,
+		onPointerGraceIntentChange: A.useCallback((e) => {
+			M.current = e;
 		}, []),
-		children: /* @__PURE__ */ O(N, {
-			...P,
-			children: /* @__PURE__ */ O(re, {
+		children: /* @__PURE__ */ j(L, {
+			...R,
+			children: /* @__PURE__ */ j(ne, {
 				asChild: !0,
 				trapped: o,
 				onMountAutoFocus: t(s, (e) => {
-					e.preventDefault(), C.current?.focus({ preventScroll: !0 });
+					e.preventDefault(), T.current?.focus({ preventScroll: !0 });
 				}),
 				onUnmountAutoFocus: c,
-				children: /* @__PURE__ */ O(ne, {
+				children: /* @__PURE__ */ j(ee, {
 					asChild: !0,
 					disableOutsidePointerEvents: l,
 					onEscapeKeyDown: d,
 					onPointerDownOutside: f,
 					onFocusOutside: p,
 					onInteractOutside: m,
-					onDismiss: ee,
-					children: /* @__PURE__ */ O(ce, {
+					onDismiss: h,
+					children: /* @__PURE__ */ j(ae, {
 						asChild: !0,
-						...y,
-						dir: v.dir,
+						...x,
+						dir: y.dir,
 						orientation: "vertical",
 						loop: a,
-						currentTabStopId: x,
-						onCurrentTabStopIdChange: S,
+						currentTabStopId: C,
+						onCurrentTabStopIdChange: w,
 						onEntryFocus: t(u, (e) => {
-							v.isUsingKeyboardRef.current || e.preventDefault();
+							y.isUsingKeyboardRef.current || e.preventDefault();
 						}),
 						preventScrollOnEntryFocus: !0,
-						children: /* @__PURE__ */ O(se, {
+						children: /* @__PURE__ */ j(ie, {
 							role: "menu",
 							"aria-orientation": "vertical",
-							"data-state": et(_.open),
+							"data-state": et(v.open),
 							"data-radix-menu-content": "",
-							dir: v.dir,
-							...te,
-							...g,
-							ref: oe,
+							dir: y.dir,
+							...b,
+							..._,
+							ref: E,
 							style: {
 								outline: "none",
-								...g.style
+								..._.style
 							},
-							onKeyDown: t(g.onKeyDown, (e) => {
+							onKeyDown: t(_.onKeyDown, (e) => {
 								let t = e.target.closest("[data-radix-menu-content]") === e.currentTarget, n = e.ctrlKey || e.altKey || e.metaKey, r = e.key.length === 1;
-								t && (e.key === "Tab" && e.preventDefault(), !n && r && F(e.key));
-								let i = C.current;
-								if (e.target !== i || !M.includes(e.key)) return;
+								t && (e.key === "Tab" && e.preventDefault(), !n && r && z(e.key));
+								let i = T.current;
+								if (e.target !== i || !I.includes(e.key)) return;
 								e.preventDefault();
-								let a = b().filter((e) => !e.disabled).map((e) => e.ref.current);
-								le.includes(e.key) && a.reverse(), nt(a);
+								let a = S().filter((e) => !e.disabled).map((e) => e.ref.current);
+								F.includes(e.key) && a.reverse(), nt(a);
 							}),
 							onBlur: t(e.onBlur, (e) => {
-								e.currentTarget.contains(e.target) || (window.clearTimeout(w.current), T.current = "");
+								e.currentTarget.contains(e.target) || (window.clearTimeout(D.current), O.current = "");
 							}),
 							onPointerMove: t(e.onPointerMove, Z((e) => {
-								let t = e.target, n = j.current !== e.clientX;
-								e.currentTarget.contains(t) && n && (A.current = e.clientX > j.current ? "right" : "left", j.current = e.clientX);
+								let t = e.target, n = P.current !== e.clientX;
+								e.currentTarget.contains(t) && n && (N.current = e.clientX > P.current ? "right" : "left", P.current = e.clientX);
 							}))
 						})
 					})
@@ -230,26 +230,26 @@ var W = "MenuContent", [be, G] = L(W), xe = D.forwardRef((e, t) => {
 		})
 	});
 });
-xe.displayName = W;
-var Te = "MenuGroup", Ee = D.forwardRef((e, t) => {
+be.displayName = K;
+var Te = "MenuGroup", Ee = A.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(c.div, {
+	return /* @__PURE__ */ j(c.div, {
 		role: "group",
 		...r,
 		ref: t
 	});
 });
 Ee.displayName = Te;
-var De = "MenuLabel", Oe = D.forwardRef((e, t) => {
+var De = "MenuLabel", Oe = A.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(c.div, {
+	return /* @__PURE__ */ j(c.div, {
 		...r,
 		ref: t
 	});
 });
 Oe.displayName = De;
-var q = "MenuItem", ke = "menu.itemSelect", J = D.forwardRef((e, n) => {
-	let { disabled: r = !1, onSelect: o, ...s } = e, c = D.useRef(null), l = V(q, e.__scopeMenu), u = G(q, e.__scopeMenu), d = i(n, c), f = D.useRef(!1), p = () => {
+var q = "MenuItem", ke = "menu.itemSelect", J = A.forwardRef((e, n) => {
+	let { disabled: r = !1, onSelect: o, ...s } = e, c = A.useRef(null), l = G(q, e.__scopeMenu), u = ye(q, e.__scopeMenu), d = i(n, c), f = A.useRef(!1), p = () => {
 		let e = c.current;
 		if (!r && e) {
 			let t = new CustomEvent(ke, {
@@ -259,7 +259,7 @@ var q = "MenuItem", ke = "menu.itemSelect", J = D.forwardRef((e, n) => {
 			e.addEventListener(ke, (e) => o?.(e), { once: !0 }), a(e, t), t.defaultPrevented ? f.current = !1 : l.onClose();
 		}
 	};
-	return /* @__PURE__ */ O(Ae, {
+	return /* @__PURE__ */ j(Ae, {
 		...s,
 		ref: d,
 		disabled: r,
@@ -272,25 +272,25 @@ var q = "MenuItem", ke = "menu.itemSelect", J = D.forwardRef((e, n) => {
 		}),
 		onKeyDown: t(e.onKeyDown, (e) => {
 			let t = u.searchRef.current !== "";
-			r || t && e.key === " " || A.includes(e.key) && (e.currentTarget.click(), e.preventDefault());
+			r || t && e.key === " " || N.includes(e.key) && (e.currentTarget.click(), e.preventDefault());
 		})
 	});
 });
 J.displayName = q;
-var Ae = D.forwardRef((e, n) => {
-	let { __scopeMenu: r, disabled: a = !1, textValue: o, ...s } = e, l = G(q, r), u = fe(r), d = D.useRef(null), f = i(n, d), [p, m] = D.useState(!1), [ee, h] = D.useState("");
-	return D.useEffect(() => {
+var Ae = A.forwardRef((e, n) => {
+	let { __scopeMenu: r, disabled: a = !1, textValue: o, ...s } = e, l = ye(q, r), u = ce(r), d = A.useRef(null), f = i(n, d), [p, m] = A.useState(!1), [h, g] = A.useState("");
+	return A.useEffect(() => {
 		let e = d.current;
-		e && h((e.textContent ?? "").trim());
-	}, [s.children]), /* @__PURE__ */ O(I.ItemSlot, {
+		e && g((e.textContent ?? "").trim());
+	}, [s.children]), /* @__PURE__ */ j(B.ItemSlot, {
 		scope: r,
 		disabled: a,
-		textValue: o ?? ee,
-		children: /* @__PURE__ */ O(E, {
+		textValue: o ?? h,
+		children: /* @__PURE__ */ j(k, {
 			asChild: !0,
 			...u,
 			focusable: !a,
-			children: /* @__PURE__ */ O(c.div, {
+			children: /* @__PURE__ */ j(c.div, {
 				role: "menuitem",
 				"data-highlighted": p ? "" : void 0,
 				"aria-disabled": a || void 0,
@@ -306,12 +306,12 @@ var Ae = D.forwardRef((e, n) => {
 			})
 		})
 	});
-}), je = "MenuCheckboxItem", Me = D.forwardRef((e, n) => {
+}), je = "MenuCheckboxItem", Me = A.forwardRef((e, n) => {
 	let { checked: r = !1, onCheckedChange: i, ...a } = e;
-	return /* @__PURE__ */ O(Be, {
+	return /* @__PURE__ */ j(Be, {
 		scope: e.__scopeMenu,
 		checked: r,
-		children: /* @__PURE__ */ O(J, {
+		children: /* @__PURE__ */ j(J, {
 			role: "menuitemcheckbox",
 			"aria-checked": X(r) ? "mixed" : r,
 			...a,
@@ -322,28 +322,28 @@ var Ae = D.forwardRef((e, n) => {
 	});
 });
 Me.displayName = je;
-var Ne = "MenuRadioGroup", [Pe, Fe] = L(Ne, {
+var Ne = "MenuRadioGroup", [Pe, Fe] = V(Ne, {
 	value: void 0,
 	onValueChange: () => {}
-}), Ie = D.forwardRef((e, t) => {
-	let { value: n, onValueChange: r, ...i } = e, a = y(r);
-	return /* @__PURE__ */ O(Pe, {
+}), Ie = A.forwardRef((e, t) => {
+	let { value: n, onValueChange: r, ...i } = e, a = b(r);
+	return /* @__PURE__ */ j(Pe, {
 		scope: e.__scopeMenu,
 		value: n,
 		onValueChange: a,
-		children: /* @__PURE__ */ O(Ee, {
+		children: /* @__PURE__ */ j(Ee, {
 			...i,
 			ref: t
 		})
 	});
 });
 Ie.displayName = Ne;
-var Le = "MenuRadioItem", Re = D.forwardRef((e, n) => {
+var Le = "MenuRadioItem", Re = A.forwardRef((e, n) => {
 	let { value: r, ...i } = e, a = Fe(Le, e.__scopeMenu), o = r === a.value;
-	return /* @__PURE__ */ O(Be, {
+	return /* @__PURE__ */ j(Be, {
 		scope: e.__scopeMenu,
 		checked: o,
-		children: /* @__PURE__ */ O(J, {
+		children: /* @__PURE__ */ j(J, {
 			role: "menuitemradio",
 			"aria-checked": o,
 			...i,
@@ -354,11 +354,11 @@ var Le = "MenuRadioItem", Re = D.forwardRef((e, n) => {
 	});
 });
 Re.displayName = Le;
-var ze = "MenuItemIndicator", [Be, Ve] = L(ze, { checked: !1 }), He = D.forwardRef((e, t) => {
+var ze = "MenuItemIndicator", [Be, Ve] = V(ze, { checked: !1 }), He = A.forwardRef((e, t) => {
 	let { __scopeMenu: n, forceMount: r, ...i } = e, a = Ve(ze, n);
-	return /* @__PURE__ */ O(d, {
+	return /* @__PURE__ */ j(d, {
 		present: r || X(a.checked) || a.checked === !0,
-		children: /* @__PURE__ */ O(c.span, {
+		children: /* @__PURE__ */ j(c.span, {
 			...i,
 			ref: t,
 			"data-state": tt(a.checked)
@@ -366,9 +366,9 @@ var ze = "MenuItemIndicator", [Be, Ve] = L(ze, { checked: !1 }), He = D.forwardR
 	});
 });
 He.displayName = ze;
-var Ue = "MenuSeparator", We = D.forwardRef((e, t) => {
+var Ue = "MenuSeparator", We = A.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(c.div, {
+	return /* @__PURE__ */ j(c.div, {
 		role: "separator",
 		"aria-orientation": "horizontal",
 		...r,
@@ -376,26 +376,26 @@ var Ue = "MenuSeparator", We = D.forwardRef((e, t) => {
 	});
 });
 We.displayName = Ue;
-var Ge = "MenuArrow", Ke = D.forwardRef((e, t) => {
+var Ge = "MenuArrow", Ke = A.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(oe, {
-		...z(n),
+	return /* @__PURE__ */ j(T, {
+		...U(n),
 		...r,
 		ref: t
 	});
 });
 Ke.displayName = Ge;
-var qe = "MenuSub", [Je, Ye] = L(qe), Xe = (e) => {
-	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = B(qe, t), o = z(t), [s, c] = D.useState(null), [l, u] = D.useState(null), d = y(i);
-	return D.useEffect(() => (a.open === !1 && d(!1), () => d(!1)), [a.open, d]), /* @__PURE__ */ O(C, {
+var qe = "MenuSub", [Je, Ye] = V(qe), Xe = (e) => {
+	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = W(qe, t), o = U(t), [s, c] = A.useState(null), [l, u] = A.useState(null), d = b(i);
+	return A.useEffect(() => (a.open === !1 && d(!1), () => d(!1)), [a.open, d]), /* @__PURE__ */ j(w, {
 		...o,
-		children: /* @__PURE__ */ O(pe, {
+		children: /* @__PURE__ */ j(le, {
 			scope: t,
 			open: r,
 			onOpenChange: d,
 			content: l,
 			onContentChange: u,
-			children: /* @__PURE__ */ O(Je, {
+			children: /* @__PURE__ */ j(Je, {
 				scope: t,
 				contentId: f(),
 				triggerId: f(),
@@ -407,19 +407,19 @@ var qe = "MenuSub", [Je, Ye] = L(qe), Xe = (e) => {
 	});
 };
 Xe.displayName = qe;
-var Y = "MenuSubTrigger", Ze = D.forwardRef((e, r) => {
-	let i = B(Y, e.__scopeMenu), a = V(Y, e.__scopeMenu), o = Ye(Y, e.__scopeMenu), s = G(Y, e.__scopeMenu), c = D.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: u } = s, d = { __scopeMenu: e.__scopeMenu }, f = D.useCallback(() => {
+var Y = "MenuSubTrigger", Ze = A.forwardRef((e, r) => {
+	let i = W(Y, e.__scopeMenu), a = G(Y, e.__scopeMenu), o = Ye(Y, e.__scopeMenu), s = ye(Y, e.__scopeMenu), c = A.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: u } = s, d = { __scopeMenu: e.__scopeMenu }, f = A.useCallback(() => {
 		c.current && window.clearTimeout(c.current), c.current = null;
 	}, []);
-	return D.useEffect(() => f, [f]), D.useEffect(() => {
+	return A.useEffect(() => f, [f]), A.useEffect(() => {
 		let e = l.current;
 		return () => {
 			window.clearTimeout(e), u(null);
 		};
-	}, [l, u]), /* @__PURE__ */ O(H, {
+	}, [l, u]), /* @__PURE__ */ j(pe, {
 		asChild: !0,
 		...d,
-		children: /* @__PURE__ */ O(Ae, {
+		children: /* @__PURE__ */ j(Ae, {
 			id: o.triggerId,
 			"aria-haspopup": "menu",
 			"aria-expanded": i.open,
@@ -472,21 +472,21 @@ var Y = "MenuSubTrigger", Ze = D.forwardRef((e, r) => {
 			})),
 			onKeyDown: t(e.onKeyDown, (t) => {
 				let n = s.searchRef.current !== "";
-				e.disabled || n && t.key === " " || N[a.dir].includes(t.key) && (i.onOpenChange(!0), i.content?.focus(), t.preventDefault());
+				e.disabled || n && t.key === " " || L[a.dir].includes(t.key) && (i.onOpenChange(!0), i.content?.focus(), t.preventDefault());
 			})
 		})
 	});
 });
 Ze.displayName = Y;
-var Qe = "MenuSubContent", $e = D.forwardRef((e, n) => {
-	let r = ve(W, e.__scopeMenu), { forceMount: a = r.forceMount, ...o } = e, s = B(W, e.__scopeMenu), c = V(W, e.__scopeMenu), l = Ye(Qe, e.__scopeMenu), u = D.useRef(null), f = i(n, u);
-	return /* @__PURE__ */ O(I.Provider, {
+var Qe = "MenuSubContent", $e = A.forwardRef((e, n) => {
+	let r = ge(K, e.__scopeMenu), { forceMount: a = r.forceMount, ...o } = e, s = W(K, e.__scopeMenu), c = G(K, e.__scopeMenu), l = Ye(Qe, e.__scopeMenu), u = A.useRef(null), f = i(n, u);
+	return /* @__PURE__ */ j(B.Provider, {
 		scope: e.__scopeMenu,
-		children: /* @__PURE__ */ O(d, {
+		children: /* @__PURE__ */ j(d, {
 			present: a || s.open,
-			children: /* @__PURE__ */ O(I.Slot, {
+			children: /* @__PURE__ */ j(B.Slot, {
 				scope: e.__scopeMenu,
-				children: /* @__PURE__ */ O(K, {
+				children: /* @__PURE__ */ j(we, {
 					id: l.contentId,
 					"aria-labelledby": l.triggerId,
 					...o,
@@ -507,7 +507,7 @@ var Qe = "MenuSubContent", $e = D.forwardRef((e, n) => {
 						c.onClose(), e.preventDefault();
 					}),
 					onKeyDown: t(e.onKeyDown, (e) => {
-						let t = e.currentTarget.contains(e.target), n = P[c.dir].includes(e.key);
+						let t = e.currentTarget.contains(e.target), n = R[c.dir].includes(e.key);
 						t && n && (s.onOpenChange(!1), l.trigger?.focus(), e.preventDefault());
 					})
 				})
@@ -555,23 +555,23 @@ function ot(e, t) {
 function Z(e) {
 	return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var st = he, ct = H, lt = ye, ut = xe, dt = Ee, ft = Oe, pt = J, mt = Me, ht = Ie, gt = Re, _t = He, vt = We, yt = Ke, bt = Ze, xt = $e, Q = "DropdownMenu", [St, Ct] = r(Q, [R]), $ = R(), [wt, Tt] = St(Q), Et = (e) => {
-	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: o, modal: c = !0 } = e, l = $(t), u = D.useRef(null), [d, p] = s({
+var st = de, ct = pe, lt = _e, ut = be, dt = Ee, ft = Oe, pt = J, mt = Me, ht = Ie, gt = Re, _t = He, vt = We, yt = Ke, bt = Ze, xt = $e, Q = "DropdownMenu", [St, Ct] = r(Q, [H]), $ = H(), [wt, Tt] = St(Q), Et = (e) => {
+	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: o, modal: c = !0 } = e, l = $(t), u = A.useRef(null), [d, p] = s({
 		prop: i,
 		defaultProp: a ?? !1,
 		onChange: o,
 		caller: Q
 	});
-	return /* @__PURE__ */ O(wt, {
+	return /* @__PURE__ */ j(wt, {
 		scope: t,
 		triggerId: f(),
 		triggerRef: u,
 		contentId: f(),
 		open: d,
 		onOpenChange: p,
-		onOpenToggle: D.useCallback(() => p((e) => !e), [p]),
+		onOpenToggle: A.useCallback(() => p((e) => !e), [p]),
 		modal: c,
-		children: /* @__PURE__ */ O(st, {
+		children: /* @__PURE__ */ j(st, {
 			...l,
 			open: d,
 			onOpenChange: p,
@@ -582,12 +582,12 @@ var st = he, ct = H, lt = ye, ut = xe, dt = Ee, ft = Oe, pt = J, mt = Me, ht = I
 	});
 };
 Et.displayName = Q;
-var Dt = "DropdownMenuTrigger", Ot = D.forwardRef((e, r) => {
+var Dt = "DropdownMenuTrigger", Ot = A.forwardRef((e, r) => {
 	let { __scopeDropdownMenu: i, disabled: a = !1, ...o } = e, s = Tt(Dt, i);
-	return /* @__PURE__ */ O(ct, {
+	return /* @__PURE__ */ j(ct, {
 		asChild: !0,
 		...$(i),
-		children: /* @__PURE__ */ O(c.button, {
+		children: /* @__PURE__ */ j(c.button, {
 			type: "button",
 			id: s.triggerId,
 			"aria-haspopup": "menu",
@@ -614,15 +614,15 @@ var Dt = "DropdownMenuTrigger", Ot = D.forwardRef((e, r) => {
 Ot.displayName = Dt;
 var kt = "DropdownMenuPortal", At = (e) => {
 	let { __scopeDropdownMenu: t, ...n } = e;
-	return /* @__PURE__ */ O(lt, {
+	return /* @__PURE__ */ j(lt, {
 		...$(t),
 		...n
 	});
 };
 At.displayName = kt;
-var jt = "DropdownMenuContent", Mt = D.forwardRef((e, n) => {
-	let { __scopeDropdownMenu: r, ...i } = e, a = Tt(jt, r), o = $(r), s = D.useRef(!1);
-	return /* @__PURE__ */ O(ut, {
+var jt = "DropdownMenuContent", Mt = A.forwardRef((e, n) => {
+	let { __scopeDropdownMenu: r, ...i } = e, a = Tt(jt, r), o = $(r), s = A.useRef(!1);
+	return /* @__PURE__ */ j(ut, {
 		id: a.contentId,
 		"aria-labelledby": a.triggerId,
 		...o,
@@ -646,99 +646,99 @@ var jt = "DropdownMenuContent", Mt = D.forwardRef((e, n) => {
 	});
 });
 Mt.displayName = jt;
-var Nt = "DropdownMenuGroup", Pt = D.forwardRef((e, t) => {
+var Nt = "DropdownMenuGroup", Pt = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(dt, {
+	return /* @__PURE__ */ j(dt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Pt.displayName = Nt;
-var Ft = "DropdownMenuLabel", It = D.forwardRef((e, t) => {
+var Ft = "DropdownMenuLabel", It = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(ft, {
+	return /* @__PURE__ */ j(ft, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 It.displayName = Ft;
-var Lt = "DropdownMenuItem", Rt = D.forwardRef((e, t) => {
+var Lt = "DropdownMenuItem", Rt = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(pt, {
+	return /* @__PURE__ */ j(pt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Rt.displayName = Lt;
-var zt = "DropdownMenuCheckboxItem", Bt = D.forwardRef((e, t) => {
+var zt = "DropdownMenuCheckboxItem", Bt = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(mt, {
+	return /* @__PURE__ */ j(mt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Bt.displayName = zt;
-var Vt = "DropdownMenuRadioGroup", Ht = D.forwardRef((e, t) => {
+var Vt = "DropdownMenuRadioGroup", Ht = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(ht, {
+	return /* @__PURE__ */ j(ht, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Ht.displayName = Vt;
-var Ut = "DropdownMenuRadioItem", Wt = D.forwardRef((e, t) => {
+var Ut = "DropdownMenuRadioItem", Wt = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(gt, {
+	return /* @__PURE__ */ j(gt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Wt.displayName = Ut;
-var Gt = "DropdownMenuItemIndicator", Kt = D.forwardRef((e, t) => {
+var Gt = "DropdownMenuItemIndicator", Kt = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(_t, {
+	return /* @__PURE__ */ j(_t, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Kt.displayName = Gt;
-var qt = "DropdownMenuSeparator", Jt = D.forwardRef((e, t) => {
+var qt = "DropdownMenuSeparator", Jt = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(vt, {
+	return /* @__PURE__ */ j(vt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Jt.displayName = qt;
-var Yt = "DropdownMenuArrow", Xt = D.forwardRef((e, t) => {
+var Yt = "DropdownMenuArrow", Xt = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(yt, {
+	return /* @__PURE__ */ j(yt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Xt.displayName = Yt;
-var Zt = "DropdownMenuSubTrigger", Qt = D.forwardRef((e, t) => {
+var Zt = "DropdownMenuSubTrigger", Qt = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(bt, {
+	return /* @__PURE__ */ j(bt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Qt.displayName = Zt;
-var $t = "DropdownMenuSubContent", en = D.forwardRef((e, t) => {
+var $t = "DropdownMenuSubContent", en = A.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ O(xt, {
+	return /* @__PURE__ */ j(xt, {
 		...$(n),
 		...r,
 		ref: t,
@@ -753,114 +753,114 @@ var $t = "DropdownMenuSubContent", en = D.forwardRef((e, t) => {
 	});
 });
 en.displayName = $t;
-var tn = Et, nn = Ot, rn = At, an = Mt, on = It, sn = Rt, cn = Bt, ln = Kt, un = Jt, dn = (e, t) => t === "multiple" ? Array.isArray(e) ? e : e ? [e] : [] : Array.isArray(e) ? e[0] ?? "" : e ?? "", fn = (e) => e.type !== "separator" && e.type !== "label", pn = ({ align: t = "start", asChild: n = !0, alignOffset: r = 0, avoidCollisions: i = !0, className: a, collisionBoundary: o, collisionPadding: s = 10, contentClassName: c, dataTestId: l, defaultOpen: u, defaultValue: d, disabled: f = !1, dropdownWidth: y = "content", emptyMessage: ne = "No options found", loadingMessage: b = "Loading…", modal: re = !0, onOpenChange: ie, onValueChange: ae, open: x, options: S, selectionMode: C = "single", side: oe = "bottom", sideOffset: se = 4, state: w = "default", trigger: ce, value: T }) => {
-	let [E, D] = v({
-		value: x,
+var tn = Et, nn = Ot, rn = At, an = Mt, on = It, sn = Rt, cn = Bt, ln = Kt, un = Jt, dn = (e, t) => t === "multiple" ? Array.isArray(e) ? e : e ? [e] : [] : Array.isArray(e) ? e[0] ?? "" : e ?? "", fn = (e) => e.type !== "separator" && e.type !== "label", pn = ({ align: t = "start", asChild: n = !0, alignOffset: r = 0, avoidCollisions: i = !0, className: a, collisionBoundary: o, collisionPadding: s = 10, contentClassName: c, dataTestId: l, defaultOpen: u, defaultValue: d, disabled: f = !1, dropdownWidth: b = "content", emptyMessage: ee = "No options found", loadingMessage: x = "Loading…", modal: te = !0, onOpenChange: S, onValueChange: ne, open: re, options: C, selectionMode: w = "single", side: T = "bottom", sideOffset: ie = 4, state: E = "default", trigger: ae, value: O }) => {
+	let [k, A] = y({
+		value: re,
 		defaultValue: u ?? !1,
-		onChange: ie
-	}), { dropdownShiftStyle: A, setDropdownElement: j } = te(E), le = dn(d, C), [M, N] = v({
-		value: T === void 0 ? void 0 : dn(T, C),
-		defaultValue: le,
-		onChange: ae
-	}), { dropdownWidthMode: P, dropdownWidthStyle: F } = g({
-		dropdownWidth: y,
+		onChange: S
+	}), { dropdownShiftStyle: N, setDropdownElement: P } = D(k), F = dn(d, w), [I, L] = y({
+		value: O === void 0 ? void 0 : dn(O, w),
+		defaultValue: F,
+		onChange: ne
+	}), { dropdownWidthMode: R, dropdownWidthStyle: z } = _({
+		dropdownWidth: b,
 		triggerWidth: "var(--radix-dropdown-menu-trigger-width)"
-	}), I = f || w === "loading", ue = S.filter(fn), de = (e) => C === "multiple" ? (Array.isArray(M) ? M : []).includes(e) : M === e, L = (e) => {
-		if (C === "multiple") {
-			let t = Array.isArray(M) ? M : [];
-			N(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}), B = f || E === "loading", oe = C.filter(fn), se = (e) => w === "multiple" ? (Array.isArray(I) ? I : []).includes(e) : I === e, V = (e) => {
+		if (w === "multiple") {
+			let t = Array.isArray(I) ? I : [];
+			L(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 			return;
 		}
-		N(e), D(!1);
-	}, R = (t, n) => {
-		if (t.type === "separator") return /* @__PURE__ */ O(un, {
+		L(e), A(!1);
+	}, H = (t, n) => {
+		if (t.type === "separator") return /* @__PURE__ */ j(un, {
 			className: "-mx-1 my-1 h-px bg-border-secondary",
 			"data-testid": "spectral-dropdown-menu-separator"
 		}, t.id ?? `separator-${n}`);
-		if (t.type === "label") return /* @__PURE__ */ O(on, {
+		if (t.type === "label") return /* @__PURE__ */ j(on, {
 			className: "px-2 py-1.5 text-base font-semibold text-text-primary",
 			"data-testid": "spectral-dropdown-menu-label",
 			children: t.label
 		}, t.id ?? `label-${n}`);
-		let r = de(t.value), i = p(_(!!t.disabled, !1, r), "group/spectral-dropdown-menu-item pr-2 gap-4 relative flex w-full justify-between");
-		return C === "multiple" || t.type === "checkbox" ? /* @__PURE__ */ k(cn, {
+		let r = se(t.value), i = p(v(!!t.disabled, !1, r), "group/spectral-dropdown-menu-item pr-2 gap-4 relative flex w-full justify-between");
+		return w === "multiple" || t.type === "checkbox" ? /* @__PURE__ */ M(cn, {
 			checked: r,
 			className: i,
 			"data-testid": "spectral-dropdown-menu-checkbox-item",
 			disabled: t.disabled,
-			onCheckedChange: () => L(t.value),
+			onCheckedChange: () => V(t.value),
 			onSelect: (e) => e.preventDefault(),
 			children: [
-				/* @__PURE__ */ O("span", {
+				/* @__PURE__ */ j("span", {
 					className: "min-w-0 flex-1 truncate whitespace-nowrap",
 					children: t.label
 				}),
-				t.shortcut && /* @__PURE__ */ O("span", {
+				t.shortcut && /* @__PURE__ */ j("span", {
 					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
 					children: t.shortcut
 				}),
-				/* @__PURE__ */ O("span", {
+				/* @__PURE__ */ j("span", {
 					"aria-hidden": "true",
 					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
-					children: /* @__PURE__ */ O(ln, {
+					children: /* @__PURE__ */ j(ln, {
 						asChild: !0,
-						children: /* @__PURE__ */ O("span", {
+						children: /* @__PURE__ */ j("span", {
 							className: "size-4 flex items-center justify-center",
-							children: /* @__PURE__ */ O(e, { size: 16 })
+							children: /* @__PURE__ */ j(e, { size: 16 })
 						})
 					})
 				})
 			]
-		}, t.value) : /* @__PURE__ */ k(sn, {
+		}, t.value) : /* @__PURE__ */ M(sn, {
 			className: i,
 			"data-testid": "spectral-dropdown-menu-item",
 			disabled: t.disabled,
-			onSelect: () => L(t.value),
+			onSelect: () => V(t.value),
 			children: [
-				/* @__PURE__ */ O("span", {
+				/* @__PURE__ */ j("span", {
 					className: "min-w-0 flex-1 truncate whitespace-nowrap",
 					children: t.label
 				}),
-				t.shortcut && /* @__PURE__ */ O("span", {
+				t.shortcut && /* @__PURE__ */ j("span", {
 					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
 					children: t.shortcut
 				}),
-				/* @__PURE__ */ O("span", {
+				/* @__PURE__ */ j("span", {
 					"aria-hidden": "true",
 					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
-					children: r && /* @__PURE__ */ O(e, { size: 16 })
+					children: r && /* @__PURE__ */ j(e, { size: 16 })
 				})
 			]
 		}, t.value);
 	};
-	return /* @__PURE__ */ k(tn, {
-		modal: re,
-		onOpenChange: D,
-		open: E,
-		children: [/* @__PURE__ */ O(nn, {
+	return /* @__PURE__ */ M(tn, {
+		modal: te,
+		onOpenChange: A,
+		open: k,
+		children: [/* @__PURE__ */ j(nn, {
 			asChild: n,
 			className: p(a, "transition-opacity duration-200 hover:cursor-pointer hover:opacity-80"),
 			"data-testid": l ?? "spectral-dropdown-menu-trigger",
-			disabled: I,
-			children: ce
-		}), /* @__PURE__ */ O(rn, { children: /* @__PURE__ */ O(an, {
+			disabled: B,
+			children: ae
+		}), /* @__PURE__ */ j(rn, { children: /* @__PURE__ */ j(an, {
 			align: t,
 			alignOffset: r,
 			avoidCollisions: i,
-			className: p("p-1 relative z-50 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in", h(), "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-dropdown-menu-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-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto", c),
+			className: p("p-1 relative z-50 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in", g(), "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-dropdown-menu-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-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto", c),
 			collisionBoundary: o,
 			collisionPadding: s,
-			"data-dropdown-width-mode": P,
-			"data-dropdown-width-value": P === "custom" ? y : void 0,
+			"data-dropdown-width-mode": R,
+			"data-dropdown-width-value": R === "custom" ? b : void 0,
 			"data-testid": "spectral-dropdown-menu-content",
-			ref: j,
-			side: oe,
-			sideOffset: se,
+			ref: P,
+			side: T,
+			sideOffset: ie,
 			style: {
-				...F,
-				...A
+				...z,
+				...N
 			},
-			children: w === "loading" ? /* @__PURE__ */ O(ee, { message: b }) : ue.length === 0 ? /* @__PURE__ */ O(m, { message: ne }) : S.map(R)
+			children: E === "loading" ? /* @__PURE__ */ j(h, { message: x }) : oe.length === 0 ? /* @__PURE__ */ j(m, { message: ee }) : C.map(H)
 		}) })]
 	});
 };