@spear-ai/spectral 1.13.0 → 1.13.1

package/dist/{DropdownMenu-B8I8IRcu.js → DropdownMenu-BO_RPCVU.js}

@@ -8,35 +8,35 @@ import { t as p } from "./twUtils-BpqlKSeB.js";
 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-C4MHwt9g.js";
-import { n as ee, t as x } from "./dist-iDaHUF3d.js";
+import { n as x, t as ee } from "./dist-iDaHUF3d.js";
 import { i as te, n as S, r as ne, t as re } from "./Combination-MimnVFUU.js";
 import { a as C, i as w, n as T, r as ie, t as E } from "./dist-CwYxT5fv.js";
 import { useAutoDropdownHorizontalShift as D } from "./utils/dropdownPositioning.js";
-import { n as ae, r as O, t as k } from "./dist-DBLajRTL.js";
-import * as A from "react";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { n as O, r as k, t as A } from "./dist-DBLajRTL.js";
+import * as j from "react";
+import { jsx as M, jsxs as N } 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 N = ["Enter", " "], P = [
+var P = ["Enter", " "], F = [
 	"ArrowDown",
 	"PageUp",
 	"Home"
-], F = [
+], ae = [
 	"ArrowUp",
 	"PageDown",
 	"End"
-], I = [...P, ...F], L = {
-	ltr: [...N, "ArrowRight"],
-	rtl: [...N, "ArrowLeft"]
-}, R = {
+], oe = [...F, ...ae], I = {
+	ltr: [...P, "ArrowRight"],
+	rtl: [...P, "ArrowLeft"]
+}, L = {
 	ltr: ["ArrowLeft"],
 	rtl: ["ArrowRight"]
-}, z = "Menu", [B, oe, se] = l(z), [V, H] = r(z, [
-	se,
+}, R = "Menu", [z, se, ce] = l(R), [B, V] = r(R, [
+	ce,
 	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(() => {
+	k
+]), H = C(), le = k(), [ue, U] = B(R), [de, W] = B(R), fe = (e) => {
+	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: o = !0 } = e, s = H(t), [c, l] = j.useState(null), d = j.useRef(!1), f = b(a), p = u(i);
+	return j.useEffect(() => {
 		let e = () => {
 			d.current = !0, document.addEventListener("pointerdown", t, {
 				capture: !0,
@@ -49,17 +49,17 @@ var N = ["Enter", " "], P = [
 		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__ */ j(w, {
+	}, []), /* @__PURE__ */ M(w, {
 		...s,
-		children: /* @__PURE__ */ j(le, {
+		children: /* @__PURE__ */ M(ue, {
 			scope: t,
 			open: n,
 			onOpenChange: f,
 			content: c,
 			onContentChange: l,
-			children: /* @__PURE__ */ j(ue, {
+			children: /* @__PURE__ */ M(de, {
 				scope: t,
-				onClose: A.useCallback(() => f(!1), [f]),
+				onClose: j.useCallback(() => f(!1), [f]),
 				isUsingKeyboardRef: d,
 				dir: p,
 				modal: o,
@@ -68,24 +68,24 @@ var N = ["Enter", " "], P = [
 		})
 	});
 };
-de.displayName = z;
-var fe = "MenuAnchor", pe = A.forwardRef((e, t) => {
+fe.displayName = R;
+var pe = "MenuAnchor", G = j.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(E, {
-		...U(n),
+	return /* @__PURE__ */ M(E, {
+		...H(n),
 		...r,
 		ref: t
 	});
 });
-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, {
+G.displayName = pe;
+var me = "MenuPortal", [he, ge] = B(me, { forceMount: void 0 }), _e = (e) => {
+	let { __scopeMenu: t, forceMount: n, children: r, container: i } = e, a = U(me, t);
+	return /* @__PURE__ */ M(he, {
 		scope: t,
 		forceMount: n,
-		children: /* @__PURE__ */ j(d, {
+		children: /* @__PURE__ */ M(d, {
 			present: n || a.open,
-			children: /* @__PURE__ */ j(x, {
+			children: /* @__PURE__ */ M(ee, {
 				asChild: !0,
 				container: i,
 				children: r
@@ -94,30 +94,30 @@ var me = "MenuPortal", [he, ge] = V(me, { forceMount: void 0 }), _e = (e) => {
 	});
 };
 _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, {
+var K = "MenuContent", [ve, ye] = B(K), be = j.forwardRef((e, t) => {
+	let n = ge(K, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = U(K, e.__scopeMenu), o = W(K, e.__scopeMenu);
+	return /* @__PURE__ */ M(z.Provider, {
 		scope: e.__scopeMenu,
-		children: /* @__PURE__ */ j(d, {
+		children: /* @__PURE__ */ M(d, {
 			present: r || a.open,
-			children: /* @__PURE__ */ j(B.Slot, {
+			children: /* @__PURE__ */ M(z.Slot, {
 				scope: e.__scopeMenu,
-				children: o.modal ? /* @__PURE__ */ j(xe, {
+				children: o.modal ? /* @__PURE__ */ M(xe, {
 					...i,
 					ref: t
-				}) : /* @__PURE__ */ j(Se, {
+				}) : /* @__PURE__ */ M(Se, {
 					...i,
 					ref: t
 				})
 			})
 		})
 	});
-}), xe = A.forwardRef((e, n) => {
-	let r = W(K, e.__scopeMenu), a = A.useRef(null), o = i(n, a);
-	return A.useEffect(() => {
+}), xe = j.forwardRef((e, n) => {
+	let r = U(K, e.__scopeMenu), a = j.useRef(null), o = i(n, a);
+	return j.useEffect(() => {
 		let e = a.current;
 		if (e) return S(e);
-	}, []), /* @__PURE__ */ j(we, {
+	}, []), /* @__PURE__ */ M(we, {
 		...e,
 		ref: o,
 		trapFocus: r.open,
@@ -126,9 +126,9 @@ var K = "MenuContent", [ve, ye] = V(K), be = A.forwardRef((e, t) => {
 		onFocusOutside: t(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 }),
 		onDismiss: () => r.onOpenChange(!1)
 	});
-}), Se = A.forwardRef((e, t) => {
-	let n = W(K, e.__scopeMenu);
-	return /* @__PURE__ */ j(we, {
+}), Se = j.forwardRef((e, t) => {
+	let n = U(K, e.__scopeMenu);
+	return /* @__PURE__ */ M(we, {
 		...e,
 		ref: t,
 		trapFocus: !1,
@@ -136,44 +136,44 @@ var K = "MenuContent", [ve, ye] = V(K), be = A.forwardRef((e, t) => {
 		disableOutsideScroll: !1,
 		onDismiss: () => n.onOpenChange(!1)
 	});
-}), 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 ? {
+}), Ce = o("MenuContent.ScrollLock"), we = j.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 = U(K, r), y = W(K, r), b = H(r), ee = le(r), S = se(r), [C, w] = j.useState(null), T = j.useRef(null), E = i(n, T, v.onContentChange), D = j.useRef(0), k = j.useRef(""), A = j.useRef(0), N = j.useRef(null), P = j.useRef("right"), F = j.useRef(0), I = g ? re : j.Fragment, L = g ? {
 		as: Ce,
 		allowPinchZoom: !0
-	} : 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;
+	} : void 0, R = (e) => {
+		let t = k.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) {
-			O.current = t, window.clearTimeout(D.current), t !== "" && (D.current = window.setTimeout(() => e(""), 1e3));
+			k.current = t, window.clearTimeout(D.current), t !== "" && (D.current = window.setTimeout(() => e(""), 1e3));
 		})(t), o && setTimeout(() => o.focus());
 	};
-	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, {
+	j.useEffect(() => () => window.clearTimeout(D.current), []), te();
+	let z = j.useCallback((e) => P.current === N.current?.side && ot(e, N.current?.area), []);
+	return /* @__PURE__ */ M(ve, {
 		scope: r,
-		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;
+		searchRef: k,
+		onItemEnter: j.useCallback((e) => {
+			z(e) && e.preventDefault();
+		}, [z]),
+		onItemLeave: j.useCallback((e) => {
+			z(e) || (T.current?.focus(), w(null));
+		}, [z]),
+		onTriggerLeave: j.useCallback((e) => {
+			z(e) && e.preventDefault();
+		}, [z]),
+		pointerGraceTimerRef: A,
+		onPointerGraceIntentChange: j.useCallback((e) => {
+			N.current = e;
 		}, []),
-		children: /* @__PURE__ */ j(L, {
-			...R,
-			children: /* @__PURE__ */ j(ne, {
+		children: /* @__PURE__ */ M(I, {
+			...L,
+			children: /* @__PURE__ */ M(ne, {
 				asChild: !0,
 				trapped: o,
 				onMountAutoFocus: t(s, (e) => {
 					e.preventDefault(), T.current?.focus({ preventScroll: !0 });
 				}),
 				onUnmountAutoFocus: c,
-				children: /* @__PURE__ */ j(ee, {
+				children: /* @__PURE__ */ M(x, {
 					asChild: !0,
 					disableOutsidePointerEvents: l,
 					onEscapeKeyDown: d,
@@ -181,9 +181,9 @@ var K = "MenuContent", [ve, ye] = V(K), be = A.forwardRef((e, t) => {
 					onFocusOutside: p,
 					onInteractOutside: m,
 					onDismiss: h,
-					children: /* @__PURE__ */ j(ae, {
+					children: /* @__PURE__ */ M(O, {
 						asChild: !0,
-						...x,
+						...ee,
 						dir: y.dir,
 						orientation: "vertical",
 						loop: a,
@@ -193,7 +193,7 @@ var K = "MenuContent", [ve, ye] = V(K), be = A.forwardRef((e, t) => {
 							y.isUsingKeyboardRef.current || e.preventDefault();
 						}),
 						preventScrollOnEntryFocus: !0,
-						children: /* @__PURE__ */ j(ie, {
+						children: /* @__PURE__ */ M(ie, {
 							role: "menu",
 							"aria-orientation": "vertical",
 							"data-state": et(v.open),
@@ -208,19 +208,19 @@ var K = "MenuContent", [ve, ye] = V(K), be = A.forwardRef((e, t) => {
 							},
 							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 && z(e.key));
+								t && (e.key === "Tab" && e.preventDefault(), !n && r && R(e.key));
 								let i = T.current;
-								if (e.target !== i || !I.includes(e.key)) return;
+								if (e.target !== i || !oe.includes(e.key)) return;
 								e.preventDefault();
 								let a = S().filter((e) => !e.disabled).map((e) => e.ref.current);
-								F.includes(e.key) && a.reverse(), nt(a);
+								ae.includes(e.key) && a.reverse(), nt(a);
 							}),
 							onBlur: t(e.onBlur, (e) => {
-								e.currentTarget.contains(e.target) || (window.clearTimeout(D.current), O.current = "");
+								e.currentTarget.contains(e.target) || (window.clearTimeout(D.current), k.current = "");
 							}),
 							onPointerMove: t(e.onPointerMove, Z((e) => {
-								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);
+								let t = e.target, n = F.current !== e.clientX;
+								e.currentTarget.contains(t) && n && (P.current = e.clientX > F.current ? "right" : "left", F.current = e.clientX);
 							}))
 						})
 					})
@@ -230,25 +230,25 @@ var K = "MenuContent", [ve, ye] = V(K), be = A.forwardRef((e, t) => {
 	});
 });
 be.displayName = K;
-var Te = "MenuGroup", Ee = A.forwardRef((e, t) => {
+var Te = "MenuGroup", Ee = j.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(c.div, {
+	return /* @__PURE__ */ M(c.div, {
 		role: "group",
 		...r,
 		ref: t
 	});
 });
 Ee.displayName = Te;
-var De = "MenuLabel", Oe = A.forwardRef((e, t) => {
+var De = "MenuLabel", Oe = j.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(c.div, {
+	return /* @__PURE__ */ M(c.div, {
 		...r,
 		ref: t
 	});
 });
 Oe.displayName = De;
-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 = () => {
+var q = "MenuItem", ke = "menu.itemSelect", J = j.forwardRef((e, n) => {
+	let { disabled: r = !1, onSelect: o, ...s } = e, c = j.useRef(null), l = W(q, e.__scopeMenu), u = ye(q, e.__scopeMenu), d = i(n, c), f = j.useRef(!1), p = () => {
 		let e = c.current;
 		if (!r && e) {
 			let t = new CustomEvent(ke, {
@@ -258,7 +258,7 @@ var q = "MenuItem", ke = "menu.itemSelect", J = A.forwardRef((e, n) => {
 			e.addEventListener(ke, (e) => o?.(e), { once: !0 }), a(e, t), t.defaultPrevented ? f.current = !1 : l.onClose();
 		}
 	};
-	return /* @__PURE__ */ j(Ae, {
+	return /* @__PURE__ */ M(Ae, {
 		...s,
 		ref: d,
 		disabled: r,
@@ -271,25 +271,25 @@ var q = "MenuItem", ke = "menu.itemSelect", J = A.forwardRef((e, n) => {
 		}),
 		onKeyDown: t(e.onKeyDown, (e) => {
 			let t = u.searchRef.current !== "";
-			r || t && e.key === " " || N.includes(e.key) && (e.currentTarget.click(), e.preventDefault());
+			r || t && e.key === " " || P.includes(e.key) && (e.currentTarget.click(), e.preventDefault());
 		})
 	});
 });
 J.displayName = q;
-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(() => {
+var Ae = j.forwardRef((e, n) => {
+	let { __scopeMenu: r, disabled: a = !1, textValue: o, ...s } = e, l = ye(q, r), u = le(r), d = j.useRef(null), f = i(n, d), [p, m] = j.useState(!1), [h, g] = j.useState("");
+	return j.useEffect(() => {
 		let e = d.current;
 		e && g((e.textContent ?? "").trim());
-	}, [s.children]), /* @__PURE__ */ j(B.ItemSlot, {
+	}, [s.children]), /* @__PURE__ */ M(z.ItemSlot, {
 		scope: r,
 		disabled: a,
 		textValue: o ?? h,
-		children: /* @__PURE__ */ j(k, {
+		children: /* @__PURE__ */ M(A, {
 			asChild: !0,
 			...u,
 			focusable: !a,
-			children: /* @__PURE__ */ j(c.div, {
+			children: /* @__PURE__ */ M(c.div, {
 				role: "menuitem",
 				"data-highlighted": p ? "" : void 0,
 				"aria-disabled": a || void 0,
@@ -305,12 +305,12 @@ var Ae = A.forwardRef((e, n) => {
 			})
 		})
 	});
-}), je = "MenuCheckboxItem", Me = A.forwardRef((e, n) => {
+}), je = "MenuCheckboxItem", Me = j.forwardRef((e, n) => {
 	let { checked: r = !1, onCheckedChange: i, ...a } = e;
-	return /* @__PURE__ */ j(Be, {
+	return /* @__PURE__ */ M(Be, {
 		scope: e.__scopeMenu,
 		checked: r,
-		children: /* @__PURE__ */ j(J, {
+		children: /* @__PURE__ */ M(J, {
 			role: "menuitemcheckbox",
 			"aria-checked": X(r) ? "mixed" : r,
 			...a,
@@ -321,28 +321,28 @@ var Ae = A.forwardRef((e, n) => {
 	});
 });
 Me.displayName = je;
-var Ne = "MenuRadioGroup", [Pe, Fe] = V(Ne, {
+var Ne = "MenuRadioGroup", [Pe, Fe] = B(Ne, {
 	value: void 0,
 	onValueChange: () => {}
-}), Ie = A.forwardRef((e, t) => {
+}), Ie = j.forwardRef((e, t) => {
 	let { value: n, onValueChange: r, ...i } = e, a = b(r);
-	return /* @__PURE__ */ j(Pe, {
+	return /* @__PURE__ */ M(Pe, {
 		scope: e.__scopeMenu,
 		value: n,
 		onValueChange: a,
-		children: /* @__PURE__ */ j(Ee, {
+		children: /* @__PURE__ */ M(Ee, {
 			...i,
 			ref: t
 		})
 	});
 });
 Ie.displayName = Ne;
-var Le = "MenuRadioItem", Re = A.forwardRef((e, n) => {
+var Le = "MenuRadioItem", Re = j.forwardRef((e, n) => {
 	let { value: r, ...i } = e, a = Fe(Le, e.__scopeMenu), o = r === a.value;
-	return /* @__PURE__ */ j(Be, {
+	return /* @__PURE__ */ M(Be, {
 		scope: e.__scopeMenu,
 		checked: o,
-		children: /* @__PURE__ */ j(J, {
+		children: /* @__PURE__ */ M(J, {
 			role: "menuitemradio",
 			"aria-checked": o,
 			...i,
@@ -353,11 +353,11 @@ var Le = "MenuRadioItem", Re = A.forwardRef((e, n) => {
 	});
 });
 Re.displayName = Le;
-var ze = "MenuItemIndicator", [Be, Ve] = V(ze, { checked: !1 }), He = A.forwardRef((e, t) => {
+var ze = "MenuItemIndicator", [Be, Ve] = B(ze, { checked: !1 }), He = j.forwardRef((e, t) => {
 	let { __scopeMenu: n, forceMount: r, ...i } = e, a = Ve(ze, n);
-	return /* @__PURE__ */ j(d, {
+	return /* @__PURE__ */ M(d, {
 		present: r || X(a.checked) || a.checked === !0,
-		children: /* @__PURE__ */ j(c.span, {
+		children: /* @__PURE__ */ M(c.span, {
 			...i,
 			ref: t,
 			"data-state": tt(a.checked)
@@ -365,9 +365,9 @@ var ze = "MenuItemIndicator", [Be, Ve] = V(ze, { checked: !1 }), He = A.forwardR
 	});
 });
 He.displayName = ze;
-var Ue = "MenuSeparator", We = A.forwardRef((e, t) => {
+var Ue = "MenuSeparator", We = j.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(c.div, {
+	return /* @__PURE__ */ M(c.div, {
 		role: "separator",
 		"aria-orientation": "horizontal",
 		...r,
@@ -375,26 +375,26 @@ var Ue = "MenuSeparator", We = A.forwardRef((e, t) => {
 	});
 });
 We.displayName = Ue;
-var Ge = "MenuArrow", Ke = A.forwardRef((e, t) => {
+var Ge = "MenuArrow", Ke = j.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(T, {
-		...U(n),
+	return /* @__PURE__ */ M(T, {
+		...H(n),
 		...r,
 		ref: t
 	});
 });
 Ke.displayName = Ge;
-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, {
+var qe = "MenuSub", [Je, Ye] = B(qe), Xe = (e) => {
+	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = U(qe, t), o = H(t), [s, c] = j.useState(null), [l, u] = j.useState(null), d = b(i);
+	return j.useEffect(() => (a.open === !1 && d(!1), () => d(!1)), [a.open, d]), /* @__PURE__ */ M(w, {
 		...o,
-		children: /* @__PURE__ */ j(le, {
+		children: /* @__PURE__ */ M(ue, {
 			scope: t,
 			open: r,
 			onOpenChange: d,
 			content: l,
 			onContentChange: u,
-			children: /* @__PURE__ */ j(Je, {
+			children: /* @__PURE__ */ M(Je, {
 				scope: t,
 				contentId: f(),
 				triggerId: f(),
@@ -406,19 +406,19 @@ var qe = "MenuSub", [Je, Ye] = V(qe), Xe = (e) => {
 	});
 };
 Xe.displayName = qe;
-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(() => {
+var Y = "MenuSubTrigger", Ze = j.forwardRef((e, r) => {
+	let i = U(Y, e.__scopeMenu), a = W(Y, e.__scopeMenu), o = Ye(Y, e.__scopeMenu), s = ye(Y, e.__scopeMenu), c = j.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: u } = s, d = { __scopeMenu: e.__scopeMenu }, f = j.useCallback(() => {
 		c.current && window.clearTimeout(c.current), c.current = null;
 	}, []);
-	return A.useEffect(() => f, [f]), A.useEffect(() => {
+	return j.useEffect(() => f, [f]), j.useEffect(() => {
 		let e = l.current;
 		return () => {
 			window.clearTimeout(e), u(null);
 		};
-	}, [l, u]), /* @__PURE__ */ j(pe, {
+	}, [l, u]), /* @__PURE__ */ M(G, {
 		asChild: !0,
 		...d,
-		children: /* @__PURE__ */ j(Ae, {
+		children: /* @__PURE__ */ M(Ae, {
 			id: o.triggerId,
 			"aria-haspopup": "menu",
 			"aria-expanded": i.open,
@@ -471,21 +471,21 @@ var Y = "MenuSubTrigger", Ze = A.forwardRef((e, r) => {
 			})),
 			onKeyDown: t(e.onKeyDown, (t) => {
 				let n = s.searchRef.current !== "";
-				e.disabled || n && t.key === " " || L[a.dir].includes(t.key) && (i.onOpenChange(!0), i.content?.focus(), t.preventDefault());
+				e.disabled || n && t.key === " " || I[a.dir].includes(t.key) && (i.onOpenChange(!0), i.content?.focus(), t.preventDefault());
 			})
 		})
 	});
 });
 Ze.displayName = Y;
-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, {
+var Qe = "MenuSubContent", $e = j.forwardRef((e, n) => {
+	let r = ge(K, e.__scopeMenu), { forceMount: a = r.forceMount, ...o } = e, s = U(K, e.__scopeMenu), c = W(K, e.__scopeMenu), l = Ye(Qe, e.__scopeMenu), u = j.useRef(null), f = i(n, u);
+	return /* @__PURE__ */ M(z.Provider, {
 		scope: e.__scopeMenu,
-		children: /* @__PURE__ */ j(d, {
+		children: /* @__PURE__ */ M(d, {
 			present: a || s.open,
-			children: /* @__PURE__ */ j(B.Slot, {
+			children: /* @__PURE__ */ M(z.Slot, {
 				scope: e.__scopeMenu,
-				children: /* @__PURE__ */ j(we, {
+				children: /* @__PURE__ */ M(we, {
 					id: l.contentId,
 					"aria-labelledby": l.triggerId,
 					...o,
@@ -506,7 +506,7 @@ var Qe = "MenuSubContent", $e = A.forwardRef((e, n) => {
 						c.onClose(), e.preventDefault();
 					}),
 					onKeyDown: t(e.onKeyDown, (e) => {
-						let t = e.currentTarget.contains(e.target), n = R[c.dir].includes(e.key);
+						let t = e.currentTarget.contains(e.target), n = L[c.dir].includes(e.key);
 						t && n && (s.onOpenChange(!1), l.trigger?.focus(), e.preventDefault());
 					})
 				})
@@ -554,23 +554,23 @@ function ot(e, t) {
 function Z(e) {
 	return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-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({
+var st = fe, ct = G, 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, [V]), $ = V(), [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 = j.useRef(null), [d, p] = s({
 		prop: i,
 		defaultProp: a ?? !1,
 		onChange: o,
 		caller: Q
 	});
-	return /* @__PURE__ */ j(wt, {
+	return /* @__PURE__ */ M(wt, {
 		scope: t,
 		triggerId: f(),
 		triggerRef: u,
 		contentId: f(),
 		open: d,
 		onOpenChange: p,
-		onOpenToggle: A.useCallback(() => p((e) => !e), [p]),
+		onOpenToggle: j.useCallback(() => p((e) => !e), [p]),
 		modal: c,
-		children: /* @__PURE__ */ j(st, {
+		children: /* @__PURE__ */ M(st, {
 			...l,
 			open: d,
 			onOpenChange: p,
@@ -581,12 +581,12 @@ var st = de, ct = pe, lt = _e, ut = be, dt = Ee, ft = Oe, pt = J, mt = Me, ht =
 	});
 };
 Et.displayName = Q;
-var Dt = "DropdownMenuTrigger", Ot = A.forwardRef((e, r) => {
+var Dt = "DropdownMenuTrigger", Ot = j.forwardRef((e, r) => {
 	let { __scopeDropdownMenu: i, disabled: a = !1, ...o } = e, s = Tt(Dt, i);
-	return /* @__PURE__ */ j(ct, {
+	return /* @__PURE__ */ M(ct, {
 		asChild: !0,
 		...$(i),
-		children: /* @__PURE__ */ j(c.button, {
+		children: /* @__PURE__ */ M(c.button, {
 			type: "button",
 			id: s.triggerId,
 			"aria-haspopup": "menu",
@@ -613,15 +613,15 @@ var Dt = "DropdownMenuTrigger", Ot = A.forwardRef((e, r) => {
 Ot.displayName = Dt;
 var kt = "DropdownMenuPortal", At = (e) => {
 	let { __scopeDropdownMenu: t, ...n } = e;
-	return /* @__PURE__ */ j(lt, {
+	return /* @__PURE__ */ M(lt, {
 		...$(t),
 		...n
 	});
 };
 At.displayName = kt;
-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, {
+var jt = "DropdownMenuContent", Mt = j.forwardRef((e, n) => {
+	let { __scopeDropdownMenu: r, ...i } = e, a = Tt(jt, r), o = $(r), s = j.useRef(!1);
+	return /* @__PURE__ */ M(ut, {
 		id: a.contentId,
 		"aria-labelledby": a.triggerId,
 		...o,
@@ -645,99 +645,99 @@ var jt = "DropdownMenuContent", Mt = A.forwardRef((e, n) => {
 	});
 });
 Mt.displayName = jt;
-var Nt = "DropdownMenuGroup", Pt = A.forwardRef((e, t) => {
+var Nt = "DropdownMenuGroup", Pt = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(dt, {
+	return /* @__PURE__ */ M(dt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Pt.displayName = Nt;
-var Ft = "DropdownMenuLabel", It = A.forwardRef((e, t) => {
+var Ft = "DropdownMenuLabel", It = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(ft, {
+	return /* @__PURE__ */ M(ft, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 It.displayName = Ft;
-var Lt = "DropdownMenuItem", Rt = A.forwardRef((e, t) => {
+var Lt = "DropdownMenuItem", Rt = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(pt, {
+	return /* @__PURE__ */ M(pt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Rt.displayName = Lt;
-var zt = "DropdownMenuCheckboxItem", Bt = A.forwardRef((e, t) => {
+var zt = "DropdownMenuCheckboxItem", Bt = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(mt, {
+	return /* @__PURE__ */ M(mt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Bt.displayName = zt;
-var Vt = "DropdownMenuRadioGroup", Ht = A.forwardRef((e, t) => {
+var Vt = "DropdownMenuRadioGroup", Ht = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(ht, {
+	return /* @__PURE__ */ M(ht, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Ht.displayName = Vt;
-var Ut = "DropdownMenuRadioItem", Wt = A.forwardRef((e, t) => {
+var Ut = "DropdownMenuRadioItem", Wt = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(gt, {
+	return /* @__PURE__ */ M(gt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Wt.displayName = Ut;
-var Gt = "DropdownMenuItemIndicator", Kt = A.forwardRef((e, t) => {
+var Gt = "DropdownMenuItemIndicator", Kt = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(_t, {
+	return /* @__PURE__ */ M(_t, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Kt.displayName = Gt;
-var qt = "DropdownMenuSeparator", Jt = A.forwardRef((e, t) => {
+var qt = "DropdownMenuSeparator", Jt = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(vt, {
+	return /* @__PURE__ */ M(vt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Jt.displayName = qt;
-var Yt = "DropdownMenuArrow", Xt = A.forwardRef((e, t) => {
+var Yt = "DropdownMenuArrow", Xt = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(yt, {
+	return /* @__PURE__ */ M(yt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Xt.displayName = Yt;
-var Zt = "DropdownMenuSubTrigger", Qt = A.forwardRef((e, t) => {
+var Zt = "DropdownMenuSubTrigger", Qt = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(bt, {
+	return /* @__PURE__ */ M(bt, {
 		...$(n),
 		...r,
 		ref: t
 	});
 });
 Qt.displayName = Zt;
-var $t = "DropdownMenuSubContent", en = A.forwardRef((e, t) => {
+var $t = "DropdownMenuSubContent", en = j.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ j(xt, {
+	return /* @__PURE__ */ M(xt, {
 		...$(n),
 		...r,
 		ref: t,
@@ -752,37 +752,37 @@ var $t = "DropdownMenuSubContent", en = A.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: 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,
+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, dropdownContentRef: b, dropdownWidth: x = "content", emptyMessage: ee = "No options found", loadingMessage: te = "Loading…", modal: S = !0, onOpenChange: ne, onValueChange: re, open: C, options: w, selectionMode: T = "single", side: ie = "bottom", sideOffset: E = 4, state: O = "default", trigger: k, value: A }) => {
+	let [j, P] = y({
+		value: C,
 		defaultValue: u ?? !1,
-		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
+	}), { dropdownShiftStyle: F, setDropdownElement: ae } = D(j), oe = dn(d, T), [I, L] = y({
+		value: A === void 0 ? void 0 : dn(A, T),
+		defaultValue: oe,
+		onChange: re
 	}), { dropdownWidthMode: R, dropdownWidthStyle: z } = _({
-		dropdownWidth: b,
+		dropdownWidth: x,
 		triggerWidth: "var(--radix-dropdown-menu-trigger-width)"
-	}), 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") {
+	}), se = f || O === "loading", ce = w.filter(fn), B = (e) => T === "multiple" ? (Array.isArray(I) ? I : []).includes(e) : I === e, V = (e) => {
+		if (T === "multiple") {
 			let t = Array.isArray(I) ? I : [];
 			L(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 			return;
 		}
-		L(e), A(!1);
+		L(e), P(!1);
 	}, H = (t, n) => {
-		if (t.type === "separator") return /* @__PURE__ */ j(un, {
+		if (t.type === "separator") return /* @__PURE__ */ M(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__ */ j(on, {
+		if (t.type === "label") return /* @__PURE__ */ M(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 = 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, {
+		let r = B(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 T === "multiple" || t.type === "checkbox" ? /* @__PURE__ */ N(cn, {
 			checked: r,
 			className: i,
 			"data-testid": "spectral-dropdown-menu-checkbox-item",
@@ -790,59 +790,59 @@ var tn = Et, nn = Ot, rn = At, an = Mt, on = It, sn = Rt, cn = Bt, ln = Kt, un =
 			onCheckedChange: () => V(t.value),
 			onSelect: (e) => e.preventDefault(),
 			children: [
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ M("span", {
 					className: "min-w-0 flex-1 truncate whitespace-nowrap",
 					children: t.label
 				}),
-				t.shortcut && /* @__PURE__ */ j("span", {
+				t.shortcut && /* @__PURE__ */ M("span", {
 					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
 					children: t.shortcut
 				}),
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ M("span", {
 					"aria-hidden": "true",
 					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
-					children: /* @__PURE__ */ j(ln, {
+					children: /* @__PURE__ */ M(ln, {
 						asChild: !0,
-						children: /* @__PURE__ */ j("span", {
+						children: /* @__PURE__ */ M("span", {
 							className: "size-4 flex items-center justify-center",
-							children: /* @__PURE__ */ j(e, { size: 16 })
+							children: /* @__PURE__ */ M(e, { size: 16 })
 						})
 					})
 				})
 			]
-		}, t.value) : /* @__PURE__ */ M(sn, {
+		}, t.value) : /* @__PURE__ */ N(sn, {
 			className: i,
 			"data-testid": "spectral-dropdown-menu-item",
 			disabled: t.disabled,
 			onSelect: () => V(t.value),
 			children: [
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ M("span", {
 					className: "min-w-0 flex-1 truncate whitespace-nowrap",
 					children: t.label
 				}),
-				t.shortcut && /* @__PURE__ */ j("span", {
+				t.shortcut && /* @__PURE__ */ M("span", {
 					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
 					children: t.shortcut
 				}),
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ M("span", {
 					"aria-hidden": "true",
 					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
-					children: r && /* @__PURE__ */ j(e, { size: 16 })
+					children: r && /* @__PURE__ */ M(e, { size: 16 })
 				})
 			]
 		}, t.value);
 	};
-	return /* @__PURE__ */ M(tn, {
-		modal: te,
-		onOpenChange: A,
-		open: k,
-		children: [/* @__PURE__ */ j(nn, {
+	return /* @__PURE__ */ N(tn, {
+		modal: S,
+		onOpenChange: P,
+		open: j,
+		children: [/* @__PURE__ */ M(nn, {
 			asChild: n,
 			className: p(a, "transition-opacity duration-200 hover:cursor-pointer hover:opacity-80"),
 			"data-testid": l ?? "spectral-dropdown-menu-trigger",
-			disabled: B,
-			children: ae
-		}), /* @__PURE__ */ j(rn, { children: /* @__PURE__ */ j(an, {
+			disabled: se,
+			children: k
+		}), /* @__PURE__ */ M(rn, { children: /* @__PURE__ */ M(an, {
 			align: t,
 			alignOffset: r,
 			avoidCollisions: i,
@@ -850,16 +850,18 @@ var tn = Et, nn = Ot, rn = At, an = Mt, on = It, sn = Rt, cn = Bt, ln = Kt, un =
 			collisionBoundary: o,
 			collisionPadding: s,
 			"data-dropdown-width-mode": R,
-			"data-dropdown-width-value": R === "custom" ? b : void 0,
+			"data-dropdown-width-value": R === "custom" ? x : void 0,
 			"data-testid": "spectral-dropdown-menu-content",
-			ref: P,
-			side: T,
-			sideOffset: ie,
+			ref: (e) => {
+				ae(e), b && (b.current = e);
+			},
+			side: ie,
+			sideOffset: E,
 			style: {
 				...z,
-				...N
+				...F
 			},
-			children: E === "loading" ? /* @__PURE__ */ j(h, { message: x }) : oe.length === 0 ? /* @__PURE__ */ j(m, { message: ee }) : C.map(H)
+			children: O === "loading" ? /* @__PURE__ */ M(h, { message: te }) : ce.length === 0 ? /* @__PURE__ */ M(m, { message: ee }) : w.map(H)
 		}) })]
 	});
 };