@huin-core/react-navigation-menu 1.0.4 → 1.0.6

package/dist/index.js

@@ -61,7 +61,6 @@ var import_react_use_controllable_state = require("@huin-core/react-use-controll
 var import_react_id = require("@huin-core/react-id");
 var import_react_use_previous = require("@huin-core/react-use-previous");
 var import_react_use_callback_ref = require("@huin-core/react-use-callback-ref");
-var import_jsx_runtime = require("react/jsx-runtime");
 var SUB_NAME = "NavigationMenuSub";
 var NavigationMenuSub = import_react.default.forwardRef((props, forwardedRef) => {
   const {
@@ -78,7 +77,7 @@ var NavigationMenuSub = import_react.default.forwardRef((props, forwardedRef) =>
     onChange: onValueChange,
     defaultProp: defaultValue
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ import_react.default.createElement(
     NavigationMenuProvider,
     {
       scope: __scopeNavigationMenu,
@@ -89,16 +88,16 @@ var NavigationMenuSub = import_react.default.forwardRef((props, forwardedRef) =>
       rootNavigationMenu: context.rootNavigationMenu,
       onTriggerEnter: (itemValue) => setValue(itemValue),
       onItemSelect: (itemValue) => setValue(itemValue),
-      onItemDismiss: () => setValue(""),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_react_primitive.Primitive.div,
-        {
-          "data-orientation": orientation,
-          ...subProps,
-          ref: forwardedRef
-        }
-      )
-    }
+      onItemDismiss: () => setValue("")
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_react_primitive.Primitive.div,
+      {
+        "data-orientation": orientation,
+        ...subProps,
+        ref: forwardedRef
+      }
+    )
   );
 });
 NavigationMenuSub.displayName = SUB_NAME;
@@ -121,7 +120,7 @@ var NavigationMenuProvider = (props) => {
   const [viewport, setViewport] = import_react.default.useState(null);
   const [viewportContent, setViewportContent] = import_react.default.useState(/* @__PURE__ */ new Map());
   const [indicatorTrack, setIndicatorTrack] = import_react.default.useState(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ import_react.default.createElement(
     NavigationMenuProviderImpl,
     {
       scope,
@@ -157,9 +156,9 @@ var NavigationMenuProvider = (props) => {
           prevContent.delete(contentValue);
           return new Map(prevContent);
         });
-      }, []),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, { scope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ViewportContentProvider, { scope, items: viewportContent, children }) })
-    }
+      }, [])
+    },
+    /* @__PURE__ */ import_react.default.createElement(Collection.Provider, { scope }, /* @__PURE__ */ import_react.default.createElement(ViewportContentProvider, { scope, items: viewportContent }, children))
   );
 };
 
