@react-spectrum/menu 3.11.1-nightly.3856 → 3.11.1-nightly.3864

package/dist/module.js

@@ -1,21 +1,23 @@
 import "./main.css";
 import {Item as $5ae296f2d6923e14$re_export$Item, Section as $5ae296f2d6923e14$re_export$Section, getChildNodes as $9SHwR$getChildNodes} from "@react-stately/collections";
 import {useDOMRef as $9SHwR$useDOMRef, useIsMobileDevice as $9SHwR$useIsMobileDevice, classNames as $9SHwR$classNames, SlotProvider as $9SHwR$SlotProvider, useStyleProps as $9SHwR$useStyleProps, ClearSlots as $9SHwR$ClearSlots, useSlotProps as $9SHwR$useSlotProps} from "@react-spectrum/utils";
-import {Tray as $9SHwR$Tray, Popover as $9SHwR$Popover} from "@react-spectrum/overlays";
-import {PressResponder as $9SHwR$PressResponder, useHover as $9SHwR$useHover} from "@react-aria/interactions";
+import {Tray as $9SHwR$Tray, Popover as $9SHwR$Popover, Modal as $9SHwR$Modal} from "@react-spectrum/overlays";
+import {PressResponder as $9SHwR$PressResponder} from "@react-aria/interactions";
 import $9SHwR$react, {useRef as $9SHwR$useRef, Fragment as $9SHwR$Fragment, forwardRef as $9SHwR$forwardRef, useContext as $9SHwR$useContext} from "react";
 import {useMenuTrigger as $9SHwR$useMenuTrigger, useMenu as $9SHwR$useMenu, useMenuItem as $9SHwR$useMenuItem, useMenuSection as $9SHwR$useMenuSection} from "@react-aria/menu";
 import {useMenuTriggerState as $9SHwR$useMenuTriggerState} from "@react-stately/menu";
-import {mergeProps as $9SHwR$mergeProps, useSyncRef as $9SHwR$useSyncRef, filterDOMProps as $9SHwR$filterDOMProps} from "@react-aria/utils";
+import {FocusScope as $9SHwR$FocusScope, FocusRing as $9SHwR$FocusRing} from "@react-aria/focus";
+import {mergeProps as $9SHwR$mergeProps, useSyncRef as $9SHwR$useSyncRef, useSlotId as $9SHwR$useSlotId, filterDOMProps as $9SHwR$filterDOMProps} from "@react-aria/utils";
 import {useTreeState as $9SHwR$useTreeState} from "@react-stately/tree";
 import $9SHwR$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
-import {FocusRing as $9SHwR$FocusRing} from "@react-aria/focus";
 import {Grid as $9SHwR$Grid} from "@react-spectrum/layout";
+import $9SHwR$spectrumiconsworkflowInfoOutline from "@spectrum-icons/workflow/InfoOutline";
 import {Text as $9SHwR$Text} from "@react-spectrum/text";
+import {useLocalizedStringFormatter as $9SHwR$useLocalizedStringFormatter} from "@react-aria/i18n";
 import {useSeparator as $9SHwR$useSeparator} from "@react-aria/separator";
 import {ActionButton as $9SHwR$ActionButton} from "@react-spectrum/button";
 import $9SHwR$spectrumiconsworkflowMore from "@spectrum-icons/workflow/More";
