@eightshift/ui-components 1.7.2 → 1.8.0

package/dist/components/menu/menu.js

@@ -1,980 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $982254629710d113$export$b95089534ab7c1fd, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2, d as $431f98aba6844401$export$6615d83f6de245ce, e as $72a5793c14baf454$export$e0e4026c12a8bdbb, f as $72a5793c14baf454$export$8b251419efc915eb, g as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-BM58t3PP.js";
-import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, l as $e1995378a142960e$export$e953bb1cd0f19726, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, h as $7135fc7d473fd974$export$d40e14dec8b060a8, k as $7135fc7d473fd974$export$90e00781bc59d8f9, m as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-x27KqnAT.js";
-import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, e as $bdb11010cef70236$export$f680877a34711e37, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, i as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "../../utils-BCJajCwh.js";
-import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, useContext, forwardRef, cloneElement } from "react";
-import { g as $de32f1b87079253c$export$d2f961adcb0afbe, j as $07b14b47974efb58$export$9b9a0cd73afb7ca4, k as $f1ab8c75478c6f73$export$3351871ee4b288b8, l as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 } from "../../Dialog-BN5EE7UH.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BVIXT8qq.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { a as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-eKaARDoV.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, t as $507fabe10e71c6fb$export$98e20ec92f614cfe, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-CgFLw4FA.js";
-import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-4fwEmto8.js";
-import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-D8nPoIQm.js";
-import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-ByyKSVQv.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Cs-ZD1nu.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-BMOTWmOx.js";
-import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-CtCX0OGo.js";
+import { $ as $72a5793c14baf454$export$8b251419efc915eb, a as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-Dmxzf3m_.js";
+import { $ as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-DP537Pbu.js";
+import { a as $3674c52c6b3c5bce$export$27d2ad3c5815583e, b as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, c as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, d as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-jcIYer1n.js";
 import { icons } from "../../icons/icons.js";
 import { Button } from "../button/button.js";
 import { Popover } from "../popover/popover.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
-const $d5336fe17ce95402$export$6f49b4016bfc8d56 = /* @__PURE__ */ new WeakMap();
-function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
-  let { shouldFocusWrap = true, onKeyDown, onKeyUp, ...otherProps } = props;
-  if (!props["aria-label"] && !props["aria-labelledby"]) console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  let { listProps } = $982254629710d113$export$b95089534ab7c1fd({
-    ...otherProps,
-    ref,
-    selectionManager: state.selectionManager,
-    collection: state.collection,
-    disabledKeys: state.disabledKeys,
-    shouldFocusWrap,
-    linkBehavior: "override"
-  });
-  $d5336fe17ce95402$export$6f49b4016bfc8d56.set(state, {
-    onClose: props.onClose,
-    onAction: props.onAction
-  });
-  return {
-    menuProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
-      onKeyDown,
-      onKeyUp
-    }, {
-      role: "menu",
-      ...listProps,
-      onKeyDown: (e) => {
-        if (e.key !== "Escape") listProps.onKeyDown(e);
-      }
-    })
-  };
-}
-function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
-  let { id, key, closeOnSelect, isVirtualized, "aria-haspopup": hasPopup, onPressStart: pressStartProp, onPressUp: pressUpProp, onPress, onPressChange, onPressEnd, onHoverStart: hoverStartProp, onHoverChange, onHoverEnd, onKeyDown, onKeyUp, onFocus, onFocusChange, onBlur } = props;
-  let isTrigger = !!hasPopup;
-  var _props_isDisabled;
-  let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.selectionManager.isDisabled(key);
-  var _props_isSelected;
-  let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
-  let data = $d5336fe17ce95402$export$6f49b4016bfc8d56.get(state);
-  let item = state.collection.getItem(key);
-  let onClose = props.onClose || data.onClose;
-  let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
-  let performAction = (e) => {
-    var _item_props;
-    if (isTrigger) return;
-    if (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) item.props.onAction();
-    else if (props.onAction) props.onAction(key);
-    if (data.onAction) {
-      let onAction = data.onAction;
-      onAction(key);
-    }
-    if (e.target instanceof HTMLAnchorElement) router.open(e.target, e, item.props.href, item.props.routerOptions);
-  };
-  let role = "menuitem";
-  if (!isTrigger) {
-    if (state.selectionManager.selectionMode === "single") role = "menuitemradio";
-    else if (state.selectionManager.selectionMode === "multiple") role = "menuitemcheckbox";
-  }
-  let labelId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
-  let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
-  let keyboardId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
-  let ariaProps = {
-    id,
-    "aria-disabled": isDisabled || void 0,
-    role,
-    "aria-label": props["aria-label"],
-    "aria-labelledby": labelId,
-    "aria-describedby": [
-      descriptionId,
-      keyboardId
-    ].filter(Boolean).join(" ") || void 0,
-    "aria-controls": props["aria-controls"],
-    "aria-haspopup": hasPopup,
-    "aria-expanded": props["aria-expanded"]
-  };
-  if (state.selectionManager.selectionMode !== "none" && !isTrigger) ariaProps["aria-checked"] = isSelected;
-  if (isVirtualized) {
-    ariaProps["aria-posinset"] = item === null || item === void 0 ? void 0 : item.index;
-    ariaProps["aria-setsize"] = $453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
-  }
-  let onPressStart = (e) => {
-    if (e.pointerType === "keyboard") performAction(e);
-    pressStartProp === null || pressStartProp === void 0 ? void 0 : pressStartProp(e);
-  };
-  let onPressUp = (e) => {
-    if (e.pointerType !== "keyboard") {
-      performAction(e);
-      if (!isTrigger && onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : state.selectionManager.selectionMode !== "multiple" || state.selectionManager.isLink(key))) onClose();
-    }
-    pressUpProp === null || pressUpProp === void 0 ? void 0 : pressUpProp(e);
-  };
-  let { itemProps, isFocused } = $880e95eb8b93ba9a$export$ecf600387e221c37({
-    selectionManager: state.selectionManager,
-    key,
-    ref,
-    shouldSelectOnPressUp: true,
-    allowsDifferentPressOrigin: true,
-    // Disable all handling of links in useSelectable item
-    // because we handle it ourselves. The behavior of menus
-    // is slightly different from other collections because
-    // actions are performed on key down rather than key up.
-    linkBehavior: "none"
-  });
-  let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
-    onPressStart,
-    onPress,
-    onPressUp,
-    onPressChange,
-    onPressEnd,
-    isDisabled
-  });
-  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
-    isDisabled,
-    onHoverStart(e) {
-      if (!$507fabe10e71c6fb$export$b9b3dfddab17db27()) {
-        state.selectionManager.setFocused(true);
-        state.selectionManager.setFocusedKey(key);
-      }
-      hoverStartProp === null || hoverStartProp === void 0 ? void 0 : hoverStartProp(e);
-    },
-    onHoverChange,
-    onHoverEnd
-  });
-  let { keyboardProps } = $46d819fcbaf35654$export$8f71654801c2f7cd({
-    onKeyDown: (e) => {
-      if (e.repeat) {
-        e.continuePropagation();
-        return;
-      }
-      switch (e.key) {
-        case " ":
-          if (!isDisabled && state.selectionManager.selectionMode === "none" && !isTrigger && closeOnSelect !== false && onClose) onClose();
-          break;
-        case "Enter":
-          if (!isDisabled && closeOnSelect !== false && !isTrigger && onClose) onClose();
-          break;
-        default:
-          if (!isTrigger) e.continuePropagation();
-          onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-          break;
-      }
-    },
-    onKeyUp
-  });
-  let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
-    onBlur,
-    onFocus,
-    onFocusChange
-  });
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(item.props);
-  delete domProps.id;
-  let linkProps = $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(item.props);
-  return {
-    menuItemProps: {
-      ...ariaProps,
-      ...$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, linkProps, isTrigger ? {
-        onFocus: itemProps.onFocus,
-        "data-key": itemProps["data-key"]
-      } : itemProps, pressProps, hoverProps, keyboardProps, focusProps),
-      tabIndex: itemProps.tabIndex != null ? -1 : void 0
-    },
-    labelProps: {
-      id: labelId
-    },
-    descriptionProps: {
-      id: descriptionId
-    },
-    keyboardShortcutProps: {
-      id: keyboardId
-    },
-    isFocused,
-    isSelected,
-    isPressed,
-    isDisabled
-  };
-}
-function $3e5eb2498db5b506$export$73f7a44322579622(props) {
-  let { heading, "aria-label": ariaLabel } = props;
-  let headingId = $bdb11010cef70236$export$f680877a34711e37();
-  return {
-    itemProps: {
-      role: "presentation"
-    },
-    headingProps: heading ? {
-      // Techincally, menus cannot contain headings according to ARIA.
-      // We hide the heading from assistive technology, using role="presentation",
-      // and only use it as a label for the nested group.
-      id: headingId,
-      role: "presentation"
-    } : {},
-    groupProps: {
-      role: "group",
-      "aria-label": ariaLabel,
-      "aria-labelledby": heading ? headingId : void 0
-    }
-  };
-}
-const $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS = 2;
-const $d275435c250248f8$var$THROTTLE_TIME = 50;
-const $d275435c250248f8$var$TIMEOUT_TIME = 1e3;
-const $d275435c250248f8$var$ANGLE_PADDING = Math.PI / 12;
-function $d275435c250248f8$export$85ec83e04c95f50a(options) {
-  let { menuRef, submenuRef, isOpen, isDisabled } = options;
-  let prevPointerPos = useRef(void 0);
-  let submenuRect = useRef(void 0);
-  let lastProcessedTime = useRef(0);
-  let timeout = useRef(void 0);
-  let autoCloseTimeout = useRef(void 0);
-  let submenuSide = useRef(void 0);
-  let movementsTowardsSubmenuCount = useRef(2);
-  let [preventPointerEvents, setPreventPointerEvents] = useState(false);
-  let updateSubmenuRect = () => {
-    if (submenuRef.current) {
-      submenuRect.current = submenuRef.current.getBoundingClientRect();
-      submenuSide.current = void 0;
-    }
-  };
-  $9daab02d461809db$export$683480f191c0e3ea({
-    ref: submenuRef,
-    onResize: updateSubmenuRect
-  });
-  let reset = () => {
-    setPreventPointerEvents(false);
-    movementsTowardsSubmenuCount.current = $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS;
-    prevPointerPos.current = void 0;
-  };
-  let modality = $507fabe10e71c6fb$export$98e20ec92f614cfe();
-  useEffect(() => {
-    if (preventPointerEvents && menuRef.current) menuRef.current.style.pointerEvents = "none";
-    else menuRef.current.style.pointerEvents = "";
-  }, [
-    menuRef,
-    preventPointerEvents
-  ]);
-  useEffect(() => {
-    let submenu = submenuRef.current;
-    let menu = menuRef.current;
-    if (isDisabled || !submenu || !isOpen || modality !== "pointer") {
-      reset();
-      return;
-    }
-    submenuRect.current = submenu.getBoundingClientRect();
-    let onPointerMove = (e) => {
-      if (e.pointerType === "touch" || e.pointerType === "pen") return;
-      let currentTime = Date.now();
-      if (currentTime - lastProcessedTime.current < $d275435c250248f8$var$THROTTLE_TIME) return;
-      clearTimeout(timeout.current);
-      clearTimeout(autoCloseTimeout.current);
-      let { clientX: mouseX, clientY: mouseY } = e;
-      if (!prevPointerPos.current) {
-        prevPointerPos.current = {
-          x: mouseX,
-          y: mouseY
-        };
-        return;
-      }
-      if (!submenuRect.current) return;
-      if (!submenuSide.current) submenuSide.current = mouseX > submenuRect.current.right ? "left" : "right";
-      if (mouseX < menu.getBoundingClientRect().left || mouseX > menu.getBoundingClientRect().right || mouseY < menu.getBoundingClientRect().top || mouseY > menu.getBoundingClientRect().bottom) {
-        reset();
-        return;
-      }
-      let prevMouseX = prevPointerPos.current.x;
-      let prevMouseY = prevPointerPos.current.y;
-      let toSubmenuX = submenuSide.current === "right" ? submenuRect.current.left - prevMouseX : prevMouseX - submenuRect.current.right;
-      let angleTop = Math.atan2(prevMouseY - submenuRect.current.top, toSubmenuX) + $d275435c250248f8$var$ANGLE_PADDING;
-      let angleBottom = Math.atan2(prevMouseY - submenuRect.current.bottom, toSubmenuX) - $d275435c250248f8$var$ANGLE_PADDING;
-      let anglePointer = Math.atan2(prevMouseY - mouseY, submenuSide.current === "left" ? -(mouseX - prevMouseX) : mouseX - prevMouseX);
-      let isMovingTowardsSubmenu = anglePointer < angleTop && anglePointer > angleBottom;
-      movementsTowardsSubmenuCount.current = isMovingTowardsSubmenu ? Math.min(movementsTowardsSubmenuCount.current + 1, $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS) : Math.max(movementsTowardsSubmenuCount.current - 1, 0);
-      if (movementsTowardsSubmenuCount.current >= $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS) setPreventPointerEvents(true);
-      else setPreventPointerEvents(false);
-      lastProcessedTime.current = currentTime;
-      prevPointerPos.current = {
-        x: mouseX,
-        y: mouseY
-      };
-      if (isMovingTowardsSubmenu) timeout.current = setTimeout(() => {
-        reset();
-        autoCloseTimeout.current = setTimeout(() => {
-          let target = document.elementFromPoint(mouseX, mouseY);
-          if (target && menu.contains(target)) target.dispatchEvent(new PointerEvent("pointerover", {
-            bubbles: true,
-            cancelable: true
-          }));
-        }, 100);
-      }, $d275435c250248f8$var$TIMEOUT_TIME);
-    };
-    window.addEventListener("pointermove", onPointerMove);
-    return () => {
-      window.removeEventListener("pointermove", onPointerMove);
-      clearTimeout(timeout.current);
-      clearTimeout(autoCloseTimeout.current);
-      movementsTowardsSubmenuCount.current = $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS;
-    };
-  }, [
-    isDisabled,
-    isOpen,
-    menuRef,
-    modality,
-    setPreventPointerEvents,
-    submenuRef
-  ]);
-}
-function $0065b146e7192841$export$7138b0d059a6e743(props, state, ref) {
-  let { parentMenuRef, submenuRef, type = "menu", isDisabled, delay = 200 } = props;
-  let submenuTriggerId = $bdb11010cef70236$export$f680877a34711e37();
-  let overlayId = $bdb11010cef70236$export$f680877a34711e37();
-  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  let openTimeout = useRef(void 0);
-  let cancelOpenTimeout = useCallback(() => {
-    if (openTimeout.current) {
-      clearTimeout(openTimeout.current);
-      openTimeout.current = void 0;
-    }
-  }, [
-    openTimeout
-  ]);
-  let onSubmenuOpen = $8ae05eaa5c114e9c$export$7f54fc3180508a52((focusStrategy) => {
-    cancelOpenTimeout();
-    state.open(focusStrategy);
-  });
-  let onSubmenuClose = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
-    cancelOpenTimeout();
-    state.close();
-  });
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    return () => {
-      cancelOpenTimeout();
-    };
-  }, [
-    cancelOpenTimeout
-  ]);
-  let submenuKeyDown = (e) => {
-    switch (e.key) {
-      case "ArrowLeft":
-        if (direction === "ltr" && e.currentTarget.contains(e.target)) {
-          e.stopPropagation();
-          onSubmenuClose();
-          ref.current.focus();
-        }
-        break;
-      case "ArrowRight":
-        if (direction === "rtl" && e.currentTarget.contains(e.target)) {
-          e.stopPropagation();
-          onSubmenuClose();
-          ref.current.focus();
-        }
-        break;
-      case "Escape":
-        e.stopPropagation();
-        state.closeAll();
-        break;
-    }
-  };
-  let submenuProps = {
-    id: overlayId,
-    "aria-labelledby": submenuTriggerId,
-    submenuLevel: state.submenuLevel,
-    ...type === "menu" && {
-      onClose: state.closeAll,
-      autoFocus: state.focusStrategy,
-      onKeyDown: submenuKeyDown
-    }
-  };
-  let submenuTriggerKeyDown = (e) => {
-    switch (e.key) {
-      case "ArrowRight":
-        if (!isDisabled) {
-          if (direction === "ltr") {
-            if (!state.isOpen) onSubmenuOpen("first");
-            if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current)) submenuRef.current.focus();
-          } else if (state.isOpen) onSubmenuClose();
-          else e.continuePropagation();
-        }
-        break;
-      case "ArrowLeft":
-        if (!isDisabled) {
-          if (direction === "rtl") {
-            if (!state.isOpen) onSubmenuOpen("first");
-            if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current)) submenuRef.current.focus();
-          } else if (state.isOpen) onSubmenuClose();
-          else e.continuePropagation();
-        }
-        break;
-      case "Escape":
-        state.closeAll();
-        break;
-      default:
-        e.continuePropagation();
-        break;
-    }
-  };
-  let onPressStart = (e) => {
-    if (!isDisabled && (e.pointerType === "virtual" || e.pointerType === "keyboard"))
-      onSubmenuOpen("first");
-  };
-  let onPress = (e) => {
-    if (!isDisabled && (e.pointerType === "touch" || e.pointerType === "mouse"))
-      onSubmenuOpen();
-  };
-  let onHoverChange = (isHovered) => {
-    if (!isDisabled) {
-      if (isHovered && !state.isOpen) {
-        if (!openTimeout.current) openTimeout.current = setTimeout(() => {
-          onSubmenuOpen();
-        }, delay);
-      } else if (!isHovered) cancelOpenTimeout();
-    }
-  };
-  let onBlur = (e) => {
-    if (state.isOpen && parentMenuRef.current.contains(e.relatedTarget)) onSubmenuClose();
-  };
-  let shouldCloseOnInteractOutside = (target) => {
-    if (target !== ref.current) return true;
-    return false;
-  };
-  $d275435c250248f8$export$85ec83e04c95f50a({
-    menuRef: parentMenuRef,
-    submenuRef,
-    isOpen: state.isOpen,
-    isDisabled
-  });
-  return {
-    submenuTriggerProps: {
-      id: submenuTriggerId,
-      "aria-controls": state.isOpen ? overlayId : void 0,
-      "aria-haspopup": !isDisabled ? type : void 0,
-      "aria-expanded": state.isOpen ? "true" : "false",
-      onPressStart,
-      onPress,
-      onHoverChange,
-      onKeyDown: submenuTriggerKeyDown,
-      onBlur,
-      isOpen: state.isOpen
-    },
-    submenuProps,
-    popoverProps: {
-      isNonModal: true,
-      disableFocusManagement: true,
-      shouldCloseOnInteractOutside
-    }
-  };
-}
-function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) {
-  let overlayTriggerState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
-  let [focusStrategy, setFocusStrategy] = useState(null);
-  let [expandedKeysStack, setExpandedKeysStack] = useState([]);
-  let closeAll = () => {
-    setExpandedKeysStack([]);
-    overlayTriggerState.close();
-  };
-  let openSubmenu = (triggerKey, level) => {
-    setExpandedKeysStack((oldStack) => {
-      if (level > oldStack.length) return oldStack;
-      return [
-        ...oldStack.slice(0, level),
-        triggerKey
-      ];
-    });
-  };
-  let closeSubmenu = (triggerKey, level) => {
-    setExpandedKeysStack((oldStack) => {
-      let key = oldStack[level];
-      if (key === triggerKey) return oldStack.slice(0, level);
-      else return oldStack;
-    });
-  };
-  return {
-    focusStrategy,
-    ...overlayTriggerState,
-    open(focusStrategy2 = null) {
-      setFocusStrategy(focusStrategy2);
-      overlayTriggerState.open();
-    },
-    toggle(focusStrategy2 = null) {
-      setFocusStrategy(focusStrategy2);
-      overlayTriggerState.toggle();
-    },
-    close() {
-      closeAll();
-    },
-    expandedKeysStack,
-    openSubmenu,
-    closeSubmenu
-  };
-}
-function $e5614764aa47eb35$export$cfc51cf86138bf98(props, state) {
-  let { triggerKey } = props;
-  let { expandedKeysStack, openSubmenu, closeSubmenu, close: closeAll } = state;
-  let [submenuLevel] = useState(expandedKeysStack === null || expandedKeysStack === void 0 ? void 0 : expandedKeysStack.length);
-  let isOpen = useMemo(() => expandedKeysStack[submenuLevel] === triggerKey, [
-    expandedKeysStack,
-    triggerKey,
-    submenuLevel
-  ]);
-  let [focusStrategy, setFocusStrategy] = useState(null);
-  let open = useCallback((focusStrategy2 = null) => {
-    setFocusStrategy(focusStrategy2);
-    openSubmenu(triggerKey, submenuLevel);
-  }, [
-    openSubmenu,
-    submenuLevel,
-    triggerKey
-  ]);
-  let close = useCallback(() => {
-    setFocusStrategy(null);
-    closeSubmenu(triggerKey, submenuLevel);
-  }, [
-    closeSubmenu,
-    submenuLevel,
-    triggerKey
-  ]);
-  let toggle = useCallback((focusStrategy2 = null) => {
-    setFocusStrategy(focusStrategy2);
-    if (isOpen) close();
-    else open(focusStrategy2);
-  }, [
-    close,
-    open,
-    isOpen
-  ]);
-  return useMemo(() => ({
-    focusStrategy,
-    isOpen,
-    open,
-    close,
-    closeAll,
-    submenuLevel,
-    // TODO: Placeholders that aren't used but give us parity with OverlayTriggerState so we can use this in Popover. Refactor if we update Popover via
-    // https://github.com/adobe/react-spectrum/pull/4976#discussion_r1336472863
-    setOpen: () => {
-    },
-    toggle
-  }), [
-    isOpen,
-    open,
-    close,
-    closeAll,
-    focusStrategy,
-    toggle,
-    submenuLevel
-  ]);
-}
-class $05ca4cd7c4a5a999$export$863faf230ee2118a {
-  *[Symbol.iterator]() {
-    yield* this.iterable;
-  }
-  get size() {
-    return this.keyMap.size;
-  }
-  getKeys() {
-    return this.keyMap.keys();
-  }
-  getKeyBefore(key) {
-    let node = this.keyMap.get(key);
-    return node ? node.prevKey : null;
-  }
-  getKeyAfter(key) {
-    let node = this.keyMap.get(key);
-    return node ? node.nextKey : null;
-  }
-  getFirstKey() {
-    return this.firstKey;
-  }
-  getLastKey() {
-    return this.lastKey;
-  }
-  getItem(key) {
-    return this.keyMap.get(key);
-  }
-  at(idx) {
-    const keys = [
-      ...this.getKeys()
-    ];
-    return this.getItem(keys[idx]);
-  }
-  constructor(nodes, { expandedKeys } = {}) {
-    this.keyMap = /* @__PURE__ */ new Map();
-    this.iterable = nodes;
-    expandedKeys = expandedKeys || /* @__PURE__ */ new Set();
-    let visit = (node) => {
-      this.keyMap.set(node.key, node);
-      if (node.childNodes && (node.type === "section" || expandedKeys.has(node.key))) for (let child of node.childNodes) visit(child);
-    };
-    for (let node of nodes) visit(node);
-    let last;
-    let index = 0;
-    for (let [key, node] of this.keyMap) {
-      if (last) {
-        last.nextKey = key;
-        node.prevKey = last.key;
-      } else {
-        this.firstKey = key;
-        node.prevKey = void 0;
-      }
-      if (node.type === "item") node.index = index++;
-      last = node;
-      last.nextKey = void 0;
-    }
-    this.lastKey = last === null || last === void 0 ? void 0 : last.key;
-  }
-}
-function $875d6693e12af071$export$728d6ba534403756(props) {
-  let { onExpandedChange } = props;
-  let [expandedKeys, setExpandedKeys] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.expandedKeys ? new Set(props.expandedKeys) : void 0, props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : /* @__PURE__ */ new Set(), onExpandedChange);
-  let selectionState = $7af3f5b51489e0b5$export$253fe78d46329472(props);
-  let disabledKeys = useMemo(() => props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set(), [
-    props.disabledKeys
-  ]);
-  let tree = $7613b1592d41b092$export$6cd28814d92fa9c9(props, useCallback((nodes) => new $05ca4cd7c4a5a999$export$863faf230ee2118a(nodes, {
-    expandedKeys
-  }), [
-    expandedKeys
-  ]), null);
-  useEffect(() => {
-    if (selectionState.focusedKey != null && !tree.getItem(selectionState.focusedKey)) selectionState.setFocusedKey(null);
-  }, [
-    tree,
-    selectionState.focusedKey
-  ]);
-  let onToggle = (key) => {
-    setExpandedKeys($875d6693e12af071$var$toggleKey(expandedKeys, key));
-  };
-  return {
-    collection: tree,
-    expandedKeys,
-    disabledKeys,
-    toggleKey: onToggle,
-    setExpandedKeys,
-    selectionManager: new $d496c0a20b6e58ec$export$6c8a5aaad13c9852(tree, selectionState)
-  };
-}
-function $875d6693e12af071$var$toggleKey(set, key) {
-  let res = new Set(set);
-  if (res.has(key)) res.delete(key);
-  else res.add(key);
-  return res;
-}
-const $63df2425e2108aa8$export$744d98a3b8a94e1c = /* @__PURE__ */ createContext({});
-const $3674c52c6b3c5bce$export$c7e742effb1c51e2 = /* @__PURE__ */ createContext(null);
-const $3674c52c6b3c5bce$export$24aad8519b95b41b = /* @__PURE__ */ createContext(null);
-const $3674c52c6b3c5bce$export$795aec4671cbae19 = /* @__PURE__ */ createContext(null);
-function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
-  let state = $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props);
-  let ref = useRef(null);
-  let { menuTriggerProps, menuProps } = $168583247155ddda$export$dc9c12ed27dd1b49({
-    ...props,
-    type: "menu"
-  }, state, ref);
-  let [buttonWidth, setButtonWidth] = useState(null);
-  let onResize = useCallback(() => {
-    if (ref.current) setButtonWidth(ref.current.offsetWidth + "px");
-  }, [
-    ref
-  ]);
-  $9daab02d461809db$export$683480f191c0e3ea({
-    ref,
-    onResize
-  });
-  let scrollRef = useRef(null);
-  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
-    values: [
-      [
-        $3674c52c6b3c5bce$export$c7e742effb1c51e2,
-        {
-          ...menuProps,
-          ref: scrollRef
-        }
-      ],
-      [
-        $de32f1b87079253c$export$d2f961adcb0afbe,
-        state
-      ],
-      [
-        $3674c52c6b3c5bce$export$795aec4671cbae19,
-        state
-      ],
-      [
-        $07b14b47974efb58$export$9b9a0cd73afb7ca4,
-        {
-          trigger: "MenuTrigger",
-          triggerRef: ref,
-          scrollRef,
-          placement: "bottom start",
-          style: {
-            "--trigger-width": buttonWidth
-          }
-        }
-      ]
-    ]
-  }, /* @__PURE__ */ React__default.createElement($f1ab8c75478c6f73$export$3351871ee4b288b8, {
-    ...menuTriggerProps,
-    ref,
-    isPressed: state.isOpen
-  }, props.children));
-}
-const $3674c52c6b3c5bce$var$SubmenuTriggerContext = /* @__PURE__ */ createContext(null);
-const $3674c52c6b3c5bce$export$ecabc99eeffab7ca = /* @__PURE__ */ $e1995378a142960e$export$e953bb1cd0f19726("submenutrigger", (props, ref, item) => {
-  let { CollectionBranch } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
-  let state = useContext($3674c52c6b3c5bce$export$24aad8519b95b41b);
-  let rootMenuTriggerState = useContext($3674c52c6b3c5bce$export$795aec4671cbae19);
-  let submenuTriggerState = $e5614764aa47eb35$export$cfc51cf86138bf98({
-    triggerKey: item.key
-  }, rootMenuTriggerState);
-  let submenuRef = useRef(null);
-  let itemRef = $df56164dff5785e2$export$4338b53315abf666(ref);
-  let popoverContext = $64fa3d84918910a7$export$fabf2dc03a41866e($07b14b47974efb58$export$9b9a0cd73afb7ca4);
-  let { parentMenuRef } = useContext($3674c52c6b3c5bce$var$SubmenuTriggerContext);
-  let { submenuTriggerProps, submenuProps, popoverProps } = $0065b146e7192841$export$7138b0d059a6e743({
-    parentMenuRef,
-    submenuRef,
-    delay: props.delay
-  }, submenuTriggerState, itemRef);
-  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
-    values: [
-      [
-        $3674c52c6b3c5bce$var$MenuItemContext,
-        {
-          ...submenuTriggerProps,
-          onAction: void 0,
-          ref: itemRef
-        }
-      ],
-      [
-        $3674c52c6b3c5bce$export$c7e742effb1c51e2,
-        submenuProps
-      ],
-      [
-        $de32f1b87079253c$export$d2f961adcb0afbe,
-        submenuTriggerState
-      ],
-      [
-        $07b14b47974efb58$export$9b9a0cd73afb7ca4,
-        {
-          ref: submenuRef,
-          trigger: "SubmenuTrigger",
-          triggerRef: itemRef,
-          placement: "end top",
-          UNSTABLE_portalContainer: popoverContext.UNSTABLE_portalContainer || void 0,
-          ...popoverProps
-        }
-      ]
-    ]
-  }, /* @__PURE__ */ React__default.createElement(CollectionBranch, {
-    collection: state.collection,
-    parent: item
-  }), props.children[1]);
-}, (props) => props.children[0]);
-function $3674c52c6b3c5bce$var$Menu(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3674c52c6b3c5bce$export$c7e742effb1c51e2);
-  return /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$bf788dd355e3a401, {
-    content: /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$fb8073518f34e6ec, props)
-  }, (collection) => collection.size > 0 && /* @__PURE__ */ React__default.createElement($3674c52c6b3c5bce$var$MenuInner, {
-    props,
-    collection,
-    menuRef: ref
-  }));
-}
-function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
-  let state = $875d6693e12af071$export$728d6ba534403756({
-    ...props,
-    collection,
-    children: void 0
-  });
-  let [popoverContainer, setPopoverContainer] = useState(null);
-  let { isVirtualized, CollectionRoot } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
-  let { menuProps } = $d5336fe17ce95402$export$38eaa17faae8f579({
-    ...props,
-    isVirtualized
-  }, state, ref);
-  let rootMenuTriggerState = useContext($3674c52c6b3c5bce$export$795aec4671cbae19);
-  let popoverContext = useContext($07b14b47974efb58$export$9b9a0cd73afb7ca4);
-  let isSubmenu = (popoverContext === null || popoverContext === void 0 ? void 0 : popoverContext.trigger) === "SubmenuTrigger";
-  $e0b6e0b68ec7f50f$export$872b660ac5a1ff98({
-    ref,
-    onInteractOutside: (e) => {
-      if (rootMenuTriggerState && !(popoverContainer === null || popoverContainer === void 0 ? void 0 : popoverContainer.contains(e.target))) rootMenuTriggerState.close();
-    },
-    isDisabled: isSubmenu || (rootMenuTriggerState === null || rootMenuTriggerState === void 0 ? void 0 : rootMenuTriggerState.expandedKeysStack.length) === 0
-  });
-  let prevPopoverContainer = useRef(null);
-  let [leftOffset, setLeftOffset] = useState({
-    left: 0
-  });
-  useEffect(() => {
-    if (popoverContainer && prevPopoverContainer.current !== popoverContainer && leftOffset.left === 0) {
-      prevPopoverContainer.current = popoverContainer;
-      let { left } = popoverContainer.getBoundingClientRect();
-      setLeftOffset({
-        left: -1 * left
-      });
-    }
-  }, [
-    leftOffset,
-    popoverContainer
-  ]);
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    defaultClassName: "react-aria-Menu",
-    className: props.className,
-    style: props.style,
-    values: {}
-  });
-  return /* @__PURE__ */ React__default.createElement($9bf71ea28793e738$export$20e40289641fbbb6, null, /* @__PURE__ */ React__default.createElement("div", {
-    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
-    ...menuProps,
-    ...renderProps,
-    ref,
-    slot: props.slot || void 0,
-    onScroll: props.onScroll
-  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
-    values: [
-      [
-        $3674c52c6b3c5bce$export$24aad8519b95b41b,
-        state
-      ],
-      [
-        $431f98aba6844401$export$6615d83f6de245ce,
-        {
-          elementType: "div"
-        }
-      ],
-      [
-        $07b14b47974efb58$export$9b9a0cd73afb7ca4,
-        {
-          UNSTABLE_portalContainer: popoverContainer || void 0
-        }
-      ],
-      [
-        $7135fc7d473fd974$export$d40e14dec8b060a8,
-        {
-          render: $3674c52c6b3c5bce$var$MenuSection
-        }
-      ],
-      [
-        $3674c52c6b3c5bce$var$SubmenuTriggerContext,
-        {
-          parentMenuRef: ref
-        }
-      ],
-      [
-        $3674c52c6b3c5bce$var$MenuItemContext,
-        null
-      ]
-    ]
-  }, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
-    collection,
-    persistedKeys: $7135fc7d473fd974$export$90e00781bc59d8f9(state.selectionManager.focusedKey),
-    scrollRef: ref
-  }))), /* @__PURE__ */ React__default.createElement("div", {
-    ref: setPopoverContainer,
-    style: {
-      width: "100vw",
-      position: "absolute",
-      top: 0,
-      ...leftOffset
-    }
-  }));
-}
-const $3674c52c6b3c5bce$export$d9b273488cd8ce6f = /* @__PURE__ */ forwardRef($3674c52c6b3c5bce$var$Menu);
-function $3674c52c6b3c5bce$var$MenuSection(props, ref, section) {
-  var _section_props, _section_props1;
-  let state = useContext($3674c52c6b3c5bce$export$24aad8519b95b41b);
-  let { CollectionBranch } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
-  let [headingRef, heading] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
-  var _section_props_arialabel;
-  let { headingProps, groupProps } = $3e5eb2498db5b506$export$73f7a44322579622({
-    heading,
-    "aria-label": (_section_props_arialabel = section.props["aria-label"]) !== null && _section_props_arialabel !== void 0 ? _section_props_arialabel : void 0
-  });
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    defaultClassName: "react-aria-Section",
-    className: (_section_props = section.props) === null || _section_props === void 0 ? void 0 : _section_props.className,
-    style: (_section_props1 = section.props) === null || _section_props1 === void 0 ? void 0 : _section_props1.style,
-    values: {}
-  });
-  return /* @__PURE__ */ React__default.createElement("section", {
-    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
-    ...groupProps,
-    ...renderProps,
-    ref
-  }, /* @__PURE__ */ React__default.createElement($72a5793c14baf454$export$e0e4026c12a8bdbb.Provider, {
-    value: {
-      ...headingProps,
-      ref: headingRef
-    }
-  }, /* @__PURE__ */ React__default.createElement(CollectionBranch, {
-    collection: state.collection,
-    parent: section
-  })));
-}
-const $3674c52c6b3c5bce$var$MenuItemContext = /* @__PURE__ */ createContext(null);
-const $3674c52c6b3c5bce$export$2ce376c2cc3355c8 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664("item", function MenuItem(props, forwardedRef, item) {
-  var _useSlottedContext;
-  [props, forwardedRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, forwardedRef, $3674c52c6b3c5bce$var$MenuItemContext);
-  let id = (_useSlottedContext = $64fa3d84918910a7$export$fabf2dc03a41866e($3674c52c6b3c5bce$var$MenuItemContext)) === null || _useSlottedContext === void 0 ? void 0 : _useSlottedContext.id;
-  let state = useContext($3674c52c6b3c5bce$export$24aad8519b95b41b);
-  let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
-  let { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, ...states } = $a2e5df62f93c7633$export$9d32628fc2aea7da({
-    ...props,
-    id,
-    key: item.key
-  }, state, ref);
-  let { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
-  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
-    isDisabled: states.isDisabled
-  });
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    id: void 0,
-    children: item.rendered,
-    defaultClassName: "react-aria-MenuItem",
-    values: {
-      ...states,
-      isHovered,
-      isFocusVisible,
-      selectionMode: state.selectionManager.selectionMode,
-      selectionBehavior: state.selectionManager.selectionBehavior,
-      hasSubmenu: !!props["aria-haspopup"],
-      isOpen: props["aria-expanded"] === "true"
-    }
-  });
-  let ElementType = props.href ? "a" : "div";
-  return /* @__PURE__ */ React__default.createElement(ElementType, {
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, focusProps, hoverProps),
-    ...renderProps,
-    ref,
-    "data-disabled": states.isDisabled || void 0,
-    "data-hovered": isHovered || void 0,
-    "data-focused": states.isFocused || void 0,
-    "data-focus-visible": isFocusVisible || void 0,
-    "data-pressed": states.isPressed || void 0,
-    "data-selected": states.isSelected || void 0,
-    "data-selection-mode": state.selectionManager.selectionMode === "none" ? void 0 : state.selectionManager.selectionMode,
-    "data-has-submenu": !!props["aria-haspopup"] || void 0,
-    "data-open": props["aria-expanded"] === "true" || void 0
-  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
-    values: [
-      [
-        $514c0188e459b4c0$export$9afb8bc826b033ea,
-        {
-          slots: {
-            label: labelProps,
-            description: descriptionProps
-          }
-        }
-      ],
-      [
-        $63df2425e2108aa8$export$744d98a3b8a94e1c,
-        keyboardShortcutProps
-      ]
-    ]
-  }, renderProps.children));
-});
+import { cloneElement } from "react";
+import { _ as __ } from "../../default-i18n-CM1-Xvzf.js";
 /**
  * A simple menu component.
  *
@@ -1163,7 +196,7 @@ const MenuSeparator = () => {
  *
  * @preserve
  */
-const MenuItem2 = (props) => {
+const MenuItem = (props) => {
   const {
     icon,
     children,
@@ -1246,7 +279,7 @@ const SubMenuItem = (props) => {
 SubMenuItem.displayName = "SubMenuItem";
 export {
   Menu,
-  MenuItem2 as MenuItem,
+  MenuItem,
   MenuSection,
   MenuSeparator,
   SubMenuItem