@@ -189,7 +188,6 @@ var import_react_use_callback_ref2 = require("@huin-core/react-use-callback-ref"
 var import_react_use_layout_effect = require("@huin-core/react-use-layout-effect");
 var import_react_compose_refs = require("@huin-core/react-compose-refs");
 var import_primitive = require("@huin-core/primitive");
-var import_jsx_runtime2 = require("react/jsx-runtime");
 var VIEWPORT_NAME = "NavigationMenuViewport";
 var NavigationMenuViewport = import_react2.default.forwardRef((props, forwardedRef) => {
   const { forceMount, ...viewportProps } = props;
@@ -198,7 +196,7 @@ var NavigationMenuViewport = import_react2.default.forwardRef((props, forwardedR
     props.__scopeNavigationMenu
   );
   const open = Boolean(context.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_presence.Presence, { present: forceMount || open, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }) });
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_presence.Presence, { present: forceMount || open }, /* @__PURE__ */ import_react2.default.createElement(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }));
 });
 NavigationMenuViewport.displayName = VIEWPORT_NAME;
 var NavigationMenuViewportImpl = import_react2.default.forwardRef((props, forwardedRef) => {
@@ -223,7 +221,7 @@ var NavigationMenuViewportImpl = import_react2.default.forwardRef((props, forwar
       setSize({ width: content.offsetWidth, height: content.offsetHeight });
   };
   useResizeObserver(content, handleSizeChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ import_react2.default.createElement(
     import_react_primitive2.Primitive.div,
     {
       "data-state": getOpenState(open),
@@ -244,22 +242,22 @@ var NavigationMenuViewportImpl = import_react2.default.forwardRef((props, forwar
       onPointerLeave: (0, import_primitive.composeEventHandlers)(
         props.onPointerLeave,
         whenMouse(context.onContentLeave)
-      ),
-      children: Array.from(viewportContentContext.items).map(
-        ([value, { ref, forceMount, ...props2 }]) => {
-          const isActive = activeContentValue === value;
-          return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_presence.Presence, { present: forceMount || isActive, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            NavigationMenuContentImpl,
-            {
-              ...props2,
-              ref: (0, import_react_compose_refs.composeRefs)(ref, (node) => {
-                if (isActive && node) setContent(node);
-              })
-            }
-          ) }, value);
-        }
       )
-    }
+    },
+    Array.from(viewportContentContext.items).map(
+      ([value, { ref, forceMount, ...props2 }]) => {
+        const isActive = activeContentValue === value;
+        return /* @__PURE__ */ import_react2.default.createElement(import_react_presence.Presence, { key: value, present: forceMount || isActive }, /* @__PURE__ */ import_react2.default.createElement(
+          NavigationMenuContentImpl,
+          {
+            ...props2,
+            ref: (0, import_react_compose_refs.composeRefs)(ref, (node) => {
+              if (isActive && node) setContent(node);
+            })
+          }
+        ));
+      }
+    )
   );
 });
 function useResizeObserver(element, onResize) {
@@ -288,7 +286,6 @@ function whenMouse(handler) {
 
 // packages/react/navigation-menu/src/NavigationMenuContent.tsx
 var import_react_primitive3 = require("@huin-core/react-primitive");
-var import_jsx_runtime3 = require("react/jsx-runtime");
 var CONTENT_NAME = "NavigationMenuContent";
 var NavigationMenuContent = import_react3.default.forwardRef((props, forwardedRef) => {
   const { forceMount, ...contentProps } = props;
@@ -311,7 +308,7 @@ var NavigationMenuContent = import_react3.default.forwardRef((props, forwardedRe
     onRootContentClose: itemContext.onRootContentClose,
     ...contentProps
   };
-  return !context.viewport ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_presence2.Presence, { present: forceMount || open, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return !context.viewport ? /* @__PURE__ */ import_react3.default.createElement(import_react_presence2.Presence, { present: forceMount || open }, /* @__PURE__ */ import_react3.default.createElement(
     NavigationMenuContentImpl,
     {
       "data-state": getOpenState(open),
@@ -331,7 +328,7 @@ var NavigationMenuContent = import_react3.default.forwardRef((props, forwardedRe
         ...commonProps.style
       }
     }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  )) : /* @__PURE__ */ import_react3.default.createElement(
     ViewportContentMounter,
     {
       forceMount,
@@ -418,7 +415,7 @@ var NavigationMenuContentImpl = import_react3.default.forwardRef((props, forward
     prevMotionAttributeRef.current = attribute;
     return attribute;
   }, [context.previousValue, context.value, context.dir, getItems, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FocusGroup, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ import_react3.default.createElement(FocusGroup, { asChild: true }, /* @__PURE__ */ import_react3.default.createElement(
     import_react_dismissable_layer.DismissableLayer,
     {
       id: contentId,
@@ -478,7 +475,7 @@ var NavigationMenuContentImpl = import_react3.default.forwardRef((props, forward
         }
       )
     }
-  ) });
+  ));
 });
 var FOCUS_GROUP_NAME = "FocusGroup";
 var FocusGroup = import_react3.default.forwardRef(
@@ -488,7 +485,7 @@ var FocusGroup = import_react3.default.forwardRef(
       FOCUS_GROUP_NAME,
       __scopeNavigationMenu
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_primitive3.Primitive.div, { dir: context.dir, ...groupProps, ref: forwardedRef }) }) });
+    return /* @__PURE__ */ import_react3.default.createElement(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu }, /* @__PURE__ */ import_react3.default.createElement(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu }, /* @__PURE__ */ import_react3.default.createElement(import_react_primitive3.Primitive.div, { dir: context.dir, ...groupProps, ref: forwardedRef })));
   }
 );
 function makeTriggerId(baseId, value) {
@@ -499,12 +496,11 @@ function makeContentId(baseId, value) {
 }
 
 // packages/react/navigation-menu/src/NavigationMenuLink.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
 var LINK_NAME = "NavigationMenuLink";
 var LINK_SELECT = "navigationMenu.linkSelect";
 var NavigationMenuLink = import_react4.default.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ import_react4.default.createElement(FocusGroupItem, { asChild: true }, /* @__PURE__ */ import_react4.default.createElement(
     import_react_primitive4.Primitive.a,
     {
       "data-active": active ? "" : void 0,
@@ -537,7 +533,7 @@ var NavigationMenuLink = import_react4.default.forwardRef((props, forwardedRef)
         { checkForDefaultPrevented: false }
       )
     }
-  ) });
+  ));
 });
 NavigationMenuLink.displayName = LINK_NAME;
 var ARROW_KEYS = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
