@gv-tech/ui-web 2.21.0 → 2.22.0

package/dist/select-D4bxRFq5.mjs

@@ -0,0 +1,744 @@
+import { t as e } from "./utils-A_oVsYw5.mjs";
+import { n as t } from "./dist-Bm8Cuttq.mjs";
+import { n } from "./dist-DAe-fOIM.mjs";
+import { i as r, r as i, t as a } from "./dist-BjEG16aJ.mjs";
+import { t as o } from "./dist-D_tuvB-W.mjs";
+import { t as s } from "./dist-C9PlF532.mjs";
+import { t as c } from "./dist-DuTFGM_g.mjs";
+import { t as l } from "./dist-Df2ez-DA.mjs";
+import { t as u } from "./dist-C3Z3atn0.mjs";
+import { t as d } from "./dist-CCokLFyA.mjs";
+import { n as f } from "./dist-_LAgxsbh.mjs";
+import { i as p, n as m, r as h, t as g } from "./es2015-DkZq_IIO.mjs";
+import { t as _ } from "./dist--EFQaGUD.mjs";
+import { t as v } from "./dist-xgVOvcNx.mjs";
+import { a as y, i as b, n as x, r as S, t as C } from "./dist-Du2jbEkG.mjs";
+import { n as w } from "./dist-DCKyUINZ.mjs";
+import { t as T } from "./dist-DGzGsPqo.mjs";
+import * as E from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import * as A from "react-dom";
+import { Check as j, ChevronDown as M, ChevronUp as N } from "lucide-react";
+//#region ../../node_modules/.bun/@radix-ui+react-select@2.2.6+2d3f272c3a65784a/node_modules/@radix-ui/react-select/dist/index.mjs
+var ee = [
+	" ",
+	"Enter",
+	"ArrowUp",
+	"ArrowDown"
+], te = [" ", "Enter"], P = "Select", [F, I, L] = o(P), [R, z] = t(P, [L, y]), B = y(), [V, H] = R(P), [U, W] = R(P), ne = (e) => {
+	let { __scopeSelect: t, children: n, open: r, defaultOpen: i, onOpenChange: a, value: o, defaultValue: s, onValueChange: d, dir: f, name: p, autoComplete: m, disabled: h, required: g, form: _ } = e, v = B(t), [y, x] = E.useState(null), [S, C] = E.useState(null), [w, T] = E.useState(!1), D = u(f), [A, j] = c({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: a,
+		caller: P
+	}), [M, N] = c({
+		prop: o,
+		defaultProp: s,
+		onChange: d,
+		caller: P
+	}), ee = E.useRef(null), te = y ? _ || !!y.closest("form") : !0, [I, L] = E.useState(/* @__PURE__ */ new Set()), R = Array.from(I).map((e) => e.props.value).join(";");
+	return /* @__PURE__ */ O(b, {
+		...v,
+		children: /* @__PURE__ */ k(V, {
+			required: g,
+			scope: t,
+			trigger: y,
+			onTriggerChange: x,
+			valueNode: S,
+			onValueNodeChange: C,
+			valueNodeHasChildren: w,
+			onValueNodeHasChildrenChange: T,
+			contentId: l(),
+			value: M,
+			onValueChange: N,
+			open: A,
+			onOpenChange: j,
+			dir: D,
+			triggerPointerDownPosRef: ee,
+			disabled: h,
+			children: [/* @__PURE__ */ O(F.Provider, {
+				scope: t,
+				children: /* @__PURE__ */ O(U, {
+					scope: e.__scopeSelect,
+					onNativeOptionAdd: E.useCallback((e) => {
+						L((t) => new Set(t).add(e));
+					}, []),
+					onNativeOptionRemove: E.useCallback((e) => {
+						L((t) => {
+							let n = new Set(t);
+							return n.delete(e), n;
+						});
+					}, []),
+					children: n
+				})
+			}), te ? /* @__PURE__ */ k(He, {
+				"aria-hidden": !0,
+				required: g,
+				tabIndex: -1,
+				name: p,
+				autoComplete: m,
+				value: M,
+				onChange: (e) => N(e.target.value),
+				disabled: h,
+				form: _,
+				children: [M === void 0 ? /* @__PURE__ */ O("option", { value: "" }) : null, Array.from(I)]
+			}, R) : null]
+		})
+	});
+};
+ne.displayName = P;
+var re = "SelectTrigger", ie = E.forwardRef((e, t) => {
+	let { __scopeSelect: r, disabled: o = !1, ...s } = e, c = B(r), l = H(re, r), u = l.disabled || o, d = n(t, l.onTriggerChange), f = I(r), p = E.useRef("touch"), [m, h, g] = We((e) => {
+		let t = f().filter((e) => !e.disabled), n = Ge(t, e, t.find((e) => e.value === l.value));
+		n !== void 0 && l.onValueChange(n.value);
+	}), _ = (e) => {
+		u || (l.onOpenChange(!0), g()), e && (l.triggerPointerDownPosRef.current = {
+			x: Math.round(e.pageX),
+			y: Math.round(e.pageY)
+		});
+	};
+	return /* @__PURE__ */ O(C, {
+		asChild: !0,
+		...c,
+		children: /* @__PURE__ */ O(a.button, {
+			type: "button",
+			role: "combobox",
+			"aria-controls": l.contentId,
+			"aria-expanded": l.open,
+			"aria-required": l.required,
+			"aria-autocomplete": "none",
+			dir: l.dir,
+			"data-state": l.open ? "open" : "closed",
+			disabled: u,
+			"data-disabled": u ? "" : void 0,
+			"data-placeholder": Ue(l.value) ? "" : void 0,
+			...s,
+			ref: d,
+			onClick: i(s.onClick, (e) => {
+				e.currentTarget.focus(), p.current !== "mouse" && _(e);
+			}),
+			onPointerDown: i(s.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: i(s.onKeyDown, (e) => {
+				let t = m.current !== "";
+				!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && h(e.key), !(t && e.key === " ") && ee.includes(e.key) && (_(), e.preventDefault());
+			})
+		})
+	});
+});
+ie.displayName = re;
+var ae = "SelectValue", G = E.forwardRef((e, t) => {
+	let { __scopeSelect: r, className: i, style: o, children: c, placeholder: l = "", ...u } = e, d = H(ae, r), { onValueNodeHasChildrenChange: f } = d, p = c !== void 0, m = n(t, d.onValueNodeChange);
+	return s(() => {
+		f(p);
+	}, [f, p]), /* @__PURE__ */ O(a.span, {
+		...u,
+		ref: m,
+		style: { pointerEvents: "none" },
+		children: Ue(d.value) ? /* @__PURE__ */ O(D, { children: l }) : c
+	});
+});
+G.displayName = ae;
+var K = "SelectIcon", q = E.forwardRef((e, t) => {
+	let { __scopeSelect: n, children: r, ...i } = e;
+	return /* @__PURE__ */ O(a.span, {
+		"aria-hidden": !0,
+		...i,
+		ref: t,
+		children: r || "▼"
+	});
+});
+q.displayName = K;
+var oe = "SelectPortal", se = (e) => /* @__PURE__ */ O(_, {
+	asChild: !0,
+	...e
+});
+se.displayName = oe;
+var J = "SelectContent", ce = E.forwardRef((e, t) => {
+	let n = H(J, e.__scopeSelect), [r, i] = E.useState();
+	if (s(() => {
+		i(new DocumentFragment());
+	}, []), !n.open) {
+		let t = r;
+		return t ? A.createPortal(/* @__PURE__ */ O(le, {
+			scope: e.__scopeSelect,
+			children: /* @__PURE__ */ O(F.Slot, {
+				scope: e.__scopeSelect,
+				children: /* @__PURE__ */ O("div", { children: e.children })
+			})
+		}), t) : null;
+	}
+	return /* @__PURE__ */ O(fe, {
+		...e,
+		ref: t
+	});
+});
+ce.displayName = J;
+var Y = 10, [le, X] = R(J), ue = "SelectContentImpl", de = r("SelectContent.RemoveScroll"), fe = E.forwardRef((e, t) => {
+	let { __scopeSelect: r, position: a = "item-aligned", onCloseAutoFocus: o, onEscapeKeyDown: s, onPointerDownOutside: c, side: l, sideOffset: u, align: d, alignOffset: _, arrowPadding: v, collisionBoundary: y, collisionPadding: b, sticky: x, hideWhenDetached: S, avoidCollisions: C, ...w } = e, T = H(J, r), [D, k] = E.useState(null), [A, j] = E.useState(null), M = n(t, (e) => k(e)), [N, ee] = E.useState(null), [te, P] = E.useState(null), F = I(r), [L, R] = E.useState(!1), z = E.useRef(!1);
+	E.useEffect(() => {
+		if (D) return g(D);
+	}, [D]), h();
+	let B = E.useCallback((e) => {
+		let [t, ...n] = F().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 && A && (A.scrollTop = 0), n === r && A && (A.scrollTop = A.scrollHeight), n?.focus(), document.activeElement !== i)) return;
+	}, [F, A]), V = E.useCallback(() => B([N, D]), [
+		B,
+		N,
+		D
+	]);
+	E.useEffect(() => {
+		L && V();
+	}, [L, V]);
+	let { onOpenChange: U, triggerPointerDownPosRef: W } = T;
+	E.useEffect(() => {
+		if (D) {
+			let e = {
+				x: 0,
+				y: 0
+			}, t = (t) => {
+				e = {
+					x: Math.abs(Math.round(t.pageX) - (W.current?.x ?? 0)),
+					y: Math.abs(Math.round(t.pageY) - (W.current?.y ?? 0))
+				};
+			}, n = (n) => {
+				e.x <= 10 && e.y <= 10 ? n.preventDefault() : D.contains(n.target) || U(!1), document.removeEventListener("pointermove", t), W.current = null;
+			};
+			return W.current !== null && (document.addEventListener("pointermove", t), document.addEventListener("pointerup", n, {
+				capture: !0,
+				once: !0
+			})), () => {
+				document.removeEventListener("pointermove", t), document.removeEventListener("pointerup", n, { capture: !0 });
+			};
+		}
+	}, [
+		D,
+		U,
+		W
+	]), E.useEffect(() => {
+		let e = () => U(!1);
+		return window.addEventListener("blur", e), window.addEventListener("resize", e), () => {
+			window.removeEventListener("blur", e), window.removeEventListener("resize", e);
+		};
+	}, [U]);
+	let [ne, re] = We((e) => {
+		let t = F().filter((e) => !e.disabled), n = Ge(t, e, t.find((e) => e.ref.current === document.activeElement));
+		n && setTimeout(() => n.ref.current.focus());
+	}), ie = E.useCallback((e, t, n) => {
+		let r = !z.current && !n;
+		(T.value !== void 0 && T.value === t || r) && (ee(e), r && (z.current = !0));
+	}, [T.value]), ae = E.useCallback(() => D?.focus(), [D]), G = E.useCallback((e, t, n) => {
+		let r = !z.current && !n;
+		(T.value !== void 0 && T.value === t || r) && P(e);
+	}, [T.value]), K = a === "popper" ? Z : me, q = K === Z ? {
+		side: l,
+		sideOffset: u,
+		align: d,
+		alignOffset: _,
+		arrowPadding: v,
+		collisionBoundary: y,
+		collisionPadding: b,
+		sticky: x,
+		hideWhenDetached: S,
+		avoidCollisions: C
+	} : {};
+	return /* @__PURE__ */ O(le, {
+		scope: r,
+		content: D,
+		viewport: A,
+		onViewportChange: j,
+		itemRefCallback: ie,
+		selectedItem: N,
+		onItemLeave: ae,
+		itemTextRefCallback: G,
+		focusSelectedItem: V,
+		selectedItemText: te,
+		position: a,
+		isPositioned: L,
+		searchRef: ne,
+		children: /* @__PURE__ */ O(m, {
+			as: de,
+			allowPinchZoom: !0,
+			children: /* @__PURE__ */ O(p, {
+				asChild: !0,
+				trapped: T.open,
+				onMountAutoFocus: (e) => {
+					e.preventDefault();
+				},
+				onUnmountAutoFocus: i(o, (e) => {
+					T.trigger?.focus({ preventScroll: !0 }), e.preventDefault();
+				}),
+				children: /* @__PURE__ */ O(f, {
+					asChild: !0,
+					disableOutsidePointerEvents: !0,
+					onEscapeKeyDown: s,
+					onPointerDownOutside: c,
+					onFocusOutside: (e) => e.preventDefault(),
+					onDismiss: () => T.onOpenChange(!1),
+					children: /* @__PURE__ */ O(K, {
+						role: "listbox",
+						id: T.contentId,
+						"data-state": T.open ? "open" : "closed",
+						dir: T.dir,
+						onContextMenu: (e) => e.preventDefault(),
+						...w,
+						...q,
+						onPlaced: () => R(!0),
+						ref: M,
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							outline: "none",
+							...w.style
+						},
+						onKeyDown: i(w.onKeyDown, (e) => {
+							let t = e.ctrlKey || e.altKey || e.metaKey;
+							if (e.key === "Tab" && e.preventDefault(), !t && e.key.length === 1 && re(e.key), [
+								"ArrowUp",
+								"ArrowDown",
+								"Home",
+								"End"
+							].includes(e.key)) {
+								let t = F().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(() => B(t)), e.preventDefault();
+							}
+						})
+					})
+				})
+			})
+		})
+	});
+});
+fe.displayName = ue;
+var pe = "SelectItemAlignedPosition", me = E.forwardRef((e, t) => {
+	let { __scopeSelect: r, onPlaced: i, ...o } = e, c = H(J, r), l = X(J, r), [u, d] = E.useState(null), [f, p] = E.useState(null), m = n(t, (e) => p(e)), h = I(r), g = E.useRef(!1), _ = E.useRef(!0), { viewport: v, selectedItem: y, selectedItemText: b, focusSelectedItem: x } = l, S = E.useCallback(() => {
+		if (c.trigger && c.valueNode && u && f && v && y && b) {
+			let e = c.trigger.getBoundingClientRect(), t = f.getBoundingClientRect(), n = c.valueNode.getBoundingClientRect(), r = b.getBoundingClientRect();
+			if (c.dir !== "rtl") {
+				let i = r.left - t.left, a = n.left - i, o = e.left - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - Y, d = T(a, [Y, Math.max(Y, l - c)]);
+				u.style.minWidth = s + "px", u.style.left = d + "px";
+			} else {
+				let i = t.right - r.right, a = window.innerWidth - n.right - i, o = window.innerWidth - e.right - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - Y, d = T(a, [Y, Math.max(Y, l - c)]);
+				u.style.minWidth = s + "px", u.style.right = d + "px";
+			}
+			let a = h(), o = window.innerHeight - Y * 2, s = v.scrollHeight, l = window.getComputedStyle(f), d = parseInt(l.borderTopWidth, 10), p = parseInt(l.paddingTop, 10), m = parseInt(l.borderBottomWidth, 10), _ = parseInt(l.paddingBottom, 10), x = d + p + s + _ + m, S = Math.min(y.offsetHeight * 5, x), C = window.getComputedStyle(v), w = parseInt(C.paddingTop, 10), E = parseInt(C.paddingBottom, 10), D = e.top + e.height / 2 - Y, O = o - D, k = y.offsetHeight / 2, A = y.offsetTop + k, j = d + p + A, M = x - j;
+			if (j <= D) {
+				let e = a.length > 0 && y === a[a.length - 1].ref.current;
+				u.style.bottom = "0px";
+				let t = f.clientHeight - v.offsetTop - v.offsetHeight, n = j + Math.max(O, k + (e ? E : 0) + t + m);
+				u.style.height = n + "px";
+			} else {
+				let e = a.length > 0 && y === a[0].ref.current;
+				u.style.top = "0px";
+				let t = Math.max(D, d + v.offsetTop + (e ? w : 0) + k) + M;
+				u.style.height = t + "px", v.scrollTop = j - D + v.offsetTop;
+			}
+			u.style.margin = `${Y}px 0`, u.style.minHeight = S + "px", u.style.maxHeight = o + "px", i?.(), requestAnimationFrame(() => g.current = !0);
+		}
+	}, [
+		h,
+		c.trigger,
+		c.valueNode,
+		u,
+		f,
+		v,
+		y,
+		b,
+		c.dir,
+		i
+	]);
+	s(() => S(), [S]);
+	let [C, w] = E.useState();
+	return s(() => {
+		f && w(window.getComputedStyle(f).zIndex);
+	}, [f]), /* @__PURE__ */ O(ge, {
+		scope: r,
+		contentWrapper: u,
+		shouldExpandOnScrollRef: g,
+		onScrollButtonChange: E.useCallback((e) => {
+			e && _.current === !0 && (S(), x?.(), _.current = !1);
+		}, [S, x]),
+		children: /* @__PURE__ */ O("div", {
+			ref: d,
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				position: "fixed",
+				zIndex: C
+			},
+			children: /* @__PURE__ */ O(a.div, {
+				...o,
+				ref: m,
+				style: {
+					boxSizing: "border-box",
+					maxHeight: "100%",
+					...o.style
+				}
+			})
+		})
+	});
+});
+me.displayName = pe;
+var he = "SelectPopperPosition", Z = E.forwardRef((e, t) => {
+	let { __scopeSelect: n, align: r = "start", collisionPadding: i = Y, ...a } = e;
+	return /* @__PURE__ */ O(S, {
+		...B(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)"
+		}
+	});
+});
+Z.displayName = he;
+var [ge, _e] = R(J, {}), ve = "SelectViewport", ye = E.forwardRef((e, t) => {
+	let { __scopeSelect: r, nonce: o, ...s } = e, c = X(ve, r), l = _e(ve, r), u = n(t, c.onViewportChange), d = E.useRef(0);
+	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("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: o
+	}), /* @__PURE__ */ O(F.Slot, {
+		scope: r,
+		children: /* @__PURE__ */ O(a.div, {
+			"data-radix-select-viewport": "",
+			role: "presentation",
+			...s,
+			ref: u,
+			style: {
+				position: "relative",
+				flex: 1,
+				overflow: "hidden auto",
+				...s.style
+			},
+			onScroll: i(s.onScroll, (e) => {
+				let t = e.currentTarget, { contentWrapper: n, shouldExpandOnScrollRef: r } = l;
+				if (r?.current && n) {
+					let e = Math.abs(d.current - t.scrollTop);
+					if (e > 0) {
+						let r = window.innerHeight - Y * 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;
+			})
+		})
+	})] });
+});
+ye.displayName = ve;
+var be = "SelectGroup", [xe, Se] = R(be), Ce = E.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = l();
+	return /* @__PURE__ */ O(xe, {
+		scope: n,
+		id: i,
+		children: /* @__PURE__ */ O(a.div, {
+			role: "group",
+			"aria-labelledby": i,
+			...r,
+			ref: t
+		})
+	});
+});
+Ce.displayName = be;
+var we = "SelectLabel", Te = E.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = Se(we, n);
+	return /* @__PURE__ */ O(a.div, {
+		id: i.id,
+		...r,
+		ref: t
+	});
+});
+Te.displayName = we;
+var Q = "SelectItem", [Ee, De] = R(Q), Oe = E.forwardRef((e, t) => {
+	let { __scopeSelect: r, value: o, disabled: s = !1, textValue: c, ...u } = e, d = H(Q, r), f = X(Q, r), p = d.value === o, [m, h] = E.useState(c ?? ""), [g, _] = E.useState(!1), v = n(t, (e) => f.itemRefCallback?.(e, o, s)), y = l(), b = E.useRef("touch"), x = () => {
+		s || (d.onValueChange(o), d.onOpenChange(!1));
+	};
+	if (o === "") 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__ */ O(Ee, {
+		scope: r,
+		value: o,
+		disabled: s,
+		textId: y,
+		isSelected: p,
+		onItemTextChange: E.useCallback((e) => {
+			h((t) => t || (e?.textContent ?? "").trim());
+		}, []),
+		children: /* @__PURE__ */ O(F.ItemSlot, {
+			scope: r,
+			value: o,
+			disabled: s,
+			textValue: m,
+			children: /* @__PURE__ */ O(a.div, {
+				role: "option",
+				"aria-labelledby": y,
+				"data-highlighted": g ? "" : void 0,
+				"aria-selected": p && g,
+				"data-state": p ? "checked" : "unchecked",
+				"aria-disabled": s || void 0,
+				"data-disabled": s ? "" : void 0,
+				tabIndex: s ? void 0 : -1,
+				...u,
+				ref: v,
+				onFocus: i(u.onFocus, () => _(!0)),
+				onBlur: i(u.onBlur, () => _(!1)),
+				onClick: i(u.onClick, () => {
+					b.current !== "mouse" && x();
+				}),
+				onPointerUp: i(u.onPointerUp, () => {
+					b.current === "mouse" && x();
+				}),
+				onPointerDown: i(u.onPointerDown, (e) => {
+					b.current = e.pointerType;
+				}),
+				onPointerMove: i(u.onPointerMove, (e) => {
+					b.current = e.pointerType, s ? f.onItemLeave?.() : b.current === "mouse" && e.currentTarget.focus({ preventScroll: !0 });
+				}),
+				onPointerLeave: i(u.onPointerLeave, (e) => {
+					e.currentTarget === document.activeElement && f.onItemLeave?.();
+				}),
+				onKeyDown: i(u.onKeyDown, (e) => {
+					f.searchRef?.current !== "" && e.key === " " || (te.includes(e.key) && x(), e.key === " " && e.preventDefault());
+				})
+			})
+		})
+	});
+});
+Oe.displayName = Q;
+var $ = "SelectItemText", ke = E.forwardRef((e, t) => {
+	let { __scopeSelect: r, className: i, style: o, ...c } = e, l = H($, r), u = X($, r), d = De($, r), f = W($, r), [p, m] = E.useState(null), h = n(t, (e) => m(e), d.onItemTextChange, (e) => u.itemTextRefCallback?.(e, d.value, d.disabled)), g = p?.textContent, _ = E.useMemo(() => /* @__PURE__ */ O("option", {
+		value: d.value,
+		disabled: d.disabled,
+		children: g
+	}, d.value), [
+		d.disabled,
+		d.value,
+		g
+	]), { onNativeOptionAdd: v, onNativeOptionRemove: y } = f;
+	return s(() => (v(_), () => y(_)), [
+		v,
+		y,
+		_
+	]), /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(a.span, {
+		id: d.textId,
+		...c,
+		ref: h
+	}), d.isSelected && l.valueNode && !l.valueNodeHasChildren ? A.createPortal(c.children, l.valueNode) : null] });
+});
+ke.displayName = $;
+var Ae = "SelectItemIndicator", je = E.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e;
+	return De(Ae, n).isSelected ? /* @__PURE__ */ O(a.span, {
+		"aria-hidden": !0,
+		...r,
+		ref: t
+	}) : null;
+});
+je.displayName = Ae;
+var Me = "SelectScrollUpButton", Ne = E.forwardRef((e, t) => {
+	let r = X(Me, e.__scopeSelect), i = _e(Me, e.__scopeSelect), [a, o] = E.useState(!1), c = n(t, i.onScrollButtonChange);
+	return s(() => {
+		if (r.viewport && r.isPositioned) {
+			let e = function() {
+				o(t.scrollTop > 0);
+			}, t = r.viewport;
+			return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
+		}
+	}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ O(Ie, {
+		...e,
+		ref: c,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = r;
+			e && t && (e.scrollTop -= t.offsetHeight);
+		}
+	}) : null;
+});
+Ne.displayName = Me;
+var Pe = "SelectScrollDownButton", Fe = E.forwardRef((e, t) => {
+	let r = X(Pe, e.__scopeSelect), i = _e(Pe, e.__scopeSelect), [a, o] = E.useState(!1), c = n(t, i.onScrollButtonChange);
+	return s(() => {
+		if (r.viewport && r.isPositioned) {
+			let e = function() {
+				let e = t.scrollHeight - t.clientHeight;
+				o(Math.ceil(t.scrollTop) < e);
+			}, t = r.viewport;
+			return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
+		}
+	}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ O(Ie, {
+		...e,
+		ref: c,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = r;
+			e && t && (e.scrollTop += t.offsetHeight);
+		}
+	}) : null;
+});
+Fe.displayName = Pe;
+var Ie = E.forwardRef((e, t) => {
+	let { __scopeSelect: n, onAutoScroll: r, ...o } = e, c = X("SelectScrollButton", n), l = E.useRef(null), u = I(n), d = E.useCallback(() => {
+		l.current !== null && (window.clearInterval(l.current), l.current = null);
+	}, []);
+	return E.useEffect(() => () => d(), [d]), s(() => {
+		u().find((e) => e.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+	}, [u]), /* @__PURE__ */ O(a.div, {
+		"aria-hidden": !0,
+		...o,
+		ref: t,
+		style: {
+			flexShrink: 0,
+			...o.style
+		},
+		onPointerDown: i(o.onPointerDown, () => {
+			l.current === null && (l.current = window.setInterval(r, 50));
+		}),
+		onPointerMove: i(o.onPointerMove, () => {
+			c.onItemLeave?.(), l.current === null && (l.current = window.setInterval(r, 50));
+		}),
+		onPointerLeave: i(o.onPointerLeave, () => {
+			d();
+		})
+	});
+}), Le = "SelectSeparator", Re = E.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e;
+	return /* @__PURE__ */ O(a.div, {
+		"aria-hidden": !0,
+		...r,
+		ref: t
+	});
+});
+Re.displayName = Le;
+var ze = "SelectArrow", Be = E.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = B(n), a = H(ze, n), o = X(ze, n);
+	return a.open && o.position === "popper" ? /* @__PURE__ */ O(x, {
+		...i,
+		...r,
+		ref: t
+	}) : null;
+});
+Be.displayName = ze;
+var Ve = "SelectBubbleInput", He = E.forwardRef(({ __scopeSelect: e, value: t, ...r }, i) => {
+	let o = E.useRef(null), s = n(i, o), c = v(t);
+	return E.useEffect(() => {
+		let e = o.current;
+		if (!e) return;
+		let n = window.HTMLSelectElement.prototype, r = Object.getOwnPropertyDescriptor(n, "value").set;
+		if (c !== t && r) {
+			let n = new Event("change", { bubbles: !0 });
+			r.call(e, t), e.dispatchEvent(n);
+		}
+	}, [c, t]), /* @__PURE__ */ O(a.select, {
+		...r,
+		style: {
+			...w,
+			...r.style
+		},
+		ref: s,
+		defaultValue: t
+	});
+});
+He.displayName = Ve;
+function Ue(e) {
+	return e === "" || e === void 0;
+}
+function We(e) {
+	let t = d(e), n = E.useRef(""), r = E.useRef(0), i = E.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 = E.useCallback(() => {
+		n.current = "", window.clearTimeout(r.current);
+	}, []);
+	return E.useEffect(() => () => window.clearTimeout(r.current), []), [
+		n,
+		i,
+		a
+	];
+}
+function Ge(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 = Ke(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 Ke(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
+}
+var qe = ne, Je = ie, Ye = G, Xe = q, Ze = se, Qe = ce, $e = ye, et = Ce, tt = Te, nt = Oe, rt = ke, it = je, at = Ne, ot = Fe, st = Re, ct = qe, lt = et, ut = Ye, dt = E.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ k(Je, {
+	ref: i,
+	className: e("border-input ring-offset-background data-[placeholder]:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", t),
+	...r,
+	children: [n, /* @__PURE__ */ O(Xe, {
+		asChild: !0,
+		children: /* @__PURE__ */ O(M, { className: "h-4 w-4 opacity-50" })
+	})]
+}));
+dt.displayName = Je?.displayName || "SelectTrigger";
+var ft = E.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ O(at, {
+	ref: r,
+	className: e("flex cursor-default items-center justify-center py-1", t),
+	...n,
+	children: /* @__PURE__ */ O(N, { className: "h-4 w-4" })
+}));
+ft.displayName = at?.displayName || "SelectScrollUpButton";
+var pt = E.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ O(ot, {
+	ref: r,
+	className: e("flex cursor-default items-center justify-center py-1", t),
+	...n,
+	children: /* @__PURE__ */ O(M, { className: "h-4 w-4" })
+}));
+pt.displayName = ot?.displayName || "SelectScrollDownButton";
+var mt = E.forwardRef(({ className: t, children: n, position: r = "popper", ...i }, a) => /* @__PURE__ */ O(Ze, { children: /* @__PURE__ */ k(Qe, {
+	ref: a,
+	className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border shadow-md", r === "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", t),
+	position: r,
+	...i,
+	children: [
+		/* @__PURE__ */ O(ft, {}),
+		/* @__PURE__ */ O($e, {
+			className: e("p-1", r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+			children: n
+		}),
+		/* @__PURE__ */ O(pt, {})
+	]
+}) }));
+mt.displayName = Qe?.displayName || "SelectContent";
+var ht = E.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ O(tt, {
+	ref: r,
+	className: e("px-2 py-1.5 text-sm font-semibold", t),
+	...n
+}));
+ht.displayName = tt?.displayName || "SelectLabel";
+var gt = E.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ k(nt, {
+	ref: i,
+	className: e("focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
+	...r,
+	children: [/* @__PURE__ */ O("span", {
+		className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ O(it, { children: /* @__PURE__ */ O(j, { className: "h-4 w-4" }) })
+	}), /* @__PURE__ */ O(rt, { children: n })]
+}));
+gt.displayName = nt?.displayName || "SelectItem";
+var _t = E.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ O(st, {
+	ref: r,
+	className: e("bg-muted -mx-1 my-1 h-px", t),
+	...n
+}));
+_t.displayName = st?.displayName || "SelectSeparator";
+//#endregion
+export { ht as a, _t as c, gt as i, dt as l, mt as n, pt as o, lt as r, ft as s, ct as t, ut as u };