@spear-ai/spectral 1.11.2 → 1.12.0

package/dist/DropdownMenu.js

@@ -0,0 +1,869 @@
+"use client";
+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-7HRQ5IKN.js";
+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";
+//#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 = [
+	"ArrowDown",
+	"PageUp",
+	"Home"
+], le = [
+	"ArrowUp",
+	"PageDown",
+	"End"
+], M = [...j, ...le], N = {
+	ltr: [...A, "ArrowRight"],
+	rtl: [...A, "ArrowLeft"]
+}, P = {
+	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(() => {
+		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__ */ O(C, {
+		...s,
+		children: /* @__PURE__ */ O(pe, {
+			scope: t,
+			open: n,
+			onOpenChange: f,
+			content: c,
+			onContentChange: l,
+			children: /* @__PURE__ */ O(me, {
+				scope: t,
+				onClose: D.useCallback(() => f(!1), [f]),
+				isUsingKeyboardRef: d,
+				dir: p,
+				modal: o,
+				children: r
+			})
+		})
+	});
+};
+he.displayName = F;
+var ge = "MenuAnchor", H = D.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(w, {
+		...z(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, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ O(d, {
+			present: n || a.open,
+			children: /* @__PURE__ */ O(b, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+};
+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, {
+		scope: e.__scopeMenu,
+		children: /* @__PURE__ */ O(d, {
+			present: r || a.open,
+			children: /* @__PURE__ */ O(I.Slot, {
+				scope: e.__scopeMenu,
+				children: o.modal ? /* @__PURE__ */ O(Se, {
+					...i,
+					ref: t
+				}) : /* @__PURE__ */ O(Ce, {
+					...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(() => {
+		let e = a.current;
+		if (e) return x(e);
+	}, []), /* @__PURE__ */ O(K, {
+		...e,
+		ref: o,
+		trapFocus: r.open,
+		disableOutsidePointerEvents: r.open,
+		disableOutsideScroll: !0,
+		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, {
+		...e,
+		ref: t,
+		trapFocus: !1,
+		disableOutsidePointerEvents: !1,
+		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,
+		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;
+		(function e(t) {
+			T.current = t, window.clearTimeout(w.current), t !== "" && (w.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, {
+		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;
+		}, []),
+		children: /* @__PURE__ */ O(N, {
+			...P,
+			children: /* @__PURE__ */ O(re, {
+				asChild: !0,
+				trapped: o,
+				onMountAutoFocus: t(s, (e) => {
+					e.preventDefault(), C.current?.focus({ preventScroll: !0 });
+				}),
+				onUnmountAutoFocus: c,
+				children: /* @__PURE__ */ O(ne, {
+					asChild: !0,
+					disableOutsidePointerEvents: l,
+					onEscapeKeyDown: d,
+					onPointerDownOutside: f,
+					onFocusOutside: p,
+					onInteractOutside: m,
+					onDismiss: ee,
+					children: /* @__PURE__ */ O(ce, {
+						asChild: !0,
+						...y,
+						dir: v.dir,
+						orientation: "vertical",
+						loop: a,
+						currentTabStopId: x,
+						onCurrentTabStopIdChange: S,
+						onEntryFocus: t(u, (e) => {
+							v.isUsingKeyboardRef.current || e.preventDefault();
+						}),
+						preventScrollOnEntryFocus: !0,
+						children: /* @__PURE__ */ O(se, {
+							role: "menu",
+							"aria-orientation": "vertical",
+							"data-state": et(_.open),
+							"data-radix-menu-content": "",
+							dir: v.dir,
+							...te,
+							...g,
+							ref: oe,
+							style: {
+								outline: "none",
+								...g.style
+							},
+							onKeyDown: t(g.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;
+								e.preventDefault();
+								let a = b().filter((e) => !e.disabled).map((e) => e.ref.current);
+								le.includes(e.key) && a.reverse(), nt(a);
+							}),
+							onBlur: t(e.onBlur, (e) => {
+								e.currentTarget.contains(e.target) || (window.clearTimeout(w.current), T.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);
+							}))
+						})
+					})
+				})
+			})
+		})
+	});
+});
+xe.displayName = W;
+var Te = "MenuGroup", Ee = D.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(c.div, {
+		role: "group",
+		...r,
+		ref: t
+	});
+});
+Ee.displayName = Te;
+var De = "MenuLabel", Oe = D.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(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 = () => {
+		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__ */ O(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 === " " || A.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(() => {
+		let e = d.current;
+		e && h((e.textContent ?? "").trim());
+	}, [s.children]), /* @__PURE__ */ O(I.ItemSlot, {
+		scope: r,
+		disabled: a,
+		textValue: o ?? ee,
+		children: /* @__PURE__ */ O(E, {
+			asChild: !0,
+			...u,
+			focusable: !a,
+			children: /* @__PURE__ */ O(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 = D.forwardRef((e, n) => {
+	let { checked: r = !1, onCheckedChange: i, ...a } = e;
+	return /* @__PURE__ */ O(Be, {
+		scope: e.__scopeMenu,
+		checked: r,
+		children: /* @__PURE__ */ O(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] = L(Ne, {
+	value: void 0,
+	onValueChange: () => {}
+}), Ie = D.forwardRef((e, t) => {
+	let { value: n, onValueChange: r, ...i } = e, a = y(r);
+	return /* @__PURE__ */ O(Pe, {
+		scope: e.__scopeMenu,
+		value: n,
+		onValueChange: a,
+		children: /* @__PURE__ */ O(Ee, {
+			...i,
+			ref: t
+		})
+	});
+});
+Ie.displayName = Ne;
+var Le = "MenuRadioItem", Re = D.forwardRef((e, n) => {
+	let { value: r, ...i } = e, a = Fe(Le, e.__scopeMenu), o = r === a.value;
+	return /* @__PURE__ */ O(Be, {
+		scope: e.__scopeMenu,
+		checked: o,
+		children: /* @__PURE__ */ O(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] = L(ze, { checked: !1 }), He = D.forwardRef((e, t) => {
+	let { __scopeMenu: n, forceMount: r, ...i } = e, a = Ve(ze, n);
+	return /* @__PURE__ */ O(d, {
+		present: r || X(a.checked) || a.checked === !0,
+		children: /* @__PURE__ */ O(c.span, {
+			...i,
+			ref: t,
+			"data-state": tt(a.checked)
+		})
+	});
+});
+He.displayName = ze;
+var Ue = "MenuSeparator", We = D.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(c.div, {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		...r,
+		ref: t
+	});
+});
+We.displayName = Ue;
+var Ge = "MenuArrow", Ke = D.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(oe, {
+		...z(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, {
+		...o,
+		children: /* @__PURE__ */ O(pe, {
+			scope: t,
+			open: r,
+			onOpenChange: d,
+			content: l,
+			onContentChange: u,
+			children: /* @__PURE__ */ O(Je, {
+				scope: t,
+				contentId: f(),
+				triggerId: f(),
+				trigger: s,
+				onTriggerChange: c,
+				children: n
+			})
+		})
+	});
+};
+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(() => {
+		c.current && window.clearTimeout(c.current), c.current = null;
+	}, []);
+	return D.useEffect(() => f, [f]), D.useEffect(() => {
+		let e = l.current;
+		return () => {
+			window.clearTimeout(e), u(null);
+		};
+	}, [l, u]), /* @__PURE__ */ O(H, {
+		asChild: !0,
+		...d,
+		children: /* @__PURE__ */ O(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 === " " || N[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, {
+		scope: e.__scopeMenu,
+		children: /* @__PURE__ */ O(d, {
+			present: a || s.open,
+			children: /* @__PURE__ */ O(I.Slot, {
+				scope: e.__scopeMenu,
+				children: /* @__PURE__ */ O(K, {
+					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 = P[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 = 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({
+		prop: i,
+		defaultProp: a ?? !1,
+		onChange: o,
+		caller: Q
+	});
+	return /* @__PURE__ */ O(wt, {
+		scope: t,
+		triggerId: f(),
+		triggerRef: u,
+		contentId: f(),
+		open: d,
+		onOpenChange: p,
+		onOpenToggle: D.useCallback(() => p((e) => !e), [p]),
+		modal: c,
+		children: /* @__PURE__ */ O(st, {
+			...l,
+			open: d,
+			onOpenChange: p,
+			dir: r,
+			modal: c,
+			children: n
+		})
+	});
+};
+Et.displayName = Q;
+var Dt = "DropdownMenuTrigger", Ot = D.forwardRef((e, r) => {
+	let { __scopeDropdownMenu: i, disabled: a = !1, ...o } = e, s = Tt(Dt, i);
+	return /* @__PURE__ */ O(ct, {
+		asChild: !0,
+		...$(i),
+		children: /* @__PURE__ */ O(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__ */ O(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, {
+		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 = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(dt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Pt.displayName = Nt;
+var Ft = "DropdownMenuLabel", It = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(ft, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+It.displayName = Ft;
+var Lt = "DropdownMenuItem", Rt = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(pt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Rt.displayName = Lt;
+var zt = "DropdownMenuCheckboxItem", Bt = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(mt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Bt.displayName = zt;
+var Vt = "DropdownMenuRadioGroup", Ht = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(ht, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Ht.displayName = Vt;
+var Ut = "DropdownMenuRadioItem", Wt = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(gt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Wt.displayName = Ut;
+var Gt = "DropdownMenuItemIndicator", Kt = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(_t, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Kt.displayName = Gt;
+var qt = "DropdownMenuSeparator", Jt = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(vt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Jt.displayName = qt;
+var Yt = "DropdownMenuArrow", Xt = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(yt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Xt.displayName = Yt;
+var Zt = "DropdownMenuSubTrigger", Qt = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(bt, {
+		...$(n),
+		...r,
+		ref: t
+	});
+});
+Qt.displayName = Zt;
+var $t = "DropdownMenuSubContent", en = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ O(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: 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,
+		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,
+		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]);
+			return;
+		}
+		N(e), D(!1);
+	}, R = (t, n) => {
+		if (t.type === "separator") return /* @__PURE__ */ O(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, {
+			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, {
+			checked: r,
+			className: i,
+			"data-testid": "spectral-dropdown-menu-checkbox-item",
+			disabled: t.disabled,
+			onCheckedChange: () => L(t.value),
+			onSelect: (e) => e.preventDefault(),
+			children: [
+				/* @__PURE__ */ O("span", {
+					className: "min-w-0 flex-1 truncate whitespace-nowrap",
+					children: t.label
+				}),
+				t.shortcut && /* @__PURE__ */ O("span", {
+					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
+					children: t.shortcut
+				}),
+				/* @__PURE__ */ O("span", {
+					"aria-hidden": "true",
+					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
+					children: /* @__PURE__ */ O(ln, {
+						asChild: !0,
+						children: /* @__PURE__ */ O("span", {
+							className: "size-4 flex items-center justify-center",
+							children: /* @__PURE__ */ O(e, { size: 16 })
+						})
+					})
+				})
+			]
+		}, t.value) : /* @__PURE__ */ k(sn, {
+			className: i,
+			"data-testid": "spectral-dropdown-menu-item",
+			disabled: t.disabled,
+			onSelect: () => L(t.value),
+			children: [
+				/* @__PURE__ */ O("span", {
+					className: "min-w-0 flex-1 truncate whitespace-nowrap",
+					children: t.label
+				}),
+				t.shortcut && /* @__PURE__ */ O("span", {
+					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
+					children: t.shortcut
+				}),
+				/* @__PURE__ */ O("span", {
+					"aria-hidden": "true",
+					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
+					children: r && /* @__PURE__ */ O(e, { size: 16 })
+				})
+			]
+		}, t.value);
+	};
+	return /* @__PURE__ */ k(tn, {
+		modal: re,
+		onOpenChange: D,
+		open: E,
+		children: [/* @__PURE__ */ O(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, {
+			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),
+			collisionBoundary: o,
+			collisionPadding: s,
+			"data-dropdown-width-mode": P,
+			"data-dropdown-width-value": P === "custom" ? y : void 0,
+			"data-testid": "spectral-dropdown-menu-content",
+			ref: j,
+			side: oe,
+			sideOffset: se,
+			style: {
+				...F,
+				...A
+			},
+			children: w === "loading" ? /* @__PURE__ */ O(ee, { message: b }) : ue.length === 0 ? /* @__PURE__ */ O(m, { message: ne }) : S.map(R)
+		}) })]
+	});
+};
+pn.displayName = "DropdownMenu";
+//#endregion
+export { pn as DropdownMenu };