@blimu/react 1.1.0 → 1.1.1

package/dist/node_modules/@radix-ui/react-menu/dist/index.js

@@ -1,235 +1,328 @@
-import * as o from "react";
-import { composeEventHandlers as M } from "../../primitive/dist/index.js";
-import { createCollection as Ye } from "../../react-collection/dist/index.js";
-import { useComposedRefs as D, composeRefs as Xe } from "../../react-compose-refs/dist/index.js";
-import { createContextScope as je } from "../../react-context/dist/index.js";
-import { useDirection as He } from "../../react-direction/dist/index.js";
-import { DismissableLayer as We } from "../../react-dismissable-layer/dist/index.js";
-import { useFocusGuards as ze } from "../../react-focus-guards/dist/index.js";
-import { FocusScope as Ze } from "../../react-focus-scope/dist/index.js";
-import { createPopperScope as le, Root as $e, Anchor as qe, Content as Je, Arrow as Qe } from "../../react-popper/dist/index.js";
-import { Portal as et } from "../../react-portal/dist/index.js";
-import { Presence as Y } from "../../react-presence/dist/index.js";
-import { Primitive as N, dispatchDiscreteCustomEvent as tt } from "../../react-primitive/dist/index.js";
-import { createRovingFocusGroupScope as de, Item as nt, Root as ot } from "../../react-roving-focus/dist/index.js";
-import { createSlot as rt } from "../../react-slot/dist/index.js";
-import { useCallbackRef as fe } from "../../react-use-callback-ref/dist/index.js";
-import { hideOthers as ct } from "../../../aria-hidden/dist/es2015/index.js";
-import at from "../../../react-remove-scroll/dist/es2015/Combination.js";
-import { jsx as s } from "react/jsx-runtime";
-var $ = ["Enter", " "], st = ["ArrowDown", "PageUp", "Home"], me = ["ArrowUp", "PageDown", "End"], ut = [...st, ...me], it = {
-  ltr: [...$, "ArrowRight"],
-  rtl: [...$, "ArrowLeft"]
-}, lt = {
+import * as React from "react";
+import { composeEventHandlers } from "../../primitive/dist/index.js";
+import { createCollection } from "../../react-collection/dist/index.js";
+import { useComposedRefs, composeRefs } from "../../react-compose-refs/dist/index.js";
+import { createContextScope } from "../../react-context/dist/index.js";
+import { useDirection } from "../../react-direction/dist/index.js";
+import { DismissableLayer } from "../../react-dismissable-layer/dist/index.js";
+import { useFocusGuards } from "../../react-focus-guards/dist/index.js";
+import { FocusScope } from "../../react-focus-scope/dist/index.js";
+import { createPopperScope, Root as Root2, Anchor, Content, Arrow } from "../../react-popper/dist/index.js";
+import { Portal as Portal$1 } from "../../react-portal/dist/index.js";
+import { Presence } from "../../react-presence/dist/index.js";
+import { Primitive, dispatchDiscreteCustomEvent } from "../../react-primitive/dist/index.js";
+import { createRovingFocusGroupScope, Item, Root } from "../../react-roving-focus/dist/index.js";
+import { createSlot } from "../../react-slot/dist/index.js";
+import { useCallbackRef } from "../../react-use-callback-ref/dist/index.js";
+import { hideOthers } from "../../../aria-hidden/dist/es2015/index.js";
+import ReactRemoveScroll from "../../../react-remove-scroll/dist/es2015/Combination.js";
+import { jsx } from "react/jsx-runtime";
+var SELECTION_KEYS = ["Enter", " "];
+var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
+var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
+var FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
+var SUB_OPEN_KEYS = {
+  ltr: [...SELECTION_KEYS, "ArrowRight"],
+  rtl: [...SELECTION_KEYS, "ArrowLeft"]
+};
+var SUB_CLOSE_KEYS = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, F = "Menu", [O, dt, ft] = Ye(F), [P, Qt] = je(F, [
-  ft,
-  le,
-  de
-]), X = le(), pe = de(), [mt, S] = P(F), [pt, L] = P(F), ve = (e) => {
-  const { __scopeMenu: n, open: t = !1, children: r, dir: u, onOpenChange: c, modal: d = !0 } = e, p = X(n), [h, m] = o.useState(null), l = o.useRef(!1), a = fe(c), f = He(u);
-  return o.useEffect(() => {
-    const g = () => {
-      l.current = !0, document.addEventListener("pointerdown", v, { capture: !0, once: !0 }), document.addEventListener("pointermove", v, { capture: !0, once: !0 });
-    }, v = () => l.current = !1;
-    return document.addEventListener("keydown", g, { capture: !0 }), () => {
-      document.removeEventListener("keydown", g, { capture: !0 }), document.removeEventListener("pointerdown", v, { capture: !0 }), document.removeEventListener("pointermove", v, { capture: !0 });
+};
+var MENU_NAME = "Menu";
+var [Collection, useCollection, createCollectionScope] = createCollection(MENU_NAME);
+var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, [
+  createCollectionScope,
+  createPopperScope,
+  createRovingFocusGroupScope
+]);
+var usePopperScope = createPopperScope();
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME);
+var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
+var Menu = (props) => {
+  const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
+  const popperScope = usePopperScope(__scopeMenu);
+  const [content, setContent] = React.useState(null);
+  const isUsingKeyboardRef = React.useRef(false);
+  const handleOpenChange = useCallbackRef(onOpenChange);
+  const direction = useDirection(dir);
+  React.useEffect(() => {
+    const handleKeyDown = () => {
+      isUsingKeyboardRef.current = true;
+      document.addEventListener("pointerdown", handlePointer, { capture: true, once: true });
+      document.addEventListener("pointermove", handlePointer, { capture: true, once: true });
+    };
+    const handlePointer = () => isUsingKeyboardRef.current = false;
+    document.addEventListener("keydown", handleKeyDown, { capture: true });
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown, { capture: true });
+      document.removeEventListener("pointerdown", handlePointer, { capture: true });
+      document.removeEventListener("pointermove", handlePointer, { capture: true });
     };
-  }, []), /* @__PURE__ */ s($e, { ...p, children: /* @__PURE__ */ s(
-    mt,
+  }, []);
+  return /* @__PURE__ */ jsx(Root2, { ...popperScope, children: /* @__PURE__ */ jsx(
+    MenuProvider,
     {
-      scope: n,
-      open: t,
-      onOpenChange: a,
-      content: h,
-      onContentChange: m,
-      children: /* @__PURE__ */ s(
-        pt,
+      scope: __scopeMenu,
+      open,
+      onOpenChange: handleOpenChange,
+      content,
+      onContentChange: setContent,
+      children: /* @__PURE__ */ jsx(
+        MenuRootProvider,
         {
-          scope: n,
-          onClose: o.useCallback(() => a(!1), [a]),
-          isUsingKeyboardRef: l,
-          dir: f,
-          modal: d,
-          children: r
+          scope: __scopeMenu,
+          onClose: React.useCallback(() => handleOpenChange(false), [handleOpenChange]),
+          isUsingKeyboardRef,
+          dir: direction,
+          modal,
+          children
         }
       )
     }
   ) });
 };
-ve.displayName = F;
-var vt = "MenuAnchor", q = o.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...r } = e, u = X(t);
-    return /* @__PURE__ */ s(qe, { ...u, ...r, ref: n });
+Menu.displayName = MENU_NAME;
+var ANCHOR_NAME = "MenuAnchor";
+var MenuAnchor = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenu, ...anchorProps } = props;
+    const popperScope = usePopperScope(__scopeMenu);
+    return /* @__PURE__ */ jsx(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
   }
 );