@@ -549,7 +545,7 @@ var FocusGroupItem = import_react4.default.forwardRef((props, forwardedRef) => {
     FOCUS_GROUP_ITEM_NAME,
     __scopeNavigationMenu
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FocusGroupCollection.ItemSlot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ import_react4.default.createElement(FocusGroupCollection.ItemSlot, { scope: __scopeNavigationMenu }, /* @__PURE__ */ import_react4.default.createElement(
     import_react_primitive4.Primitive.button,
     {
       ...groupProps,
@@ -572,7 +568,7 @@ var FocusGroupItem = import_react4.default.forwardRef((props, forwardedRef) => {
         }
       })
     }
-  ) });
+  ));
 });
 function focusFirst(candidates) {
   const previouslyFocusedElement = document.activeElement;
@@ -584,7 +580,6 @@ function focusFirst(candidates) {
 }
 
 // packages/react/navigation-menu/src/NavigationMenuItem.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
 var ITEM_NAME = "NavigationMenuItem";
 var NavigationMenuItem = import_react5.default.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, value: valueProp, ...itemProps } = props;
@@ -611,7 +606,7 @@ var NavigationMenuItem = import_react5.default.forwardRef((props, forwardedRef)
         restoreContentTabOrderRef.current = removeFromTabOrder(candidates);
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ import_react5.default.createElement(
     NavigationMenuItemContextProvider,
     {
       scope: __scopeNavigationMenu,
@@ -623,9 +618,9 @@ var NavigationMenuItem = import_react5.default.forwardRef((props, forwardedRef)
       onEntryKeyDown: handleContentEntry,
       onFocusProxyEnter: handleContentEntry,
       onRootContentClose: handleContentExit,
-      onContentFocusOutside: handleContentExit,
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_primitive5.Primitive.li, { ...itemProps, ref: forwardedRef })
-    }
+      onContentFocusOutside: handleContentExit
+    },
+    /* @__PURE__ */ import_react5.default.createElement(import_react_primitive5.Primitive.li, { ...itemProps, ref: forwardedRef })
   );
 });
 NavigationMenuItem.displayName = ITEM_NAME;
@@ -660,7 +655,6 @@ function removeFromTabOrder(candidates) {
 }
 
 // packages/react/navigation-menu/src/NavigationMenu.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
 var NAVIGATION_MENU_NAME = "NavigationMenu";
 var [Collection, useCollection, createCollectionScope] = (0, import_react_collection.createCollection)(
   NAVIGATION_MENU_NAME
@@ -750,7 +744,7 @@ var NavigationMenu = React6.forwardRef((props, forwardedRef) => {
       window.clearTimeout(skipDelayTimerRef.current);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ React6.createElement(
     NavigationMenuProvider,
     {
       scope: __scopeNavigationMenu,
@@ -773,18 +767,18 @@ var NavigationMenu = React6.forwardRef((props, forwardedRef) => {
       onItemSelect: (itemValue) => {
         setValue((prevValue) => prevValue === itemValue ? "" : itemValue);
       },
-      onItemDismiss: () => setValue(""),
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_react_primitive6.Primitive.nav,
-        {
-          "aria-label": "Main",
-          "data-orientation": orientation,
-          dir: direction,
-          ...NavigationMenuProps,
-          ref: composedRef
-        }
-      )
-    }
+      onItemDismiss: () => setValue("")
+    },
+    /* @__PURE__ */ React6.createElement(
+      import_react_primitive6.Primitive.nav,
+      {
+        "aria-label": "Main",
+        "data-orientation": orientation,
+        dir: direction,
+        ...NavigationMenuProps,
+        ref: composedRef
+      }
+    )
   );
 });
 NavigationMenu.displayName = NAVIGATION_MENU_NAME;
@@ -793,12 +787,11 @@ var Root = NavigationMenu;
 // packages/react/navigation-menu/src/NavigationMenuList.tsx
 var import_react6 = __toESM(require("react"));
 var import_react_primitive7 = require("@huin-core/react-primitive");
-var import_jsx_runtime7 = require("react/jsx-runtime");
 var LIST_NAME = "NavigationMenuList";
 var NavigationMenuList = import_react6.default.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, ...listProps } = props;
   const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);
