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

package/dist/index.mjs

@@ -16,7 +16,6 @@ import { useControllableState } from "@huin-core/react-use-controllable-state";
 import { useId } from "@huin-core/react-id";
 import { usePrevious } from "@huin-core/react-use-previous";
 import { useCallbackRef } from "@huin-core/react-use-callback-ref";
-import { jsx } from "react/jsx-runtime";
 var SUB_NAME = "NavigationMenuSub";
 var NavigationMenuSub = React.forwardRef((props, forwardedRef) => {
   const {
@@ -33,7 +32,7 @@ var NavigationMenuSub = React.forwardRef((props, forwardedRef) => {
     onChange: onValueChange,
     defaultProp: defaultValue
   });
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     NavigationMenuProvider,
     {
       scope: __scopeNavigationMenu,
@@ -44,16 +43,16 @@ var NavigationMenuSub = React.forwardRef((props, forwardedRef) => {
       rootNavigationMenu: context.rootNavigationMenu,
       onTriggerEnter: (itemValue) => setValue(itemValue),
       onItemSelect: (itemValue) => setValue(itemValue),
-      onItemDismiss: () => setValue(""),
-      children: /* @__PURE__ */ jsx(
-        Primitive.div,
-        {
-          "data-orientation": orientation,
-          ...subProps,
-          ref: forwardedRef
-        }
-      )
-    }
+      onItemDismiss: () => setValue("")
+    },
+    /* @__PURE__ */ React.createElement(
+      Primitive.div,
+      {
+        "data-orientation": orientation,
+        ...subProps,
+        ref: forwardedRef
+      }
+    )
   );
 });
 NavigationMenuSub.displayName = SUB_NAME;
@@ -76,7 +75,7 @@ var NavigationMenuProvider = (props) => {
   const [viewport, setViewport] = React.useState(null);
   const [viewportContent, setViewportContent] = React.useState(/* @__PURE__ */ new Map());
   const [indicatorTrack, setIndicatorTrack] = React.useState(null);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     NavigationMenuProviderImpl,
     {
       scope,
@@ -112,9 +111,9 @@ var NavigationMenuProvider = (props) => {
           prevContent.delete(contentValue);
           return new Map(prevContent);
         });
-      }, []),
-      children: /* @__PURE__ */ jsx(Collection.Provider, { scope, children: /* @__PURE__ */ jsx(ViewportContentProvider, { scope, items: viewportContent, children }) })
-    }
+      }, [])
+    },
+    /* @__PURE__ */ React.createElement(Collection.Provider, { scope }, /* @__PURE__ */ React.createElement(ViewportContentProvider, { scope, items: viewportContent }, children))
   );
 };
 
@@ -144,7 +143,6 @@ import { useCallbackRef as useCallbackRef2 } from "@huin-core/react-use-callback
 import { useLayoutEffect } from "@huin-core/react-use-layout-effect";
 import { composeRefs, useComposedRefs } from "@huin-core/react-compose-refs";
 import { composeEventHandlers } from "@huin-core/primitive";
