@rpcbase/ui 0.207.0 → 0.209.0

package/dist/index307.js

@@ -1,565 +1,156 @@
 "use client";
 import { composeEventHandlers as e } from "./index17.js";
-import { composeRefs as t, useComposedRefs as n } from "./index18.js";
-import { createSlot as r } from "./index19.js";
-import { Primitive as i, dispatchDiscreteCustomEvent as a } from "./index20.js";
-import { useCallbackRef as o } from "./index21.js";
-import { DismissableLayer as s } from "./index23.js";
-import { createContextScope as c } from "./index199.js";
-import { createCollection as l } from "./index200.js";
-import { useDirection as u } from "./index201.js";
-import { useFocusGuards as d } from "./index202.js";
-import { FocusScope as f } from "./index203.js";
-import { useId as p } from "./index205.js";
-import { Anchor as m, Arrow as h, Content as ee, Root2 as g, createPopperScope as _ } from "./index213.js";
-import { Portal as te } from "./index214.js";
-import { hideOthers as v } from "./index218.js";
-import ne from "./index240.js";
-import { Presence as y } from "./index305.js";
-import { Item as b, Root as re, createRovingFocusGroupScope as x } from "./index306.js";
-import * as S from "react";
-import { jsx as C } from "react/jsx-runtime";
-//#region ../../node_modules/@radix-ui/react-menu/dist/index.mjs
-var w = ["Enter", " "], ie = [
-	"ArrowDown",
-	"PageUp",
-	"Home"
-], T = [
-	"ArrowUp",
-	"PageDown",
-	"End"
-], ae = [...ie, ...T], E = {
-	ltr: [...w, "ArrowRight"],
-	rtl: [...w, "ArrowLeft"]
-}, oe = {
-	ltr: ["ArrowLeft"],
-	rtl: ["ArrowRight"]
-}, D = "Menu", [O, se, ce] = l(D), [k, A] = c(D, [
-	ce,
-	_,
-	x
-]), j = _(), le = x(), [M, N] = k(D), [P, F] = k(D), I = (e) => {
-	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: s = !0 } = e, c = j(t), [l, d] = S.useState(null), f = S.useRef(!1), p = o(a), m = u(i);
-	return S.useEffect(() => {
-		let e = () => {
-			f.current = !0, document.addEventListener("pointerdown", t, {
-				capture: !0,
-				once: !0
-			}), document.addEventListener("pointermove", t, {
-				capture: !0,
-				once: !0
-			});
-		}, t = () => f.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__ */ C(g, {
-		...c,
-		children: /* @__PURE__ */ C(M, {
-			scope: t,
-			open: n,
-			onOpenChange: p,
-			content: l,
-			onContentChange: d,
-			children: /* @__PURE__ */ C(P, {
-				scope: t,
-				onClose: S.useCallback(() => p(!1), [p]),
-				isUsingKeyboardRef: f,
-				dir: m,
-				modal: s,
-				children: r
-			})
-		})
-	});
-};
-I.displayName = D;
-var L = "MenuAnchor", R = S.forwardRef((e, t) => {
-	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(m, {
-		...j(n),
-		...r,
-		ref: t
-	});
-});
-R.displayName = L;
-var z = "MenuPortal", [ue, B] = k(z, { forceMount: void 0 }), de = (e) => {
-	let { __scopeMenu: t, forceMount: n, children: r, container: i } = e, a = N(z, t);
-	return /* @__PURE__ */ C(ue, {
-		scope: t,
-		forceMount: n,
-		children: /* @__PURE__ */ C(y, {
-			present: n || a.open,
-			children: /* @__PURE__ */ C(te, {
-				asChild: !0,
-				container: i,
-				children: r
-			})
-		})
-	});
-};
-de.displayName = z;
-var V = "MenuContent", [fe, H] = k(V), U = S.forwardRef((e, t) => {
-	let n = B(V, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = N(V, e.__scopeMenu), o = F(V, e.__scopeMenu);
-	return /* @__PURE__ */ C(O.Provider, {
-		scope: e.__scopeMenu,
-		children: /* @__PURE__ */ C(y, {
-			present: r || a.open,
-			children: /* @__PURE__ */ C(O.Slot, {
-				scope: e.__scopeMenu,
-				children: o.modal ? /* @__PURE__ */ C(pe, {
-					...i,
-					ref: t
-				}) : /* @__PURE__ */ C(me, {
-					...i,
-					ref: t
-				})
-			})
-		})
-	});
-}), pe = S.forwardRef((t, r) => {
-	let i = N(V, t.__scopeMenu), a = S.useRef(null), o = n(r, a);
-	return S.useEffect(() => {
-		let e = a.current;
-		if (e) return v(e);
-	}, []), /* @__PURE__ */ C(W, {
-		...t,
-		ref: o,
-		trapFocus: i.open,
-		disableOutsidePointerEvents: i.open,
-		disableOutsideScroll: !0,
-		onFocusOutside: e(t.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 }),
-		onDismiss: () => i.onOpenChange(!1)
-	});
-}), me = S.forwardRef((e, t) => {
-	let n = N(V, e.__scopeMenu);
-	return /* @__PURE__ */ C(W, {
-		...e,
-		ref: t,
-		trapFocus: !1,
-		disableOutsidePointerEvents: !1,
-		disableOutsideScroll: !1,
-		onDismiss: () => n.onOpenChange(!1)
-	});
-}), he = r("MenuContent.ScrollLock"), W = S.forwardRef((t, r) => {
-	let { __scopeMenu: i, loop: a = !1, trapFocus: o, onOpenAutoFocus: c, onCloseAutoFocus: l, disableOutsidePointerEvents: u, onEntryFocus: p, onEscapeKeyDown: m, onPointerDownOutside: h, onFocusOutside: g, onInteractOutside: _, onDismiss: te, disableOutsideScroll: v, ...y } = t, b = N(V, i), x = F(V, i), w = j(i), ie = le(i), E = se(i), [oe, D] = S.useState(null), O = S.useRef(null), ce = n(r, O, b.onContentChange), k = S.useRef(0), A = S.useRef(""), M = S.useRef(0), P = S.useRef(null), I = S.useRef("right"), L = S.useRef(0), R = v ? ne : S.Fragment, z = v ? {
-		as: he,
-		allowPinchZoom: !0
-	} : void 0, ue = (e) => {
-		let t = A.current + e, n = E().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = Ge(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
-		(function e(t) {
-			A.current = t, window.clearTimeout(k.current), t !== "" && (k.current = window.setTimeout(() => e(""), 1e3));
-		})(t), o && setTimeout(() => o.focus());
-	};
-	S.useEffect(() => () => window.clearTimeout(k.current), []), d();
-	let B = S.useCallback((e) => I.current === P.current?.side && qe(e, P.current?.area), []);
-	return /* @__PURE__ */ C(fe, {
-		scope: i,
-		searchRef: A,
-		onItemEnter: S.useCallback((e) => {
-			B(e) && e.preventDefault();
-		}, [B]),
-		onItemLeave: S.useCallback((e) => {
-			B(e) || (O.current?.focus(), D(null));
-		}, [B]),
-		onTriggerLeave: S.useCallback((e) => {
-			B(e) && e.preventDefault();
-		}, [B]),
-		pointerGraceTimerRef: M,
-		onPointerGraceIntentChange: S.useCallback((e) => {
-			P.current = e;
-		}, []),
-		children: /* @__PURE__ */ C(R, {
-			...z,
-			children: /* @__PURE__ */ C(f, {
-				asChild: !0,
-				trapped: o,
-				onMountAutoFocus: e(c, (e) => {
-					e.preventDefault(), O.current?.focus({ preventScroll: !0 });
-				}),
-				onUnmountAutoFocus: l,
-				children: /* @__PURE__ */ C(s, {
-					asChild: !0,
-					disableOutsidePointerEvents: u,
-					onEscapeKeyDown: m,
-					onPointerDownOutside: h,
-					onFocusOutside: g,
-					onInteractOutside: _,
-					onDismiss: te,
-					children: /* @__PURE__ */ C(re, {
-						asChild: !0,
-						...ie,
-						dir: x.dir,
-						orientation: "vertical",
-						loop: a,
-						currentTabStopId: oe,
-						onCurrentTabStopIdChange: D,
-						onEntryFocus: e(p, (e) => {
-							x.isUsingKeyboardRef.current || e.preventDefault();
-						}),
-						preventScrollOnEntryFocus: !0,
-						children: /* @__PURE__ */ C(ee, {
-							role: "menu",
-							"aria-orientation": "vertical",
-							"data-state": He(b.open),
-							"data-radix-menu-content": "",
-							dir: x.dir,
-							...w,
-							...y,
-							ref: ce,
-							style: {
-								outline: "none",
-								...y.style
-							},
-							onKeyDown: e(y.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 && ue(e.key));
-								let i = O.current;
-								if (e.target !== i || !ae.includes(e.key)) return;
-								e.preventDefault();
-								let a = E().filter((e) => !e.disabled).map((e) => e.ref.current);
-								T.includes(e.key) && a.reverse(), Ue(a);
-							}),
-							onBlur: e(t.onBlur, (e) => {
-								e.currentTarget.contains(e.target) || (window.clearTimeout(k.current), A.current = "");
-							}),
-							onPointerMove: e(t.onPointerMove, $((e) => {
-								let t = e.target, n = L.current !== e.clientX;
-								e.currentTarget.contains(t) && n && (I.current = e.clientX > L.current ? "right" : "left", L.current = e.clientX);
-							}))
-						})
-					})
-				})
-			})
-		})
-	});
-});
-U.displayName = V;
-var ge = "MenuGroup", G = S.forwardRef((e, t) => {
-	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(i.div, {
-		role: "group",
-		...r,
-		ref: t
-	});
-});
-G.displayName = ge;
-var _e = "MenuLabel", ve = S.forwardRef((e, t) => {
-	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(i.div, {
-		...r,
-		ref: t
-	});
-});
-ve.displayName = _e;
-var K = "MenuItem", ye = "menu.itemSelect", q = S.forwardRef((t, r) => {
-	let { disabled: i = !1, onSelect: o, ...s } = t, c = S.useRef(null), l = F(K, t.__scopeMenu), u = H(K, t.__scopeMenu), d = n(r, c), f = S.useRef(!1), p = () => {
-		let e = c.current;
-		if (!i && e) {
-			let t = new CustomEvent(ye, {
-				bubbles: !0,
-				cancelable: !0
-			});
-			e.addEventListener(ye, (e) => o?.(e), { once: !0 }), a(e, t), t.defaultPrevented ? f.current = !1 : l.onClose();
-		}
-	};
-	return /* @__PURE__ */ C(be, {
-		...s,
-		ref: d,
-		disabled: i,
-		onClick: e(t.onClick, p),
-		onPointerDown: (e) => {
-			t.onPointerDown?.(e), f.current = !0;
-		},
-		onPointerUp: e(t.onPointerUp, (e) => {
-			f.current || e.currentTarget?.click();
-		}),
-		onKeyDown: e(t.onKeyDown, (e) => {
-			let t = u.searchRef.current !== "";
-			i || t && e.key === " " || w.includes(e.key) && (e.currentTarget.click(), e.preventDefault());
-		})
-	});
-});
-q.displayName = K;
-var be = S.forwardRef((t, r) => {
-	let { __scopeMenu: a, disabled: o = !1, textValue: s, ...c } = t, l = H(K, a), u = le(a), d = S.useRef(null), f = n(r, d), [p, m] = S.useState(!1), [h, ee] = S.useState("");
-	return S.useEffect(() => {
-		let e = d.current;
-		e && ee((e.textContent ?? "").trim());
-	}, [c.children]), /* @__PURE__ */ C(O.ItemSlot, {
-		scope: a,
-		disabled: o,
-		textValue: s ?? h,
-		children: /* @__PURE__ */ C(b, {
-			asChild: !0,
-			...u,
-			focusable: !o,
-			children: /* @__PURE__ */ C(i.div, {
-				role: "menuitem",
-				"data-highlighted": p ? "" : void 0,
-				"aria-disabled": o || void 0,
-				"data-disabled": o ? "" : void 0,
-				...c,
-				ref: f,
-				onPointerMove: e(t.onPointerMove, $((e) => {
-					o ? l.onItemLeave(e) : (l.onItemEnter(e), e.defaultPrevented || e.currentTarget.focus({ preventScroll: !0 }));
-				})),
-				onPointerLeave: e(t.onPointerLeave, $((e) => l.onItemLeave(e))),
-				onFocus: e(t.onFocus, () => m(!0)),
-				onBlur: e(t.onBlur, () => m(!1))
-			})
-		})
-	});
-}), xe = "MenuCheckboxItem", Se = S.forwardRef((t, n) => {
-	let { checked: r = !1, onCheckedChange: i, ...a } = t;
-	return /* @__PURE__ */ C(ke, {
-		scope: t.__scopeMenu,
-		checked: r,
-		children: /* @__PURE__ */ C(q, {
-			role: "menuitemcheckbox",
-			"aria-checked": Z(r) ? "mixed" : r,
-			...a,
-			ref: n,
-			"data-state": Q(r),
-			onSelect: e(a.onSelect, () => i?.(Z(r) ? !0 : !r), { checkForDefaultPrevented: !1 })
-		})
-	});
-});
-Se.displayName = xe;
-var Ce = "MenuRadioGroup", [we, Te] = k(Ce, {
-	value: void 0,
-	onValueChange: () => {}
-}), Ee = S.forwardRef((e, t) => {
-	let { value: n, onValueChange: r, ...i } = e, a = o(r);
-	return /* @__PURE__ */ C(we, {
-		scope: e.__scopeMenu,
-		value: n,
-		onValueChange: a,
-		children: /* @__PURE__ */ C(G, {
-			...i,
+import { useComposedRefs as t } from "./index18.js";
+import { Primitive as n } from "./index20.js";
+import { useCallbackRef as r } from "./index21.js";
+import { createContextScope as i } from "./index198.js";
+import { createCollection as a } from "./index200.js";
+import { useDirection as o } from "./index201.js";
+import { useId as s } from "./index205.js";
+import { useControllableState as c } from "./index216.js";
+import * as l from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
+var d = "rovingFocusGroup.onEntryFocus", f = {
+	bubbles: !1,
+	cancelable: !0
+}, p = "RovingFocusGroup", [m, h, g] = a(p), [_, v] = i(p, [g]), [y, b] = _(p), x = l.forwardRef((e, t) => /* @__PURE__ */ u(m.Provider, {
+	scope: e.__scopeRovingFocusGroup,
+	children: /* @__PURE__ */ u(m.Slot, {
+		scope: e.__scopeRovingFocusGroup,
+		children: /* @__PURE__ */ u(S, {
+			...e,
 			ref: t
 		})
-	});
-});
-Ee.displayName = Ce;
-var De = "MenuRadioItem", Oe = S.forwardRef((t, n) => {
-	let { value: r, ...i } = t, a = Te(De, t.__scopeMenu), o = r === a.value;
-	return /* @__PURE__ */ C(ke, {
-		scope: t.__scopeMenu,
-		checked: o,
-		children: /* @__PURE__ */ C(q, {
-			role: "menuitemradio",
-			"aria-checked": o,
-			...i,
-			ref: n,
-			"data-state": Q(o),
-			onSelect: e(i.onSelect, () => a.onValueChange?.(r), { checkForDefaultPrevented: !1 })
-		})
-	});
-});
-Oe.displayName = De;
-var J = "MenuItemIndicator", [ke, Ae] = k(J, { checked: !1 }), je = S.forwardRef((e, t) => {
-	let { __scopeMenu: n, forceMount: r, ...a } = e, o = Ae(J, n);
-	return /* @__PURE__ */ C(y, {
-		present: r || Z(o.checked) || o.checked === !0,
-		children: /* @__PURE__ */ C(i.span, {
-			...a,
-			ref: t,
-			"data-state": Q(o.checked)
-		})
-	});
-});
-je.displayName = J;
-var Me = "MenuSeparator", Ne = S.forwardRef((e, t) => {
-	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(i.div, {
-		role: "separator",
-		"aria-orientation": "horizontal",
-		...r,
-		ref: t
-	});
-});
-Ne.displayName = Me;
-var Pe = "MenuArrow", Fe = S.forwardRef((e, t) => {
-	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(h, {
-		...j(n),
-		...r,
-		ref: t
-	});
-});
-Fe.displayName = Pe;
-var Y = "MenuSub", [Ie, Le] = k(Y), Re = (e) => {
-	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = N(Y, t), s = j(t), [c, l] = S.useState(null), [u, d] = S.useState(null), f = o(i);
-	return S.useEffect(() => (a.open === !1 && f(!1), () => f(!1)), [a.open, f]), /* @__PURE__ */ C(g, {
-		...s,
-		children: /* @__PURE__ */ C(M, {
-			scope: t,
-			open: r,
-			onOpenChange: f,
-			content: u,
-			onContentChange: d,
-			children: /* @__PURE__ */ C(Ie, {
-				scope: t,
-				contentId: p(),
-				triggerId: p(),
-				trigger: c,
-				onTriggerChange: l,
-				children: n
-			})
-		})
-	});
-};
-Re.displayName = Y;
-var X = "MenuSubTrigger", ze = S.forwardRef((n, r) => {
-	let i = N(X, n.__scopeMenu), a = F(X, n.__scopeMenu), o = Le(X, n.__scopeMenu), s = H(X, n.__scopeMenu), c = S.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: u } = s, d = { __scopeMenu: n.__scopeMenu }, f = S.useCallback(() => {
-		c.current && window.clearTimeout(c.current), c.current = null;
-	}, []);
-	return S.useEffect(() => f, [f]), S.useEffect(() => {
-		let e = l.current;
-		return () => {
-			window.clearTimeout(e), u(null);
-		};
-	}, [l, u]), /* @__PURE__ */ C(R, {
-		asChild: !0,
-		...d,
-		children: /* @__PURE__ */ C(be, {
-			id: o.triggerId,
-			"aria-haspopup": "menu",
-			"aria-expanded": i.open,
-			"aria-controls": o.contentId,
-			"data-state": He(i.open),
-			...n,
-			ref: t(r, o.onTriggerChange),
-			onClick: (e) => {
-				n.onClick?.(e), !(n.disabled || e.defaultPrevented) && (e.currentTarget.focus(), i.open || i.onOpenChange(!0));
+	})
+}));
+x.displayName = p;
+var S = l.forwardRef((i, a) => {
+	let { __scopeRovingFocusGroup: s, orientation: m, loop: g = !1, dir: _, currentTabStopId: v, defaultCurrentTabStopId: b, onCurrentTabStopIdChange: x, onEntryFocus: S, preventScrollOnEntryFocus: C = !1, ...w } = i, T = l.useRef(null), E = t(a, T), D = o(_), [k, A] = c({
+		prop: v,
+		defaultProp: b ?? null,
+		onChange: x,
+		caller: p
+	}), [j, M] = l.useState(!1), N = r(S), P = h(s), F = l.useRef(!1), [I, L] = l.useState(0);
+	return l.useEffect(() => {
+		let e = T.current;
+		if (e) return e.addEventListener(d, N), () => e.removeEventListener(d, N);
+	}, [N]), /* @__PURE__ */ u(y, {
+		scope: s,
+		orientation: m,
+		dir: D,
+		loop: g,
+		currentTabStopId: k,
+		onItemFocus: l.useCallback((e) => A(e), [A]),
+		onItemShiftTab: l.useCallback(() => M(!0), []),
+		onFocusableItemAdd: l.useCallback(() => L((e) => e + 1), []),
+		onFocusableItemRemove: l.useCallback(() => L((e) => e - 1), []),
+		children: /* @__PURE__ */ u(n.div, {
+			tabIndex: j || I === 0 ? -1 : 0,
+			"data-orientation": m,
+			...w,
+			ref: E,
+			style: {
+				outline: "none",
+				...i.style
 			},
-			onPointerMove: e(n.onPointerMove, $((e) => {
-				s.onItemEnter(e), !e.defaultPrevented && !n.disabled && !i.open && !c.current && (s.onPointerGraceIntentChange(null), c.current = window.setTimeout(() => {
-					i.onOpenChange(!0), f();
-				}, 100));
-			})),
-			onPointerLeave: e(n.onPointerLeave, $((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);
+			onMouseDown: e(i.onMouseDown, () => {
+				F.current = !0;
+			}),
+			onFocus: e(i.onFocus, (e) => {
+				let t = !F.current;
+				if (e.target === e.currentTarget && t && !j) {
+					let t = new CustomEvent(d, f);
+					if (e.currentTarget.dispatchEvent(t), !t.defaultPrevented) {
+						let e = P().filter((e) => e.focusable);
+						O([
+							e.find((e) => e.active),
+							e.find((e) => e.id === k),
+							...e
+						].filter(Boolean).map((e) => e.ref.current), C);
+					}
 				}
-			})),
-			onKeyDown: e(n.onKeyDown, (e) => {
-				let t = s.searchRef.current !== "";
-				n.disabled || t && e.key === " " || E[a.dir].includes(e.key) && (i.onOpenChange(!0), i.content?.focus(), e.preventDefault());
-			})
+				F.current = !1;
+			}),
+			onBlur: e(i.onBlur, () => M(!1))
 		})
 	});
-});
-ze.displayName = X;
-var Be = "MenuSubContent", Ve = S.forwardRef((t, r) => {
-	let i = B(V, t.__scopeMenu), { forceMount: a = i.forceMount, ...o } = t, s = N(V, t.__scopeMenu), c = F(V, t.__scopeMenu), l = Le(Be, t.__scopeMenu), u = S.useRef(null), d = n(r, u);
-	return /* @__PURE__ */ C(O.Provider, {
-		scope: t.__scopeMenu,
-		children: /* @__PURE__ */ C(y, {
-			present: a || s.open,
-			children: /* @__PURE__ */ C(O.Slot, {
-				scope: t.__scopeMenu,
-				children: /* @__PURE__ */ C(W, {
-					id: l.contentId,
-					"aria-labelledby": l.triggerId,
-					...o,
-					ref: d,
-					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: e(t.onFocusOutside, (e) => {
-						e.target !== l.trigger && s.onOpenChange(!1);
-					}),
-					onEscapeKeyDown: e(t.onEscapeKeyDown, (e) => {
-						c.onClose(), e.preventDefault();
-					}),
-					onKeyDown: e(t.onKeyDown, (e) => {
-						let t = e.currentTarget.contains(e.target), n = oe[c.dir].includes(e.key);
-						t && n && (s.onOpenChange(!1), l.trigger?.focus(), e.preventDefault());
-					})
-				})
-			})
+}), C = "RovingFocusGroupItem", w = l.forwardRef((t, r) => {
+	let { __scopeRovingFocusGroup: i, focusable: a = !0, active: o = !1, tabStopId: c, children: d, ...f } = t, p = s(), g = c || p, _ = b(C, i), v = _.currentTabStopId === g, y = h(i), { onFocusableItemAdd: x, onFocusableItemRemove: S, currentTabStopId: w } = _;
+	return l.useEffect(() => {
+		if (a) return x(), () => S();
+	}, [
+		a,
+		x,
+		S
+	]), /* @__PURE__ */ u(m.ItemSlot, {
+		scope: i,
+		id: g,
+		focusable: a,
+		active: o,
+		children: /* @__PURE__ */ u(n.span, {
+			tabIndex: v ? 0 : -1,
+			"data-orientation": _.orientation,
+			...f,
+			ref: r,
+			onMouseDown: e(t.onMouseDown, (e) => {
+				a ? _.onItemFocus(g) : e.preventDefault();
+			}),
+			onFocus: e(t.onFocus, () => _.onItemFocus(g)),
+			onKeyDown: e(t.onKeyDown, (e) => {
+				if (e.key === "Tab" && e.shiftKey) {
+					_.onItemShiftTab();
+					return;
+				}
+				if (e.target !== e.currentTarget) return;
+				let t = D(e, _.orientation, _.dir);
+				if (t !== void 0) {
+					if (e.metaKey || e.ctrlKey || e.altKey || e.shiftKey) return;
+					e.preventDefault();
+					let n = y().filter((e) => e.focusable).map((e) => e.ref.current);
+					if (t === "last") n.reverse();
+					else if (t === "prev" || t === "next") {
+						t === "prev" && n.reverse();
+						let r = n.indexOf(e.currentTarget);
+						n = _.loop ? k(n, r + 1) : n.slice(r + 1);
+					}
+					setTimeout(() => O(n));
+				}
+			}),
+			children: typeof d == "function" ? d({
+				isCurrentTabStop: v,
+				hasTabStop: w != null
+			}) : d
 		})
 	});
 });
-Ve.displayName = Be;
-function He(e) {
-	return e ? "open" : "closed";
-}
-function Z(e) {
-	return e === "indeterminate";
+w.displayName = C;
+var T = {
+	ArrowLeft: "prev",
+	ArrowUp: "prev",
+	ArrowRight: "next",
+	ArrowDown: "next",
+	PageUp: "first",
+	Home: "first",
+	PageDown: "last",
+	End: "last"
+};
+function E(e, t) {
+	return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
 }
-function Q(e) {
-	return Z(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function D(e, t, n) {
+	let r = E(e.key, n);
+	if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return T[r];
 }
-function Ue(e) {
-	let t = document.activeElement;
-	for (let n of e) if (n === t || (n.focus(), document.activeElement !== t)) return;
+function O(e, t = !1) {
+	let n = document.activeElement;
+	for (let r of e) if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
 }
-function We(e, t) {
+function k(e, t) {
 	return e.map((n, r) => e[(t + r) % e.length]);
 }
-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 = We(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 Ke(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 qe(e, t) {
-	return t ? Ke({
-		x: e.clientX,
-		y: e.clientY
-	}, t) : !1;
-}
-function $(e) {
-	return (t) => t.pointerType === "mouse" ? e(t) : void 0;
-}
-var Je = I, Ye = R, Xe = de, Ze = U, Qe = G, $e = ve, et = q, tt = Se, nt = Ee, rt = Oe, it = je, at = Ne, ot = Fe, st = ze, ct = Ve;
+var A = x, j = w;
 //#endregion
-export { Ye as Anchor2, ot as Arrow2, tt as CheckboxItem, Ze as Content2, Qe as Group, et as Item2, it as ItemIndicator, $e as Label, Xe as Portal, nt as RadioGroup, rt as RadioItem, Je as Root3, at as Separator, ct as SubContent, st as SubTrigger, A as createMenuScope };
+export { j as Item, A as Root, v as createRovingFocusGroupScope };
 
 //# sourceMappingURL=index307.js.map