-import {useLocalizedStringFormatter as $9SHwR$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {useOverlayTriggerState as $9SHwR$useOverlayTriggerState} from "@react-stately/overlays";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
@@ -60,6 +62,14 @@ const $d94604d52c3e3feb$export$c7e742effb1c51e2 = (0, $9SHwR$react).createContex
 function $d94604d52c3e3feb$export$21c7ab35b39f78ec() {
     return (0, $9SHwR$useContext)($d94604d52c3e3feb$export$c7e742effb1c51e2);
 }
+const $d94604d52c3e3feb$export$e239f1ef5b7afe1a = (0, $9SHwR$react).createContext(undefined);
+function $d94604d52c3e3feb$export$4bbcd0ebecc48abd() {
+    return (0, $9SHwR$useContext)($d94604d52c3e3feb$export$e239f1ef5b7afe1a);
+}
+const $d94604d52c3e3feb$export$24aad8519b95b41b = (0, $9SHwR$react).createContext({});
+function $d94604d52c3e3feb$export$efa3856fc0e85e7f() {
+    return (0, $9SHwR$useContext)($d94604d52c3e3feb$export$24aad8519b95b41b);
+}
 
 
 
@@ -170,6 +180,7 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
     let isMobile = (0, $9SHwR$useIsMobileDevice)();
     let menuContext = {
         ...menuProps,
+        state: state,
         ref: menuRef,
         onClose: state.close,
         closeOnSelect: closeOnSelect,
@@ -227,90 +238,6 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
  * governing permissions and limitations under the License.
  */ 
 
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-
-
-function $48fb8f5e1202c980$export$2ce376c2cc3355c8(props) {
-    let { item: item , state: state , isVirtualized: isVirtualized , onAction: onAction  } = props;
-    let { onClose: onClose , closeOnSelect: closeOnSelect  } = (0, $d94604d52c3e3feb$export$21c7ab35b39f78ec)();
-    let { rendered: rendered , key: key  } = item;
-    let isSelected = state.selectionManager.isSelected(key);
-    let isDisabled = state.disabledKeys.has(key);
-    let ref = (0, $9SHwR$useRef)();
-    let { menuItemProps: menuItemProps , labelProps: labelProps , descriptionProps: descriptionProps , keyboardShortcutProps: keyboardShortcutProps  } = (0, $9SHwR$useMenuItem)({
-        isSelected: isSelected,
-        isDisabled: isDisabled,
-        "aria-label": item["aria-label"],
-        key: key,
-        onClose: onClose,
-        closeOnSelect: closeOnSelect,
-        isVirtualized: isVirtualized,
-        onAction: onAction
-    }, state, ref);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $9SHwR$useHover)({
-        isDisabled: isDisabled
-    });
-    let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$Text), null, rendered) : rendered;
-    return /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$FocusRing), {
-        focusRingClass: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "focus-ring")
-    }, /*#__PURE__*/ (0, $9SHwR$react).createElement("li", {
-        ...(0, $9SHwR$mergeProps)(menuItemProps, hoverProps),
-        ref: ref,
-        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-item", {
-            "is-disabled": isDisabled,
-            "is-selected": isSelected,
-            "is-selectable": state.selectionManager.selectionMode !== "none",
-            "is-hovered": isHovered
-        })
-    }, /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$Grid), {
-        UNSAFE_className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-itemGrid")
-    }, /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$ClearSlots), null, /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$SlotProvider), {
-        slots: {
-            text: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-itemLabel"],
-                ...labelProps
-            },
-            end: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-end"],
-                ...descriptionProps
-            },
-            icon: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-icon"],
-                size: "S"
-            },
-            description: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-description"],
-                ...descriptionProps
-            },
-            keyboard: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-keyboard"],
-                ...keyboardShortcutProps
-            }
-        }
-    }, contents, isSelected && /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$spectrumiconsuiCheckmarkMedium), {
-        slot: "checkmark",
-        UNSAFE_className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-checkmark")
-    }))))));
-}
-
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -327,103 +254,11 @@ function $48fb8f5e1202c980$export$2ce376c2cc3355c8(props) {
 
 
 
-
-
-function $b966e606890cc5ca$export$4b1545b4f2016d26(props) {
-    let { item: item , state: state , onAction: onAction  } = props;
-    let { itemProps: itemProps , headingProps: headingProps , groupProps: groupProps  } = (0, $9SHwR$useMenuSection)({
-        heading: item.rendered,
-        "aria-label": item["aria-label"]
-    });
-    let { separatorProps: separatorProps  } = (0, $9SHwR$useSeparator)({
-        elementType: "li"
-    });
-    return /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$Fragment), null, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, $9SHwR$react).createElement("li", {
-        ...separatorProps,
-        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-divider")
-    }), /*#__PURE__*/ (0, $9SHwR$react).createElement("li", itemProps, item.rendered && /*#__PURE__*/ (0, $9SHwR$react).createElement("span", {
-        ...headingProps,
-        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-sectionHeading")
-    }, item.rendered), /*#__PURE__*/ (0, $9SHwR$react).createElement("ul", {
-        ...groupProps,
-        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu")
-    }, [
-        ...(0, $9SHwR$getChildNodes)(item, state.collection)
-    ].map((node)=>{
-        let item = /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $48fb8f5e1202c980$export$2ce376c2cc3355c8), {
-            key: node.key,
-            item: node,
-            state: state,
-            onAction: onAction
-        });
-        if (node.wrapper) item = node.wrapper(item);
-        return item;
-    }))));
-}
-
-
-
-
-
-
-
-function $49b26f4b606348f6$var$Menu(props, ref) {
-    let contextProps = (0, $9SHwR$useContext)((0, $d94604d52c3e3feb$export$c7e742effb1c51e2));
-    let completeProps = {
-        ...(0, $9SHwR$mergeProps)(contextProps, props)
-    };
-    let domRef = (0, $9SHwR$useDOMRef)(ref);
-    let state = (0, $9SHwR$useTreeState)(completeProps);
-    let { menuProps: menuProps  } = (0, $9SHwR$useMenu)(completeProps, state, domRef);
-    let { styleProps: styleProps  } = (0, $9SHwR$useStyleProps)(completeProps);
-    (0, $9SHwR$useSyncRef)(contextProps, domRef);
-    return /*#__PURE__*/ (0, $9SHwR$react).createElement("ul", {
-        ...menuProps,
-        ...styleProps,
-        ref: domRef,
-        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu", styleProps.className)
-    }, [
-        ...state.collection
-    ].map((item)=>{
-        if (item.type === "section") return /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $b966e606890cc5ca$export$4b1545b4f2016d26), {
-            key: item.key,
-            item: item,
-            state: state,
-            onAction: completeProps.onAction
-        });
-        let menuItem = /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $48fb8f5e1202c980$export$2ce376c2cc3355c8), {
-            key: item.key,
-            item: item,
-            state: state,
-            onAction: completeProps.onAction
-        });
-        if (item.wrapper) menuItem = item.wrapper(menuItem);
-        return menuItem;
-    }));
-}
-/**
- * Menus display a list of actions or options that a user can choose.
- */ // forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-const $49b26f4b606348f6$export$d9b273488cd8ce6f = /*#__PURE__*/ (0, $9SHwR$react).forwardRef($49b26f4b606348f6$var$Menu);
-
-
-/*
- * Copyright 2021 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
 var $d01b612f05eb8a1a$exports = {};
 var $9c47fa309a7d4d43$exports = {};
 $9c47fa309a7d4d43$exports = {
-    "moreActions": `المزيد من الإجراءات`
+    "moreActions": `المزيد من الإجراءات`,
+    "unavailable": `Unavailable`
 };
 
 
@@ -459,7 +294,8 @@ $055104befa589c0a$exports = {
 
 var $de5da9cdd5bee12a$exports = {};
 $de5da9cdd5bee12a$exports = {
-    "moreActions": `More actions`
+    "moreActions": `More actions`,
+    "unavailable": `Unavailable`
 };
 
 
@@ -669,6 +505,208 @@ $d01b612f05eb8a1a$exports = {
 
 
 
+
+function $48fb8f5e1202c980$export$2ce376c2cc3355c8(props) {
+    let { item: item , state: state , isVirtualized: isVirtualized , onAction: onAction  } = props;
+    let stringFormatter = (0, $9SHwR$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d01b612f05eb8a1a$exports))));
+    let menuDialogContext = (0, $d94604d52c3e3feb$export$4bbcd0ebecc48abd)();
+    let { triggerRef: triggerRef  } = menuDialogContext || {};
+    let isMenuDialogTrigger = !!menuDialogContext;
+    let isUnavailable = false;
+    if (isMenuDialogTrigger) isUnavailable = menuDialogContext.isUnavailable;
+    let { onClose: onClose , closeOnSelect: closeOnSelect  } = (0, $d94604d52c3e3feb$export$21c7ab35b39f78ec)();
+    let { rendered: rendered , key: key  } = item;
+    let isSelected = state.selectionManager.isSelected(key);
+    let isDisabled = state.disabledKeys.has(key);
+    let ref = (0, $9SHwR$useRef)(null);
+    if (triggerRef) ref = triggerRef;
+    let { menuItemProps: menuItemProps , labelProps: labelProps , descriptionProps: descriptionProps , keyboardShortcutProps: keyboardShortcutProps  } = (0, $9SHwR$useMenuItem)({
+        isSelected: isSelected,
+        isDisabled: isDisabled,
+        "aria-label": item["aria-label"],
+        key: key,
+        onClose: onClose,
+        closeOnSelect: closeOnSelect,
+        isVirtualized: isVirtualized,
+        onAction: onAction,
+        "aria-haspopup": isMenuDialogTrigger ? "dialog" : undefined
+    }, state, ref);
+    let endId = (0, $9SHwR$useSlotId)();
+    let endProps = {};
+    if (endId) {
+        endProps.id = endId;
+        menuItemProps["aria-describedby"] = menuItemProps["aria-describedby"] + " " + endId;
+    }
+    let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$Text), null, rendered) : rendered;
+    return /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$FocusRing), {
+        focusRingClass: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $9SHwR$react).createElement("li", {
+        ...(0, $9SHwR$mergeProps)(menuItemProps),
+        ref: ref,
+        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-item", {
+            "is-disabled": isDisabled,
+            "is-selected": isSelected,
+            "is-selectable": state.selectionManager.selectionMode !== "none",
+            "is-open": state.expandedKeys.has(key)
+        })
+    }, /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$Grid), {
+        UNSAFE_className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-itemGrid")
+    }, /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$ClearSlots), null, /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$SlotProvider), {
+        slots: {
+            text: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-itemLabel"],
+                ...labelProps
+            },
+            end: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-end"],
+                ...endProps
+            },
+            icon: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-icon"],
+                size: "S"
+            },
+            description: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-description"],
+                ...descriptionProps
+            },
+            keyboard: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports)))["spectrum-Menu-keyboard"],
+                ...keyboardShortcutProps
+            }
+        }
+    }, contents, isSelected && /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$spectrumiconsuiCheckmarkMedium), {
+        slot: "checkmark",
+        UNSAFE_className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-checkmark")
+    }), isUnavailable && /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$spectrumiconsworkflowInfoOutline), {
+        slot: "end",
+        size: "XS",
+        alignSelf: "center",
+        "aria-label": stringFormatter.format("unavailable")
+    }))))));
+}
+
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+function $b966e606890cc5ca$export$4b1545b4f2016d26(props) {
+    let { item: item , state: state , onAction: onAction  } = props;
+    let { itemProps: itemProps , headingProps: headingProps , groupProps: groupProps  } = (0, $9SHwR$useMenuSection)({
+        heading: item.rendered,
+        "aria-label": item["aria-label"]
+    });
+    let { separatorProps: separatorProps  } = (0, $9SHwR$useSeparator)({
+        elementType: "li"
+    });
+    return /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$Fragment), null, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, $9SHwR$react).createElement("li", {
+        ...separatorProps,
+        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-divider")
+    }), /*#__PURE__*/ (0, $9SHwR$react).createElement("li", itemProps, item.rendered && /*#__PURE__*/ (0, $9SHwR$react).createElement("span", {
+        ...headingProps,
+        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu-sectionHeading")
+    }, item.rendered), /*#__PURE__*/ (0, $9SHwR$react).createElement("ul", {
+        ...groupProps,
+        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu")
+    }, [
+        ...(0, $9SHwR$getChildNodes)(item, state.collection)
+    ].map((node)=>{
+        let item = /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $48fb8f5e1202c980$export$2ce376c2cc3355c8), {
+            key: node.key,
+            item: node,
+            state: state,
+            onAction: onAction
+        });
+        if (node.wrapper) item = node.wrapper(item);
+        return item;
+    }))));
+}
+
+
+
+
+
+
+
+function $49b26f4b606348f6$var$Menu(props, ref) {
+    let contextProps = (0, $9SHwR$useContext)((0, $d94604d52c3e3feb$export$c7e742effb1c51e2));
+    let completeProps = {
+        ...(0, $9SHwR$mergeProps)(contextProps, props)
+    };
+    let domRef = (0, $9SHwR$useDOMRef)(ref);
+    let state = (0, $9SHwR$useTreeState)(completeProps);
+    let { menuProps: menuProps  } = (0, $9SHwR$useMenu)(completeProps, state, domRef);
+    let { styleProps: styleProps  } = (0, $9SHwR$useStyleProps)(completeProps);
+    (0, $9SHwR$useSyncRef)(contextProps, domRef);
+    return /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $d94604d52c3e3feb$export$24aad8519b95b41b).Provider, {
+        value: {
+            state: state
+        }
+    }, /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$FocusScope), {
+        contain: state.expandedKeys.size > 0
+    }, /*#__PURE__*/ (0, $9SHwR$react).createElement("ul", {
+        ...menuProps,
+        ...styleProps,
+        ref: domRef,
+        className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($286d1cb34bb7dc84$exports))), "spectrum-Menu", styleProps.className)
+    }, [
+        ...state.collection
+    ].map((item)=>{
+        if (item.type === "section") return /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $b966e606890cc5ca$export$4b1545b4f2016d26), {
+            key: item.key,
+            item: item,
+            state: state,
+            onAction: completeProps.onAction
+        });
+        let menuItem = /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $48fb8f5e1202c980$export$2ce376c2cc3355c8), {
+            key: item.key,
+            item: item,
+            state: state,
+            onAction: completeProps.onAction
+        });
+        if (item.wrapper) menuItem = item.wrapper(menuItem);
+        return menuItem;
+    }))));
+}
+/**
+ * Menus display a list of actions or options that a user can choose.
+ */ // forwardRef doesn't support generic parameters, so cast the result to the correct type
+// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
+const $49b26f4b606348f6$export$d9b273488cd8ce6f = /*#__PURE__*/ (0, $9SHwR$react).forwardRef($49b26f4b606348f6$var$Menu);
+
+
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
 function $43fa9949e6af393d$var$ActionMenu(props, ref) {
     props = (0, $9SHwR$useSlotProps)(props, "actionMenu");
     let stringFormatter = (0, $9SHwR$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d01b612f05eb8a1a$exports))));