-  const list = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const list = /* @__PURE__ */ import_react6.default.createElement(
     import_react_primitive7.Primitive.ul,
     {
       "data-orientation": context.orientation,
@@ -806,13 +799,13 @@ var NavigationMenuList = import_react6.default.forwardRef((props, forwardedRef)
       ref: forwardedRef
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ import_react6.default.createElement(
     import_react_primitive7.Primitive.div,
     {
       style: { position: "relative" },
-      ref: context.onIndicatorTrackChange,
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Collection.Slot, { scope: __scopeNavigationMenu, children: context.isRootMenu ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FocusGroup, { asChild: true, children: list }) : list })
-    }
+      ref: context.onIndicatorTrackChange
+    },
+    /* @__PURE__ */ import_react6.default.createElement(Collection.Slot, { scope: __scopeNavigationMenu }, context.isRootMenu ? /* @__PURE__ */ import_react6.default.createElement(FocusGroup, { asChild: true }, list) : list)
   );
 });
 NavigationMenuList.displayName = LIST_NAME;
@@ -823,7 +816,6 @@ var import_react_primitive8 = require("@huin-core/react-primitive");
 var import_react_compose_refs4 = require("@huin-core/react-compose-refs");
 var import_primitive4 = require("@huin-core/primitive");
 var VisuallyHiddenPrimitive = __toESM(require("@huin-core/react-visually-hidden"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
 var TRIGGER_NAME = "NavigationMenuTrigger";
 var NavigationMenuTrigger = import_react7.default.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, disabled, ...triggerProps } = props;
@@ -846,86 +838,80 @@ var NavigationMenuTrigger = import_react7.default.forwardRef((props, forwardedRe
   const hasPointerMoveOpenedRef = import_react7.default.useRef(false);
   const wasClickCloseRef = import_react7.default.useRef(false);
   const open = itemContext.value === context.value;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      Collection.ItemSlot,
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
+    Collection.ItemSlot,
+    {
+      scope: __scopeNavigationMenu,
+      value: itemContext.value
+    },
+    /* @__PURE__ */ import_react7.default.createElement(FocusGroupItem, { asChild: true }, /* @__PURE__ */ import_react7.default.createElement(
+      import_react_primitive8.Primitive.button,
       {
-        scope: __scopeNavigationMenu,
-        value: itemContext.value,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_react_primitive8.Primitive.button,
-          {
-            id: triggerId,
-            disabled,
-            "data-disabled": disabled ? "" : void 0,
-            "data-state": getOpenState(open),
-            "aria-expanded": open,
-            "aria-controls": contentId,
-            ...triggerProps,
-            ref: composedRefs,
-            onPointerEnter: (0, import_primitive4.composeEventHandlers)(props.onPointerEnter, () => {
-              wasClickCloseRef.current = false;
-              itemContext.wasEscapeCloseRef.current = false;
-            }),
-            onPointerMove: (0, import_primitive4.composeEventHandlers)(
-              props.onPointerMove,
-              whenMouse(() => {
-                if (disabled || wasClickCloseRef.current || itemContext.wasEscapeCloseRef.current || hasPointerMoveOpenedRef.current)
-                  return;
-                context.onTriggerEnter(itemContext.value);
-                hasPointerMoveOpenedRef.current = true;
-              })
-            ),
-            onPointerLeave: (0, import_primitive4.composeEventHandlers)(
-              props.onPointerLeave,
-              whenMouse(() => {
-                if (disabled) return;
-                context.onTriggerLeave();
-                hasPointerMoveOpenedRef.current = false;
-              })
-            ),
-            onClick: (0, import_primitive4.composeEventHandlers)(props.onClick, () => {
-              context.onItemSelect(itemContext.value);
-              wasClickCloseRef.current = open;
-            }),
-            onKeyDown: (0, import_primitive4.composeEventHandlers)(props.onKeyDown, (event) => {
-              const verticalEntryKey = context.dir === "rtl" ? "ArrowLeft" : "ArrowRight";
-              const entryKey = {
-                horizontal: "ArrowDown",
-                vertical: verticalEntryKey
-              }[context.orientation];
-              if (open && event.key === entryKey) {
-                itemContext.onEntryKeyDown();
-                event.preventDefault();
-              }
-            })
+        id: triggerId,
+        disabled,
+        "data-disabled": disabled ? "" : void 0,
+        "data-state": getOpenState(open),
+        "aria-expanded": open,
+        "aria-controls": contentId,
+        ...triggerProps,
+        ref: composedRefs,
+        onPointerEnter: (0, import_primitive4.composeEventHandlers)(props.onPointerEnter, () => {
+          wasClickCloseRef.current = false;
+          itemContext.wasEscapeCloseRef.current = false;
+        }),
+        onPointerMove: (0, import_primitive4.composeEventHandlers)(
+          props.onPointerMove,
+          whenMouse(() => {
+            if (disabled || wasClickCloseRef.current || itemContext.wasEscapeCloseRef.current || hasPointerMoveOpenedRef.current)
+              return;
+            context.onTriggerEnter(itemContext.value);
+            hasPointerMoveOpenedRef.current = true;
+          })
+        ),
+        onPointerLeave: (0, import_primitive4.composeEventHandlers)(
+          props.onPointerLeave,
+          whenMouse(() => {
+            if (disabled) return;
+            context.onTriggerLeave();
+            hasPointerMoveOpenedRef.current = false;
+          })
+        ),
+        onClick: (0, import_primitive4.composeEventHandlers)(props.onClick, () => {
+          context.onItemSelect(itemContext.value);
+          wasClickCloseRef.current = open;
+        }),
+        onKeyDown: (0, import_primitive4.composeEventHandlers)(props.onKeyDown, (event) => {
+          const verticalEntryKey = context.dir === "rtl" ? "ArrowLeft" : "ArrowRight";
+          const entryKey = {
+            horizontal: "ArrowDown",
+            vertical: verticalEntryKey
+          }[context.orientation];
+          if (open && event.key === entryKey) {
+            itemContext.onEntryKeyDown();
+            event.preventDefault();
           }
-        ) })
+        })
       }
-    ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        VisuallyHiddenPrimitive.Root,
-        {
-          "aria-hidden": true,
-          tabIndex: 0,
-          ref: itemContext.focusProxyRef,
-          onFocus: (event) => {
-            const content = itemContext.contentRef.current;
-            const prevFocusedElement = event.relatedTarget;
-            const wasTriggerFocused = prevFocusedElement === ref.current;
-            const wasFocusFromContent = content?.contains(prevFocusedElement);
-            if (wasTriggerFocused || !wasFocusFromContent) {
-              itemContext.onFocusProxyEnter(
-                wasTriggerFocused ? "start" : "end"
-              );
-            }
-          }
+    ))
+  ), open && /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
+    VisuallyHiddenPrimitive.Root,
+    {
+      "aria-hidden": true,
+      tabIndex: 0,
+      ref: itemContext.focusProxyRef,
+      onFocus: (event) => {
+        const content = itemContext.contentRef.current;
+        const prevFocusedElement = event.relatedTarget;
+        const wasTriggerFocused = prevFocusedElement === ref.current;
+        const wasFocusFromContent = content?.contains(prevFocusedElement);
+        if (wasTriggerFocused || !wasFocusFromContent) {
+          itemContext.onFocusProxyEnter(
+            wasTriggerFocused ? "start" : "end"
+          );
         }
-      ),
-      context.viewport && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-owns": contentId })
-    ] })
-  ] });
+      }
+    }
+  ), context.viewport && /* @__PURE__ */ import_react7.default.createElement("span", { "aria-owns": contentId })));
 });
 NavigationMenuTrigger.displayName = TRIGGER_NAME;
 
