@huin-core/react-menu 1.0.5 → 1.0.6

package/dist/index.mjs

@@ -22,7 +22,6 @@ import { Slot } from "@huin-core/react-slot";
 import { useCallbackRef } from "@huin-core/react-use-callback-ref";
 import { hideOthers } from "aria-hidden";
 import { RemoveScroll } from "react-remove-scroll";
-import { jsx } from "react/jsx-runtime";
 var SELECTION_KEYS = ["Enter", " "];
 var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
 var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
@@ -67,27 +66,27 @@ var Menu = (props) => {
       document.removeEventListener("pointermove", handlePointer, { capture: true });
     };
   }, []);
-  return /* @__PURE__ */ jsx(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(PopperPrimitive.Root, { ...popperScope }, /* @__PURE__ */ React.createElement(
     MenuProvider,
     {
       scope: __scopeMenu,
       open,
       onOpenChange: handleOpenChange,
       content,
-      onContentChange: setContent,
-      children: /* @__PURE__ */ jsx(
-        MenuRootProvider,
-        {
-          scope: __scopeMenu,
-          onClose: React.useCallback(() => handleOpenChange(false), [handleOpenChange]),
-          isUsingKeyboardRef,
-          dir: direction,
-          modal,
-          children
-        }
-      )
-    }
-  ) });
+      onContentChange: setContent
+    },
+    /* @__PURE__ */ React.createElement(
+      MenuRootProvider,
+      {
+        scope: __scopeMenu,
+        onClose: React.useCallback(() => handleOpenChange(false), [handleOpenChange]),
+        isUsingKeyboardRef,
+        dir: direction,
+        modal
+      },
+      children
+    )
+  ));
 };
 Menu.displayName = MENU_NAME;
 var ANCHOR_NAME = "MenuAnchor";
@@ -95,7 +94,7 @@ var MenuAnchor = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...anchorProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
-    return /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+    return /* @__PURE__ */ React.createElement(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
   }
 );
 MenuAnchor.displayName = ANCHOR_NAME;
@@ -106,7 +105,7 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME, {
 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(PortalPrimitive, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ React.createElement(PortalProvider, { scope: __scopeMenu, forceMount }, /* @__PURE__ */ React.createElement(Presence, { present: forceMount || context.open }, /* @__PURE__ */ React.createElement(PortalPrimitive, { asChild: true, container }, children)));
 };
 MenuPortal.displayName = PORTAL_NAME;
 var CONTENT_NAME = "MenuContent";
@@ -117,7 +116,7 @@ var MenuContent = React.forwardRef(
     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 }) }) }) });