@@ -699,8 +737,104 @@ function $43fa9949e6af393d$var$ActionMenu(props, ref) {
  */ const $43fa9949e6af393d$export$ed57a210b9d13bb6 = /*#__PURE__*/ (0, $9SHwR$forwardRef)($43fa9949e6af393d$var$ActionMenu);
 
 
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+var $c487b1d738ebeac2$exports = {};
+
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-button", () => $c487b1d738ebeac2$export$20d9583c9f1529c1, (v) => $c487b1d738ebeac2$export$20d9583c9f1529c1 = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-dialog", () => $c487b1d738ebeac2$export$ab2d873674d20d28, (v) => $c487b1d738ebeac2$export$ab2d873674d20d28 = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-content", () => $c487b1d738ebeac2$export$a1f805890cf58c4, (v) => $c487b1d738ebeac2$export$a1f805890cf58c4 = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-footer", () => $c487b1d738ebeac2$export$d901bc3fa82b87a6, (v) => $c487b1d738ebeac2$export$d901bc3fa82b87a6 = v);
+var $c487b1d738ebeac2$export$20d9583c9f1529c1;
+var $c487b1d738ebeac2$export$ab2d873674d20d28;
+var $c487b1d738ebeac2$export$a1f805890cf58c4;
+var $c487b1d738ebeac2$export$d901bc3fa82b87a6;
+$c487b1d738ebeac2$export$20d9583c9f1529c1 = "react-spectrum-ContextualHelp-button_0cd31c";
+$c487b1d738ebeac2$export$ab2d873674d20d28 = "react-spectrum-ContextualHelp-dialog_0cd31c";
+$c487b1d738ebeac2$export$a1f805890cf58c4 = "react-spectrum-ContextualHelp-content_0cd31c";
+$c487b1d738ebeac2$export$d901bc3fa82b87a6 = "react-spectrum-ContextualHelp-footer_0cd31c";
+
+
+
+
+
+
+function $81987f5f2bef0e97$var$MenuDialogTrigger(props) {
+    let { isUnavailable: isUnavailable  } = props;
+    let { state: menuState  } = (0, $d94604d52c3e3feb$export$efa3856fc0e85e7f)();
+    let state = (0, $9SHwR$useOverlayTriggerState)({
+        isOpen: menuState.expandedKeys.has(props.targetKey),
+        onOpenChange: (val)=>{
+            if (!val) {
+                if (menuState.expandedKeys.has(props.targetKey)) menuState.toggleKey(props.targetKey);
+            }
+        }
+    });
+    let slots = {};
+    if (isUnavailable) slots = {
+        dialog: {
+            UNSAFE_className: (0, $9SHwR$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c487b1d738ebeac2$exports))), "react-spectrum-ContextualHelp-dialog")
+        },
+        content: {
+            UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($c487b1d738ebeac2$exports)))["react-spectrum-ContextualHelp-content"]
+        },
+        footer: {
+            UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($c487b1d738ebeac2$exports)))["react-spectrum-ContextualHelp-footer"]
+        }
+    };
+    let [trigger] = (0, $9SHwR$react).Children.toArray(props.children);
+    let [, content] = props.children;
+    let isMobile = (0, $9SHwR$useIsMobileDevice)();
+    let triggerRef = (0, $9SHwR$useRef)(null);
+    return /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$react).Fragment, null, /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $d94604d52c3e3feb$export$e239f1ef5b7afe1a).Provider, {
+        value: {
+            isUnavailable: isUnavailable,
+            triggerRef: triggerRef
+        }
+    }, trigger), /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$SlotProvider), {
+        slots: slots
+    }, isMobile ? /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$Modal), {
+        state: state,
+        isDismissable: true
+    }, content) : /*#__PURE__*/ (0, $9SHwR$react).createElement((0, $9SHwR$Popover), {
+        state: state,
+        triggerRef: triggerRef,
+        placement: "end top",
+        hideArrow: true,
+        offset: -10,
+        isNonModal: true,
+        shouldContainFocus: false
+    }, content)));
+}
+$81987f5f2bef0e97$var$MenuDialogTrigger.getCollectionNode = function* getCollectionNode(props) {
+    let [trigger] = (0, $9SHwR$react).Children.toArray(props.children);
+    let [, content] = props.children;
+    yield {
+        element: /*#__PURE__*/ (0, $9SHwR$react).cloneElement(trigger, {
+            ...trigger.props,
+            hasChildItems: true
+        }),
+        wrapper: (element)=>/*#__PURE__*/ (0, $9SHwR$react).createElement($81987f5f2bef0e97$var$MenuDialogTrigger, {
+                key: element.key,
+                targetKey: element.key,
+                ...props
+            }, element, content)
+    };
+};
+let $81987f5f2bef0e97$export$5e604e335994e1d1 = $81987f5f2bef0e97$var$MenuDialogTrigger;
+
+
 
 
 
-export {$aa0b855f135b86e3$export$27d2ad3c5815583e as MenuTrigger, $49b26f4b606348f6$export$d9b273488cd8ce6f as Menu, $43fa9949e6af393d$export$ed57a210b9d13bb6 as ActionMenu, $5ae296f2d6923e14$re_export$Item as Item, $5ae296f2d6923e14$re_export$Section as Section};
+export {$aa0b855f135b86e3$export$27d2ad3c5815583e as MenuTrigger, $49b26f4b606348f6$export$d9b273488cd8ce6f as Menu, $43fa9949e6af393d$export$ed57a210b9d13bb6 as ActionMenu, $81987f5f2bef0e97$export$5e604e335994e1d1 as MenuDialogTrigger, $5ae296f2d6923e14$re_export$Item as Item, $5ae296f2d6923e14$re_export$Section as Section};
 //# sourceMappingURL=module.js.map