@rpcbase/ui 0.202.0 → 0.204.0

package/dist/index241.js

@@ -1,8 +1,690 @@
-import { RemoveScrollSideCar as r } from "./index276.js";
-import { effectCar as o } from "./index274.js";
-import { exportSidecar as e } from "./index277.js";
-const f = e(o, r);
-export {
-  f as default
+"use client";
+import { composeEventHandlers as e } from "./index17.js";
+import { useComposedRefs as t } from "./index18.js";
+import { createSlot as n } from "./index19.js";
+import { Primitive as r } from "./index20.js";
+import { useCallbackRef as i } from "./index21.js";
+import { DismissableLayer as a } from "./index23.js";
+import { clamp as o } from "./index198.js";
+import { createContextScope as s } from "./index199.js";
+import { createCollection as c } from "./index200.js";
+import { useDirection as l } from "./index201.js";
+import { useFocusGuards as u } from "./index202.js";
+import { FocusScope as d } from "./index203.js";
+import { useLayoutEffect2 as f } from "./index204.js";
+import { useId as p } from "./index205.js";
+import { Anchor as m, Arrow as h, Content as g, Root2 as _, createPopperScope as v } from "./index213.js";
+import { Portal as y } from "./index214.js";
+import { useControllableState as b } from "./index215.js";
+import { usePrevious as x } from "./index216.js";
+import { VISUALLY_HIDDEN_STYLES as S } from "./index217.js";
+import { hideOthers as C } from "./index218.js";
+import w from "./index240.js";
+import * as T from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import * as k from "react-dom";
+//#region ../../node_modules/@radix-ui/react-select/dist/index.mjs
+var A = [
+	" ",
+	"Enter",
+	"ArrowUp",
+	"ArrowDown"
+], j = [" ", "Enter"], M = "Select", [N, P, F] = c(M), [I, ee] = s(M, [F, v]), L = v(), [R, z] = I(M), [te, B] = I(M), V = (e) => {
+	let { __scopeSelect: t, children: n, open: r, defaultOpen: i, onOpenChange: a, value: o, defaultValue: s, onValueChange: c, dir: u, name: d, autoComplete: f, disabled: m, required: h, form: g } = e, v = L(t), [y, x] = T.useState(null), [S, C] = T.useState(null), [w, E] = T.useState(!1), k = l(u), [A, j] = b({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: a,
+		caller: M
+	}), [P, F] = b({
+		prop: o,
+		defaultProp: s,
+		onChange: c,
+		caller: M
+	}), I = T.useRef(null), ee = y ? g || !!y.closest("form") : !0, [z, B] = T.useState(/* @__PURE__ */ new Set()), V = Array.from(z).map((e) => e.props.value).join(";");
+	return /* @__PURE__ */ D(_, {
+		...v,
+		children: /* @__PURE__ */ O(R, {
+			required: h,
+			scope: t,
+			trigger: y,
+			onTriggerChange: x,
+			valueNode: S,
+			onValueNodeChange: C,
+			valueNodeHasChildren: w,
+			onValueNodeHasChildrenChange: E,
+			contentId: p(),
+			value: P,
+			onValueChange: F,
+			open: A,
+			onOpenChange: j,
+			dir: k,
+			triggerPointerDownPosRef: I,
+			disabled: m,
+			children: [/* @__PURE__ */ D(N.Provider, {
+				scope: t,
+				children: /* @__PURE__ */ D(te, {
+					scope: e.__scopeSelect,
+					onNativeOptionAdd: T.useCallback((e) => {
+						B((t) => new Set(t).add(e));
+					}, []),
+					onNativeOptionRemove: T.useCallback((e) => {
+						B((t) => {
+							let n = new Set(t);
+							return n.delete(e), n;
+						});
+					}, []),
+					children: n
+				})
+			}), ee ? /* @__PURE__ */ O(Re, {
+				"aria-hidden": !0,
+				required: h,
+				tabIndex: -1,
+				name: d,
+				autoComplete: f,
+				value: P,
+				onChange: (e) => F(e.target.value),
+				disabled: m,
+				form: g,
+				children: [P === void 0 ? /* @__PURE__ */ D("option", { value: "" }) : null, Array.from(z)]
+			}, V) : null]
+		})
+	});
 };
-//# sourceMappingURL=index241.js.map
+V.displayName = M;
+var H = "SelectTrigger", U = T.forwardRef((n, i) => {
+	let { __scopeSelect: a, disabled: o = !1, ...s } = n, c = L(a), l = z(H, a), u = l.disabled || o, d = t(i, l.onTriggerChange), f = P(a), p = T.useRef("touch"), [h, g, _] = Be((e) => {
+		let t = f().filter((e) => !e.disabled), n = Ve(t, e, t.find((e) => e.value === l.value));
+		n !== void 0 && l.onValueChange(n.value);
+	}), v = (e) => {
+		u || (l.onOpenChange(!0), _()), e && (l.triggerPointerDownPosRef.current = {
+			x: Math.round(e.pageX),
+			y: Math.round(e.pageY)
+		});
+	};
+	return /* @__PURE__ */ D(m, {
+		asChild: !0,
+		...c,
+		children: /* @__PURE__ */ D(r.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": ze(l.value) ? "" : void 0,
+			...s,
+			ref: d,
+			onClick: e(s.onClick, (e) => {
+				e.currentTarget.focus(), p.current !== "mouse" && v(e);
+			}),
+			onPointerDown: e(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" && (v(e), e.preventDefault());
+			}),
+			onKeyDown: e(s.onKeyDown, (e) => {
+				let t = h.current !== "";
+				!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && g(e.key), !(t && e.key === " ") && A.includes(e.key) && (v(), e.preventDefault());
+			})
+		})
+	});
+});
+U.displayName = H;
+var W = "SelectValue", G = T.forwardRef((e, n) => {
+	let { __scopeSelect: i, className: a, style: o, children: s, placeholder: c = "", ...l } = e, u = z(W, i), { onValueNodeHasChildrenChange: d } = u, p = s !== void 0, m = t(n, u.onValueNodeChange);
+	return f(() => {
+		d(p);
+	}, [d, p]), /* @__PURE__ */ D(r.span, {
+		...l,
+		ref: m,
+		style: { pointerEvents: "none" },
+		children: ze(u.value) ? /* @__PURE__ */ D(E, { children: c }) : s
+	});
+});
+G.displayName = W;
+var ne = "SelectIcon", K = T.forwardRef((e, t) => {
+	let { __scopeSelect: n, children: i, ...a } = e;
+	return /* @__PURE__ */ D(r.span, {
+		"aria-hidden": !0,
+		...a,
+		ref: t,
+		children: i || "▼"
+	});
+});
+K.displayName = ne;
+var re = "SelectPortal", q = (e) => /* @__PURE__ */ D(y, {
+	asChild: !0,
+	...e
+});
+q.displayName = re;
+var J = "SelectContent", Y = T.forwardRef((e, t) => {
+	let n = z(J, e.__scopeSelect), [r, i] = T.useState();
+	if (f(() => {
+		i(new DocumentFragment());
+	}, []), !n.open) {
+		let t = r;
+		return t ? k.createPortal(/* @__PURE__ */ D(ie, {
+			scope: e.__scopeSelect,
+			children: /* @__PURE__ */ D(N.Slot, {
+				scope: e.__scopeSelect,
+				children: /* @__PURE__ */ D("div", { children: e.children })
+			})
+		}), t) : null;
+	}
+	return /* @__PURE__ */ D(se, {
+		...e,
+		ref: t
+	});
+});
+Y.displayName = J;
+var X = 10, [ie, Z] = I(J), ae = "SelectContentImpl", oe = n("SelectContent.RemoveScroll"), se = T.forwardRef((n, r) => {
+	let { __scopeSelect: i, position: o = "item-aligned", onCloseAutoFocus: s, onEscapeKeyDown: c, onPointerDownOutside: l, side: f, sideOffset: p, align: m, alignOffset: h, arrowPadding: g, collisionBoundary: _, collisionPadding: v, sticky: y, hideWhenDetached: b, avoidCollisions: x, ...S } = n, E = z(J, i), [O, k] = T.useState(null), [A, j] = T.useState(null), M = t(r, (e) => k(e)), [N, F] = T.useState(null), [I, ee] = T.useState(null), L = P(i), [R, te] = T.useState(!1), B = T.useRef(!1);
+	T.useEffect(() => {
+		if (O) return C(O);
+	}, [O]), u();
+	let V = T.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 && A && (A.scrollTop = 0), n === r && A && (A.scrollTop = A.scrollHeight), n?.focus(), document.activeElement !== i)) return;
+	}, [L, A]), H = T.useCallback(() => V([N, O]), [
+		V,
+		N,
+		O
+	]);
+	T.useEffect(() => {
+		R && H();
+	}, [R, H]);
+	let { onOpenChange: U, triggerPointerDownPosRef: W } = E;
+	T.useEffect(() => {
+		if (O) {
+			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() : O.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 });
+			};
+		}
+	}, [
+		O,
+		U,
+		W
+	]), T.useEffect(() => {
+		let e = () => U(!1);
+		return window.addEventListener("blur", e), window.addEventListener("resize", e), () => {
+			window.removeEventListener("blur", e), window.removeEventListener("resize", e);
+		};
+	}, [U]);
+	let [G, ne] = Be((e) => {
+		let t = L().filter((e) => !e.disabled), n = Ve(t, e, t.find((e) => e.ref.current === document.activeElement));
+		n && setTimeout(() => n.ref.current.focus());
+	}), K = T.useCallback((e, t, n) => {
+		let r = !B.current && !n;
+		(E.value !== void 0 && E.value === t || r) && (F(e), r && (B.current = !0));
+	}, [E.value]), re = T.useCallback(() => O?.focus(), [O]), q = T.useCallback((e, t, n) => {
+		let r = !B.current && !n;
+		(E.value !== void 0 && E.value === t || r) && ee(e);
+	}, [E.value]), Y = o === "popper" ? de : le, X = Y === de ? {
+		side: f,
+		sideOffset: p,
+		align: m,
+		alignOffset: h,
+		arrowPadding: g,
+		collisionBoundary: _,
+		collisionPadding: v,
+		sticky: y,
+		hideWhenDetached: b,
+		avoidCollisions: x
+	} : {};
+	return /* @__PURE__ */ D(ie, {
+		scope: i,
+		content: O,
+		viewport: A,
+		onViewportChange: j,
+		itemRefCallback: K,
+		selectedItem: N,
+		onItemLeave: re,
+		itemTextRefCallback: q,
+		focusSelectedItem: H,
+		selectedItemText: I,
+		position: o,
+		isPositioned: R,
+		searchRef: G,
+		children: /* @__PURE__ */ D(w, {
+			as: oe,
+			allowPinchZoom: !0,
+			children: /* @__PURE__ */ D(d, {
+				asChild: !0,
+				trapped: E.open,
+				onMountAutoFocus: (e) => {
+					e.preventDefault();
+				},
+				onUnmountAutoFocus: e(s, (e) => {
+					E.trigger?.focus({ preventScroll: !0 }), e.preventDefault();
+				}),
+				children: /* @__PURE__ */ D(a, {
+					asChild: !0,
+					disableOutsidePointerEvents: !0,
+					onEscapeKeyDown: c,
+					onPointerDownOutside: l,
+					onFocusOutside: (e) => e.preventDefault(),
+					onDismiss: () => E.onOpenChange(!1),
+					children: /* @__PURE__ */ D(Y, {
+						role: "listbox",
+						id: E.contentId,
+						"data-state": E.open ? "open" : "closed",
+						dir: E.dir,
+						onContextMenu: (e) => e.preventDefault(),
+						...S,
+						...X,
+						onPlaced: () => te(!0),
+						ref: M,
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							outline: "none",
+							...S.style
+						},
+						onKeyDown: e(S.onKeyDown, (e) => {
+							let t = e.ctrlKey || e.altKey || e.metaKey;
+							if (e.key === "Tab" && e.preventDefault(), !t && e.key.length === 1 && ne(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(() => V(t)), e.preventDefault();
+							}
+						})
+					})
+				})
+			})
+		})
+	});
+});
+se.displayName = ae;
+var ce = "SelectItemAlignedPosition", le = T.forwardRef((e, n) => {
+	let { __scopeSelect: i, onPlaced: a, ...s } = e, c = z(J, i), l = Z(J, i), [u, d] = T.useState(null), [p, m] = T.useState(null), h = t(n, (e) => m(e)), g = P(i), _ = T.useRef(!1), v = T.useRef(!0), { viewport: y, selectedItem: b, selectedItemText: x, focusSelectedItem: S } = l, C = T.useCallback(() => {
+		if (c.trigger && c.valueNode && u && p && y && b && x) {
+			let e = c.trigger.getBoundingClientRect(), t = p.getBoundingClientRect(), n = c.valueNode.getBoundingClientRect(), r = x.getBoundingClientRect();
+			if (c.dir !== "rtl") {
+				let i = r.left - t.left, a = n.left - i, s = e.left - a, c = e.width + s, l = Math.max(c, t.width), d = window.innerWidth - X, f = o(a, [X, Math.max(X, d - l)]);
+				u.style.minWidth = c + "px", u.style.left = f + "px";
+			} else {
+				let i = t.right - r.right, a = window.innerWidth - n.right - i, s = window.innerWidth - e.right - a, c = e.width + s, l = Math.max(c, t.width), d = window.innerWidth - X, f = o(a, [X, Math.max(X, d - l)]);
+				u.style.minWidth = c + "px", u.style.right = f + "px";
+			}
+			let i = g(), s = window.innerHeight - X * 2, l = y.scrollHeight, d = window.getComputedStyle(p), f = parseInt(d.borderTopWidth, 10), m = parseInt(d.paddingTop, 10), h = parseInt(d.borderBottomWidth, 10), v = parseInt(d.paddingBottom, 10), S = f + m + l + v + h, 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 = s - D, k = b.offsetHeight / 2, A = b.offsetTop + k, j = f + m + A, M = S - j;
+			if (j <= D) {
+				let e = i.length > 0 && b === i[i.length - 1].ref.current;
+				u.style.bottom = "0px";
+				let t = p.clientHeight - y.offsetTop - y.offsetHeight, n = j + Math.max(O, k + (e ? E : 0) + t + h);
+				u.style.height = n + "px";
+			} else {
+				let e = i.length > 0 && b === i[0].ref.current;
+				u.style.top = "0px";
+				let t = Math.max(D, f + 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 = s + "px", a?.(), requestAnimationFrame(() => _.current = !0);
+		}
+	}, [
+		g,
+		c.trigger,
+		c.valueNode,
+		u,
+		p,
+		y,
+		b,
+		x,
+		c.dir,
+		a
+	]);
+	f(() => C(), [C]);
+	let [w, E] = T.useState();
+	return f(() => {
+		p && E(window.getComputedStyle(p).zIndex);
+	}, [p]), /* @__PURE__ */ D(fe, {
+		scope: i,
+		contentWrapper: u,
+		shouldExpandOnScrollRef: _,
+		onScrollButtonChange: T.useCallback((e) => {
+			e && v.current === !0 && (C(), S?.(), v.current = !1);
+		}, [C, S]),
+		children: /* @__PURE__ */ D("div", {
+			ref: d,
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				position: "fixed",
+				zIndex: w
+			},
+			children: /* @__PURE__ */ D(r.div, {
+				...s,
+				ref: h,
+				style: {
+					boxSizing: "border-box",
+					maxHeight: "100%",
+					...s.style
+				}
+			})
+		})
+	});
+});
+le.displayName = ce;
+var ue = "SelectPopperPosition", de = T.forwardRef((e, t) => {
+	let { __scopeSelect: n, align: r = "start", collisionPadding: i = X, ...a } = e;
+	return /* @__PURE__ */ D(g, {
+		...L(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)"
+		}
+	});
+});
+de.displayName = ue;
+var [fe, pe] = I(J, {}), me = "SelectViewport", he = T.forwardRef((n, i) => {
+	let { __scopeSelect: a, nonce: o, ...s } = n, c = Z(me, a), l = pe(me, a), u = t(i, c.onViewportChange), d = T.useRef(0);
+	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("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__ */ D(N.Slot, {
+		scope: a,
+		children: /* @__PURE__ */ D(r.div, {
+			"data-radix-select-viewport": "",
+			role: "presentation",
+			...s,
+			ref: u,
+			style: {
+				position: "relative",
+				flex: 1,
+				overflow: "hidden auto",
+				...s.style
+			},
+			onScroll: e(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 - 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;
+			})
+		})
+	})] });
+});
+he.displayName = me;
+var ge = "SelectGroup", [_e, ve] = I(ge), ye = T.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...i } = e, a = p();
+	return /* @__PURE__ */ D(_e, {
+		scope: n,
+		id: a,
+		children: /* @__PURE__ */ D(r.div, {
+			role: "group",
+			"aria-labelledby": a,
+			...i,
+			ref: t
+		})
+	});
+});
+ye.displayName = ge;
+var be = "SelectLabel", xe = T.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...i } = e, a = ve(be, n);
+	return /* @__PURE__ */ D(r.div, {
+		id: a.id,
+		...i,
+		ref: t
+	});
+});
+xe.displayName = be;
+var Q = "SelectItem", [Se, Ce] = I(Q), we = T.forwardRef((n, i) => {
+	let { __scopeSelect: a, value: o, disabled: s = !1, textValue: c, ...l } = n, u = z(Q, a), d = Z(Q, a), f = u.value === o, [m, h] = T.useState(c ?? ""), [g, _] = T.useState(!1), v = t(i, (e) => d.itemRefCallback?.(e, o, s)), y = p(), b = T.useRef("touch"), x = () => {
+		s || (u.onValueChange(o), u.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__ */ D(Se, {
+		scope: a,
+		value: o,
+		disabled: s,
+		textId: y,
+		isSelected: f,
+		onItemTextChange: T.useCallback((e) => {
+			h((t) => t || (e?.textContent ?? "").trim());
+		}, []),
+		children: /* @__PURE__ */ D(N.ItemSlot, {
+			scope: a,
+			value: o,
+			disabled: s,
+			textValue: m,
+			children: /* @__PURE__ */ D(r.div, {
+				role: "option",
+				"aria-labelledby": y,
+				"data-highlighted": g ? "" : void 0,
+				"aria-selected": f && g,
+				"data-state": f ? "checked" : "unchecked",
+				"aria-disabled": s || void 0,
+				"data-disabled": s ? "" : void 0,
+				tabIndex: s ? void 0 : -1,
+				...l,
+				ref: v,
+				onFocus: e(l.onFocus, () => _(!0)),
+				onBlur: e(l.onBlur, () => _(!1)),
+				onClick: e(l.onClick, () => {
+					b.current !== "mouse" && x();
+				}),
+				onPointerUp: e(l.onPointerUp, () => {
+					b.current === "mouse" && x();
+				}),
+				onPointerDown: e(l.onPointerDown, (e) => {
+					b.current = e.pointerType;
+				}),
+				onPointerMove: e(l.onPointerMove, (e) => {
+					b.current = e.pointerType, s ? d.onItemLeave?.() : b.current === "mouse" && e.currentTarget.focus({ preventScroll: !0 });
+				}),
+				onPointerLeave: e(l.onPointerLeave, (e) => {
+					e.currentTarget === document.activeElement && d.onItemLeave?.();
+				}),
+				onKeyDown: e(l.onKeyDown, (e) => {
+					d.searchRef?.current !== "" && e.key === " " || (j.includes(e.key) && x(), e.key === " " && e.preventDefault());
+				})
+			})
+		})
+	});
+});
+we.displayName = Q;
+var $ = "SelectItemText", Te = T.forwardRef((e, n) => {
+	let { __scopeSelect: i, className: a, style: o, ...s } = e, c = z($, i), l = Z($, i), u = Ce($, i), d = B($, i), [p, m] = T.useState(null), h = t(n, (e) => m(e), u.onItemTextChange, (e) => l.itemTextRefCallback?.(e, u.value, u.disabled)), g = p?.textContent, _ = T.useMemo(() => /* @__PURE__ */ D("option", {
+		value: u.value,
+		disabled: u.disabled,
+		children: g
+	}, u.value), [
+		u.disabled,
+		u.value,
+		g
+	]), { onNativeOptionAdd: v, onNativeOptionRemove: y } = d;
+	return f(() => (v(_), () => y(_)), [
+		v,
+		y,
+		_
+	]), /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(r.span, {
+		id: u.textId,
+		...s,
+		ref: h
+	}), u.isSelected && c.valueNode && !c.valueNodeHasChildren ? k.createPortal(s.children, c.valueNode) : null] });
+});
+Te.displayName = $;
+var Ee = "SelectItemIndicator", De = T.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...i } = e;
+	return Ce(Ee, n).isSelected ? /* @__PURE__ */ D(r.span, {
+		"aria-hidden": !0,
+		...i,
+		ref: t
+	}) : null;
+});
+De.displayName = Ee;
+var Oe = "SelectScrollUpButton", ke = T.forwardRef((e, n) => {
+	let r = Z(Oe, e.__scopeSelect), i = pe(Oe, e.__scopeSelect), [a, o] = T.useState(!1), s = t(n, i.onScrollButtonChange);
+	return f(() => {
+		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__ */ D(Me, {
+		...e,
+		ref: s,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = r;
+			e && t && (e.scrollTop -= t.offsetHeight);
+		}
+	}) : null;
+});
+ke.displayName = Oe;
+var Ae = "SelectScrollDownButton", je = T.forwardRef((e, n) => {
+	let r = Z(Ae, e.__scopeSelect), i = pe(Ae, e.__scopeSelect), [a, o] = T.useState(!1), s = t(n, i.onScrollButtonChange);
+	return f(() => {
+		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__ */ D(Me, {
+		...e,
+		ref: s,
+		onAutoScroll: () => {
+			let { viewport: e, selectedItem: t } = r;
+			e && t && (e.scrollTop += t.offsetHeight);
+		}
+	}) : null;
+});
+je.displayName = Ae;
+var Me = T.forwardRef((t, n) => {
+	let { __scopeSelect: i, onAutoScroll: a, ...o } = t, s = Z("SelectScrollButton", i), c = T.useRef(null), l = P(i), u = T.useCallback(() => {
+		c.current !== null && (window.clearInterval(c.current), c.current = null);
+	}, []);
+	return T.useEffect(() => () => u(), [u]), f(() => {
+		l().find((e) => e.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+	}, [l]), /* @__PURE__ */ D(r.div, {
+		"aria-hidden": !0,
+		...o,
+		ref: n,
+		style: {
+			flexShrink: 0,
+			...o.style
+		},
+		onPointerDown: e(o.onPointerDown, () => {
+			c.current === null && (c.current = window.setInterval(a, 50));
+		}),
+		onPointerMove: e(o.onPointerMove, () => {
+			s.onItemLeave?.(), c.current === null && (c.current = window.setInterval(a, 50));
+		}),
+		onPointerLeave: e(o.onPointerLeave, () => {
+			u();
+		})
+	});
+}), Ne = "SelectSeparator", Pe = T.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...i } = e;
+	return /* @__PURE__ */ D(r.div, {
+		"aria-hidden": !0,
+		...i,
+		ref: t
+	});
+});
+Pe.displayName = Ne;
+var Fe = "SelectArrow", Ie = T.forwardRef((e, t) => {
+	let { __scopeSelect: n, ...r } = e, i = L(n), a = z(Fe, n), o = Z(Fe, n);
+	return a.open && o.position === "popper" ? /* @__PURE__ */ D(h, {
+		...i,
+		...r,
+		ref: t
+	}) : null;
+});
+Ie.displayName = Fe;
+var Le = "SelectBubbleInput", Re = T.forwardRef(({ __scopeSelect: e, value: n, ...i }, a) => {
+	let o = T.useRef(null), s = t(a, o), c = x(n);
+	return T.useEffect(() => {
+		let e = o.current;
+		if (!e) return;
+		let t = window.HTMLSelectElement.prototype, r = Object.getOwnPropertyDescriptor(t, "value").set;
+		if (c !== n && r) {
+			let t = new Event("change", { bubbles: !0 });
+			r.call(e, n), e.dispatchEvent(t);
+		}
+	}, [c, n]), /* @__PURE__ */ D(r.select, {
+		...i,
+		style: {
+			...S,
+			...i.style
+		},
+		ref: s,
+		defaultValue: n
+	});
+});
+Re.displayName = Le;
+function ze(e) {
+	return e === "" || e === void 0;
+}
+function Be(e) {
+	let t = i(e), n = T.useRef(""), r = T.useRef(0), a = T.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]), o = T.useCallback(() => {
+		n.current = "", window.clearTimeout(r.current);
+	}, []);
+	return T.useEffect(() => () => window.clearTimeout(r.current), []), [
+		n,
+		a,
+		o
+	];
+}
+function Ve(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 = He(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 He(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
+}
+var Ue = V, We = U, Ge = G, Ke = K, qe = q, Je = Y, Ye = he, Xe = ye, Ze = xe, Qe = we, $e = Te, et = De, tt = Pe;
+//#endregion
+export { Je as Content2, Xe as Group, Ke as Icon, Qe as Item, et as ItemIndicator, $e as ItemText, Ze as Label, qe as Portal, Ue as Root2, tt as Separator, We as Trigger, Ge as Value, Ye as Viewport };
+
+//# sourceMappingURL=index241.js.map