@spear-ai/spectral 1.12.2 → 1.12.3

package/dist/select-D5Jexytu.js

@@ -0,0 +1,797 @@
+import './styles/main.css'
+import { CheckmarkIcon as e } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as t } from "./Icons/ChevronDownIcon.js";
+import { ChevronUpIcon as n } from "./Icons/ChevronUpIcon.js";
+import { a as r, d as i, i as a, l as o, o as s, r as c, t as l } from "./dist-7HRQ5IKN.js";
+import { n as u, t as d } from "./dist-CGzgmYB9.js";
+import { t as f } from "./dist-Dtvmk11N.js";
+import { t as p } from "./twUtils-D_qzdiwM.js";
+import { getDropdownSurfaceClasses as m } from "./utils/formFieldUtils.js";
+import { t as h } from "./dist-DDjUcieO.js";
+import { t as g } from "./dist-DIt8FP2G.js";
+import { n as _, t as v } from "./dist-jQ7HawWM.js";
+import { i as y, n as b, r as x, t as S } from "./Combination-9q50p_Vu.js";
+import { a as C, i as w, n as T, r as E, t as D } from "./dist-Cv8I-d2q.js";
+import { t as O } from "./dist-DFT13f_s.js";
+import { n as k } from "./dist-ChNh3U3S.js";
+import { useAutoDropdownHorizontalShift as A } from "./utils/dropdownPositioning.js";
+import * as j from "react";
+import { useRef as M } from "react";
+import * as N from "react-dom";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+//#region node_modules/.pnpm/@radix-ui+react-select@2.2.6_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_59e27c923ffee0ae02caa79afc2da7e6/node_modules/@radix-ui/react-select/dist/index.mjs
+var L = [
+	" ",
+	"Enter",
+	"ArrowUp",
+	"ArrowDown"
+], R = [" ", "Enter"], z = "Select", [B, V, H] = u(z), [U, W] = i(z, [H, C]), G = C(), [ee, K] = U(z), [te, ne] = U(z), q = (e) => {
+	let { __scopeSelect: t, children: n, open: r, defaultOpen: i, onOpenChange: a, value: o, defaultValue: s, onValueChange: l, dir: u, name: p, autoComplete: m, disabled: h, required: g, form: _ } = e, v = G(t), [y, b] = j.useState(null), [x, S] = j.useState(null), [C, T] = j.useState(!1), E = d(u), [D, O] = c({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: a,
+		caller: z
+	}), [k, A] = c({
+		prop: o,
+		defaultProp: s,
+		onChange: l,
+		caller: z
+	}), M = j.useRef(null), N = y ? _ || !!y.closest("form") : !0, [P, L] = j.useState(/* @__PURE__ */ new Set()), R = Array.from(P).map((e) => e.props.value).join(";");
+	return /* @__PURE__ */ F(w, {
+		...v,
+		children: /* @__PURE__ */ I(ee, {
+			required: g,
+			scope: t,
+			trigger: y,
+			onTriggerChange: b,
+			valueNode: x,
+			onValueNodeChange: S,
+			valueNodeHasChildren: C,
+			onValueNodeHasChildrenChange: T,
+			contentId: f(),
+			value: k,
+			onValueChange: A,
+			open: D,
+			onOpenChange: O,
+			dir: E,
+			triggerPointerDownPosRef: M,
+			disabled: h,
+			children: [/* @__PURE__ */ F(B.Provider, {
+				scope: t,
+				children: /* @__PURE__ */ F(te, {
+					scope: e.__scopeSelect,
+					onNativeOptionAdd: j.useCallback((e) => {
+						L((t) => new Set(t).add(e));
+					}, []),
+					onNativeOptionRemove: j.useCallback((e) => {
+						L((t) => {
+							let n = new Set(t);
+							return n.delete(e), n;
+						});
+					}, []),
+					children: n
+				})
+			}), N ? /* @__PURE__ */ I(Ge, {
+				"aria-hidden": !0,
+				required: g,
+				tabIndex: -1,
+				name: p,
+				autoComplete: m,
+				value: k,
+				onChange: (e) => A(e.target.value),
+				disabled: h,
+				form: _,
+				children: [k === void 0 ? /* @__PURE__ */ F("option", { value: "" }) : null, Array.from(P)]
+			}, R) : null]
+		})
+	});
+};
+q.displayName = z;
+var re = "SelectTrigger", J = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, disabled: i = !1, ...a } = e, s = G(n), c = K(re, n), u = c.disabled || i, d = o(t, c.onTriggerChange), f = V(n), p = j.useRef("touch"), [m, h, g] = qe((e) => {
+		let t = f().filter((e) => !e.disabled), n = Je(t, e, t.find((e) => e.value === c.value));
+		n !== void 0 && c.onValueChange(n.value);
+	}), _ = (e) => {
+		u || (c.onOpenChange(!0), g()), e && (c.triggerPointerDownPosRef.current = {
+			x: Math.round(e.pageX),
+			y: Math.round(e.pageY)
+		});
+	};
+	return /* @__PURE__ */ F(D, {
+		asChild: !0,
+		...s,
+		children: /* @__PURE__ */ F(l.button, {
+			type: "button",
+			role: "combobox",
+			"aria-controls": c.contentId,
+			"aria-expanded": c.open,
+			"aria-required": c.required,
+			"aria-autocomplete": "none",
+			dir: c.dir,
+			"data-state": c.open ? "open" : "closed",
+			disabled: u,
+			"data-disabled": u ? "" : void 0,
+			"data-placeholder": Ke(c.value) ? "" : void 0,
+			...a,
+			ref: d,
+			onClick: r(a.onClick, (e) => {
+				e.currentTarget.focus(), p.current !== "mouse" && _(e);
+			}),
+			onPointerDown: r(a.onPointerDown, (e) => {
+				p.current = e.pointerType;
+				let t = e.target;
+				t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), e.button === 0 && e.ctrlKey === !1 && e.pointerType === "mouse" && (_(e), e.preventDefault());
+			}),
+			onKeyDown: r(a.onKeyDown, (e) => {
+				let t = m.current !== "";
+				!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && h(e.key), !(t && e.key === " ") && L.includes(e.key) && (_(), e.preventDefault());
+			})
+		})
+	});
+});
+J.displayName = re;
+var ie = "SelectValue", ae = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, className: r, style: i, children: s, placeholder: c = "", ...u } = e, d = K(ie, n), { onValueNodeHasChildrenChange: f } = d, p = s !== void 0, m = o(t, d.onValueNodeChange);
+	return a(() => {
+		f(p);
+	}, [f, p]), /* @__PURE__ */ F(l.span, {
+		...u,
+		ref: m,
+		style: { pointerEvents: "none" },
+		children: Ke(d.value) ? /* @__PURE__ */ F(P, { children: c }) : s
+	});
+});
+ae.displayName = ie;
+var oe = "SelectIcon", se = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, children: r, ...i } = e;
+	return /* @__PURE__ */ F(l.span, {
+		"aria-hidden": !0,
+		...i,
+		ref: t,
+		children: r || "▼"
+	});
+});
+se.displayName = oe;
+var ce = "SelectPortal", le = (e) => /* @__PURE__ */ F(v, {
+	asChild: !0,
+	...e
+});
+le.displayName = ce;
+var Y = "SelectContent", ue = j.forwardRef((e, t) => {
+	let n = K(Y, e.__scopeSelect), [r, i] = j.useState();
+	if (a(() => {
+		i(new DocumentFragment());
+	}, []), !n.open) {
+		let t = r;
+		return t ? N.createPortal(/* @__PURE__ */ F(de, {
+			scope: e.__scopeSelect,
+			children: /* @__PURE__ */ F(B.Slot, {
+				scope: e.__scopeSelect,
+				children: /* @__PURE__ */ F("div", { children: e.children })
+			})
+		}), t) : null;
+	}
+	return /* @__PURE__ */ F(me, {
+		...e,
+		ref: t
+	});
+});
+ue.displayName = Y;
+var X = 10, [de, Z] = U(Y), fe = "SelectContentImpl", pe = s("SelectContent.RemoveScroll"), me = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, position: i = "item-aligned", onCloseAutoFocus: a, onEscapeKeyDown: s, onPointerDownOutside: c, side: l, sideOffset: u, align: d, alignOffset: f, arrowPadding: p, collisionBoundary: m, collisionPadding: h, sticky: g, hideWhenDetached: v, avoidCollisions: C, ...w } = e, T = K(Y, n), [E, D] = j.useState(null), [O, k] = j.useState(null), A = o(t, (e) => D(e)), [M, N] = j.useState(null), [P, I] = j.useState(null), L = V(n), [R, z] = j.useState(!1), B = j.useRef(!1);
+	j.useEffect(() => {
+		if (E) return b(E);
+	}, [E]), y();
+	let H = j.useCallback((e) => {
+		let [t, ...n] = L().map((e) => e.ref.current), [r] = n.slice(-1), i = document.activeElement;
+		for (let n of e) if (n === i || (n?.scrollIntoView({ block: "nearest" }), n === t && O && (O.scrollTop = 0), n === r && O && (O.scrollTop = O.scrollHeight), n?.focus(), document.activeElement !== i)) return;
+	}, [L, O]), U = j.useCallback(() => H([M, E]), [
+		H,
+		M,
+		E
+	]);
+	j.useEffect(() => {
+		R && U();
+	}, [R, U]);
+	let { onOpenChange: W, triggerPointerDownPosRef: G } = T;
+	j.useEffect(() => {
+		if (E) {
+			let e = {
+				x: 0,
+				y: 0
+			}, t = (t) => {
+				e = {
+					x: Math.abs(Math.round(t.pageX) - (G.current?.x ?? 0)),
+					y: Math.abs(Math.round(t.pageY) - (G.current?.y ?? 0))
+				};
+			}, n = (n) => {
+				e.x <= 10 && e.y <= 10 ? n.preventDefault() : E.contains(n.target) || W(!1), document.removeEventListener("pointermove", t), G.current = null;
+			};
+			return G.current !== null && (document.addEventListener("pointermove", t), document.addEventListener("pointerup", n, {
+				capture: !0,
+				once: !0
+			})), () => {
+				document.removeEventListener("pointermove", t), document.removeEventListener("pointerup", n, { capture: !0 });
+			};
+		}
+	}, [
+		E,
+		W,
+		G
+	]), j.useEffect(() => {
+		let e = () => W(!1);
+		return window.addEventListener("blur", e), window.addEventListener("resize", e), () => {
+			window.removeEventListener("blur", e), window.removeEventListener("resize", e);
+		};
+	}, [W]);
+	let [ee, te] = qe((e) => {
+		let t = L().filter((e) => !e.disabled), n = Je(t, e, t.find((e) => e.ref.current === document.activeElement));
+		n && setTimeout(() => n.ref.current.focus());
+	}), ne = j.useCallback((e, t, n) => {
+		let r = !B.current && !n;
+		(T.value !== void 0 && T.value === t || r) && (N(e), r && (B.current = !0));
+	}, [T.value]), q = j.useCallback(() => E?.focus(), [E]), re = j.useCallback((e, t, n) => {
+		let r = !B.current && !n;
+		(T.value !== void 0 && T.value === t || r) && I(e);
+	}, [T.value]), J = i === "popper" ? ve : ge, ie = J === ve ? {
+		side: l,
+		sideOffset: u,
+		align: d,
+		alignOffset: f,
+		arrowPadding: p,
+		collisionBoundary: m,
+		collisionPadding: h,
+		sticky: g,
+		hideWhenDetached: v,
+		avoidCollisions: C
+	} : {};
+	return /* @__PURE__ */ F(de, {
+		scope: n,
+		content: E,
+		viewport: O,
+		onViewportChange: k,
+		itemRefCallback: ne,
+		selectedItem: M,
+		onItemLeave: q,
+		itemTextRefCallback: re,
+		focusSelectedItem: U,
+		selectedItemText: P,
+		position: i,
+		isPositioned: R,
+		searchRef: ee,
+		children: /* @__PURE__ */ F(S, {
+			as: pe,
+			allowPinchZoom: !0,
+			children: /* @__PURE__ */ F(x, {
+				asChild: !0,
+				trapped: T.open,
+				onMountAutoFocus: (e) => {
+					e.preventDefault();
+				},
+				onUnmountAutoFocus: r(a, (e) => {
+					T.trigger?.focus({ preventScroll: !0 }), e.preventDefault();
+				}),
+				children: /* @__PURE__ */ F(_, {
+					asChild: !0,
+					disableOutsidePointerEvents: !0,
+					onEscapeKeyDown: s,
+					onPointerDownOutside: c,
+					onFocusOutside: (e) => e.preventDefault(),
+					onDismiss: () => T.onOpenChange(!1),
+					children: /* @__PURE__ */ F(J, {
+						role: "listbox",
+						id: T.contentId,
+						"data-state": T.open ? "open" : "closed",
+						dir: T.dir,
+						onContextMenu: (e) => e.preventDefault(),
+						...w,
+						...ie,
+						onPlaced: () => z(!0),
+						ref: A,
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							outline: "none",
+							...w.style
+						},
+						onKeyDown: r(w.onKeyDown, (e) => {
+							let t = e.ctrlKey || e.altKey || e.metaKey;
+							if (e.key === "Tab" && e.preventDefault(), !t && e.key.length === 1 && te(e.key), [
+								"ArrowUp",
+								"ArrowDown",
+								"Home",
+								"End"
+							].includes(e.key)) {
+								let t = L().filter((e) => !e.disabled).map((e) => e.ref.current);
+								if (["ArrowUp", "End"].includes(e.key) && (t = t.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(e.key)) {
+									let n = e.target, r = t.indexOf(n);
+									t = t.slice(r + 1);
+								}
+								setTimeout(() => H(t)), e.preventDefault();
+							}
+						})
+					})
+				})
+			})
+		})
+	});
+});
+me.displayName = fe;
+var he = "SelectItemAlignedPosition", ge = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, onPlaced: r, ...i } = e, s = K(Y, n), c = Z(Y, n), [u, d] = j.useState(null), [f, p] = j.useState(null), m = o(t, (e) => p(e)), g = V(n), _ = j.useRef(!1), v = j.useRef(!0), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = c, C = j.useCallback(() => {
+		if (s.trigger && s.valueNode && u && f && y && b && x) {
+			let e = s.trigger.getBoundingClientRect(), t = f.getBoundingClientRect(), n = s.valueNode.getBoundingClientRect(), i = x.getBoundingClientRect();
+			if (s.dir !== "rtl") {
+				let r = i.left - t.left, a = n.left - r, o = e.left - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - X, d = h(a, [X, Math.max(X, l - c)]);
+				u.style.minWidth = s + "px", u.style.left = d + "px";
+			} else {
+				let r = t.right - i.right, a = window.innerWidth - n.right - r, o = window.innerWidth - e.right - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - X, d = h(a, [X, Math.max(X, l - c)]);
+				u.style.minWidth = s + "px", u.style.right = d + "px";
+			}
+			let a = g(), o = window.innerHeight - X * 2, c = y.scrollHeight, l = window.getComputedStyle(f), d = parseInt(l.borderTopWidth, 10), p = parseInt(l.paddingTop, 10), m = parseInt(l.borderBottomWidth, 10), v = parseInt(l.paddingBottom, 10), S = d + p + c + v + m, C = Math.min(b.offsetHeight * 5, S), w = window.getComputedStyle(y), T = parseInt(w.paddingTop, 10), E = parseInt(w.paddingBottom, 10), D = e.top + e.height / 2 - X, O = o - D, k = b.offsetHeight / 2, A = b.offsetTop + k, j = d + p + A, M = S - j;
+			if (j <= D) {
+				let e = a.length > 0 && b === a[a.length - 1].ref.current;
+				u.style.bottom = "0px";
+				let t = f.clientHeight - y.offsetTop - y.offsetHeight, n = j + Math.max(O, k + (e ? E : 0) + t + m);
+				u.style.height = n + "px";
+			} else {
+				let e = a.length > 0 && b === a[0].ref.current;
+				u.style.top = "0px";
+				let t = Math.max(D, d + y.offsetTop + (e ? T : 0) + k) + M;
+				u.style.height = t + "px", y.scrollTop = j - D + y.offsetTop;
+			}
+			u.style.margin = `${X}px 0`, u.style.minHeight = C + "px", u.style.maxHeight = o + "px", r?.(), requestAnimationFrame(() => _.current = !0);
+		}
+	}, [
+		g,
+		s.trigger,
+		s.valueNode,
+		u,
+		f,
+		y,
+		b,
+		x,
+		s.dir,
+		r
+	]);
+	a(() => C(), [C]);
+	let [w, T] = j.useState();
+	return a(() => {
+		f && T(window.getComputedStyle(f).zIndex);
+	}, [f]), /* @__PURE__ */ F(ye, {
+		scope: n,
+		contentWrapper: u,
+		shouldExpandOnScrollRef: _,
+		onScrollButtonChange: j.useCallback((e) => {
+			e && v.current === !0 && (C(), S?.(), v.current = !1);
+		}, [C, S]),
+		children: /* @__PURE__ */ F("div", {
+			ref: d,
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				position: "fixed",
+				zIndex: w
+			},
+			children: /* @__PURE__ */ F(l.div, {
+				...i,
+				ref: m,
+				style: {
+					boxSizing: "border-box",
+					maxHeight: "100%",
+					...i.style
+				}
+			})
+		})
+	});
+});
+ge.displayName = he;
+var _e = "SelectPopperPosition", ve = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, align: r = "start", collisionPadding: i = X, ...a } = e;
+	return /* @__PURE__ */ F(E, {
+		...G(n),
+		...a,
+		ref: t,
+		align: r,
+		collisionPadding: i,
+		style: {
+			boxSizing: "border-box",
+			...a.style,
+			"--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
+			"--radix-select-content-available-width": "var(--radix-popper-available-width)",
+			"--radix-select-content-available-height": "var(--radix-popper-available-height)",
+			"--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
+			"--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
+		}
+	});
+});
+ve.displayName = _e;
+var [ye, be] = U(Y, {}), xe = "SelectViewport", Se = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, nonce: i, ...a } = e, s = Z(xe, n), c = be(xe, n), u = o(t, s.onViewportChange), d = j.useRef(0);
+	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("style", {
+		dangerouslySetInnerHTML: { __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}" },
+		nonce: i
+	}), /* @__PURE__ */ F(B.Slot, {
+		scope: n,
+		children: /* @__PURE__ */ F(l.div, {
+			"data-radix-select-viewport": "",
+			role: "presentation",
+			...a,
+			ref: u,
+			style: {
+				position: "relative",
+				flex: 1,
+				overflow: "hidden auto",
+				...a.style
+			},
+			onScroll: r(a.onScroll, (e) => {
+				let t = e.currentTarget, { contentWrapper: n, shouldExpandOnScrollRef: r } = c;
+				if (r?.current && n) {
+					let e = Math.abs(d.current - t.scrollTop);
+					if (e > 0) {
+						let r = window.innerHeight - X * 2, i = parseFloat(n.style.minHeight), a = parseFloat(n.style.height), o = Math.max(i, a);
+						if (o < r) {
+							let i = o + e, a = Math.min(r, i), s = i - a;
+							n.style.height = a + "px", n.style.bottom === "0px" && (t.scrollTop = s > 0 ? s : 0, n.style.justifyContent = "flex-end");
+						}
+					}
+				}
+				d.current = t.scrollTop;
+			})
+		})
+	})] });
+});
+Se.displayName = xe;
+var Ce = "SelectGroup", [we, Te] = U(Ce), Ee = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = f();
+	return /* @__PURE__ */ F(we, {
+		scope: n,
+		id: i,
+		children: /* @__PURE__ */ F(l.div, {
+			role: "group",
+			"aria-labelledby": i,
+			...r,
+			ref: t
+		})
+	});
+});
+Ee.displayName = Ce;
+var De = "SelectLabel", Oe = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = Te(De, n);
+	return /* @__PURE__ */ F(l.div, {
+		id: i.id,
+		...r,
+		ref: t
+	});
+});
+Oe.displayName = De;
+var Q = "SelectItem", [ke, Ae] = U(Q), je = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, value: i, disabled: a = !1, textValue: s, ...c } = e, u = K(Q, n), d = Z(Q, n), p = u.value === i, [m, h] = j.useState(s ?? ""), [g, _] = j.useState(!1), v = o(t, (e) => d.itemRefCallback?.(e, i, a)), y = f(), b = j.useRef("touch"), x = () => {
+		a || (u.onValueChange(i), u.onOpenChange(!1));
+	};
+	if (i === "") throw Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
+	return /* @__PURE__ */ F(ke, {
+		scope: n,
+		value: i,
+		disabled: a,
+		textId: y,
+		isSelected: p,
+		onItemTextChange: j.useCallback((e) => {
+			h((t) => t || (e?.textContent ?? "").trim());
+		}, []),
+		children: /* @__PURE__ */ F(B.ItemSlot, {
+			scope: n,
+			value: i,
+			disabled: a,
+			textValue: m,
+			children: /* @__PURE__ */ F(l.div, {
+				role: "option",
+				"aria-labelledby": y,
+				"data-highlighted": g ? "" : void 0,
+				"aria-selected": p && g,
+				"data-state": p ? "checked" : "unchecked",
+				"aria-disabled": a || void 0,
+				"data-disabled": a ? "" : void 0,
+				tabIndex: a ? void 0 : -1,
+				...c,
+				ref: v,
+				onFocus: r(c.onFocus, () => _(!0)),
+				onBlur: r(c.onBlur, () => _(!1)),
+				onClick: r(c.onClick, () => {
+					b.current !== "mouse" && x();
+				}),
+				onPointerUp: r(c.onPointerUp, () => {
+					b.current === "mouse" && x();
+				}),
+				onPointerDown: r(c.onPointerDown, (e) => {
+					b.current = e.pointerType;
+				}),
+				onPointerMove: r(c.onPointerMove, (e) => {
+					b.current = e.pointerType, a ? d.onItemLeave?.() : b.current === "mouse" && e.currentTarget.focus({ preventScroll: !0 });
+				}),
+				onPointerLeave: r(c.onPointerLeave, (e) => {
+					e.currentTarget === document.activeElement && d.onItemLeave?.();
+				}),
+				onKeyDown: r(c.onKeyDown, (e) => {
+					d.searchRef?.current !== "" && e.key === " " || (R.includes(e.key) && x(), e.key === " " && e.preventDefault());
+				})
+			})
+		})
+	});
+});
+je.displayName = Q;
+var $ = "SelectItemText", Me = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, className: r, style: i, ...s } = e, c = K($, n), u = Z($, n), d = Ae($, n), f = ne($, n), [p, m] = j.useState(null), h = o(t, (e) => m(e), d.onItemTextChange, (e) => u.itemTextRefCallback?.(e, d.value, d.disabled)), g = p?.textContent, _ = j.useMemo(() => /* @__PURE__ */ F("option", {
+		value: d.value,
+		disabled: d.disabled,
+		children: g
+	}, d.value), [
+		d.disabled,
+		d.value,
+		g
+	]), { onNativeOptionAdd: v, onNativeOptionRemove: y } = f;
+	return a(() => (v(_), () => y(_)), [
+		v,
+		y,
+		_
+	]), /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(l.span, {
+		id: d.textId,
+		...s,
+		ref: h
+	}), d.isSelected && c.valueNode && !c.valueNodeHasChildren ? N.createPortal(s.children, c.valueNode) : null] });
+});
+Me.displayName = $;
+var Ne = "SelectItemIndicator", Pe = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e;
+	return Ae(Ne, n).isSelected ? /* @__PURE__ */ F(l.span, {
+		"aria-hidden": !0,
+		...r,
+		ref: t
+	}) : null;
+});
+Pe.displayName = Ne;
+var Fe = "SelectScrollUpButton", Ie = j.forwardRef((e, t) => {
+	let n = Z(Fe, e.__scopeSelect), r = be(Fe, e.__scopeSelect), [i, s] = j.useState(!1), c = o(t, r.onScrollButtonChange);
+	return a(() => {
+		if (n.viewport && n.isPositioned) {
+			let e = function() {
+				s(t.scrollTop > 0);
+			}, t = n.viewport;
+			return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
+		}
+	}, [n.viewport, n.isPositioned]), i ? /* @__PURE__ */ F(ze, {
+		...e,
+		ref: c,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = n;
+			e && t && (e.scrollTop -= t.offsetHeight);
+		}
+	}) : null;
+});
+Ie.displayName = Fe;
+var Le = "SelectScrollDownButton", Re = j.forwardRef((e, t) => {
+	let n = Z(Le, e.__scopeSelect), r = be(Le, e.__scopeSelect), [i, s] = j.useState(!1), c = o(t, r.onScrollButtonChange);
+	return a(() => {
+		if (n.viewport && n.isPositioned) {
+			let e = function() {
+				let e = t.scrollHeight - t.clientHeight;
+				s(Math.ceil(t.scrollTop) < e);
+			}, t = n.viewport;
+			return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
+		}
+	}, [n.viewport, n.isPositioned]), i ? /* @__PURE__ */ F(ze, {
+		...e,
+		ref: c,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = n;
+			e && t && (e.scrollTop += t.offsetHeight);
+		}
+	}) : null;
+});
+Re.displayName = Le;
+var ze = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, onAutoScroll: i, ...o } = e, s = Z("SelectScrollButton", n), c = j.useRef(null), u = V(n), d = j.useCallback(() => {
+		c.current !== null && (window.clearInterval(c.current), c.current = null);
+	}, []);
+	return j.useEffect(() => () => d(), [d]), a(() => {
+		u().find((e) => e.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+	}, [u]), /* @__PURE__ */ F(l.div, {
+		"aria-hidden": !0,
+		...o,
+		ref: t,
+		style: {
+			flexShrink: 0,
+			...o.style
+		},
+		onPointerDown: r(o.onPointerDown, () => {
+			c.current === null && (c.current = window.setInterval(i, 50));
+		}),
+		onPointerMove: r(o.onPointerMove, () => {
+			s.onItemLeave?.(), c.current === null && (c.current = window.setInterval(i, 50));
+		}),
+		onPointerLeave: r(o.onPointerLeave, () => {
+			d();
+		})
+	});
+}), Be = "SelectSeparator", Ve = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e;
+	return /* @__PURE__ */ F(l.div, {
+		"aria-hidden": !0,
+		...r,
+		ref: t
+	});
+});
+Ve.displayName = Be;
+var He = "SelectArrow", Ue = j.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = G(n), a = K(He, n), o = Z(He, n);
+	return a.open && o.position === "popper" ? /* @__PURE__ */ F(T, {
+		...i,
+		...r,
+		ref: t
+	}) : null;
+});
+Ue.displayName = He;
+var We = "SelectBubbleInput", Ge = j.forwardRef(({ __scopeSelect: e, value: t, ...n }, r) => {
+	let i = j.useRef(null), a = o(r, i), s = O(t);
+	return j.useEffect(() => {
+		let e = i.current;
+		if (!e) return;
+		let n = window.HTMLSelectElement.prototype, r = Object.getOwnPropertyDescriptor(n, "value").set;
+		if (s !== t && r) {
+			let n = new Event("change", { bubbles: !0 });
+			r.call(e, t), e.dispatchEvent(n);
+		}
+	}, [s, t]), /* @__PURE__ */ F(l.select, {
+		...n,
+		style: {
+			...k,
+			...n.style
+		},
+		ref: a,
+		defaultValue: t
+	});
+});
+Ge.displayName = We;
+function Ke(e) {
+	return e === "" || e === void 0;
+}
+function qe(e) {
+	let t = g(e), n = j.useRef(""), r = j.useRef(0), i = j.useCallback((e) => {
+		let i = n.current + e;
+		t(i), (function e(t) {
+			n.current = t, window.clearTimeout(r.current), t !== "" && (r.current = window.setTimeout(() => e(""), 1e3));
+		})(i);
+	}, [t]), a = j.useCallback(() => {
+		n.current = "", window.clearTimeout(r.current);
+	}, []);
+	return j.useEffect(() => () => window.clearTimeout(r.current), []), [
+		n,
+		i,
+		a
+	];
+}
+function Je(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 = Ye(e, Math.max(i, 0));
+	r.length === 1 && (a = a.filter((e) => e !== n));
+	let o = a.find((e) => e.textValue.toLowerCase().startsWith(r.toLowerCase()));
+	return o === n ? void 0 : o;
+}
+function Ye(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
+}
+var Xe = q, Ze = J, Qe = ae, $e = se, et = le, tt = ue, nt = Se, rt = Ee, it = Oe, at = je, ot = Me, st = Pe, ct = Ie, lt = Re, ut = Ve, dt = 12, ft = (e) => {
+	let t = document.querySelectorAll("[aria-controls]");
+	for (let n of t) if (n.getAttribute("aria-controls") === e) return n;
+	return null;
+}, pt = (e) => {
+	let t = e.id;
+	if (!t) return;
+	let n = ft(t);
+	if (!n) return;
+	let r = n.closest("[data-slot=\"dialog-content\"]");
+	if (!r) return;
+	let i = e.getBoundingClientRect(), a = r.getBoundingClientRect(), o = i.bottom - a.bottom + dt;
+	if (o > 0) {
+		r.scrollTo({
+			top: r.scrollTop + o,
+			behavior: "smooth"
+		});
+		return;
+	}
+	let s = a.top - i.top + dt;
+	s > 0 && r.scrollTo({
+		top: Math.max(0, r.scrollTop - s),
+		behavior: "smooth"
+	});
+}, mt = ({ ...e }) => /* @__PURE__ */ F(Xe, {
+	"data-slot": "select",
+	...e
+}), ht = ({ ...e }) => /* @__PURE__ */ F(rt, {
+	"data-slot": "select-group",
+	...e
+}), gt = ({ className: e, ...t }) => /* @__PURE__ */ F(Qe, {
+	className: p("min-w-0 block max-w-full flex-1 overflow-hidden text-left text-ellipsis whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder!", "**:max-w-full **:overflow-hidden **:text-ellipsis **:whitespace-nowrap", e),
+	"data-slot": "select-value",
+	...t
+}), _t = ({ asChild: e, children: n, className: r, size: i = "default", ...a }) => /* @__PURE__ */ I(Ze, {
+	asChild: e,
+	className: p("[&_svg:not([class*='text-'])]:text-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50 gap-2 rounded-md px-3 py-2 text-sm shadow-xs h-9 *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 min-w-0 *:data-[slot=select-value]:min-w-0 flex w-fit cursor-pointer items-center justify-between border border-input-border bg-transparent text-input-text! transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-danger-400 data-placeholder:text-input-text-placeholder! *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center data-[state=open]:**:data-[slot=select-chevron]:rotate-180 [&_svg]:pointer-events-none [&_svg]:shrink-0", r),
+	"data-size": i,
+	"data-slot": "select-trigger",
+	...a,
+	children: [n, !e && /* @__PURE__ */ F($e, {
+		asChild: !0,
+		children: /* @__PURE__ */ F(t, {
+			className: "size-4 opacity-50 transition-transform duration-200",
+			"data-slot": "select-chevron"
+		})
+	})]
+}), vt = ({ align: e = "center", children: t, className: n, dropdownWidth: r = "trigger", onCloseAutoFocus: i, onFocusCapture: a, position: o = "popper", style: s, ...c }) => {
+	let l = M(!1), { dropdownShiftStyle: u, recalculateDropdownPosition: d, setDropdownElement: f } = A(), h = r === "trigger" ? "var(--radix-select-trigger-width)" : r === "content" ? "max-content" : r, g = r === "trigger" || r === "content" ? r : "custom";
+	return /* @__PURE__ */ F(et, { children: /* @__PURE__ */ I(tt, {
+		align: e,
+		className: p("min-w-32 relative z-50 max-h-[--radix-select-content-available-height] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto text-text-primary motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", m(), o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", n),
+		"data-dropdown-width-mode": g,
+		"data-dropdown-width-value": g === "custom" ? r : void 0,
+		"data-slot": "select-content",
+		onCloseAutoFocus: (e) => {
+			l.current = !1, i?.(e);
+		},
+		onFocusCapture: (e) => {
+			if (a?.(e), l.current) return;
+			l.current = !0;
+			let t = e.currentTarget;
+			requestAnimationFrame(() => {
+				pt(t), d();
+			});
+		},
+		position: o,
+		ref: f,
+		style: {
+			...s,
+			width: h,
+			...u
+		},
+		...c,
+		children: [
+			/* @__PURE__ */ F(St, {}),
+			/* @__PURE__ */ F(nt, {
+				className: p("p-1", o === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full"),
+				"data-slot": "select-viewport",
+				children: t
+			}),
+			/* @__PURE__ */ F(Ct, {})
+		]
+	}) });
+}, yt = ({ className: e, ...t }) => /* @__PURE__ */ F(it, {
+	className: p("px-2 py-1.5 text-xs text-text-primary", e),
+	"data-slot": "select-label",
+	...t
+}), bt = ({ className: t, children: n, ...r }) => /* @__PURE__ */ I(at, {
+	className: p("gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-none select-none hover:border-input-border--hover hover:bg-accent hover:text-text-inverted! focus:border-input-border--focus focus:bg-accent focus:text-text-inverted! data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-text-inverted! [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:[&_svg]:text-text-inverted! focus:[&_svg]:text-text-inverted! data-highlighted:[&_svg]:text-text-inverted! *:[span]:last:flex *:[span]:last:items-center", t),
+	"data-slot": "select-item",
+	...r,
+	children: [/* @__PURE__ */ F("span", {
+		className: "right-2 size-3.5 absolute flex items-center justify-center",
+		children: /* @__PURE__ */ F(st, { children: /* @__PURE__ */ F(e, { className: "size-4" }) })
+	}), /* @__PURE__ */ F(ot, {
+		className: "min-w-0 block max-w-full truncate whitespace-nowrap",
+		children: n
+	})]
+}), xt = ({ className: e, ...t }) => /* @__PURE__ */ F(ut, {
+	className: p("bg-border -mx-1 my-1 pointer-events-none h-px", e),
+	"data-slot": "select-separator",
+	...t
+}), St = ({ className: e, ...t }) => /* @__PURE__ */ F(ct, {
+	className: p("py-1 flex cursor-default items-center justify-center", e),
+	"data-slot": "select-scroll-up-button",
+	...t,
+	children: /* @__PURE__ */ F(n, { className: "size-4" })
+}), Ct = ({ className: e, ...n }) => /* @__PURE__ */ F(lt, {
+	className: p("py-1 flex cursor-default items-center justify-center", e),
+	"data-slot": "select-scroll-down-button",
+	...n,
+	children: /* @__PURE__ */ F(t, { className: "size-4" })
+});
+//#endregion
+export { nt as C, Ze as S, et as _, yt as a, ct as b, xt as c, tt as d, rt as f, ot as g, st as h, bt as i, _t as l, at as m, vt as n, Ct as o, $e as p, ht as r, St as s, mt as t, gt as u, Xe as v, ut as x, lt as y };