-import { jsx as jsx2 } from "react/jsx-runtime";
 var VIEWPORT_NAME = "NavigationMenuViewport";
 var NavigationMenuViewport = React2.forwardRef((props, forwardedRef) => {
   const { forceMount, ...viewportProps } = props;
@@ -153,7 +151,7 @@ var NavigationMenuViewport = React2.forwardRef((props, forwardedRef) => {
     props.__scopeNavigationMenu
   );
   const open = Boolean(context.value);
-  return /* @__PURE__ */ jsx2(Presence, { present: forceMount || open, children: /* @__PURE__ */ jsx2(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }) });
+  return /* @__PURE__ */ React2.createElement(Presence, { present: forceMount || open }, /* @__PURE__ */ React2.createElement(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }));
 });
 NavigationMenuViewport.displayName = VIEWPORT_NAME;
 var NavigationMenuViewportImpl = React2.forwardRef((props, forwardedRef) => {
@@ -178,7 +176,7 @@ var NavigationMenuViewportImpl = React2.forwardRef((props, forwardedRef) => {
       setSize({ width: content.offsetWidth, height: content.offsetHeight });
   };
   useResizeObserver(content, handleSizeChange);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ React2.createElement(
     Primitive2.div,
     {
       "data-state": getOpenState(open),
@@ -199,22 +197,22 @@ var NavigationMenuViewportImpl = React2.forwardRef((props, forwardedRef) => {
       onPointerLeave: composeEventHandlers(
         props.onPointerLeave,
         whenMouse(context.onContentLeave)
-      ),
-      children: Array.from(viewportContentContext.items).map(
-        ([value, { ref, forceMount, ...props2 }]) => {
-          const isActive = activeContentValue === value;
-          return /* @__PURE__ */ jsx2(Presence, { present: forceMount || isActive, children: /* @__PURE__ */ jsx2(
-            NavigationMenuContentImpl,
-            {
-              ...props2,
-              ref: composeRefs(ref, (node) => {
-                if (isActive && node) setContent(node);
-              })
-            }
-          ) }, value);
-        }
       )
-    }
+    },
+    Array.from(viewportContentContext.items).map(
+      ([value, { ref, forceMount, ...props2 }]) => {
+        const isActive = activeContentValue === value;
+        return /* @__PURE__ */ React2.createElement(Presence, { key: value, present: forceMount || isActive }, /* @__PURE__ */ React2.createElement(
+          NavigationMenuContentImpl,
+          {
+            ...props2,
+            ref: composeRefs(ref, (node) => {
+              if (isActive && node) setContent(node);
+            })
+          }
+        ));
+      }
+    )
   );
 });
 function useResizeObserver(element, onResize) {
@@ -243,7 +241,6 @@ function whenMouse(handler) {
 
 // packages/react/navigation-menu/src/NavigationMenuContent.tsx
 import { Primitive as Primitive3 } from "@huin-core/react-primitive";
-import { jsx as jsx3 } from "react/jsx-runtime";
 var CONTENT_NAME = "NavigationMenuContent";
 var NavigationMenuContent = React3.forwardRef((props, forwardedRef) => {
   const { forceMount, ...contentProps } = props;
@@ -266,7 +263,7 @@ var NavigationMenuContent = React3.forwardRef((props, forwardedRef) => {
     onRootContentClose: itemContext.onRootContentClose,
     ...contentProps
   };
-  return !context.viewport ? /* @__PURE__ */ jsx3(Presence2, { present: forceMount || open, children: /* @__PURE__ */ jsx3(
+  return !context.viewport ? /* @__PURE__ */ React3.createElement(Presence2, { present: forceMount || open }, /* @__PURE__ */ React3.createElement(
     NavigationMenuContentImpl,
     {
       "data-state": getOpenState(open),
@@ -286,7 +283,7 @@ var NavigationMenuContent = React3.forwardRef((props, forwardedRef) => {
         ...commonProps.style
       }
     }
-  ) }) : /* @__PURE__ */ jsx3(
+  )) : /* @__PURE__ */ React3.createElement(
     ViewportContentMounter,
     {
       forceMount,
@@ -373,7 +370,7 @@ var NavigationMenuContentImpl = React3.forwardRef((props, forwardedRef) => {
     prevMotionAttributeRef.current = attribute;
     return attribute;
   }, [context.previousValue, context.value, context.dir, getItems, value]);
-  return /* @__PURE__ */ jsx3(FocusGroup, { asChild: true, children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ React3.createElement(FocusGroup, { asChild: true }, /* @__PURE__ */ React3.createElement(
     DismissableLayer,
     {
       id: contentId,
@@ -433,7 +430,7 @@ var NavigationMenuContentImpl = React3.forwardRef((props, forwardedRef) => {
         }
       )
     }
-  ) });
+  ));
 });
 var FOCUS_GROUP_NAME = "FocusGroup";
 var FocusGroup = React3.forwardRef(
@@ -443,7 +440,7 @@ var FocusGroup = React3.forwardRef(
       FOCUS_GROUP_NAME,
       __scopeNavigationMenu
     );
-    return /* @__PURE__ */ jsx3(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx3(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx3(Primitive3.div, { dir: context.dir, ...groupProps, ref: forwardedRef }) }) });
+    return /* @__PURE__ */ React3.createElement(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu }, /* @__PURE__ */ React3.createElement(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu }, /* @__PURE__ */ React3.createElement(Primitive3.div, { dir: context.dir, ...groupProps, ref: forwardedRef })));
   }
 );
 function makeTriggerId(baseId, value) {
@@ -454,12 +451,11 @@ function makeContentId(baseId, value) {
 }
 
 // packages/react/navigation-menu/src/NavigationMenuLink.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
 var LINK_NAME = "NavigationMenuLink";
 var LINK_SELECT = "navigationMenu.linkSelect";
 var NavigationMenuLink = React4.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props;
-  return /* @__PURE__ */ jsx4(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ React4.createElement(FocusGroupItem, { asChild: true }, /* @__PURE__ */ React4.createElement(
     Primitive4.a,
     {
       "data-active": active ? "" : void 0,
@@ -492,7 +488,7 @@ var NavigationMenuLink = React4.forwardRef((props, forwardedRef) => {
         { checkForDefaultPrevented: false }
       )
     }
-  ) });
+  ));
 });
 NavigationMenuLink.displayName = LINK_NAME;
 var ARROW_KEYS = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
@@ -504,7 +500,7 @@ var FocusGroupItem = React4.forwardRef((props, forwardedRef) => {
     FOCUS_GROUP_ITEM_NAME,
     __scopeNavigationMenu
   );
-  return /* @__PURE__ */ jsx4(FocusGroupCollection.ItemSlot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ React4.createElement(FocusGroupCollection.ItemSlot, { scope: __scopeNavigationMenu }, /* @__PURE__ */ React4.createElement(
     Primitive4.button,
     {
       ...groupProps,
@@ -527,7 +523,7 @@ var FocusGroupItem = React4.forwardRef((props, forwardedRef) => {
         }
       })
     }
-  ) });
+  ));
 });
 function focusFirst(candidates) {
   const previouslyFocusedElement = document.activeElement;
@@ -539,7 +535,6 @@ function focusFirst(candidates) {
 }
 
 // packages/react/navigation-menu/src/NavigationMenuItem.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
 var ITEM_NAME = "NavigationMenuItem";
 var NavigationMenuItem = React5.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, value: valueProp, ...itemProps } = props;
