@spear-ai/spectral 1.12.6 → 1.13.0

package/dist/DropdownMenu.js

@@ -1,869 +1,3 @@
 '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-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 DropdownMenu };
+import { t as e } from "./DropdownMenu-B8I8IRcu.js";
+export { e as DropdownMenu };