@eightshift/ui-components 1.3.1 → 1.4.0

package/dist/components/menu/menu.js

@@ -1,263 +1,24 @@
 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-CX64zwq8.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-JxXmb3-k.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-DC-UMp1n.js";
-import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, forwardRef, useContext, cloneElement } from "react";
-import { i as $628037886ba31236$export$f9d5c8beee7d008d, f as $de32f1b87079253c$export$d2f961adcb0afbe, j as $07b14b47974efb58$export$9b9a0cd73afb7ca4, k as $f1ab8c75478c6f73$export$3351871ee4b288b8, l as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 } from "../../Dialog-DJgS0mAg.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-qjognpzK.js";
+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-C7Few7L6.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, j as $7135fc7d473fd974$export$90e00781bc59d8f9, m as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-CvRaua4m.js";
+import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, e as $bdb11010cef70236$export$f680877a34711e37, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, j as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "../../utils-B4IdLYb8.js";
+import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, useContext, forwardRef, cloneElement } from "react";
+import { f as $de32f1b87079253c$export$d2f961adcb0afbe, i as $07b14b47974efb58$export$9b9a0cd73afb7ca4, j as $f1ab8c75478c6f73$export$3351871ee4b288b8, k as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 } from "../../Dialog-CGE2ficT.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-D8qh3_U7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { d as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-DSk8I1SO.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-DGZ4R5fj.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-Cwm_siat.js";
-import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CiXj8dLE.js";
-import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-CQZyQp4q.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BG_1RnbC.js";
-import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-BjM5iOQC.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Dg5Y_10S.js";
+import { a as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-C9mg1CP5.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-PMGZgZ9-.js";
+import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-CMgzyMKW.js";
+import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CY8MpqYD.js";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-BFKHuYS9.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Bon2Gyx5.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-DsxEaA2J.js";
+import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-CVd6C65L.js";
 import { icons } from "../../icons/icons.js";
-import { B as Button } from "../../button-IxfzzzbP.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-BqwLkgZv.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
-    }
-  };
-}
+import { _ as __ } from "../../default-i18n-BqWys-1G.js";
 const $d5336fe17ce95402$export$6f49b4016bfc8d56 = /* @__PURE__ */ new WeakMap();
 function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
   let { shouldFocusWrap = true, onKeyDown, onKeyUp, ...otherProps } = props;
@@ -292,7 +53,7 @@ function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
   };
 }
 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 { 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);
@@ -306,8 +67,10 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
     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 (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";
@@ -319,6 +82,7 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
   let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
   let keyboardId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
   let ariaProps = {
+    id,
     "aria-disabled": isDisabled || void 0,
     role,
     "aria-label": props["aria-label"],
@@ -459,12 +223,12 @@ 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 prevPointerPos = useRef(void 0);
+  let submenuRect = useRef(void 0);
   let lastProcessedTime = useRef(0);
-  let timeout = useRef();
-  let autoCloseTimeout = useRef();
-  let submenuSide = useRef();
+  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 = () => {
@@ -561,11 +325,11 @@ function $d275435c250248f8$export$85ec83e04c95f50a(options) {
   ]);
 }
 function $0065b146e7192841$export$7138b0d059a6e743(props, state, ref) {
-  let { parentMenuRef, submenuRef, type = "menu", isDisabled, node, delay = 200 } = props;
+  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();
+  let openTimeout = useRef(void 0);
   let cancelOpenTimeout = useCallback(() => {
     if (openTimeout.current) {
       clearTimeout(openTimeout.current);
@@ -613,7 +377,7 @@ function $0065b146e7192841$export$7138b0d059a6e743(props, state, ref) {
   };
   let submenuProps = {
     id: overlayId,
-    "aria-label": node.textValue,
+    "aria-labelledby": submenuTriggerId,
     submenuLevel: state.submenuLevel,
     ...type === "menu" && {
       onClose: state.closeAll,
@@ -916,11 +680,15 @@ function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
     ref,
     onResize
   });
+  let scrollRef = useRef(null);
   return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
     values: [
       [
         $3674c52c6b3c5bce$export$c7e742effb1c51e2,
-        menuProps
+        {
+          ...menuProps,
+          ref: scrollRef
+        }
       ],
       [
         $de32f1b87079253c$export$d2f961adcb0afbe,
@@ -935,6 +703,7 @@ function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
         {
           trigger: "MenuTrigger",
           triggerRef: ref,
+          scrollRef,
           placement: "bottom start",
           style: {
             "--trigger-width": buttonWidth
@@ -948,38 +717,67 @@ function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
     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;
+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 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;
-}
+  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);
-  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, {
+  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
-  }), portal);
+  }));
 }
 function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
   let state = $875d6693e12af071$export$728d6ba534403756({
@@ -988,34 +786,13 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
     children: void 0
   });
   let [popoverContainer, setPopoverContainer] = useState(null);
-  let { menuProps } = $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref);
+  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 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,
@@ -1040,15 +817,19 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
     leftOffset,
     popoverContainer
   ]);