@@ -566,7 +561,7 @@ var NavigationMenuItem = React5.forwardRef((props, forwardedRef) => {
         restoreContentTabOrderRef.current = removeFromTabOrder(candidates);
     }
   }, []);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ React5.createElement(
     NavigationMenuItemContextProvider,
     {
       scope: __scopeNavigationMenu,
@@ -578,9 +573,9 @@ var NavigationMenuItem = React5.forwardRef((props, forwardedRef) => {
       onEntryKeyDown: handleContentEntry,
       onFocusProxyEnter: handleContentEntry,
       onRootContentClose: handleContentExit,
-      onContentFocusOutside: handleContentExit,
-      children: /* @__PURE__ */ jsx5(Primitive5.li, { ...itemProps, ref: forwardedRef })
-    }
+      onContentFocusOutside: handleContentExit
+    },
+    /* @__PURE__ */ React5.createElement(Primitive5.li, { ...itemProps, ref: forwardedRef })
   );
 });
 NavigationMenuItem.displayName = ITEM_NAME;
@@ -615,7 +610,6 @@ function removeFromTabOrder(candidates) {
 }
 
 // packages/react/navigation-menu/src/NavigationMenu.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
 var NAVIGATION_MENU_NAME = "NavigationMenu";
 var [Collection, useCollection, createCollectionScope] = createCollection(
   NAVIGATION_MENU_NAME
@@ -705,7 +699,7 @@ var NavigationMenu = React6.forwardRef((props, forwardedRef) => {
       window.clearTimeout(skipDelayTimerRef.current);
     };
   }, []);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ React6.createElement(
     NavigationMenuProvider,
     {
       scope: __scopeNavigationMenu,
@@ -728,18 +722,18 @@ var NavigationMenu = React6.forwardRef((props, forwardedRef) => {
       onItemSelect: (itemValue) => {
         setValue((prevValue) => prevValue === itemValue ? "" : itemValue);
       },
-      onItemDismiss: () => setValue(""),
-      children: /* @__PURE__ */ jsx6(
-        Primitive6.nav,
-        {
-          "aria-label": "Main",
-          "data-orientation": orientation,
-          dir: direction,
-          ...NavigationMenuProps,
-          ref: composedRef
-        }
-      )
-    }
+      onItemDismiss: () => setValue("")
+    },
+    /* @__PURE__ */ React6.createElement(
+      Primitive6.nav,
+      {
+        "aria-label": "Main",
+        "data-orientation": orientation,
+        dir: direction,
+        ...NavigationMenuProps,
+        ref: composedRef
+      }
+    )
   );
 });
 NavigationMenu.displayName = NAVIGATION_MENU_NAME;