@@ -934,7 +920,6 @@ var import_react8 = __toESM(require("react"));
 var import_react_presence3 = require("@huin-core/react-presence");
 var import_react_dom = __toESM(require("react-dom"));
 var import_react_primitive9 = require("@huin-core/react-primitive");
-var import_jsx_runtime9 = require("react/jsx-runtime");
 var INDICATOR_NAME = "NavigationMenuIndicator";
 var NavigationMenuIndicator = import_react8.default.forwardRef((props, forwardedRef) => {
   const { forceMount, ...indicatorProps } = props;
@@ -944,7 +929,7 @@ var NavigationMenuIndicator = import_react8.default.forwardRef((props, forwarded
   );
   const isVisible = Boolean(context.value);
   return context.indicatorTrack ? import_react_dom.default.createPortal(
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_presence3.Presence, { present: forceMount || isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NavigationMenuIndicatorImpl, { ...indicatorProps, ref: forwardedRef }) }),
+    /* @__PURE__ */ import_react8.default.createElement(import_react_presence3.Presence, { present: forceMount || isVisible }, /* @__PURE__ */ import_react8.default.createElement(NavigationMenuIndicatorImpl, { ...indicatorProps, ref: forwardedRef })),
     context.indicatorTrack
   ) : null;
 });
@@ -975,7 +960,7 @@ var NavigationMenuIndicatorImpl = import_react8.default.forwardRef((props, forwa
   };
   useResizeObserver(activeTrigger, handlePositionChange);
   useResizeObserver(context.indicatorTrack, handlePositionChange);
-  return position ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return position ? /* @__PURE__ */ import_react8.default.createElement(
     import_react_primitive9.Primitive.div,
     {
       "aria-hidden": true,