-  var _props_className;
+  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,
-    style: props.style,
-    className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Menu"
+    onScroll: props.onScroll
   }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
     values: [
       [
@@ -1066,9 +847,29 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
         {
           UNSTABLE_portalContainer: popoverContainer || void 0
         }
+      ],
+      [
+        $7135fc7d473fd974$export$d40e14dec8b060a8,
+        {
+          render: $3674c52c6b3c5bce$var$MenuSection
+        }
+      ],
+      [
+        $3674c52c6b3c5bce$var$SubmenuTriggerContext,
+        {
+          parentMenuRef: ref
+        }
+      ],
+      [
+        $3674c52c6b3c5bce$var$MenuItemContext,
+        null
       ]
     ]
-  }, children)), /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__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",
@@ -1079,68 +880,52 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
   }));
 }
 const $3674c52c6b3c5bce$export$d9b273488cd8ce6f = /* @__PURE__ */ forwardRef($3674c52c6b3c5bce$var$Menu);
-function $3674c52c6b3c5bce$var$MenuSection({ section, className, style, parentMenuRef, ...otherProps }) {
+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_arialabel;
+  var _section_props_arialabel;
   let { headingProps, groupProps } = $3e5eb2498db5b506$export$73f7a44322579622({
     heading,
-    "aria-label": (_section_arialabel = section["aria-label"]) !== null && _section_arialabel !== void 0 ? _section_arialabel : void 0
+    "aria-label": (_section_props_arialabel = section.props["aria-label"]) !== null && _section_props_arialabel !== void 0 ? _section_props_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);
-      }
-    }
+  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(otherProps),
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
     ...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);
+    ...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$export$2ce376c2cc3355c8 = /* @__PURE__ */ forwardRef($3674c52c6b3c5bce$var$MenuItem);
-function $3674c52c6b3c5bce$var$MenuItemInner({ item }) {
-  var _item_props;
+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(item.props.ref);
+  let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
   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"]
+    ...props,
+    id,
+    key: item.key
   }, 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
+    isDisabled: states.isDisabled
   });
   let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
     ...props,
@@ -1153,8 +938,8 @@ function $3674c52c6b3c5bce$var$MenuItemInner({ item }) {
       isFocusVisible,
       selectionMode: state.selectionManager.selectionMode,
       selectionBehavior: state.selectionManager.selectionBehavior,
-      hasSubmenu: false,
-      isOpen: false
+      hasSubmenu: !!props["aria-haspopup"],
+      isOpen: props["aria-expanded"] === "true"
     }
   });
   let ElementType = props.href ? "a" : "div";
@@ -1168,7 +953,9 @@ function $3674c52c6b3c5bce$var$MenuItemInner({ item }) {
     "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-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: [
       [
@@ -1186,96 +973,7 @@ function $3674c52c6b3c5bce$var$MenuItemInner({ item }) {
       ]
     ]
   }, 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.
  *
@@ -1465,7 +1163,7 @@ const MenuSeparator = () => {
  *
  * @preserve
  */
-const MenuItem = (props) => {
+const MenuItem2 = (props) => {
   const {
     icon,
     children,
@@ -1548,7 +1246,7 @@ const SubMenuItem = (props) => {
 SubMenuItem.displayName = "SubMenuItem";
 export {
   Menu,
-  MenuItem,
+  MenuItem2 as MenuItem,
   MenuSection,
   MenuSeparator,
   SubMenuItem