@spear-ai/spectral 1.12.6 → 1.13.0

package/dist/DropdownMenu-B8I8IRcu.js

@@ -0,0 +1,868 @@
+import './styles/main.css'
+import { CheckmarkIcon as e } from "./Icons/CheckmarkIcon.js";
+import { a as t, c as n, d as r, l as i, n as a, o, r as s, t as c } from "./dist-DEkDg4Sk.js";
+import { n as l, t as u } from "./dist-CcsVPym2.js";
+import { t as d } from "./dist-D9FsQh8P.js";
+import { t as f } from "./dist-Br_xj9vz.js";
+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 { 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";
+//#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 = [
+	"ArrowDown",
+	"PageUp",
+	"Home"
+], F = [
+	"ArrowUp",
+	"PageDown",
+	"End"
+], I = [...P, ...F], L = {
+	ltr: [...N, "ArrowRight"],
+	rtl: [...N, "ArrowLeft"]
+}, R = {
+	ltr: ["ArrowLeft"],
+	rtl: ["ArrowRight"]
+}, 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,
+				once: !0
+			}), document.addEventListener("pointermove", t, {
+				capture: !0,
+				once: !0
+			});
+		}, t = () => d.current = !1;
+		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, {
+		...s,
+		children: /* @__PURE__ */ j(le, {
+			scope: t,
+			open: n,
+			onOpenChange: f,
+			content: c,
+			onContentChange: l,
+			children: /* @__PURE__ */ j(ue, {
+				scope: t,
+				onClose: A.useCallback(() => f(!1), [f]),
+				isUsingKeyboardRef: d,
+				dir: p,
+				modal: o,
+				children: r
+			})
+		})
+	});
+};
+de.displayName = z;
+var fe = "MenuAnchor", pe = A.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(E, {
+		...U(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, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ j(d, {
+			present: n || a.open,
+			children: /* @__PURE__ */ j(x, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+};
+_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__ */ j(d, {
+			present: r || a.open,
+			children: /* @__PURE__ */ j(B.Slot, {
+				scope: e.__scopeMenu,
+				children: o.modal ? /* @__PURE__ */ j(xe, {
+					...i,
+					ref: t
+				}) : /* @__PURE__ */ j(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(() => {
+		let e = a.current;
+		if (e) return S(e);
+	}, []), /* @__PURE__ */ j(we, {
+		...e,
+		ref: o,
+		trapFocus: r.open,
+		disableOutsidePointerEvents: r.open,
+		disableOutsideScroll: !0,
+		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, {
+		...e,
+		ref: t,
+		trapFocus: !1,
+		disableOutsidePointerEvents: !1,
+		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 ? {
+		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;
+		(function e(t) {
+			O.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, {
+		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;
+		}, []),
+		children: /* @__PURE__ */ j(L, {
+			...R,
+			children: /* @__PURE__ */ j(ne, {
+				asChild: !0,
+				trapped: o,
+				onMountAutoFocus: t(s, (e) => {
+					e.preventDefault(), T.current?.focus({ preventScroll: !0 });
+				}),
+				onUnmountAutoFocus: c,
+				children: /* @__PURE__ */ j(ee, {
+					asChild: !0,
+					disableOutsidePointerEvents: l,
+					onEscapeKeyDown: d,
+					onPointerDownOutside: f,
+					onFocusOutside: p,
+					onInteractOutside: m,
+					onDismiss: h,
+					children: /* @__PURE__ */ j(ae, {
+						asChild: !0,
+						...x,
+						dir: y.dir,
+						orientation: "vertical",
+						loop: a,
+						currentTabStopId: C,
+						onCurrentTabStopIdChange: w,
+						onEntryFocus: t(u, (e) => {
+							y.isUsingKeyboardRef.current || e.preventDefault();
+						}),
+						preventScrollOnEntryFocus: !0,
+						children: /* @__PURE__ */ j(ie, {
+							role: "menu",
+							"aria-orientation": "vertical",
+							"data-state": et(v.open),
+							"data-radix-menu-content": "",
+							dir: y.dir,
+							...b,
+							..._,
+							ref: E,
+							style: {
+								outline: "none",
+								..._.style
+							},
+							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));
+								let i = T.current;
+								if (e.target !== i || !I.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);
+							}),
+							onBlur: t(e.onBlur, (e) => {
+								e.currentTarget.contains(e.target) || (window.clearTimeout(D.current), O.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);
+							}))
+						})
+					})
+				})
+			})
+		})
+	});
+});
+be.displayName = K;
+var Te = "MenuGroup", Ee = A.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(c.div, {
+		role: "group",
+		...r,
+		ref: t
+	});
+});
+Ee.displayName = Te;
+var De = "MenuLabel", Oe = A.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(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 = () => {
+		let e = c.current;
+		if (!r && e) {
+			let t = new CustomEvent(ke, {
+				bubbles: !0,
+				cancelable: !0
+			});
+			e.addEventListener(ke, (e) => o?.(e), { once: !0 }), a(e, t), t.defaultPrevented ? f.current = !1 : l.onClose();
+		}
+	};
+	return /* @__PURE__ */ j(Ae, {
+		...s,
+		ref: d,
+		disabled: r,
+		onClick: t(e.onClick, p),
+		onPointerDown: (t) => {
+			e.onPointerDown?.(t), f.current = !0;
+		},
+		onPointerUp: t(e.onPointerUp, (e) => {
+			f.current || e.currentTarget?.click();
+		}),
+		onKeyDown: t(e.onKeyDown, (e) => {
+			let t = u.searchRef.current !== "";
+			r || t && e.key === " " || N.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(() => {
+		let e = d.current;
+		e && g((e.textContent ?? "").trim());
+	}, [s.children]), /* @__PURE__ */ j(B.ItemSlot, {
+		scope: r,
+		disabled: a,
+		textValue: o ?? h,
+		children: /* @__PURE__ */ j(k, {
+			asChild: !0,
+			...u,
+			focusable: !a,
+			children: /* @__PURE__ */ j(c.div, {
+				role: "menuitem",
+				"data-highlighted": p ? "" : void 0,
+				"aria-disabled": a || void 0,
+				"data-disabled": a ? "" : void 0,
+				...s,
+				ref: f,
+				onPointerMove: t(e.onPointerMove, Z((e) => {
+					a ? l.onItemLeave(e) : (l.onItemEnter(e), e.defaultPrevented || e.currentTarget.focus({ preventScroll: !0 }));
+				})),
+				onPointerLeave: t(e.onPointerLeave, Z((e) => l.onItemLeave(e))),
+				onFocus: t(e.onFocus, () => m(!0)),
+				onBlur: t(e.onBlur, () => m(!1))
+			})
+		})
+	});
+}), je = "MenuCheckboxItem", Me = A.forwardRef((e, n) => {
+	let { checked: r = !1, onCheckedChange: i, ...a } = e;
+	return /* @__PURE__ */ j(Be, {
+		scope: e.__scopeMenu,
+		checked: r,
+		children: /* @__PURE__ */ j(J, {
+			role: "menuitemcheckbox",
+			"aria-checked": X(r) ? "mixed" : r,
+			...a,
+			ref: n,
+			"data-state": tt(r),
+			onSelect: t(a.onSelect, () => i?.(X(r) ? !0 : !r), { checkForDefaultPrevented: !1 })
+		})
+	});
+});
+Me.displayName = je;
+var Ne = "MenuRadioGroup", [Pe, Fe] = V(Ne, {
+	value: void 0,
+	onValueChange: () => {}
+}), 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__ */ j(Ee, {
+			...i,
+			ref: t
+		})
+	});
+});
+Ie.displayName = Ne;
+var Le = "MenuRadioItem", Re = A.forwardRef((e, n) => {
+	let { value: r, ...i } = e, a = Fe(Le, e.__scopeMenu), o = r === a.value;
+	return /* @__PURE__ */ j(Be, {
+		scope: e.__scopeMenu,
+		checked: o,
+		children: /* @__PURE__ */ j(J, {
+			role: "menuitemradio",
+			"aria-checked": o,
+			...i,
+			ref: n,
+			"data-state": tt(o),
+			onSelect: t(i.onSelect, () => a.onValueChange?.(r), { checkForDefaultPrevented: !1 })
+		})
+	});
+});
+Re.displayName = Le;
+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__ */ j(d, {
+		present: r || X(a.checked) || a.checked === !0,
+		children: /* @__PURE__ */ j(c.span, {
+			...i,
+			ref: t,
+			"data-state": tt(a.checked)
+		})
+	});
+});
+He.displayName = ze;
+var Ue = "MenuSeparator", We = A.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(c.div, {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		...r,
+		ref: t
+	});
+});
+We.displayName = Ue;
+var Ge = "MenuArrow", Ke = A.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(T, {
+		...U(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, {
+		...o,
+		children: /* @__PURE__ */ j(le, {
+			scope: t,
+			open: r,
+			onOpenChange: d,
+			content: l,
+			onContentChange: u,
+			children: /* @__PURE__ */ j(Je, {
+				scope: t,
+				contentId: f(),
+				triggerId: f(),
+				trigger: s,
+				onTriggerChange: c,
+				children: n
+			})
+		})
+	});
+};
+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(() => {
+		c.current && window.clearTimeout(c.current), c.current = null;
+	}, []);
+	return A.useEffect(() => f, [f]), A.useEffect(() => {
+		let e = l.current;
+		return () => {
+			window.clearTimeout(e), u(null);
+		};
+	}, [l, u]), /* @__PURE__ */ j(pe, {
+		asChild: !0,
+		...d,
+		children: /* @__PURE__ */ j(Ae, {
+			id: o.triggerId,
+			"aria-haspopup": "menu",
+			"aria-expanded": i.open,
+			"aria-controls": o.contentId,
+			"data-state": et(i.open),
+			...e,
+			ref: n(r, o.onTriggerChange),
+			onClick: (t) => {
+				e.onClick?.(t), !(e.disabled || t.defaultPrevented) && (t.currentTarget.focus(), i.open || i.onOpenChange(!0));
+			},
+			onPointerMove: t(e.onPointerMove, Z((t) => {
+				s.onItemEnter(t), !t.defaultPrevented && !e.disabled && !i.open && !c.current && (s.onPointerGraceIntentChange(null), c.current = window.setTimeout(() => {
+					i.onOpenChange(!0), f();
+				}, 100));
+			})),
+			onPointerLeave: t(e.onPointerLeave, Z((e) => {
+				f();
+				let t = i.content?.getBoundingClientRect();
+				if (t) {
+					let n = i.content?.dataset.side, r = n === "right", a = r ? -5 : 5, o = t[r ? "left" : "right"], c = t[r ? "right" : "left"];
+					s.onPointerGraceIntentChange({
+						area: [
+							{
+								x: e.clientX + a,
+								y: e.clientY
+							},
+							{
+								x: o,
+								y: t.top
+							},
+							{
+								x: c,
+								y: t.top
+							},
+							{
+								x: c,
+								y: t.bottom
+							},
+							{
+								x: o,
+								y: t.bottom
+							}
+						],
+						side: n
+					}), window.clearTimeout(l.current), l.current = window.setTimeout(() => s.onPointerGraceIntentChange(null), 300);
+				} else {
+					if (s.onTriggerLeave(e), e.defaultPrevented) return;
+					s.onPointerGraceIntentChange(null);
+				}
+			})),
+			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());
+			})
+		})
+	});
+});
+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, {
+		scope: e.__scopeMenu,
+		children: /* @__PURE__ */ j(d, {
+			present: a || s.open,
+			children: /* @__PURE__ */ j(B.Slot, {
+				scope: e.__scopeMenu,
+				children: /* @__PURE__ */ j(we, {
+					id: l.contentId,
+					"aria-labelledby": l.triggerId,
+					...o,
+					ref: f,
+					align: "start",
+					side: c.dir === "rtl" ? "left" : "right",
+					disableOutsidePointerEvents: !1,
+					disableOutsideScroll: !1,
+					trapFocus: !1,
+					onOpenAutoFocus: (e) => {
+						c.isUsingKeyboardRef.current && u.current?.focus(), e.preventDefault();
+					},
+					onCloseAutoFocus: (e) => e.preventDefault(),
+					onFocusOutside: t(e.onFocusOutside, (e) => {
+						e.target !== l.trigger && s.onOpenChange(!1);
+					}),
+					onEscapeKeyDown: t(e.onEscapeKeyDown, (e) => {
+						c.onClose(), e.preventDefault();
+					}),
+					onKeyDown: t(e.onKeyDown, (e) => {
+						let t = e.currentTarget.contains(e.target), n = R[c.dir].includes(e.key);
+						t && n && (s.onOpenChange(!1), l.trigger?.focus(), e.preventDefault());
+					})
+				})
+			})
+		})
+	});
+});
+$e.displayName = Qe;
+function et(e) {
+	return e ? "open" : "closed";
+}
+function X(e) {
+	return e === "indeterminate";
+}
+function tt(e) {
+	return X(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function nt(e) {
+	let t = document.activeElement;
+	for (let n of e) if (n === t || (n.focus(), document.activeElement !== t)) return;
+}
+function rt(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
+}
+function it(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 = rt(e, Math.max(i, 0));
+	r.length === 1 && (a = a.filter((e) => e !== n));
+	let o = a.find((e) => e.toLowerCase().startsWith(r.toLowerCase()));
+	return o === n ? void 0 : o;
+}
+function at(e, t) {
+	let { x: n, y: r } = e, i = !1;
+	for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
+		let o = t[e], s = t[a], c = o.x, l = o.y, u = s.x, d = s.y;
+		l > r != d > r && n < (u - c) * (r - l) / (d - l) + c && (i = !i);
+	}
+	return i;
+}
+function ot(e, t) {
+	return t ? at({
+		x: e.clientX,
+		y: e.clientY
+	}, t) : !1;
+}
+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({
+		prop: i,
+		defaultProp: a ?? !1,
+		onChange: o,
+		caller: Q
+	});
+	return /* @__PURE__ */ j(wt, {
+		scope: t,
+		triggerId: f(),
+		triggerRef: u,
+		contentId: f(),
+		open: d,
+		onOpenChange: p,
+		onOpenToggle: A.useCallback(() => p((e) => !e), [p]),
+		modal: c,
+		children: /* @__PURE__ */ j(st, {
+			...l,
+			open: d,
+			onOpenChange: p,
+			dir: r,
+			modal: c,
+			children: n
+		})
+	});
+};
+Et.displayName = Q;
+var Dt = "DropdownMenuTrigger", Ot = A.forwardRef((e, r) => {
+	let { __scopeDropdownMenu: i, disabled: a = !1, ...o } = e, s = Tt(Dt, i);
+	return /* @__PURE__ */ j(ct, {
+		asChild: !0,
+		...$(i),
+		children: /* @__PURE__ */ j(c.button, {
+			type: "button",
+			id: s.triggerId,
+			"aria-haspopup": "menu",
+			"aria-expanded": s.open,
+			"aria-controls": s.open ? s.contentId : void 0,
+			"data-state": s.open ? "open" : "closed",
+			"data-disabled": a ? "" : void 0,
+			disabled: a,
+			...o,
+			ref: n(r, s.triggerRef),
+			onPointerDown: t(e.onPointerDown, (e) => {
+				!a && e.button === 0 && e.ctrlKey === !1 && (s.onOpenToggle(), s.open || e.preventDefault());
+			}),
+			onKeyDown: t(e.onKeyDown, (e) => {
+				a || (["Enter", " "].includes(e.key) && s.onOpenToggle(), e.key === "ArrowDown" && s.onOpenChange(!0), [
+					"Enter",
+					" ",
+					"ArrowDown"
+				].includes(e.key) && e.preventDefault());
+			})
+		})
+	});
+});
+Ot.displayName = Dt;
+var kt = "DropdownMenuPortal", At = (e) => {
+	let { __scopeDropdownMenu: t, ...n } = e;
+	return /* @__PURE__ */ j(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, {
+		id: a.contentId,
+		"aria-labelledby": a.triggerId,
+		...o,
+		...i,
+		ref: n,
+		onCloseAutoFocus: t(e.onCloseAutoFocus, (e) => {
+			s.current || a.triggerRef.current?.focus(), s.current = !1, e.preventDefault();
+		}),
+		onInteractOutside: t(e.onInteractOutside, (e) => {
+			let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0, r = t.button === 2 || n;
+			(!a.modal || r) && (s.current = !0);
+		}),
+		style: {
+			...e.style,
+			"--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+			"--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+			"--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+			"--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+			"--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+		}
+	});
+});
+Mt.displayName = jt;
+var Nt = "DropdownMenuGroup", Pt = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(dt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Pt.displayName = Nt;
+var Ft = "DropdownMenuLabel", It = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(ft, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+It.displayName = Ft;
+var Lt = "DropdownMenuItem", Rt = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(pt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Rt.displayName = Lt;
+var zt = "DropdownMenuCheckboxItem", Bt = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(mt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Bt.displayName = zt;
+var Vt = "DropdownMenuRadioGroup", Ht = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(ht, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Ht.displayName = Vt;
+var Ut = "DropdownMenuRadioItem", Wt = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(gt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Wt.displayName = Ut;
+var Gt = "DropdownMenuItemIndicator", Kt = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(_t, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Kt.displayName = Gt;
+var qt = "DropdownMenuSeparator", Jt = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(vt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Jt.displayName = qt;
+var Yt = "DropdownMenuArrow", Xt = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(yt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Xt.displayName = Yt;
+var Zt = "DropdownMenuSubTrigger", Qt = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(bt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Qt.displayName = Zt;
+var $t = "DropdownMenuSubContent", en = A.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ j(xt, {
+		...$(n),
+		...r,
+		ref: t,
+		style: {
+			...e.style,
+			"--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+			"--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+			"--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+			"--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+			"--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+		}
+	});
+});
+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,
+		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
+	}), { dropdownWidthMode: R, dropdownWidthStyle: z } = _({
+		dropdownWidth: b,
+		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") {
+			let t = Array.isArray(I) ? I : [];
+			L(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+			return;
+		}
+		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__ */ 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 = 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: () => V(t.value),
+			onSelect: (e) => e.preventDefault(),
+			children: [
+				/* @__PURE__ */ j("span", {
+					className: "min-w-0 flex-1 truncate whitespace-nowrap",
+					children: t.label
+				}),
+				t.shortcut && /* @__PURE__ */ j("span", {
+					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
+					children: t.shortcut
+				}),
+				/* @__PURE__ */ j("span", {
+					"aria-hidden": "true",
+					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
+					children: /* @__PURE__ */ j(ln, {
+						asChild: !0,
+						children: /* @__PURE__ */ j("span", {
+							className: "size-4 flex items-center justify-center",
+							children: /* @__PURE__ */ j(e, { size: 16 })
+						})
+					})
+				})
+			]
+		}, t.value) : /* @__PURE__ */ M(sn, {
+			className: i,
+			"data-testid": "spectral-dropdown-menu-item",
+			disabled: t.disabled,
+			onSelect: () => V(t.value),
+			children: [
+				/* @__PURE__ */ j("span", {
+					className: "min-w-0 flex-1 truncate whitespace-nowrap",
+					children: t.label
+				}),
+				t.shortcut && /* @__PURE__ */ j("span", {
+					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
+					children: t.shortcut
+				}),
+				/* @__PURE__ */ j("span", {
+					"aria-hidden": "true",
+					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
+					children: r && /* @__PURE__ */ j(e, { size: 16 })
+				})
+			]
+		}, t.value);
+	};
+	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: 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", 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": R,
+			"data-dropdown-width-value": R === "custom" ? b : void 0,
+			"data-testid": "spectral-dropdown-menu-content",
+			ref: P,
+			side: T,
+			sideOffset: ie,
+			style: {
+				...z,
+				...N
+			},
+			children: E === "loading" ? /* @__PURE__ */ j(h, { message: x }) : oe.length === 0 ? /* @__PURE__ */ j(m, { message: ee }) : C.map(H)
+		}) })]
+	});
+};
+pn.displayName = "DropdownMenu";
+//#endregion
+export { pn as t };