@eightshift/ui-components 0.0.1

package/dist/components/menu/menu.js

@@ -0,0 +1,1608 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { $ as $982254629710d113$export$b95089534ab7c1fd, b as $453cc9f0df89c0a5$export$77d5aafae4e095b2, c as $431f98aba6844401$export$1ff3c3f08ae963c0, d as $431f98aba6844401$export$6615d83f6de245ce, e as $72a5793c14baf454$export$8b251419efc915eb } from "../../Separator-DHn0CwdK.js";
+import { p as $8a26561d2877236e$export$c24ed0104d07eab9, f as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, j as $7135fc7d473fd974$export$e7c29ae2353b16ea, n as $7135fc7d473fd974$export$6cd28814d92fa9c9, o as $7135fc7d473fd974$export$727c8fc270210f13, q as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-mefd0ThJ.js";
+import { e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, j as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, m as $5dc95899b306f630$export$c9058316764c140e, l as $df56164dff5785e2$export$4338b53315abf666, c as $64fa3d84918910a7$export$4d86445c2cf5e3, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-BsiH7-5Y.js";
+import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, forwardRef, useContext, cloneElement } from "react";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d, a as $de32f1b87079253c$export$d2f961adcb0afbe, b as $07b14b47974efb58$export$9b9a0cd73afb7ca4, c as $f1ab8c75478c6f73$export$3351871ee4b288b8, d as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98, P as Popover } from "../../popover-Dx3vKXUX.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BM136LvS.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-DG2RfOUr.js";
+import { $ as $9daab02d461809db$export$683480f191c0e3ea, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-CkCndvTI.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, w as $507fabe10e71c6fb$export$98e20ec92f614cfe, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-C3K8zAKj.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-Prmz0h0A.js";
+import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-BQgVor4T.js";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-5q1Gek1J.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-jMy6xdVq.js";
+import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-1u9yyfIN.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Cc-4eouh.js";
+import { icons } from "../../icons/icons.js";
+import { B as Button } from "../../button-BkkdyHfJ.js";
+import { classnames } from "../../utilities/classnames.js";
+import { _ as __ } from "../../default-i18n-BhE-OUmt.js";
+var $c0398ad35c3639b7$exports = {};
+$c0398ad35c3639b7$exports = {
+  "longPressMessage": `اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة`
+};
+var $7af657c4165927c3$exports = {};
+$7af657c4165927c3$exports = {
+  "longPressMessage": `Натиснете продължително или натиснете Alt+ стрелка надолу, за да отворите менюто`
+};
+var $d95d4da6d531ab81$exports = {};
+$d95d4da6d531ab81$exports = {
+  "longPressMessage": `Dlouhým stiskem nebo stisknutím kláves Alt + šipka dolů otevřete nabídku`
+};
+var $24ebda9c775dca17$exports = {};
+$24ebda9c775dca17$exports = {
+  "longPressMessage": `Langt tryk eller tryk på Alt + pil ned for at åbne menuen`
+};
+var $743e0dfca6cab1e9$exports = {};
+$743e0dfca6cab1e9$exports = {
+  "longPressMessage": `Drücken Sie lange oder drücken Sie Alt + Nach-unten, um das Menü zu öffnen`
+};
+var $a2f41026e05f1c84$exports = {};
+$a2f41026e05f1c84$exports = {
+  "longPressMessage": `Πιέστε παρατεταμένα ή πατήστε Alt + κάτω βέλος για να ανοίξετε το μενού`
+};
+var $43b800e97c901737$exports = {};
+$43b800e97c901737$exports = {
+  "longPressMessage": `Long press or press Alt + ArrowDown to open menu`
+};
+var $442f5f6ac211e29f$exports = {};
+$442f5f6ac211e29f$exports = {
+  "longPressMessage": `Mantenga pulsado o pulse Alt + flecha abajo para abrir el menú`
+};
+var $dff280acfeb2d8ac$exports = {};
+$dff280acfeb2d8ac$exports = {
+  "longPressMessage": `Menüü avamiseks vajutage pikalt või vajutage klahve Alt + allanool`
+};
+var $51608325613944d7$exports = {};
+$51608325613944d7$exports = {
+  "longPressMessage": `Avaa valikko painamalla pohjassa tai näppäinyhdistelmällä Alt + Alanuoli`
+};
+var $c4a1b1eabeaa87be$exports = {};
+$c4a1b1eabeaa87be$exports = {
+  "longPressMessage": `Appuyez de manière prolongée ou appuyez sur Alt + Flèche vers le bas pour ouvrir le menu.`
+};
+var $8c74815cdee18d1b$exports = {};
+$8c74815cdee18d1b$exports = {
+  "longPressMessage": `לחץ לחיצה ארוכה או הקש Alt + ArrowDown כדי לפתוח את התפריט`
+};
+var $fd0e9ef6a7fe0ec9$exports = {};
+$fd0e9ef6a7fe0ec9$exports = {
+  "longPressMessage": `Dugo pritisnite ili pritisnite Alt + strelicu prema dolje za otvaranje izbornika`
+};
+var $a89a74a39eba465a$exports = {};
+$a89a74a39eba465a$exports = {
+  "longPressMessage": `Nyomja meg hosszan, vagy nyomja meg az Alt + lefele nyíl gombot a menü megnyitásához`
+};
+var $edc7c66594a0ae8a$exports = {};
+$edc7c66594a0ae8a$exports = {
+  "longPressMessage": `Premere a lungo o premere Alt + Freccia giù per aprire il menu`
+};
+var $f1ab51510712db52$exports = {};
+$f1ab51510712db52$exports = {
+  "longPressMessage": `長押しまたは Alt+下矢印キーでメニューを開く`
+};
+var $f9b672d9b82fa3d6$exports = {};
+$f9b672d9b82fa3d6$exports = {
+  "longPressMessage": `길게 누르거나 Alt + 아래쪽 화살표를 눌러 메뉴 열기`
+};
+var $a385f3910feda499$exports = {};
+$a385f3910feda499$exports = {
+  "longPressMessage": `Norėdami atidaryti meniu, nuspaudę palaikykite arba paspauskite „Alt + ArrowDown“.`
+};
+var $4f1bde932c441789$exports = {};
+$4f1bde932c441789$exports = {
+  "longPressMessage": `Lai atvērtu izvēlni, turiet nospiestu vai nospiediet taustiņu kombināciju Alt + lejupvērstā bultiņa`
+};
+var $914a51a8a594d5be$exports = {};
+$914a51a8a594d5be$exports = {
+  "longPressMessage": `Langt trykk eller trykk Alt + PilNed for å åpne menyen`
+};
+var $89aaf803103bb500$exports = {};
+$89aaf803103bb500$exports = {
+  "longPressMessage": `Druk lang op Alt + pijl-omlaag of druk op Alt om het menu te openen`
+};
+var $c685891476dbaaca$exports = {};
+$c685891476dbaaca$exports = {
+  "longPressMessage": `Naciśnij i przytrzymaj lub naciśnij klawisze Alt + Strzałka w dół, aby otworzyć menu`
+};
+var $885879b9b10c2959$exports = {};
+$885879b9b10c2959$exports = {
+  "longPressMessage": `Pressione e segure ou pressione Alt + Seta para baixo para abrir o menu`
+};
+var $6b39616688a51692$exports = {};
+$6b39616688a51692$exports = {
+  "longPressMessage": `Prima continuamente ou prima Alt + Seta Para Baixo para abrir o menu`
+};
+var $f26362aed63f47e2$exports = {};
+$f26362aed63f47e2$exports = {
+  "longPressMessage": `Apăsați lung sau apăsați pe Alt + săgeată în jos pentru a deschide meniul`
+};
+var $06cbade644558bf0$exports = {};
+$06cbade644558bf0$exports = {
+  "longPressMessage": `Нажмите и удерживайте или нажмите Alt + Стрелка вниз, чтобы открыть меню`
+};
+var $0a391ff68f9d59b1$exports = {};
+$0a391ff68f9d59b1$exports = {
+  "longPressMessage": `Ponuku otvoríte dlhým stlačením alebo stlačením klávesu Alt + klávesu so šípkou nadol`
+};
+var $8193cf0e649c7928$exports = {};
+$8193cf0e649c7928$exports = {
+  "longPressMessage": `Za odprtje menija pritisnite in držite gumb ali pritisnite Alt+puščica navzdol`
+};
+var $f398debcce5a5c55$exports = {};
+$f398debcce5a5c55$exports = {
+  "longPressMessage": `Dugo pritisnite ili pritisnite Alt + strelicu prema dole da otvorite meni`
+};
+var $9e9fef000aa4c013$exports = {};
+$9e9fef000aa4c013$exports = {
+  "longPressMessage": `Håll nedtryckt eller tryck på Alt + pil nedåt för att öppna menyn`
+};
+var $c016c8183bbe3d68$exports = {};
+$c016c8183bbe3d68$exports = {
+  "longPressMessage": `Menüyü açmak için uzun basın veya Alt + Aşağı Ok tuşuna basın`
+};
+var $ca4f6c8462244e62$exports = {};
+$ca4f6c8462244e62$exports = {
+  "longPressMessage": `Довго або звичайно натисніть комбінацію клавіш Alt і стрілка вниз, щоб відкрити меню`
+};
+var $2d9960c02ccac927$exports = {};
+$2d9960c02ccac927$exports = {
+  "longPressMessage": `长按或按 Alt + 向下方向键以打开菜单`
+};
+var $f1b682a4c8c5631c$exports = {};
+$f1b682a4c8c5631c$exports = {
+  "longPressMessage": `長按或按 Alt+向下鍵以開啟功能表`
+};
+var $2cbb7ca666678a14$exports = {};
+$2cbb7ca666678a14$exports = {
+  "ar-AE": $c0398ad35c3639b7$exports,
+  "bg-BG": $7af657c4165927c3$exports,
+  "cs-CZ": $d95d4da6d531ab81$exports,
+  "da-DK": $24ebda9c775dca17$exports,
+  "de-DE": $743e0dfca6cab1e9$exports,
+  "el-GR": $a2f41026e05f1c84$exports,
+  "en-US": $43b800e97c901737$exports,
+  "es-ES": $442f5f6ac211e29f$exports,
+  "et-EE": $dff280acfeb2d8ac$exports,
+  "fi-FI": $51608325613944d7$exports,
+  "fr-FR": $c4a1b1eabeaa87be$exports,
+  "he-IL": $8c74815cdee18d1b$exports,
+  "hr-HR": $fd0e9ef6a7fe0ec9$exports,
+  "hu-HU": $a89a74a39eba465a$exports,
+  "it-IT": $edc7c66594a0ae8a$exports,
+  "ja-JP": $f1ab51510712db52$exports,
+  "ko-KR": $f9b672d9b82fa3d6$exports,
+  "lt-LT": $a385f3910feda499$exports,
+  "lv-LV": $4f1bde932c441789$exports,
+  "nb-NO": $914a51a8a594d5be$exports,
+  "nl-NL": $89aaf803103bb500$exports,
+  "pl-PL": $c685891476dbaaca$exports,
+  "pt-BR": $885879b9b10c2959$exports,
+  "pt-PT": $6b39616688a51692$exports,
+  "ro-RO": $f26362aed63f47e2$exports,
+  "ru-RU": $06cbade644558bf0$exports,
+  "sk-SK": $0a391ff68f9d59b1$exports,
+  "sl-SI": $8193cf0e649c7928$exports,
+  "sr-SP": $f398debcce5a5c55$exports,
+  "sv-SE": $9e9fef000aa4c013$exports,
+  "tr-TR": $c016c8183bbe3d68$exports,
+  "uk-UA": $ca4f6c8462244e62$exports,
+  "zh-CN": $2d9960c02ccac927$exports,
+  "zh-TW": $f1b682a4c8c5631c$exports
+};
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $168583247155ddda$export$dc9c12ed27dd1b49(props, state, ref) {
+  let { type = "menu", isDisabled, trigger = "press" } = props;
+  let menuTriggerId = $bdb11010cef70236$export$f680877a34711e37();
+  let { triggerProps, overlayProps } = $628037886ba31236$export$f9d5c8beee7d008d({
+    type
+  }, state, ref);
+  let onKeyDown = (e) => {
+    if (isDisabled)
+      return;
+    if (trigger === "longPress" && !e.altKey)
+      return;
+    if (ref && ref.current)
+      switch (e.key) {
+        case "Enter":
+        case " ":
+          if (trigger === "longPress")
+            return;
+        case "ArrowDown":
+          if (!("continuePropagation" in e))
+            e.stopPropagation();
+          e.preventDefault();
+          state.toggle("first");
+          break;
+        case "ArrowUp":
+          if (!("continuePropagation" in e))
+            e.stopPropagation();
+          e.preventDefault();
+          state.toggle("last");
+          break;
+        default:
+          if ("continuePropagation" in e)
+            e.continuePropagation();
+      }
+  };
+  let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($2cbb7ca666678a14$exports), "@react-aria/menu");
+  let { longPressProps } = $8a26561d2877236e$export$c24ed0104d07eab9({
+    isDisabled: isDisabled || trigger !== "longPress",
+    accessibilityDescription: stringFormatter.format("longPressMessage"),
+    onLongPressStart() {
+      state.close();
+    },
+    onLongPress() {
+      state.open("first");
+    }
+  });
+  let pressProps = {
+    onPressStart(e) {
+      if (e.pointerType !== "touch" && e.pointerType !== "keyboard" && !isDisabled)
+        state.open(e.pointerType === "virtual" ? "first" : null);
+    },
+    onPress(e) {
+      if (e.pointerType === "touch" && !isDisabled)
+        state.toggle();
+    }
+  };
+  delete triggerProps.onPress;
+  return {
+    menuTriggerProps: {
+      ...triggerProps,
+      ...trigger === "press" ? pressProps : longPressProps,
+      id: menuTriggerId,
+      onKeyDown
+    },
+    menuProps: {
+      ...overlayProps,
+      "aria-labelledby": menuTriggerId,
+      autoFocus: state.focusStrategy || true,
+      onClose: state.close
+    }
+  };
+}
+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 { 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();
+    if (props.onAction)
+      props.onAction(key);
+    else if (data.onAction)
+      data.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 = {
+    "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();
+  let submenuRect = useRef();
+  let lastProcessedTime = useRef(0);
+  let timeout = useRef();
+  let autoCloseTimeout = useRef();
+  let submenuSide = useRef();
+  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, node, delay = 200 } = props;
+  let submenuTriggerId = $bdb11010cef70236$export$f680877a34711e37();
+  let overlayId = $bdb11010cef70236$export$f680877a34711e37();
+  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let openTimeout = useRef();
+  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-label": node.textValue,
+    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
+  });
+  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $3674c52c6b3c5bce$export$c7e742effb1c51e2,
+        menuProps
+      ],
+      [
+        $de32f1b87079253c$export$d2f961adcb0afbe,
+        state
+      ],
+      [
+        $3674c52c6b3c5bce$export$795aec4671cbae19,
+        state
+      ],
+      [
+        $07b14b47974efb58$export$9b9a0cd73afb7ca4,
+        {
+          trigger: "MenuTrigger",
+          triggerRef: ref,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": buttonWidth
+          }
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ React__default.createElement($f1ab8c75478c6f73$export$3351871ee4b288b8, {
+    ...menuTriggerProps,
+    ref,
+    isPressed: state.isOpen
+  }, props.children));
+}
+function $3674c52c6b3c5bce$export$ecabc99eeffab7ca(props, ref) {
+  return $7135fc7d473fd974$export$e7c29ae2353b16ea("submenutrigger", props, ref, props.children, props.children[0]);
+}
+function $3674c52c6b3c5bce$var$SubmenuTriggerInner(props) {
+  let { item, parentMenuRef } = props;
+  let state = useContext($3674c52c6b3c5bce$export$24aad8519b95b41b);
+  let children = $7135fc7d473fd974$export$727c8fc270210f13({
+    items: state.collection.getChildren(item.key),
+    children: (childItem) => {
+      switch (childItem.type) {
+        case "item":
+          return /* @__PURE__ */ React__default.createElement($3674c52c6b3c5bce$var$MenuItemTriggerInner, {
+            item: childItem,
+            popover: item.rendered[1],
+            parentMenuRef,
+            delay: item.props.delay
+          });
+        default:
+          throw new Error("Unsupported element type in SubmenuTrigger: " + item.type);
+      }
+    }
+  });
+  return children;
+}
+function $3674c52c6b3c5bce$var$Menu(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3674c52c6b3c5bce$export$c7e742effb1c51e2);
+  let { portal, collection } = $7135fc7d473fd974$export$6cd28814d92fa9c9(props);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, collection.size > 0 && /* @__PURE__ */ React__default.createElement($3674c52c6b3c5bce$var$MenuInner, {
+    props,
+    collection,
+    menuRef: ref
+  }), portal);
+}
+function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
+  let state = $875d6693e12af071$export$728d6ba534403756({
+    ...props,
+    collection,
+    children: void 0
+  });
+  let [popoverContainer, setPopoverContainer] = useState(null);
+  let { menuProps } = $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref);
+  let rootMenuTriggerState = useContext($3674c52c6b3c5bce$export$795aec4671cbae19);
+  let popoverContext = useContext($07b14b47974efb58$export$9b9a0cd73afb7ca4);
+  let children = $7135fc7d473fd974$export$727c8fc270210f13({
+    items: state.collection,
+    children: (item) => {
+      switch (item.type) {
+        case "section":
+          return /* @__PURE__ */ React__default.createElement($3674c52c6b3c5bce$var$MenuSection, {
+            section: item,
+            parentMenuRef: ref
+          });
+        case "separator":
+          return /* @__PURE__ */ React__default.createElement($431f98aba6844401$export$1ff3c3f08ae963c0, item.props);
+        case "item":
+          return /* @__PURE__ */ React__default.createElement($3674c52c6b3c5bce$var$MenuItemInner, {
+            item
+          });
+        case "submenutrigger":
+          return /* @__PURE__ */ React__default.createElement($3674c52c6b3c5bce$var$SubmenuTriggerInner, {
+            item,
+            parentMenuRef: ref
+          });
+        default:
+          throw new Error("Unsupported node type in Menu: " + item.type);
+      }
+    }
+  });
+  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
+  ]);
+  var _props_className;
+  return /* @__PURE__ */ React__default.createElement($9bf71ea28793e738$export$20e40289641fbbb6, null, /* @__PURE__ */ React__default.createElement("div", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
+    ...menuProps,
+    ref,
+    slot: props.slot || void 0,
+    onScroll: props.onScroll,
+    style: props.style,
+    className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Menu"
+  }, /* @__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
+        }
+      ]
+    ]
+  }, children)), /* @__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({ section, className, style, parentMenuRef, ...otherProps }) {
+  var _section_props, _section_props1;
+  let state = useContext($3674c52c6b3c5bce$export$24aad8519b95b41b);
+  let [headingRef, heading] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
+  var _section_arialabel;
+  let { headingProps, groupProps } = $3e5eb2498db5b506$export$73f7a44322579622({
+    heading,
+    "aria-label": (_section_arialabel = section["aria-label"]) !== null && _section_arialabel !== void 0 ? _section_arialabel : void 0
+  });
+  let children = $7135fc7d473fd974$export$727c8fc270210f13({
+    items: state.collection.getChildren(section.key),
+    children: (item) => {
+      switch (item.type) {
+        case "header": {
+          let { ref, ...otherProps2 } = item.props;
+          return /* @__PURE__ */ React__default.createElement($72a5793c14baf454$export$8b251419efc915eb, {
+            ...headingProps,
+            ...otherProps2,
+            ref: $5dc95899b306f630$export$c9058316764c140e(headingRef, ref)
+          }, item.rendered);
+        }
+        case "item":
+          return /* @__PURE__ */ React__default.createElement($3674c52c6b3c5bce$var$MenuItemInner, {
+            item
+          });
+        case "submenutrigger":
+          return /* @__PURE__ */ React__default.createElement($3674c52c6b3c5bce$var$SubmenuTriggerInner, {
+            item,
+            parentMenuRef
+          });
+        default:
+          throw new Error("Unsupported element type in Section: " + item.type);
+      }
+    }
+  });
+  return /* @__PURE__ */ React__default.createElement("section", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...groupProps,
+    className: className || ((_section_props = section.props) === null || _section_props === void 0 ? void 0 : _section_props.className) || "react-aria-Section",
+    style: style || ((_section_props1 = section.props) === null || _section_props1 === void 0 ? void 0 : _section_props1.style),
+    ref: section.props.ref
+  }, children);
+}
+function $3674c52c6b3c5bce$var$MenuItem(props, ref) {
+  return $7135fc7d473fd974$export$e7c29ae2353b16ea("item", props, ref, props.children);
+}
+const $3674c52c6b3c5bce$export$2ce376c2cc3355c8 = /* @__PURE__ */ forwardRef($3674c52c6b3c5bce$var$MenuItem);
+function $3674c52c6b3c5bce$var$MenuItemInner({ item }) {
+  var _item_props;
+  let state = useContext($3674c52c6b3c5bce$export$24aad8519b95b41b);
+  let ref = $df56164dff5785e2$export$4338b53315abf666(item.props.ref);
+  let { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, ...states } = $a2e5df62f93c7633$export$9d32628fc2aea7da({
+    key: item.key,
+    "aria-label": (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props["aria-label"]
+  }, state, ref);
+  let props = item.props;
+  let { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+    isDisabled: states.isDisabled,
+    onHoverStart: item.props.onHoverStart,
+    onHoverChange: item.props.onHoverChange,
+    onHoverEnd: item.props.onHoverEnd
+  });
+  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: false,
+      isOpen: false
+    }
+  });
+  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
+  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $514c0188e459b4c0$export$9afb8bc826b033ea,
+        {
+          slots: {
+            label: labelProps,
+            description: descriptionProps
+          }
+        }
+      ],
+      [
+        $63df2425e2108aa8$export$744d98a3b8a94e1c,
+        keyboardShortcutProps
+      ]
+    ]
+  }, renderProps.children));
+}
+function $3674c52c6b3c5bce$var$MenuItemTriggerInner({ item, popover, parentMenuRef, delay }) {
+  let state = useContext($3674c52c6b3c5bce$export$24aad8519b95b41b);
+  let popoverContext = $64fa3d84918910a7$export$fabf2dc03a41866e($07b14b47974efb58$export$9b9a0cd73afb7ca4);
+  let ref = $df56164dff5785e2$export$4338b53315abf666(item.props.ref);
+  let rootMenuTriggerState = useContext($3674c52c6b3c5bce$export$795aec4671cbae19);
+  let submenuTriggerState = $e5614764aa47eb35$export$cfc51cf86138bf98({
+    triggerKey: item.key
+  }, rootMenuTriggerState);
+  let submenuRef = useRef(null);
+  let { submenuTriggerProps, submenuProps, popoverProps } = $0065b146e7192841$export$7138b0d059a6e743({
+    node: item,
+    parentMenuRef,
+    submenuRef,
+    delay
+  }, submenuTriggerState, ref);
+  let { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, ...states } = $a2e5df62f93c7633$export$9d32628fc2aea7da({
+    key: item.key,
+    ...submenuTriggerProps
+  }, state, ref);
+  let props = item.props;
+  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+    isDisabled: states.isDisabled
+  });
+  let { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+  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: true,
+      isOpen: submenuTriggerState.isOpen
+    }
+  });
+  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $514c0188e459b4c0$export$9afb8bc826b033ea,
+        {
+          slots: {
+            label: labelProps,
+            description: descriptionProps
+          }
+        }
+      ],
+      [
+        $63df2425e2108aa8$export$744d98a3b8a94e1c,
+        keyboardShortcutProps
+      ],
+      [
+        $3674c52c6b3c5bce$export$c7e742effb1c51e2,
+        submenuProps
+      ],
+      [
+        $de32f1b87079253c$export$d2f961adcb0afbe,
+        submenuTriggerState
+      ],
+      [
+        $07b14b47974efb58$export$9b9a0cd73afb7ca4,
+        {
+          ref: submenuRef,
+          trigger: "SubmenuTrigger",
+          triggerRef: ref,
+          placement: "end top",
+          UNSTABLE_portalContainer: popoverContext.UNSTABLE_portalContainer || void 0,
+          ...popoverProps
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    ...$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": true,
+    "data-open": submenuTriggerState.isOpen || void 0
+  }, renderProps.children), popover);
+}
+/**
+ * A simple menu component.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {string} [props.triggerLabel] - The label of the trigger button.
+ * @param {JSX.Element} [props.triggerIcon] - The icon of the trigger button.
+ * @param {Object} [props.triggerProps] - Props to pass to the trigger button.
+ * @param {string} [props.tooltip] - Tooltip text to display on the trigger button.
+ * @param {boolean} [props.keepOpen=false] - If `true`, the menu will not close when an item is selected.
+ * @param {boolean} [props.openOnLongPress=false] - If `true`, the menu will open on long press instead of click. If enabled, a regular `onPress` event can also be passed to the trigger button to enable dual behavior.
+ * @param {Object} [props.popoverProps] - Props to pass to the popover.
+ *
+ * @returns {JSX.Element} The Menu component.
+ *
+ * @example
+ * <Menu>
+ * 	<MenuSection label='Section 1'>
+ * 		<MenuItem>Item 1</MenuItem>
+ * 		<MenuItem>Item 2</MenuItem>
+ * 	</MenuSection>
+ * 	<MenuSection label='Section 2'>
+ * 		<MenuItem>Item 3</MenuItem>
+ * 		<MenuItem>Item 4</MenuItem>
+ * 	</MenuSection>
+ * </Menu>
+ *
+ * @example
+ * <Menu>
+ * 	<MenuItem>Item 1</MenuItem>
+ * 	<MenuItem>Item 2</MenuItem>
+ * 	<MenuSeparator />
+ * 	<MenuItem>Item 3</MenuItem>
+ * 	<MenuItem>Item 4</MenuItem>
+ * </Menu>
+ *
+ * @example
+ * <Menu>
+ * 	<MenuItem>Item 1</MenuItem>
+ * 	<MenuItem>Item 2</MenuItem>
+ * 	<SubMenuItem
+ * 		trigger={<MenuItem>Submenu</MenuItem>}
+ * 	>
+ * 		<MenuItem>Subitem 1</MenuItem>
+ * 		<MenuItem>Subitem 2</MenuItem>
+ * 	</SubMenuItem>
+ * </Menu>
+ *
+ *
+ * @preserve
+ */
+const Menu = (props) => {
+  var _a;
+  const {
+    children,
+    triggerLabel,
+    triggerIcon = !triggerLabel && icons.hamburgerMenu,
+    triggerProps,
+    popoverProps,
+    tooltip,
+    keepOpen = false,
+    "aria-label": ariaLabel = triggerLabel ?? __("Menu", "eightshift-ui-components"),
+    openOnLongPress = false
+  } = props;
+  let additionalProps = {};
+  if (keepOpen) {
+    additionalProps = {
+      ...additionalProps,
+      selectionMode: "multiple",
+      selectedKeys: [],
+      onSelectionChange: () => {
+      },
+      items: []
+    };
+  }
+  if (openOnLongPress) {
+    additionalProps.trigger = "longPress";
+  }
+  const hasSubmenuItems = Array.isArray(children) ? children.some((child) => {
+    var _a2;
+    return ((_a2 = child == null ? void 0 : child.type) == null ? void 0 : _a2.displayName) === "SubMenuItem";
+  }) : ((_a = children == null ? void 0 : children.type) == null ? void 0 : _a.displayName) === "SubMenuItem";
+  return /* @__PURE__ */ jsxs(
+    $3674c52c6b3c5bce$export$27d2ad3c5815583e,
+    {
+      ...props,
+      ...additionalProps,
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: triggerIcon,
+            tooltip,
+            ...triggerProps,
+            children: triggerLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Popover,
+          {
+            className: "!es-uic-p-0 focus:es-uic-outline-none",
+            "aria-label": ariaLabel,
+            wrapperClassName: classnames(!hasSubmenuItems && "es-uic-overflow-y-auto"),
+            ...popoverProps,
+            children: /* @__PURE__ */ jsx(
+              $3674c52c6b3c5bce$export$d9b273488cd8ce6f,
+              {
+                "aria-label": ariaLabel,
+                className: "focus:es-uic-outline-none",
+                ...props,
+                ...additionalProps,
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+/**
+ * A wrapper for `MenuItem` components that visually groups them and ensures proper keyboard navigation.
+ *
+ * **Important**: <MenuSection> cannot be mixed with other <MenuItem> in the top-level of the same menu.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {string} [props.label] - The label of the section.
+ *
+ * @returns {JSX.Element} The MenuSection component.
+ *
+ * @see {@link Menu} for usage example.
+ *
+ * @preserve
+ */
+const MenuSection = (props) => {
+  const { children, label } = props;
+  return /* @__PURE__ */ jsxs(
+    $7135fc7d473fd974$export$6e2c8f0811a474ce,
+    {
+      className: classnames(
+        "es-uic-space-y-1 es-uic-border-b es-uic-pb-1 last:es-uic-border-b-0",
+        label && "es-uic-pt-2 first:es-uic-pt-1.5",
+        !label && "last:es-uic-pb-1"
+      ),
+      children: [
+        label && /* @__PURE__ */ jsx($72a5793c14baf454$export$8b251419efc915eb, { className: "es-uic-ml-1.5 es-uic-text-xs es-uic-font-medium es-uic-text-gray-400", children: label }),
+        children
+      ]
+    }
+  );
+};
+/**
+ * A menu separator.
+ *
+ * @returns {JSX.Element} The MenuSeparator component.
+ *
+ * @see {@link Menu} for usage example.
+ *
+ * @preserve
+ */
+const MenuSeparator = () => {
+  return /* @__PURE__ */ jsx($431f98aba6844401$export$1ff3c3f08ae963c0, { className: "es-uic-mb-1 es-uic-border-b es-uic-border-gray-300" });
+};
+/**
+ * A menu item.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {JSX.Element} [props.icon] - The icon of the item.
+ * @param {string} [props.shortcut] - A slot for text like the keyboard shortcut, displayed on the right side of the item.
+ * @param {boolean} [props.checked] - If `true`, the item is marked as checked. This is visually represented by a checkmark icon.
+ * @param {boolean} [props.selected] - If `true`, the item is marked as selected. This is visually represented by a circle.
+ * @param {boolean} [props.disabled] - If `true`, the item will be disabled.
+ * @param {JSX.Element} [props.endIcon] - The icon at the right side of the item.
+ * @param {Function} [props.onClick] - Function to run when the item is clicked.
+ * @param {string} [props.className] - Classes to pass to the menu item.
+ *
+ * @returns {JSX.Element} The MenuItem component.
+ *
+ * @see {@link Menu} for usage example.
+ *
+ * @preserve
+ */
+const MenuItem = (props) => {
+  const {
+    icon,
+    children,
+    checked,
+    selected,
+    disabled,
+    endIcon,
+    onClick,
+    shortcut,
+    className,
+    "aria-label": ariaLabel = typeof children === "string" ? children : __("Menu item", "eightshift-ui-components")
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    $3674c52c6b3c5bce$export$2ce376c2cc3355c8,
+    {
+      ...props,
+      "aria-label": ariaLabel,
+      isDisabled: disabled,
+      className: classnames(
+        "es-uic-mx-1 es-uic-mb-1 es-uic-flex es-uic-min-w-40 es-uic-items-center es-uic-gap-1.5",
+        "first:es-uic-mt-1 [&>svg]:es-uic-size-5 [&>svg]:es-uic-text-gray-500",
+        "es-uic-select-none es-uic-rounded es-uic-border es-uic-border-transparent es-uic-px-1 es-uic-py-1.5 es-uic-text-sm es-uic-transition",
+        "hover:es-uic-bg-gray-100",
+        "focus:es-uic-outline-none focus-visible:es-uic-outline-none focus-visible:es-uic-ring focus-visible:es-uic-ring-teal-500 focus-visible:es-uic-ring-opacity-50",
+        disabled ? "es-uic-text-gray-400" : "es-uic-text-gray-800",
+        className
+      ),
+      onAction: onClick,
+      children: [
+        checked === true && icons.menuItemCheck,
+        selected === true && icons.menuItemCircle,
+        (selected === false || checked === false) && icons.dummySpacer,
+        icon,
+        children,
+        shortcut && /* @__PURE__ */ jsx("div", { className: "es-uic-ml-auto es-uic-text-[0.6875rem] es-uic-tracking-tight es-uic-text-gray-400", children: shortcut }),
+        endIcon && /* @__PURE__ */ jsx("div", { className: classnames(!shortcut && "es-uic-ml-auto"), children: endIcon })
+      ]
+    }
+  );
+};
+/**
+ * A supplementary menu item that triggers a submenu.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {JSX.Element} props.trigger - The trigger button for the submenu. **This should be a `MenuItem`.**
+ * @param {Object} [props.popoverProps] - Props to pass to the popover.
+ *
+ * @returns {JSX.Element} The SubMenuItem component.
+ *
+ * @see {@link Menu} for usage example.
+ *
+ * @preserve
+ */
+const SubMenuItem = (props) => {
+  const { children, trigger, popoverProps } = props;
+  return /* @__PURE__ */ jsxs($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { children: [
+    cloneElement(trigger, {
+      endIcon: /* @__PURE__ */ jsx("span", { className: "es-uic-text-gray-400", children: icons.caretRightFill })
+    }),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        "aria-label": props["aria-label"] ?? __("Submenu", "eightshift-ui-components"),
+        className: "!es-uic-p-0 focus:es-uic-outline-none",
+        offset: -1,
+        ...popoverProps,
+        children: /* @__PURE__ */ jsx(
+          $3674c52c6b3c5bce$export$d9b273488cd8ce6f,
+          {
+            "aria-label": props["aria-label"] ?? __("Submenu", "eightshift-ui-components"),
+            className: "focus:es-uic-outline-none",
+            children
+          }
+        )
+      }
+    )
+  ] });
+};
+SubMenuItem.displayName = "SubMenuItem";
+export {
+  Menu,
+  MenuItem,
+  MenuSection,
+  MenuSeparator,
+  SubMenuItem
+};