@@ -748,12 +742,11 @@ var Root = NavigationMenu;
 // packages/react/navigation-menu/src/NavigationMenuList.tsx
 import React7 from "react";
 import { Primitive as Primitive7 } from "@huin-core/react-primitive";
-import { jsx as jsx7 } from "react/jsx-runtime";
 var LIST_NAME = "NavigationMenuList";
 var NavigationMenuList = React7.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, ...listProps } = props;
   const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);
-  const list = /* @__PURE__ */ jsx7(
+  const list = /* @__PURE__ */ React7.createElement(
     Primitive7.ul,
     {
       "data-orientation": context.orientation,
@@ -761,13 +754,13 @@ var NavigationMenuList = React7.forwardRef((props, forwardedRef) => {
       ref: forwardedRef
     }
   );
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ React7.createElement(
     Primitive7.div,
     {
       style: { position: "relative" },
-      ref: context.onIndicatorTrackChange,
-      children: /* @__PURE__ */ jsx7(Collection.Slot, { scope: __scopeNavigationMenu, children: context.isRootMenu ? /* @__PURE__ */ jsx7(FocusGroup, { asChild: true, children: list }) : list })
-    }
+      ref: context.onIndicatorTrackChange
+    },
+    /* @__PURE__ */ React7.createElement(Collection.Slot, { scope: __scopeNavigationMenu }, context.isRootMenu ? /* @__PURE__ */ React7.createElement(FocusGroup, { asChild: true }, list) : list)
   );
 });
 NavigationMenuList.displayName = LIST_NAME;
@@ -778,7 +771,6 @@ import { Primitive as Primitive8 } from "@huin-core/react-primitive";
 import { useComposedRefs as useComposedRefs4 } from "@huin-core/react-compose-refs";
 import { composeEventHandlers as composeEventHandlers4 } from "@huin-core/primitive";
 import * as VisuallyHiddenPrimitive from "@huin-core/react-visually-hidden";
-import { Fragment, jsx as jsx8, jsxs } from "react/jsx-runtime";
 var TRIGGER_NAME = "NavigationMenuTrigger";
 var NavigationMenuTrigger = React8.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, disabled, ...triggerProps } = props;