+    return /* @__PURE__ */ React.createElement(Collection.Provider, { scope: props.__scopeMenu }, /* @__PURE__ */ React.createElement(Presence, { present: forceMount || context.open }, /* @__PURE__ */ React.createElement(Collection.Slot, { scope: props.__scopeMenu }, rootContext.modal ? /* @__PURE__ */ React.createElement(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ React.createElement(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }))));
   }
 );
 var MenuRootContentModal = React.forwardRef(
@@ -129,7 +128,7 @@ var MenuRootContentModal = React.forwardRef(
       const content = ref.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(
       MenuContentImpl,
       {
         ...props,
@@ -149,7 +148,7 @@ var MenuRootContentModal = React.forwardRef(
 );
 var MenuRootContentNonModal = React.forwardRef((props, forwardedRef) => {
   const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     MenuContentImpl,
     {
       ...props,
@@ -220,7 +219,7 @@ var MenuContentImpl = React.forwardRef(
       const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
       return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
     }, []);
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(
       MenuContentProvider,
       {
         scope: __scopeMenu,
@@ -248,98 +247,98 @@ var MenuContentImpl = React.forwardRef(
         pointerGraceTimerRef,
         onPointerGraceIntentChange: React.useCallback((intent) => {
           pointerGraceIntentRef.current = intent;
-        }, []),
-        children: /* @__PURE__ */ jsx(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx(
-          FocusScope,
+        }, [])
+      },
+      /* @__PURE__ */ React.createElement(ScrollLockWrapper, { ...scrollLockWrapperProps }, /* @__PURE__ */ React.createElement(
+        FocusScope,
+        {
+          asChild: true,
+          trapped: trapFocus,
+          onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (event) => {
+            event.preventDefault();
+            contentRef.current?.focus({ preventScroll: true });
+          }),
+          onUnmountAutoFocus: onCloseAutoFocus
+        },
+        /* @__PURE__ */ React.createElement(
+          DismissableLayer,
           {
             asChild: true,
-            trapped: trapFocus,
-            onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (event) => {
-              event.preventDefault();
-              contentRef.current?.focus({ preventScroll: true });
-            }),
-            onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ jsx(
-              DismissableLayer,
+            disableOutsidePointerEvents,
+            onEscapeKeyDown,
+            onPointerDownOutside,
+            onFocusOutside,
+            onInteractOutside,
+            onDismiss
+          },
+          /* @__PURE__ */ React.createElement(
+            RovingFocusGroup.Root,
+            {
+              asChild: true,
+              ...rovingFocusGroupScope,
+              dir: rootContext.dir,
+              orientation: "vertical",
+              loop,
+              currentTabStopId: currentItemId,
+              onCurrentTabStopIdChange: setCurrentItemId,
+              onEntryFocus: composeEventHandlers(onEntryFocus, (event) => {
+                if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
+              }),
+              preventScrollOnEntryFocus: true
+            },
+            /* @__PURE__ */ React.createElement(
+              PopperPrimitive.Content,
               {
-                asChild: true,
-                disableOutsidePointerEvents,
-                onEscapeKeyDown,
-                onPointerDownOutside,
-                onFocusOutside,
-                onInteractOutside,
-                onDismiss,
-                children: /* @__PURE__ */ jsx(
-                  RovingFocusGroup.Root,
-                  {
-                    asChild: true,
-                    ...rovingFocusGroupScope,
-                    dir: rootContext.dir,
-                    orientation: "vertical",
-                    loop,
-                    currentTabStopId: currentItemId,
-                    onCurrentTabStopIdChange: setCurrentItemId,
-                    onEntryFocus: composeEventHandlers(onEntryFocus, (event) => {
-                      if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
-                    }),
-                    preventScrollOnEntryFocus: true,
-                    children: /* @__PURE__ */ jsx(
-                      PopperPrimitive.Content,
-                      {
-                        role: "menu",
-                        "aria-orientation": "vertical",
-                        "data-state": getOpenState(context.open),
-                        "data-huin-core-menu-content": "",
-                        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-huin-core-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: composeEventHandlers(props.onBlur, (event) => {
-                          if (!event.currentTarget.contains(event.target)) {
-                            window.clearTimeout(timerRef.current);
-                            searchRef.current = "";
-                          }
-                        }),
-                        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;
-                            }
-                          })
-                        )
-                      }
-                    )
+                role: "menu",
+                "aria-orientation": "vertical",
+                "data-state": getOpenState(context.open),
+                "data-huin-core-menu-content": "",
+                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-huin-core-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: composeEventHandlers(props.onBlur, (event) => {
+                  if (!event.currentTarget.contains(event.target)) {
+                    window.clearTimeout(timerRef.current);
+                    searchRef.current = "";
                   }
+                }),
+                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;
+                    }
+                  })
                 )
               }
             )
-          }
-        ) })
-      }
+          )
+        )
+      ))
     );
   }
 );
@@ -348,7 +347,7 @@ var GROUP_NAME = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ React.createElement(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME;
@@ -356,7 +355,7 @@ var LABEL_NAME = "MenuLabel";
 var MenuLabel = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ React.createElement(Primitive.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME;
@@ -383,7 +382,7 @@ var MenuItem = React.forwardRef(
         }
       }
     };
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(
       MenuItemImpl,
       {
         ...itemProps,
@@ -425,44 +424,44 @@ var MenuItemImpl = React.forwardRef(
         setTextContent((menuItem.textContent ?? "").trim());
       }
     }, [itemProps.children]);
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(
       Collection.ItemSlot,
       {
         scope: __scopeMenu,
         disabled,
-        textValue: textValue ?? textContent,
-        children: /* @__PURE__ */ jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
-          Primitive.div,
-          {
-            role: "menuitem",
-            "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 });
-                  }
+        textValue: textValue ?? textContent
+      },
+      /* @__PURE__ */ React.createElement(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled }, /* @__PURE__ */ React.createElement(
+        Primitive.div,
+        {
+          role: "menuitem",
+          "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: composeEventHandlers(
-              props.onPointerLeave,
-              whenMouse((event) => contentContext.onItemLeave(event))
-            ),
-            onFocus: composeEventHandlers(props.onFocus, () => setIsFocused(true)),
-            onBlur: composeEventHandlers(props.onBlur, () => setIsFocused(false))
-          }
-        ) })
-      }
+              }
+            })
+          ),
+          onPointerLeave: composeEventHandlers(
+            props.onPointerLeave,
+            whenMouse((event) => contentContext.onItemLeave(event))
+          ),
+          onFocus: composeEventHandlers(props.onFocus, () => setIsFocused(true)),
+          onBlur: composeEventHandlers(props.onBlur, () => setIsFocused(false))
+        }
+      ))
     );
   }
 );
@@ -470,7 +469,7 @@ 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(
+    return /* @__PURE__ */ React.createElement(ItemIndicatorProvider, { scope: props.__scopeMenu, checked }, /* @__PURE__ */ React.createElement(
       MenuItem,
       {
         role: "menuitemcheckbox",
@@ -484,7 +483,7 @@ var MenuCheckboxItem = React.forwardRef(
           { checkForDefaultPrevented: false }
         )
       }
-    ) });
+    ));
   }
 );
 MenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