-q.displayName = vt;
-var J = "MenuPortal", [Mt, Me] = P(J, {
+MenuAnchor.displayName = ANCHOR_NAME;
+var PORTAL_NAME = "MenuPortal";
+var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME, {
   forceMount: void 0
-}), he = (e) => {
-  const { __scopeMenu: n, forceMount: t, children: r, container: u } = e, c = S(J, n);
-  return /* @__PURE__ */ s(Mt, { scope: n, forceMount: t, children: /* @__PURE__ */ s(Y, { present: t || c.open, children: /* @__PURE__ */ s(et, { asChild: !0, container: u, children: r }) }) });
+});
+var MenuPortal = (props) => {
+  const { __scopeMenu, forceMount, children, container } = props;
+  const context = useMenuContext(PORTAL_NAME, __scopeMenu);
+  return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$1, { asChild: true, container, children }) }) });
 };
-he.displayName = J;
-var _ = "MenuContent", [ht, Q] = P(_), Ce = o.forwardRef(
-  (e, n) => {
-    const t = Me(_, e.__scopeMenu), { forceMount: r = t.forceMount, ...u } = e, c = S(_, e.__scopeMenu), d = L(_, e.__scopeMenu);
-    return /* @__PURE__ */ s(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(Y, { present: r || c.open, children: /* @__PURE__ */ s(O.Slot, { scope: e.__scopeMenu, children: d.modal ? /* @__PURE__ */ s(Ct, { ...u, ref: n }) : /* @__PURE__ */ s(gt, { ...u, ref: n }) }) }) });
+MenuPortal.displayName = PORTAL_NAME;
+var CONTENT_NAME = "MenuContent";
+var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME);
+var MenuContent = React.forwardRef(
+  (props, forwardedRef) => {
+    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeMenu);
+    const { forceMount = portalContext.forceMount, ...contentProps } = props;
+    const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME, props.__scopeMenu);
+    return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
-), Ct = o.forwardRef(
-  (e, n) => {
-    const t = S(_, e.__scopeMenu), r = o.useRef(null), u = D(n, r);
-    return o.useEffect(() => {
-      const c = r.current;
-      if (c) return ct(c);
-    }, []), /* @__PURE__ */ s(
-      ee,
+);
+var MenuRootContentModal = React.forwardRef(
+  (props, forwardedRef) => {
+    const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
+    React.useEffect(() => {
+      const content = ref.current;
+      if (content) return hideOthers(content);
+    }, []);
+    return /* @__PURE__ */ jsx(
+      MenuContentImpl,
       {
-        ...e,
-        ref: u,
-        trapFocus: t.open,
-        disableOutsidePointerEvents: t.open,
-        disableOutsideScroll: !0,
-        onFocusOutside: M(
-          e.onFocusOutside,
-          (c) => c.preventDefault(),
-          { checkForDefaultPrevented: !1 }
+        ...props,
+        ref: composedRefs,
+        trapFocus: context.open,
+        disableOutsidePointerEvents: context.open,
+        disableOutsideScroll: true,
+        onFocusOutside: composeEventHandlers(
+          props.onFocusOutside,
+          (event) => event.preventDefault(),
+          { checkForDefaultPrevented: false }
         ),
-        onDismiss: () => t.onOpenChange(!1)
+        onDismiss: () => context.onOpenChange(false)
       }
     );
   }
-), gt = o.forwardRef((e, n) => {
-  const t = S(_, e.__scopeMenu);
-  return /* @__PURE__ */ s(
-    ee,
+);
+var MenuRootContentNonModal = React.forwardRef((props, forwardedRef) => {
+  const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);
+  return /* @__PURE__ */ jsx(
+    MenuContentImpl,
     {
-      ...e,
-      ref: n,
-      trapFocus: !1,
-      disableOutsidePointerEvents: !1,
-      disableOutsideScroll: !1,
-      onDismiss: () => t.onOpenChange(!1)
+      ...props,
+      ref: forwardedRef,
+      trapFocus: false,
+      disableOutsidePointerEvents: false,
+      disableOutsideScroll: false,
+      onDismiss: () => context.onOpenChange(false)
     }
   );
-}), _t = rt("MenuContent.ScrollLock"), ee = o.forwardRef(
-  (e, n) => {
+});
+var Slot = createSlot("MenuContent.ScrollLock");
+var MenuContentImpl = React.forwardRef(
+  (props, forwardedRef) => {
     const {
-      __scopeMenu: t,
-      loop: r = !1,
-      trapFocus: u,
-      onOpenAutoFocus: c,
-      onCloseAutoFocus: d,
-      disableOutsidePointerEvents: p,
-      onEntryFocus: h,
-      onEscapeKeyDown: m,
-      onPointerDownOutside: l,
-      onFocusOutside: a,
-      onInteractOutside: f,
-      onDismiss: g,
-      disableOutsideScroll: v,
-      ...E
-    } = e, x = S(_, t), w = L(_, t), Ne = X(t), Fe = pe(t), re = dt(t), [Le, ce] = o.useState(null), K = o.useRef(null), Ke = D(n, K, x.onContentChange), G = o.useRef(0), U = o.useRef(""), Ge = o.useRef(0), H = o.useRef(null), ae = o.useRef("right"), W = o.useRef(0), Ue = v ? at : o.Fragment, Be = v ? { as: _t, allowPinchZoom: !0 } : void 0, Ve = (i) => {
-      const y = U.current + i, R = re().filter((C) => !C.disabled), b = document.activeElement, z = R.find((C) => C.ref.current === b)?.textValue, Z = R.map((C) => C.textValue), se = Ot(Z, y, z), T = R.find((C) => C.textValue === se)?.ref.current;
-      (function C(ue) {
-        U.current = ue, window.clearTimeout(G.current), ue !== "" && (G.current = window.setTimeout(() => C(""), 1e3));
-      })(y), T && setTimeout(() => T.focus());
+      __scopeMenu,
+      loop = false,
+      trapFocus,
+      onOpenAutoFocus,
+      onCloseAutoFocus,
+      disableOutsidePointerEvents,
+      onEntryFocus,
+      onEscapeKeyDown,
+      onPointerDownOutside,
+      onFocusOutside,
+      onInteractOutside,
+      onDismiss,
+      disableOutsideScroll,
+      ...contentProps
+    } = props;
+    const context = useMenuContext(CONTENT_NAME, __scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME, __scopeMenu);
+    const popperScope = usePopperScope(__scopeMenu);
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
+    const getItems = useCollection(__scopeMenu);
+    const [currentItemId, setCurrentItemId] = React.useState(null);
+    const contentRef = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
+    const timerRef = React.useRef(0);
+    const searchRef = React.useRef("");
+    const pointerGraceTimerRef = React.useRef(0);
+    const pointerGraceIntentRef = React.useRef(null);
+    const pointerDirRef = React.useRef("right");
+    const lastPointerXRef = React.useRef(0);
+    const ScrollLockWrapper = disableOutsideScroll ? ReactRemoveScroll : React.Fragment;
+    const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot, allowPinchZoom: true } : void 0;
+    const handleTypeaheadSearch = (key) => {
+      const search = searchRef.current + key;
+      const items = getItems().filter((item) => !item.disabled);
+      const currentItem = document.activeElement;
+      const currentMatch = items.find((item) => item.ref.current === currentItem)?.textValue;
+      const values = items.map((item) => item.textValue);
+      const nextMatch = getNextMatch(values, search, currentMatch);
+      const newItem = items.find((item) => item.textValue === nextMatch)?.ref.current;
+      (function updateSearch(value) {
+        searchRef.current = value;
+        window.clearTimeout(timerRef.current);
+        if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
+      })(search);
+      if (newItem) {
+        setTimeout(() => newItem.focus());
+      }
     };
-    o.useEffect(() => () => window.clearTimeout(G.current), []), ze();
-    const I = o.useCallback((i) => ae.current === H.current?.side && Dt(i, H.current?.area), []);
-    return /* @__PURE__ */ s(
-      ht,
+    React.useEffect(() => {
+      return () => window.clearTimeout(timerRef.current);
+    }, []);
+    useFocusGuards();
+    const isPointerMovingToSubmenu = React.useCallback((event) => {
+      const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
+      return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
+    }, []);
+    return /* @__PURE__ */ jsx(
+      MenuContentProvider,
       {
-        scope: t,
-        searchRef: U,
-        onItemEnter: o.useCallback(
-          (i) => {
-            I(i) && i.preventDefault();
+        scope: __scopeMenu,
+        searchRef,
+        onItemEnter: React.useCallback(
+          (event) => {
+            if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
-          [I]
+          [isPointerMovingToSubmenu]
         ),
-        onItemLeave: o.useCallback(
-          (i) => {
-            I(i) || (K.current?.focus(), ce(null));
+        onItemLeave: React.useCallback(
+          (event) => {
+            if (isPointerMovingToSubmenu(event)) return;
+            contentRef.current?.focus();
+            setCurrentItemId(null);
           },
-          [I]
+          [isPointerMovingToSubmenu]
         ),
-        onTriggerLeave: o.useCallback(
-          (i) => {
-            I(i) && i.preventDefault();
+        onTriggerLeave: React.useCallback(
+          (event) => {
+            if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
-          [I]
+          [isPointerMovingToSubmenu]
         ),
-        pointerGraceTimerRef: Ge,
-        onPointerGraceIntentChange: o.useCallback((i) => {
-          H.current = i;
+        pointerGraceTimerRef,
+        onPointerGraceIntentChange: React.useCallback((intent) => {
+          pointerGraceIntentRef.current = intent;
         }, []),
-        children: /* @__PURE__ */ s(Ue, { ...Be, children: /* @__PURE__ */ s(
-          Ze,
+        children: /* @__PURE__ */ jsx(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx(
+          FocusScope,
           {
-            asChild: !0,
-            trapped: u,
-            onMountAutoFocus: M(c, (i) => {
-              i.preventDefault(), K.current?.focus({ preventScroll: !0 });
+            asChild: true,
+            trapped: trapFocus,
+            onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (event) => {
+              event.preventDefault();
+              contentRef.current?.focus({ preventScroll: true });
             }),
-            onUnmountAutoFocus: d,
-            children: /* @__PURE__ */ s(
-              We,
+            onUnmountAutoFocus: onCloseAutoFocus,
+            children: /* @__PURE__ */ jsx(
+              DismissableLayer,
               {
-                asChild: !0,
-                disableOutsidePointerEvents: p,
-                onEscapeKeyDown: m,
-                onPointerDownOutside: l,
-                onFocusOutside: a,
-                onInteractOutside: f,
-                onDismiss: g,
-                children: /* @__PURE__ */ s(
-                  ot,
+                asChild: true,
+                disableOutsidePointerEvents,
+                onEscapeKeyDown,
+                onPointerDownOutside,
+                onFocusOutside,
+                onInteractOutside,
+                onDismiss,
+                children: /* @__PURE__ */ jsx(
+                  Root,
                   {
-                    asChild: !0,
-                    ...Fe,
-                    dir: w.dir,
+                    asChild: true,
+                    ...rovingFocusGroupScope,
+                    dir: rootContext.dir,
                     orientation: "vertical",
-                    loop: r,
-                    currentTabStopId: Le,
-                    onCurrentTabStopIdChange: ce,
-                    onEntryFocus: M(h, (i) => {
-                      w.isUsingKeyboardRef.current || i.preventDefault();
+                    loop,
+                    currentTabStopId: currentItemId,
+                    onCurrentTabStopIdChange: setCurrentItemId,
+                    onEntryFocus: composeEventHandlers(onEntryFocus, (event) => {
+                      if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
                     }),
-                    preventScrollOnEntryFocus: !0,
-                    children: /* @__PURE__ */ s(
-                      Je,
+                    preventScrollOnEntryFocus: true,
+                    children: /* @__PURE__ */ jsx(
+                      Content,
                       {
                         role: "menu",
                         "aria-orientation": "vertical",
-                        "data-state": De(x.open),
+                        "data-state": getOpenState(context.open),
                         "data-radix-menu-content": "",
-                        dir: w.dir,
-                        ...Ne,
-                        ...E,
-                        ref: Ke,
-                        style: { outline: "none", ...E.style },
-                        onKeyDown: M(E.onKeyDown, (i) => {
-                          const R = i.target.closest("[data-radix-menu-content]") === i.currentTarget, b = i.ctrlKey || i.altKey || i.metaKey, z = i.key.length === 1;
-                          R && (i.key === "Tab" && i.preventDefault(), !b && z && Ve(i.key));
-                          const Z = K.current;
-                          if (i.target !== Z || !ut.includes(i.key)) return;
-                          i.preventDefault();
-                          const T = re().filter((C) => !C.disabled).map((C) => C.ref.current);
-                          me.includes(i.key) && T.reverse(), Tt(T);
+                        dir: rootContext.dir,
+                        ...popperScope,
+                        ...contentProps,
+                        ref: composedRefs,
+                        style: { outline: "none", ...contentProps.style },
+                        onKeyDown: composeEventHandlers(contentProps.onKeyDown, (event) => {
+                          const target = event.target;
+                          const isKeyDownInside = target.closest("[data-radix-menu-content]") === event.currentTarget;
+                          const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
+                          const isCharacterKey = event.key.length === 1;
+                          if (isKeyDownInside) {
+                            if (event.key === "Tab") event.preventDefault();
+                            if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key);
+                          }
+                          const content = contentRef.current;
+                          if (event.target !== content) return;
+                          if (!FIRST_LAST_KEYS.includes(event.key)) return;
+                          event.preventDefault();
+                          const items = getItems().filter((item) => !item.disabled);
+                          const candidateNodes = items.map((item) => item.ref.current);
+                          if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
+                          focusFirst(candidateNodes);
                         }),
-                        onBlur: M(e.onBlur, (i) => {
-                          i.currentTarget.contains(i.target) || (window.clearTimeout(G.current), U.current = "");
+                        onBlur: composeEventHandlers(props.onBlur, (event) => {
+                          if (!event.currentTarget.contains(event.target)) {
+                            window.clearTimeout(timerRef.current);
+                            searchRef.current = "";
+                          }
                         }),
-                        onPointerMove: M(
-                          e.onPointerMove,
-                          k((i) => {
-                            const y = i.target, R = W.current !== i.clientX;
-                            if (i.currentTarget.contains(y) && R) {
-                              const b = i.clientX > W.current ? "right" : "left";
-                              ae.current = b, W.current = i.clientX;
+                        onPointerMove: composeEventHandlers(
+                          props.onPointerMove,
+                          whenMouse((event) => {
+                            const target = event.target;
+                            const pointerXHasChanged = lastPointerXRef.current !== event.clientX;
+                            if (event.currentTarget.contains(target) && pointerXHasChanged) {
+                              const newDir = event.clientX > lastPointerXRef.current ? "right" : "left";
+                              pointerDirRef.current = newDir;
+                              lastPointerXRef.current = event.clientX;
                             }
                           })
                         )
@@ -245,365 +338,492 @@ var _ = "MenuContent", [ht, Q] = P(_), Ce = o.forwardRef(
     );
   }
 );
-Ce.displayName = _;
-var Rt = "MenuGroup", te = o.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...r } = e;
-    return /* @__PURE__ */ s(N.div, { role: "group", ...r, ref: n });
+MenuContent.displayName = CONTENT_NAME;
+var GROUP_NAME = "MenuGroup";
+var MenuGroup = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenu, ...groupProps } = props;
+    return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
-te.displayName = Rt;
-var Pt = "MenuLabel", ge = o.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...r } = e;
-    return /* @__PURE__ */ s(N.div, { ...r, ref: n });
+MenuGroup.displayName = GROUP_NAME;
+var LABEL_NAME = "MenuLabel";
+var MenuLabel = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenu, ...labelProps } = props;
+    return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
   }
 );
-ge.displayName = Pt;
-var B = "MenuItem", ie = "menu.itemSelect", j = o.forwardRef(
-  (e, n) => {
-    const { disabled: t = !1, onSelect: r, ...u } = e, c = o.useRef(null), d = L(B, e.__scopeMenu), p = Q(B, e.__scopeMenu), h = D(n, c), m = o.useRef(!1), l = () => {
-      const a = c.current;
-      if (!t && a) {
-        const f = new CustomEvent(ie, { bubbles: !0, cancelable: !0 });
-        a.addEventListener(ie, (g) => r?.(g), { once: !0 }), tt(a, f), f.defaultPrevented ? m.current = !1 : d.onClose();
+MenuLabel.displayName = LABEL_NAME;
+var ITEM_NAME = "MenuItem";
+var ITEM_SELECT = "menu.itemSelect";
+var MenuItem = React.forwardRef(
+  (props, forwardedRef) => {
+    const { disabled = false, onSelect, ...itemProps } = props;
+    const ref = React.useRef(null);
+    const rootContext = useMenuRootContext(ITEM_NAME, props.__scopeMenu);
+    const contentContext = useMenuContentContext(ITEM_NAME, props.__scopeMenu);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
+    const isPointerDownRef = React.useRef(false);
+    const handleSelect = () => {
+      const menuItem = ref.current;
+      if (!disabled && menuItem) {
+        const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true });
+        menuItem.addEventListener(ITEM_SELECT, (event) => onSelect?.(event), { once: true });
+        dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);
+        if (itemSelectEvent.defaultPrevented) {
+          isPointerDownRef.current = false;
+        } else {
+          rootContext.onClose();
+        }
       }
     };
-    return /* @__PURE__ */ s(
-      _e,
+    return /* @__PURE__ */ jsx(
+      MenuItemImpl,
       {
-        ...u,
-        ref: h,
-        disabled: t,
-        onClick: M(e.onClick, l),
-        onPointerDown: (a) => {
-          e.onPointerDown?.(a), m.current = !0;
+        ...itemProps,
+        ref: composedRefs,
+        disabled,
+        onClick: composeEventHandlers(props.onClick, handleSelect),
+        onPointerDown: (event) => {
+          props.onPointerDown?.(event);
+          isPointerDownRef.current = true;
         },
-        onPointerUp: M(e.onPointerUp, (a) => {
-          m.current || a.currentTarget?.click();
+        onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {
+          if (!isPointerDownRef.current) event.currentTarget?.click();
         }),
-        onKeyDown: M(e.onKeyDown, (a) => {
-          const f = p.searchRef.current !== "";
-          t || f && a.key === " " || $.includes(a.key) && (a.currentTarget.click(), a.preventDefault());
+        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+          const isTypingAhead = contentContext.searchRef.current !== "";
+          if (disabled || isTypingAhead && event.key === " ") return;
+          if (SELECTION_KEYS.includes(event.key)) {
+            event.currentTarget.click();
+            event.preventDefault();
+          }
         })
       }
     );
   }
 );
-j.displayName = B;
-var _e = o.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, disabled: r = !1, textValue: u, ...c } = e, d = Q(B, t), p = pe(t), h = o.useRef(null), m = D(n, h), [l, a] = o.useState(!1), [f, g] = o.useState("");
-    return o.useEffect(() => {
-      const v = h.current;
-      v && g((v.textContent ?? "").trim());
-    }, [c.children]), /* @__PURE__ */ s(
-      O.ItemSlot,
+MenuItem.displayName = ITEM_NAME;
+var MenuItemImpl = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
+    const contentContext = useMenuContentContext(ITEM_NAME, __scopeMenu);
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
+    const [isFocused, setIsFocused] = React.useState(false);
+    const [textContent, setTextContent] = React.useState("");
+    React.useEffect(() => {
+      const menuItem = ref.current;
+      if (menuItem) {
+        setTextContent((menuItem.textContent ?? "").trim());
+      }
+    }, [itemProps.children]);
+    return /* @__PURE__ */ jsx(
+      Collection.ItemSlot,
       {
-        scope: t,
-        disabled: r,
-        textValue: u ?? f,
-        children: /* @__PURE__ */ s(nt, { asChild: !0, ...p, focusable: !r, children: /* @__PURE__ */ s(
-          N.div,
+        scope: __scopeMenu,
+        disabled,
+        textValue: textValue ?? textContent,
+        children: /* @__PURE__ */ jsx(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
+          Primitive.div,
           {
             role: "menuitem",
-            "data-highlighted": l ? "" : void 0,
-            "aria-disabled": r || void 0,
-            "data-disabled": r ? "" : void 0,
-            ...c,
-            ref: m,
-            onPointerMove: M(
-              e.onPointerMove,
-              k((v) => {
-                r ? d.onItemLeave(v) : (d.onItemEnter(v), v.defaultPrevented || v.currentTarget.focus({ preventScroll: !0 }));
+            "data-highlighted": isFocused ? "" : void 0,
+            "aria-disabled": disabled || void 0,
+            "data-disabled": disabled ? "" : void 0,
+            ...itemProps,
+            ref: composedRefs,
+            onPointerMove: composeEventHandlers(
+              props.onPointerMove,
+              whenMouse((event) => {
+                if (disabled) {
+                  contentContext.onItemLeave(event);
+                } else {
+                  contentContext.onItemEnter(event);
+                  if (!event.defaultPrevented) {
+                    const item = event.currentTarget;
+                    item.focus({ preventScroll: true });
+                  }
+                }
               })
             ),
-            onPointerLeave: M(
-              e.onPointerLeave,
-              k((v) => d.onItemLeave(v))
+            onPointerLeave: composeEventHandlers(
+              props.onPointerLeave,
+              whenMouse((event) => contentContext.onItemLeave(event))
             ),
-            onFocus: M(e.onFocus, () => a(!0)),
-            onBlur: M(e.onBlur, () => a(!1))
+            onFocus: composeEventHandlers(props.onFocus, () => setIsFocused(true)),
+            onBlur: composeEventHandlers(props.onBlur, () => setIsFocused(false))
           }
         ) })
       }
     );
   }
-), St = "MenuCheckboxItem", Re = o.forwardRef(
-  (e, n) => {
-    const { checked: t = !1, onCheckedChange: r, ...u } = e;
-    return /* @__PURE__ */ s(Ie, { scope: e.__scopeMenu, checked: t, children: /* @__PURE__ */ s(
-      j,
+);
+var CHECKBOX_ITEM_NAME = "MenuCheckboxItem";
+var MenuCheckboxItem = React.forwardRef(
+  (props, forwardedRef) => {
+    const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
+    return /* @__PURE__ */ jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx(
+      MenuItem,
       {
         role: "menuitemcheckbox",
-        "aria-checked": V(t) ? "mixed" : t,
-        ...u,
-        ref: n,
-        "data-state": oe(t),
-        onSelect: M(
-          u.onSelect,
-          () => r?.(V(t) ? !0 : !t),
-          { checkForDefaultPrevented: !1 }
+        "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+        ...checkboxItemProps,
+        ref: forwardedRef,
+        "data-state": getCheckedState(checked),
+        onSelect: composeEventHandlers(
+          checkboxItemProps.onSelect,
+          () => onCheckedChange?.(isIndeterminate(checked) ? true : !checked),
+          { checkForDefaultPrevented: false }
         )
       }
     ) });
   }
 );
-Re.displayName = St;
-var Pe = "MenuRadioGroup", [Et, wt] = P(
-  Pe,
+MenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
+var RADIO_GROUP_NAME = "MenuRadioGroup";
+var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
+  RADIO_GROUP_NAME,
   { value: void 0, onValueChange: () => {
   } }
-), Se = o.forwardRef(
-  (e, n) => {
-    const { value: t, onValueChange: r, ...u } = e, c = fe(r);
-    return /* @__PURE__ */ s(Et, { scope: e.__scopeMenu, value: t, onValueChange: c, children: /* @__PURE__ */ s(te, { ...u, ref: n }) });
+);
+var MenuRadioGroup = React.forwardRef(
+  (props, forwardedRef) => {
+    const { value, onValueChange, ...groupProps } = props;
+    const handleValueChange = useCallbackRef(onValueChange);
+    return /* @__PURE__ */ jsx(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
   }
 );
-Se.displayName = Pe;
-var Ee = "MenuRadioItem", we = o.forwardRef(
-  (e, n) => {
-    const { value: t, ...r } = e, u = wt(Ee, e.__scopeMenu), c = t === u.value;
-    return /* @__PURE__ */ s(Ie, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ s(
-      j,
+MenuRadioGroup.displayName = RADIO_GROUP_NAME;
+var RADIO_ITEM_NAME = "MenuRadioItem";
+var MenuRadioItem = React.forwardRef(
+  (props, forwardedRef) => {
+    const { value, ...radioItemProps } = props;
+    const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
+    const checked = value === context.value;
+    return /* @__PURE__ */ jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx(
+      MenuItem,
       {
         role: "menuitemradio",
-        "aria-checked": c,
-        ...r,
-        ref: n,
-        "data-state": oe(c),
-        onSelect: M(
-          r.onSelect,
-          () => u.onValueChange?.(t),
-          { checkForDefaultPrevented: !1 }
+        "aria-checked": checked,
+        ...radioItemProps,
+        ref: forwardedRef,
+        "data-state": getCheckedState(checked),
+        onSelect: composeEventHandlers(
+          radioItemProps.onSelect,
+          () => context.onValueChange?.(value),
+          { checkForDefaultPrevented: false }
         )
       }
     ) });
   }
 );
-we.displayName = Ee;
-var ne = "MenuItemIndicator", [Ie, It] = P(
-  ne,
-  { checked: !1 }
-), ye = o.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, forceMount: r, ...u } = e, c = It(ne, t);
-    return /* @__PURE__ */ s(
-      Y,
+MenuRadioItem.displayName = RADIO_ITEM_NAME;
+var ITEM_INDICATOR_NAME = "MenuItemIndicator";
+var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
+  ITEM_INDICATOR_NAME,
+  { checked: false }
+);
+var MenuItemIndicator = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
+    const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
+    return /* @__PURE__ */ jsx(
+      Presence,
       {
-        present: r || V(c.checked) || c.checked === !0,
-        children: /* @__PURE__ */ s(
-          N.span,
+        present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
+        children: /* @__PURE__ */ jsx(
+          Primitive.span,
           {
-            ...u,
-            ref: n,
-            "data-state": oe(c.checked)
+            ...itemIndicatorProps,
+            ref: forwardedRef,
+            "data-state": getCheckedState(indicatorContext.checked)
           }
         )
       }
     );
   }
 );
-ye.displayName = ne;
-var yt = "MenuSeparator", xe = o.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...r } = e;
-    return /* @__PURE__ */ s(
-      N.div,
+MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
+var SEPARATOR_NAME = "MenuSeparator";
+var MenuSeparator = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenu, ...separatorProps } = props;
+    return /* @__PURE__ */ jsx(
+      Primitive.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
-        ...r,
-        ref: n
+        ...separatorProps,
+        ref: forwardedRef
       }
     );
   }
 );
-xe.displayName = yt;
-var xt = "MenuArrow", be = o.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...r } = e, u = X(t);
-    return /* @__PURE__ */ s(Qe, { ...u, ...r, ref: n });
+MenuSeparator.displayName = SEPARATOR_NAME;
+var ARROW_NAME = "MenuArrow";
+var MenuArrow = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenu, ...arrowProps } = props;
+    const popperScope = usePopperScope(__scopeMenu);
+    return /* @__PURE__ */ jsx(Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
-be.displayName = xt;
-var bt = "MenuSub", [en, Te] = P(bt), A = "MenuSubTrigger", Ae = o.forwardRef(
-  (e, n) => {
-    const t = S(A, e.__scopeMenu), r = L(A, e.__scopeMenu), u = Te(A, e.__scopeMenu), c = Q(A, e.__scopeMenu), d = o.useRef(null), { pointerGraceTimerRef: p, onPointerGraceIntentChange: h } = c, m = { __scopeMenu: e.__scopeMenu }, l = o.useCallback(() => {
-      d.current && window.clearTimeout(d.current), d.current = null;
+MenuArrow.displayName = ARROW_NAME;
+var SUB_NAME = "MenuSub";
+var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME);
+var SUB_TRIGGER_NAME = "MenuSubTrigger";
+var MenuSubTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);
+    const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);
+    const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);
+    const contentContext = useMenuContentContext(SUB_TRIGGER_NAME, props.__scopeMenu);
+    const openTimerRef = React.useRef(null);
+    const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
+    const scope = { __scopeMenu: props.__scopeMenu };
+    const clearOpenTimer = React.useCallback(() => {
+      if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
+      openTimerRef.current = null;
     }, []);
-    return o.useEffect(() => l, [l]), o.useEffect(() => {
-      const a = p.current;
+    React.useEffect(() => clearOpenTimer, [clearOpenTimer]);
+    React.useEffect(() => {
+      const pointerGraceTimer = pointerGraceTimerRef.current;
       return () => {
-        window.clearTimeout(a), h(null);
+        window.clearTimeout(pointerGraceTimer);
+        onPointerGraceIntentChange(null);
       };
-    }, [p, h]), /* @__PURE__ */ s(q, { asChild: !0, ...m, children: /* @__PURE__ */ s(
-      _e,
+    }, [pointerGraceTimerRef, onPointerGraceIntentChange]);
+    return /* @__PURE__ */ jsx(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx(
+      MenuItemImpl,
       {
-        id: u.triggerId,
+        id: subContext.triggerId,
         "aria-haspopup": "menu",
-        "aria-expanded": t.open,
-        "aria-controls": u.contentId,
-        "data-state": De(t.open),
-        ...e,
-        ref: Xe(n, u.onTriggerChange),
-        onClick: (a) => {
-          e.onClick?.(a), !(e.disabled || a.defaultPrevented) && (a.currentTarget.focus(), t.open || t.onOpenChange(!0));
+        "aria-expanded": context.open,
+        "aria-controls": subContext.contentId,
+        "data-state": getOpenState(context.open),
+        ...props,
+        ref: composeRefs(forwardedRef, subContext.onTriggerChange),
+        onClick: (event) => {
+          props.onClick?.(event);
+          if (props.disabled || event.defaultPrevented) return;
+          event.currentTarget.focus();
+          if (!context.open) context.onOpenChange(true);
         },
-        onPointerMove: M(
-          e.onPointerMove,
-          k((a) => {
-            c.onItemEnter(a), !a.defaultPrevented && !e.disabled && !t.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
-              t.onOpenChange(!0), l();
-            }, 100));
+        onPointerMove: composeEventHandlers(
+          props.onPointerMove,
+          whenMouse((event) => {
+            contentContext.onItemEnter(event);
+            if (event.defaultPrevented) return;
+            if (!props.disabled && !context.open && !openTimerRef.current) {
+              contentContext.onPointerGraceIntentChange(null);
+              openTimerRef.current = window.setTimeout(() => {
+                context.onOpenChange(true);
+                clearOpenTimer();
+              }, 100);
+            }
           })
         ),
-        onPointerLeave: M(
-          e.onPointerLeave,
-          k((a) => {
-            l();
-            const f = t.content?.getBoundingClientRect();
-            if (f) {
-              const g = t.content?.dataset.side, v = g === "right", E = v ? -5 : 5, x = f[v ? "left" : "right"], w = f[v ? "right" : "left"];
-              c.onPointerGraceIntentChange({
+        onPointerLeave: composeEventHandlers(
+          props.onPointerLeave,
+          whenMouse((event) => {
+            clearOpenTimer();
+            const contentRect = context.content?.getBoundingClientRect();
+            if (contentRect) {
+              const side = context.content?.dataset.side;
+              const rightSide = side === "right";
+              const bleed = rightSide ? -5 : 5;
+              const contentNearEdge = contentRect[rightSide ? "left" : "right"];
+              const contentFarEdge = contentRect[rightSide ? "right" : "left"];
+              contentContext.onPointerGraceIntentChange({
                 area: [
                   // Apply a bleed on clientX to ensure that our exit point is
                   // consistently within polygon bounds
-                  { x: a.clientX + E, y: a.clientY },
-                  { x, y: f.top },
-                  { x: w, y: f.top },
-                  { x: w, y: f.bottom },
-                  { x, y: f.bottom }
+                  { x: event.clientX + bleed, y: event.clientY },
+                  { x: contentNearEdge, y: contentRect.top },
+                  { x: contentFarEdge, y: contentRect.top },
+                  { x: contentFarEdge, y: contentRect.bottom },
+                  { x: contentNearEdge, y: contentRect.bottom }
                 ],
-                side: g
-              }), window.clearTimeout(p.current), p.current = window.setTimeout(
-                () => c.onPointerGraceIntentChange(null),
+                side
+              });
+              window.clearTimeout(pointerGraceTimerRef.current);
+              pointerGraceTimerRef.current = window.setTimeout(
+                () => contentContext.onPointerGraceIntentChange(null),
                 300
               );
             } else {
-              if (c.onTriggerLeave(a), a.defaultPrevented) return;
-              c.onPointerGraceIntentChange(null);
+              contentContext.onTriggerLeave(event);
+              if (event.defaultPrevented) return;
+              contentContext.onPointerGraceIntentChange(null);
             }
           })
         ),
-        onKeyDown: M(e.onKeyDown, (a) => {
-          const f = c.searchRef.current !== "";
-          e.disabled || f && a.key === " " || it[r.dir].includes(a.key) && (t.onOpenChange(!0), t.content?.focus(), a.preventDefault());
+        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+          const isTypingAhead = contentContext.searchRef.current !== "";
+          if (props.disabled || isTypingAhead && event.key === " ") return;
+          if (SUB_OPEN_KEYS[rootContext.dir].includes(event.key)) {
+            context.onOpenChange(true);
+            context.content?.focus();
+            event.preventDefault();
+          }
         })
       }
     ) });
   }
 );
-Ae.displayName = A;
-var Oe = "MenuSubContent", ke = o.forwardRef(
-  (e, n) => {
-    const t = Me(_, e.__scopeMenu), { forceMount: r = t.forceMount, ...u } = e, c = S(_, e.__scopeMenu), d = L(_, e.__scopeMenu), p = Te(Oe, e.__scopeMenu), h = o.useRef(null), m = D(n, h);
-    return /* @__PURE__ */ s(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(Y, { present: r || c.open, children: /* @__PURE__ */ s(O.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
-      ee,
+MenuSubTrigger.displayName = SUB_TRIGGER_NAME;
+var SUB_CONTENT_NAME = "MenuSubContent";
+var MenuSubContent = React.forwardRef(
+  (props, forwardedRef) => {
+    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeMenu);
+    const { forceMount = portalContext.forceMount, ...subContentProps } = props;
+    const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME, props.__scopeMenu);
+    const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
+    return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(
+      MenuContentImpl,
       {
-        id: p.contentId,
-        "aria-labelledby": p.triggerId,
-        ...u,
-        ref: m,
+        id: subContext.contentId,
+        "aria-labelledby": subContext.triggerId,
+        ...subContentProps,
+        ref: composedRefs,
         align: "start",
-        side: d.dir === "rtl" ? "left" : "right",
-        disableOutsidePointerEvents: !1,
-        disableOutsideScroll: !1,
-        trapFocus: !1,
-        onOpenAutoFocus: (l) => {
-          d.isUsingKeyboardRef.current && h.current?.focus(), l.preventDefault();
+        side: rootContext.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: false,
+        disableOutsideScroll: false,
+        trapFocus: false,
+        onOpenAutoFocus: (event) => {
+          if (rootContext.isUsingKeyboardRef.current) ref.current?.focus();
+          event.preventDefault();
         },
-        onCloseAutoFocus: (l) => l.preventDefault(),
-        onFocusOutside: M(e.onFocusOutside, (l) => {
-          l.target !== p.trigger && c.onOpenChange(!1);
+        onCloseAutoFocus: (event) => event.preventDefault(),
+        onFocusOutside: composeEventHandlers(props.onFocusOutside, (event) => {
+          if (event.target !== subContext.trigger) context.onOpenChange(false);
         }),
-        onEscapeKeyDown: M(e.onEscapeKeyDown, (l) => {
-          d.onClose(), l.preventDefault();
+        onEscapeKeyDown: composeEventHandlers(props.onEscapeKeyDown, (event) => {
+          rootContext.onClose();
+          event.preventDefault();
         }),
-        onKeyDown: M(e.onKeyDown, (l) => {
-          const a = l.currentTarget.contains(l.target), f = lt[d.dir].includes(l.key);
-          a && f && (c.onOpenChange(!1), p.trigger?.focus(), l.preventDefault());
+        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+          const isKeyDownInside = event.currentTarget.contains(event.target);
+          const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(event.key);
+          if (isKeyDownInside && isCloseKey) {
+            context.onOpenChange(false);
+            subContext.trigger?.focus();
+            event.preventDefault();
+          }
         })
       }
     ) }) }) });
   }
 );
-ke.displayName = Oe;
-function De(e) {
-  return e ? "open" : "closed";
+MenuSubContent.displayName = SUB_CONTENT_NAME;
+function getOpenState(open) {
+  return open ? "open" : "closed";
 }
-function V(e) {
-  return e === "indeterminate";
+function isIndeterminate(checked) {
+  return checked === "indeterminate";
 }
-function oe(e) {
-  return V(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function getCheckedState(checked) {
+  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-function Tt(e) {
-  const n = document.activeElement;
-  for (const t of e)
-    if (t === n || (t.focus(), document.activeElement !== n)) return;
+function focusFirst(candidates) {
+  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+  for (const candidate of candidates) {
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+    candidate.focus();
+    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+  }
 }
-function At(e, n) {
-  return e.map((t, r) => e[(n + r) % e.length]);
+function wrapArray(array, startIndex) {
+  return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-function Ot(e, n, t) {
-  const u = n.length > 1 && Array.from(n).every((m) => m === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
-  let d = At(e, Math.max(c, 0));
-  u.length === 1 && (d = d.filter((m) => m !== t));
-  const h = d.find(
-    (m) => m.toLowerCase().startsWith(u.toLowerCase())
+function getNextMatch(values, search, currentMatch) {
+  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
+  const normalizedSearch = isRepeated ? search[0] : search;
+  const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
+  let wrappedValues = wrapArray(values, Math.max(currentMatchIndex, 0));
+  const excludeCurrentMatch = normalizedSearch.length === 1;
+  if (excludeCurrentMatch) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
+  const nextMatch = wrappedValues.find(
+    (value) => value.toLowerCase().startsWith(normalizedSearch.toLowerCase())
   );
-  return h !== t ? h : void 0;
+  return nextMatch !== currentMatch ? nextMatch : void 0;
 }
-function kt(e, n) {
-  const { x: t, y: r } = e;
-  let u = !1;
-  for (let c = 0, d = n.length - 1; c < n.length; d = c++) {
-    const p = n[c], h = n[d], m = p.x, l = p.y, a = h.x, f = h.y;
-    l > r != f > r && t < (a - m) * (r - l) / (f - l) + m && (u = !u);
+function isPointInPolygon(point, polygon) {
+  const { x, y } = point;
+  let inside = false;
+  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    const ii = polygon[i];
+    const jj = polygon[j];
+    const xi = ii.x;
+    const yi = ii.y;
+    const xj = jj.x;
+    const yj = jj.y;
+    const intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;
+    if (intersect) inside = !inside;
   }
-  return u;
+  return inside;
 }
-function Dt(e, n) {
-  if (!n) return !1;
-  const t = { x: e.clientX, y: e.clientY };
-  return kt(t, n);
+function isPointerInGraceArea(event, area) {
+  if (!area) return false;
+  const cursorPos = { x: event.clientX, y: event.clientY };
+  return isPointInPolygon(cursorPos, area);
 }
-function k(e) {
-  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
+function whenMouse(handler) {
+  return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
 }
-var tn = ve, nn = q, on = he, rn = Ce, cn = te, an = ge, sn = j, un = Re, ln = Se, dn = we, fn = ye, mn = xe, pn = be, vn = Ae, Mn = ke;
+var Root3 = Menu;
+var Anchor2 = MenuAnchor;
+var Portal = MenuPortal;
+var Content2 = MenuContent;
+var Group = MenuGroup;
+var Label = MenuLabel;
+var Item2 = MenuItem;
+var CheckboxItem = MenuCheckboxItem;
+var RadioGroup = MenuRadioGroup;
+var RadioItem = MenuRadioItem;
+var ItemIndicator = MenuItemIndicator;
+var Separator = MenuSeparator;
+var Arrow2 = MenuArrow;
+var SubTrigger = MenuSubTrigger;
+var SubContent = MenuSubContent;
 export {
-  nn as Anchor,
-  pn as Arrow,
-  un as CheckboxItem,
-  rn as Content,
-  cn as Group,
-  sn as Item,
-  fn as ItemIndicator,
-  an as Label,
-  ve as Menu,
-  q as MenuAnchor,
-  be as MenuArrow,
-  Re as MenuCheckboxItem,
-  Ce as MenuContent,
-  te as MenuGroup,
-  j as MenuItem,
-  ye as MenuItemIndicator,
-  ge as MenuLabel,
-  he as MenuPortal,
-  Se as MenuRadioGroup,
-  we as MenuRadioItem,
-  xe as MenuSeparator,
-  ke as MenuSubContent,
-  Ae as MenuSubTrigger,
-  on as Portal,
-  ln as RadioGroup,
-  dn as RadioItem,
-  tn as Root,
-  mn as Separator,
-  Mn as SubContent,
-  vn as SubTrigger,
-  Qt as createMenuScope
+  Anchor2 as Anchor,
+  Arrow2 as Arrow,
+  CheckboxItem,
+  Content2 as Content,
+  Group,
+  Item2 as Item,
+  ItemIndicator,
+  Label,
+  Menu,
+  MenuAnchor,
+  MenuArrow,
+  MenuCheckboxItem,
+  MenuContent,
+  MenuGroup,
+  MenuItem,
+  MenuItemIndicator,
+  MenuLabel,
+  MenuPortal,
+  MenuRadioGroup,
+  MenuRadioItem,
+  MenuSeparator,
+  MenuSubContent,
+  MenuSubTrigger,
+  Portal,
+  RadioGroup,
+  RadioItem,
+  Root3 as Root,
+  Separator,
+  SubContent,
+  SubTrigger,
+  createMenuScope
 };
 //# sourceMappingURL=index.js.map