@@ -801,86 +793,80 @@ var NavigationMenuTrigger = React8.forwardRef((props, forwardedRef) => {
   const hasPointerMoveOpenedRef = React8.useRef(false);
   const wasClickCloseRef = React8.useRef(false);
   const open = itemContext.value === context.value;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx8(
-      Collection.ItemSlot,
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(
+    Collection.ItemSlot,
+    {
+      scope: __scopeNavigationMenu,
+      value: itemContext.value
+    },
+    /* @__PURE__ */ React8.createElement(FocusGroupItem, { asChild: true }, /* @__PURE__ */ React8.createElement(
+      Primitive8.button,
       {
-        scope: __scopeNavigationMenu,
-        value: itemContext.value,
-        children: /* @__PURE__ */ jsx8(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx8(
-          Primitive8.button,
-          {
-            id: triggerId,
-            disabled,
-            "data-disabled": disabled ? "" : void 0,
-            "data-state": getOpenState(open),
-            "aria-expanded": open,
-            "aria-controls": contentId,
-            ...triggerProps,
-            ref: composedRefs,
-            onPointerEnter: composeEventHandlers4(props.onPointerEnter, () => {
-              wasClickCloseRef.current = false;
-              itemContext.wasEscapeCloseRef.current = false;
-            }),
-            onPointerMove: composeEventHandlers4(
-              props.onPointerMove,
-              whenMouse(() => {
-                if (disabled || wasClickCloseRef.current || itemContext.wasEscapeCloseRef.current || hasPointerMoveOpenedRef.current)
-                  return;
-                context.onTriggerEnter(itemContext.value);
-                hasPointerMoveOpenedRef.current = true;
-              })
-            ),
-            onPointerLeave: composeEventHandlers4(
-              props.onPointerLeave,
-              whenMouse(() => {
-                if (disabled) return;
-                context.onTriggerLeave();
-                hasPointerMoveOpenedRef.current = false;
-              })
-            ),
-            onClick: composeEventHandlers4(props.onClick, () => {
-              context.onItemSelect(itemContext.value);
-              wasClickCloseRef.current = open;
-            }),
-            onKeyDown: composeEventHandlers4(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: composeEventHandlers4(props.onPointerEnter, () => {
+          wasClickCloseRef.current = false;
+          itemContext.wasEscapeCloseRef.current = false;
+        }),
+        onPointerMove: composeEventHandlers4(
+          props.onPointerMove,
+          whenMouse(() => {
+            if (disabled || wasClickCloseRef.current || itemContext.wasEscapeCloseRef.current || hasPointerMoveOpenedRef.current)
+              return;
+            context.onTriggerEnter(itemContext.value);
+            hasPointerMoveOpenedRef.current = true;
+          })
+        ),
+        onPointerLeave: composeEventHandlers4(
+          props.onPointerLeave,
+          whenMouse(() => {
+            if (disabled) return;
+            context.onTriggerLeave();
+            hasPointerMoveOpenedRef.current = false;
+          })
+        ),
+        onClick: composeEventHandlers4(props.onClick, () => {
+          context.onItemSelect(itemContext.value);
+          wasClickCloseRef.current = open;
+        }),
+        onKeyDown: composeEventHandlers4(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__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx8(
-        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__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.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__ */ jsx8("span", { "aria-owns": contentId })
-    ] })
-  ] });
+      }
+    }
+  ), context.viewport && /* @__PURE__ */ React8.createElement("span", { "aria-owns": contentId })));
 });
 NavigationMenuTrigger.displayName = TRIGGER_NAME;
 
@@ -889,7 +875,6 @@ import React9 from "react";
 import { Presence as Presence3 } from "@huin-core/react-presence";
 import ReactDOM from "react-dom";
 import { Primitive as Primitive9 } from "@huin-core/react-primitive";
-import { jsx as jsx9 } from "react/jsx-runtime";
 var INDICATOR_NAME = "NavigationMenuIndicator";
 var NavigationMenuIndicator = React9.forwardRef((props, forwardedRef) => {
   const { forceMount, ...indicatorProps } = props;
@@ -899,7 +884,7 @@ var NavigationMenuIndicator = React9.forwardRef((props, forwardedRef) => {
   );
   const isVisible = Boolean(context.value);
   return context.indicatorTrack ? ReactDOM.createPortal(
-    /* @__PURE__ */ jsx9(Presence3, { present: forceMount || isVisible, children: /* @__PURE__ */ jsx9(NavigationMenuIndicatorImpl, { ...indicatorProps, ref: forwardedRef }) }),
+    /* @__PURE__ */ React9.createElement(Presence3, { present: forceMount || isVisible }, /* @__PURE__ */ React9.createElement(NavigationMenuIndicatorImpl, { ...indicatorProps, ref: forwardedRef })),
     context.indicatorTrack
   ) : null;
 });
@@ -930,7 +915,7 @@ var NavigationMenuIndicatorImpl = React9.forwardRef((props, forwardedRef) => {
   };
   useResizeObserver(activeTrigger, handlePositionChange);
   useResizeObserver(context.indicatorTrack, handlePositionChange);
-  return position ? /* @__PURE__ */ jsx9(
+  return position ? /* @__PURE__ */ React9.createElement(
     Primitive9.div,
     {
       "aria-hidden": true,