@@ -498,7 +497,7 @@ 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 }) });
+    return /* @__PURE__ */ React.createElement(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange }, /* @__PURE__ */ React.createElement(MenuGroup, { ...groupProps, ref: forwardedRef }));
   }
 );
 MenuRadioGroup.displayName = RADIO_GROUP_NAME;
@@ -508,7 +507,7 @@ var MenuRadioItem = React.forwardRef(
     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(
+    return /* @__PURE__ */ React.createElement(ItemIndicatorProvider, { scope: props.__scopeMenu, checked }, /* @__PURE__ */ React.createElement(
       MenuItem,
       {
         role: "menuitemradio",
@@ -522,7 +521,7 @@ var MenuRadioItem = React.forwardRef(
           { checkForDefaultPrevented: false }
         )
       }
-    ) });
+    ));
   }
 );
 MenuRadioItem.displayName = RADIO_ITEM_NAME;
@@ -535,19 +534,19 @@ var MenuItemIndicator = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
     const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(
       Presence,
       {
-        present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
-        children: /* @__PURE__ */ jsx(
-          Primitive.span,
-          {
-            ...itemIndicatorProps,
-            ref: forwardedRef,
-            "data-state": getCheckedState(indicatorContext.checked)
-          }
-        )
-      }
+        present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true
+      },
+      /* @__PURE__ */ React.createElement(
+        Primitive.span,
+        {
+          ...itemIndicatorProps,
+          ref: forwardedRef,
+          "data-state": getCheckedState(indicatorContext.checked)
+        }
+      )
     );
   }
 );
@@ -556,7 +555,7 @@ var SEPARATOR_NAME = "MenuSeparator";
 var MenuSeparator = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(
       Primitive.div,
       {
         role: "separator",
@@ -573,7 +572,7 @@ var MenuArrow = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
-    return /* @__PURE__ */ jsx(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return /* @__PURE__ */ React.createElement(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 MenuArrow.displayName = ARROW_NAME;
@@ -590,27 +589,27 @@ var MenuSub = (props) => {
     if (parentMenuContext.open === false) handleOpenChange(false);
     return () => handleOpenChange(false);
   }, [parentMenuContext.open, handleOpenChange]);
-  return /* @__PURE__ */ jsx(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(PopperPrimitive.Root, { ...popperScope }, /* @__PURE__ */ React.createElement(
     MenuProvider,
     {
       scope: __scopeMenu,
       open,
       onOpenChange: handleOpenChange,
       content,
-      onContentChange: setContent,
-      children: /* @__PURE__ */ jsx(
-        MenuSubProvider,
-        {
-          scope: __scopeMenu,
-          contentId: useId(),
-          triggerId: useId(),
-          trigger,
-          onTriggerChange: setTrigger,
-          children
-        }
-      )
-    }
-  ) });
+      onContentChange: setContent
+    },
+    /* @__PURE__ */ React.createElement(
+      MenuSubProvider,
+      {
+        scope: __scopeMenu,
+        contentId: useId(),
+        triggerId: useId(),
+        trigger,
+        onTriggerChange: setTrigger
+      },
+      children
+    )
+  ));
 };
 MenuSub.displayName = SUB_NAME;
 var SUB_TRIGGER_NAME = "MenuSubTrigger";
@@ -635,7 +634,7 @@ var MenuSubTrigger = React.forwardRef(
         onPointerGraceIntentChange(null);
       };
     }, [pointerGraceTimerRef, onPointerGraceIntentChange]);
-    return /* @__PURE__ */ jsx(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(MenuAnchor, { asChild: true, ...scope }, /* @__PURE__ */ React.createElement(
       MenuItemImpl,
       {
         id: subContext.triggerId,
@@ -710,7 +709,7 @@ var MenuSubTrigger = React.forwardRef(
           }
         })
       }
-    ) });
+    ));
   }
 );
 MenuSubTrigger.displayName = SUB_TRIGGER_NAME;
@@ -724,7 +723,7 @@ var MenuSubContent = React.forwardRef(
     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(
+    return /* @__PURE__ */ React.createElement(Collection.Provider, { scope: props.__scopeMenu }, /* @__PURE__ */ React.createElement(Presence, { present: forceMount || context.open }, /* @__PURE__ */ React.createElement(Collection.Slot, { scope: props.__scopeMenu }, /* @__PURE__ */ React.createElement(
       MenuContentImpl,
       {
         id: subContext.contentId,
@@ -758,7 +757,7 @@ var MenuSubContent = React.forwardRef(
           }
         })
       }
-    ) }) }) });
+    ))));
   }
 );
 MenuSubContent.displayName = SUB_CONTENT_NAME;