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

package/dist/main.js

@@ -6,16 +6,18 @@ var $3ThwF$reactariainteractions = require("@react-aria/interactions");
 var $3ThwF$react = require("react");
 var $3ThwF$reactariamenu = require("@react-aria/menu");
 var $3ThwF$reactstatelymenu = require("@react-stately/menu");
+var $3ThwF$reactariafocus = require("@react-aria/focus");
 var $3ThwF$reactariautils = require("@react-aria/utils");
 var $3ThwF$reactstatelytree = require("@react-stately/tree");
 var $3ThwF$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
-var $3ThwF$reactariafocus = require("@react-aria/focus");
 var $3ThwF$reactspectrumlayout = require("@react-spectrum/layout");
+var $3ThwF$spectrumiconsworkflowInfoOutline = require("@spectrum-icons/workflow/InfoOutline");
 var $3ThwF$reactspectrumtext = require("@react-spectrum/text");
+var $3ThwF$reactariai18n = require("@react-aria/i18n");
 var $3ThwF$reactariaseparator = require("@react-aria/separator");
 var $3ThwF$reactspectrumbutton = require("@react-spectrum/button");
 var $3ThwF$spectrumiconsworkflowMore = require("@spectrum-icons/workflow/More");
-var $3ThwF$reactariai18n = require("@react-aria/i18n");
+var $3ThwF$reactstatelyoverlays = require("@react-stately/overlays");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -27,6 +29,7 @@ function $parcel$interopDefault(a) {
 $parcel$export(module.exports, "MenuTrigger", () => $e56311f7204399c7$export$27d2ad3c5815583e);
 $parcel$export(module.exports, "Menu", () => $63a7dff9cbe2d046$export$d9b273488cd8ce6f);
 $parcel$export(module.exports, "ActionMenu", () => $53a2f2636c97a561$export$ed57a210b9d13bb6);
+$parcel$export(module.exports, "MenuDialogTrigger", () => $febd30f9f4b51dd6$export$5e604e335994e1d1);
 $parcel$export(module.exports, "Item", () => $3ThwF$reactstatelycollections.Item);
 $parcel$export(module.exports, "Section", () => $3ThwF$reactstatelycollections.Section);
 /*
@@ -66,6 +69,14 @@ const $cac834c4bc0a51d3$export$c7e742effb1c51e2 = (0, ($parcel$interopDefault($3
 function $cac834c4bc0a51d3$export$21c7ab35b39f78ec() {
     return (0, $3ThwF$react.useContext)($cac834c4bc0a51d3$export$c7e742effb1c51e2);
 }
+const $cac834c4bc0a51d3$export$e239f1ef5b7afe1a = (0, ($parcel$interopDefault($3ThwF$react))).createContext(undefined);
+function $cac834c4bc0a51d3$export$4bbcd0ebecc48abd() {
+    return (0, $3ThwF$react.useContext)($cac834c4bc0a51d3$export$e239f1ef5b7afe1a);
+}
+const $cac834c4bc0a51d3$export$24aad8519b95b41b = (0, ($parcel$interopDefault($3ThwF$react))).createContext({});
+function $cac834c4bc0a51d3$export$efa3856fc0e85e7f() {
+    return (0, $3ThwF$react.useContext)($cac834c4bc0a51d3$export$24aad8519b95b41b);
+}
 
 
 
@@ -176,6 +187,7 @@ function $e56311f7204399c7$var$MenuTrigger(props, ref) {
     let isMobile = (0, $3ThwF$reactspectrumutils.useIsMobileDevice)();
     let menuContext = {
         ...menuProps,
+        state: state,
         ref: menuRef,
         onClose: state.close,
         closeOnSelect: closeOnSelect,
@@ -233,90 +245,6 @@ function $e56311f7204399c7$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 $1d718563708db5b5$export$2ce376c2cc3355c8(props) {
-    let { item: item , state: state , isVirtualized: isVirtualized , onAction: onAction  } = props;
-    let { onClose: onClose , closeOnSelect: closeOnSelect  } = (0, $cac834c4bc0a51d3$export$21c7ab35b39f78ec)();
-    let { rendered: rendered , key: key  } = item;
-    let isSelected = state.selectionManager.isSelected(key);
-    let isDisabled = state.disabledKeys.has(key);
-    let ref = (0, $3ThwF$react.useRef)();
-    let { menuItemProps: menuItemProps , labelProps: labelProps , descriptionProps: descriptionProps , keyboardShortcutProps: keyboardShortcutProps  } = (0, $3ThwF$reactariamenu.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, $3ThwF$reactariainteractions.useHover)({
-        isDisabled: isDisabled
-    });
-    let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumtext.Text), null, rendered) : rendered;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactariafocus.FocusRing), {
-        focusRingClass: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "focus-ring")
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("li", {
-        ...(0, $3ThwF$reactariautils.mergeProps)(menuItemProps, hoverProps),
-        ref: ref,
-        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-item", {
-            "is-disabled": isDisabled,
-            "is-selected": isSelected,
-            "is-selectable": state.selectionManager.selectionMode !== "none",
-            "is-hovered": isHovered
-        })
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumlayout.Grid), {
-        UNSAFE_className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-itemGrid")
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumutils.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumutils.SlotProvider), {
-        slots: {
-            text: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-itemLabel"],
-                ...labelProps
-            },
-            end: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-end"],
-                ...descriptionProps
-            },
-            icon: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-icon"],
-                size: "S"
-            },
-            description: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-description"],
-                ...descriptionProps
-            },
-            keyboard: {
-                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-keyboard"],
-                ...keyboardShortcutProps
-            }
-        }
-    }, contents, isSelected && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, ($parcel$interopDefault($3ThwF$spectrumiconsuiCheckmarkMedium))), {
-        slot: "checkmark",
-        UNSAFE_className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-checkmark")
-    }))))));
-}
-
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -333,103 +261,11 @@ function $1d718563708db5b5$export$2ce376c2cc3355c8(props) {
 
 
 
-
-
-function $5793ff412227d2fc$export$4b1545b4f2016d26(props) {
-    let { item: item , state: state , onAction: onAction  } = props;
-    let { itemProps: itemProps , headingProps: headingProps , groupProps: groupProps  } = (0, $3ThwF$reactariamenu.useMenuSection)({
-        heading: item.rendered,
-        "aria-label": item["aria-label"]
-    });
-    let { separatorProps: separatorProps  } = (0, $3ThwF$reactariaseparator.useSeparator)({
-        elementType: "li"
-    });
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$react.Fragment), null, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("li", {
-        ...separatorProps,
-        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-divider")
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("li", itemProps, item.rendered && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("span", {
-        ...headingProps,
-        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-sectionHeading")
-    }, item.rendered), /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("ul", {
-        ...groupProps,
-        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu")
-    }, [
-        ...(0, $3ThwF$reactstatelycollections.getChildNodes)(item, state.collection)
-    ].map((node)=>{
-        let item = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $1d718563708db5b5$export$2ce376c2cc3355c8), {
-            key: node.key,
-            item: node,
-            state: state,
-            onAction: onAction
-        });
-        if (node.wrapper) item = node.wrapper(item);
-        return item;
-    }))));
-}
-
-
-
-
-
-
-
-function $63a7dff9cbe2d046$var$Menu(props, ref) {
-    let contextProps = (0, $3ThwF$react.useContext)((0, $cac834c4bc0a51d3$export$c7e742effb1c51e2));
-    let completeProps = {
-        ...(0, $3ThwF$reactariautils.mergeProps)(contextProps, props)
-    };
-    let domRef = (0, $3ThwF$reactspectrumutils.useDOMRef)(ref);
-    let state = (0, $3ThwF$reactstatelytree.useTreeState)(completeProps);
-    let { menuProps: menuProps  } = (0, $3ThwF$reactariamenu.useMenu)(completeProps, state, domRef);
-    let { styleProps: styleProps  } = (0, $3ThwF$reactspectrumutils.useStyleProps)(completeProps);
-    (0, $3ThwF$reactariautils.useSyncRef)(contextProps, domRef);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("ul", {
-        ...menuProps,
-        ...styleProps,
-        ref: domRef,
-        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu", styleProps.className)
-    }, [
-        ...state.collection
-    ].map((item)=>{
-        if (item.type === "section") return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $5793ff412227d2fc$export$4b1545b4f2016d26), {
-            key: item.key,
-            item: item,
-            state: state,
-            onAction: completeProps.onAction
-        });
-        let menuItem = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $1d718563708db5b5$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 $63a7dff9cbe2d046$export$d9b273488cd8ce6f = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).forwardRef($63a7dff9cbe2d046$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 $cfd196bf3743d29c$exports = {};
 var $517603d8c7b8e5e5$exports = {};
 $517603d8c7b8e5e5$exports = {
-    "moreActions": `المزيد من الإجراءات`
+    "moreActions": `المزيد من الإجراءات`,
+    "unavailable": `Unavailable`
 };
 
 
@@ -465,7 +301,8 @@ $a79ffc3f42b40ea0$exports = {
 
 var $2b0d2ea968c3f427$exports = {};
 $2b0d2ea968c3f427$exports = {
-    "moreActions": `More actions`
+    "moreActions": `More actions`,
+    "unavailable": `Unavailable`
 };
 
 
@@ -675,6 +512,208 @@ $cfd196bf3743d29c$exports = {
 
 
 
+
+function $1d718563708db5b5$export$2ce376c2cc3355c8(props) {
+    let { item: item , state: state , isVirtualized: isVirtualized , onAction: onAction  } = props;
+    let stringFormatter = (0, $3ThwF$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cfd196bf3743d29c$exports))));
+    let menuDialogContext = (0, $cac834c4bc0a51d3$export$4bbcd0ebecc48abd)();
+    let { triggerRef: triggerRef  } = menuDialogContext || {};
+    let isMenuDialogTrigger = !!menuDialogContext;
+    let isUnavailable = false;
+    if (isMenuDialogTrigger) isUnavailable = menuDialogContext.isUnavailable;
+    let { onClose: onClose , closeOnSelect: closeOnSelect  } = (0, $cac834c4bc0a51d3$export$21c7ab35b39f78ec)();
+    let { rendered: rendered , key: key  } = item;
+    let isSelected = state.selectionManager.isSelected(key);
+    let isDisabled = state.disabledKeys.has(key);
+    let ref = (0, $3ThwF$react.useRef)(null);
+    if (triggerRef) ref = triggerRef;
+    let { menuItemProps: menuItemProps , labelProps: labelProps , descriptionProps: descriptionProps , keyboardShortcutProps: keyboardShortcutProps  } = (0, $3ThwF$reactariamenu.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, $3ThwF$reactariautils.useSlotId)();
+    let endProps = {};
+    if (endId) {
+        endProps.id = endId;
+        menuItemProps["aria-describedby"] = menuItemProps["aria-describedby"] + " " + endId;
+    }
+    let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumtext.Text), null, rendered) : rendered;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactariafocus.FocusRing), {
+        focusRingClass: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("li", {
+        ...(0, $3ThwF$reactariautils.mergeProps)(menuItemProps),
+        ref: ref,
+        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-item", {
+            "is-disabled": isDisabled,
+            "is-selected": isSelected,
+            "is-selectable": state.selectionManager.selectionMode !== "none",
+            "is-open": state.expandedKeys.has(key)
+        })
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumlayout.Grid), {
+        UNSAFE_className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-itemGrid")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumutils.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumutils.SlotProvider), {
+        slots: {
+            text: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-itemLabel"],
+                ...labelProps
+            },
+            end: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-end"],
+                ...endProps
+            },
+            icon: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-icon"],
+                size: "S"
+            },
+            description: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-description"],
+                ...descriptionProps
+            },
+            keyboard: {
+                UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-keyboard"],
+                ...keyboardShortcutProps
+            }
+        }
+    }, contents, isSelected && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, ($parcel$interopDefault($3ThwF$spectrumiconsuiCheckmarkMedium))), {
+        slot: "checkmark",
+        UNSAFE_className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-checkmark")
+    }), isUnavailable && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, ($parcel$interopDefault($3ThwF$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 $5793ff412227d2fc$export$4b1545b4f2016d26(props) {
+    let { item: item , state: state , onAction: onAction  } = props;
+    let { itemProps: itemProps , headingProps: headingProps , groupProps: groupProps  } = (0, $3ThwF$reactariamenu.useMenuSection)({
+        heading: item.rendered,
+        "aria-label": item["aria-label"]
+    });
+    let { separatorProps: separatorProps  } = (0, $3ThwF$reactariaseparator.useSeparator)({
+        elementType: "li"
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$react.Fragment), null, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("li", {
+        ...separatorProps,
+        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-divider")
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("li", itemProps, item.rendered && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("span", {
+        ...headingProps,
+        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-sectionHeading")
+    }, item.rendered), /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("ul", {
+        ...groupProps,
+        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu")
+    }, [
+        ...(0, $3ThwF$reactstatelycollections.getChildNodes)(item, state.collection)
+    ].map((node)=>{
+        let item = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $1d718563708db5b5$export$2ce376c2cc3355c8), {
+            key: node.key,
+            item: node,
+            state: state,
+            onAction: onAction
+        });
+        if (node.wrapper) item = node.wrapper(item);
+        return item;
+    }))));
+}
+
+
+
+
+
+
+
+function $63a7dff9cbe2d046$var$Menu(props, ref) {
+    let contextProps = (0, $3ThwF$react.useContext)((0, $cac834c4bc0a51d3$export$c7e742effb1c51e2));
+    let completeProps = {
+        ...(0, $3ThwF$reactariautils.mergeProps)(contextProps, props)
+    };
+    let domRef = (0, $3ThwF$reactspectrumutils.useDOMRef)(ref);
+    let state = (0, $3ThwF$reactstatelytree.useTreeState)(completeProps);
+    let { menuProps: menuProps  } = (0, $3ThwF$reactariamenu.useMenu)(completeProps, state, domRef);
+    let { styleProps: styleProps  } = (0, $3ThwF$reactspectrumutils.useStyleProps)(completeProps);
+    (0, $3ThwF$reactariautils.useSyncRef)(contextProps, domRef);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $cac834c4bc0a51d3$export$24aad8519b95b41b).Provider, {
+        value: {
+            state: state
+        }
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactariafocus.FocusScope), {
+        contain: state.expandedKeys.size > 0
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("ul", {
+        ...menuProps,
+        ...styleProps,
+        ref: domRef,
+        className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu", styleProps.className)
+    }, [
+        ...state.collection
+    ].map((item)=>{
+        if (item.type === "section") return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $5793ff412227d2fc$export$4b1545b4f2016d26), {
+            key: item.key,
+            item: item,
+            state: state,
+            onAction: completeProps.onAction
+        });
+        let menuItem = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $1d718563708db5b5$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 $63a7dff9cbe2d046$export$d9b273488cd8ce6f = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).forwardRef($63a7dff9cbe2d046$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 $53a2f2636c97a561$var$ActionMenu(props, ref) {
     props = (0, $3ThwF$reactspectrumutils.useSlotProps)(props, "actionMenu");
     let stringFormatter = (0, $3ThwF$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cfd196bf3743d29c$exports))));
@@ -705,6 +744,102 @@ function $53a2f2636c97a561$var$ActionMenu(props, ref) {
  */ const $53a2f2636c97a561$export$ed57a210b9d13bb6 = /*#__PURE__*/ (0, $3ThwF$react.forwardRef)($53a2f2636c97a561$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 $a10e565ec42bcf96$exports = {};
+
+$parcel$export($a10e565ec42bcf96$exports, "react-spectrum-ContextualHelp-button", () => $a10e565ec42bcf96$export$20d9583c9f1529c1, (v) => $a10e565ec42bcf96$export$20d9583c9f1529c1 = v);
+$parcel$export($a10e565ec42bcf96$exports, "react-spectrum-ContextualHelp-dialog", () => $a10e565ec42bcf96$export$ab2d873674d20d28, (v) => $a10e565ec42bcf96$export$ab2d873674d20d28 = v);
+$parcel$export($a10e565ec42bcf96$exports, "react-spectrum-ContextualHelp-content", () => $a10e565ec42bcf96$export$a1f805890cf58c4, (v) => $a10e565ec42bcf96$export$a1f805890cf58c4 = v);
+$parcel$export($a10e565ec42bcf96$exports, "react-spectrum-ContextualHelp-footer", () => $a10e565ec42bcf96$export$d901bc3fa82b87a6, (v) => $a10e565ec42bcf96$export$d901bc3fa82b87a6 = v);
+var $a10e565ec42bcf96$export$20d9583c9f1529c1;
+var $a10e565ec42bcf96$export$ab2d873674d20d28;
+var $a10e565ec42bcf96$export$a1f805890cf58c4;
+var $a10e565ec42bcf96$export$d901bc3fa82b87a6;
+$a10e565ec42bcf96$export$20d9583c9f1529c1 = "react-spectrum-ContextualHelp-button_0cd31c";
+$a10e565ec42bcf96$export$ab2d873674d20d28 = "react-spectrum-ContextualHelp-dialog_0cd31c";
+$a10e565ec42bcf96$export$a1f805890cf58c4 = "react-spectrum-ContextualHelp-content_0cd31c";
+$a10e565ec42bcf96$export$d901bc3fa82b87a6 = "react-spectrum-ContextualHelp-footer_0cd31c";
+
+
+
+
+
+
+function $febd30f9f4b51dd6$var$MenuDialogTrigger(props) {
+    let { isUnavailable: isUnavailable  } = props;
+    let { state: menuState  } = (0, $cac834c4bc0a51d3$export$efa3856fc0e85e7f)();
+    let state = (0, $3ThwF$reactstatelyoverlays.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, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($a10e565ec42bcf96$exports))), "react-spectrum-ContextualHelp-dialog")
+        },
+        content: {
+            UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($a10e565ec42bcf96$exports)))["react-spectrum-ContextualHelp-content"]
+        },
+        footer: {
+            UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($a10e565ec42bcf96$exports)))["react-spectrum-ContextualHelp-footer"]
+        }
+    };
+    let [trigger] = (0, ($parcel$interopDefault($3ThwF$react))).Children.toArray(props.children);
+    let [, content] = props.children;
+    let isMobile = (0, $3ThwF$reactspectrumutils.useIsMobileDevice)();
+    let triggerRef = (0, $3ThwF$react.useRef)(null);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, ($parcel$interopDefault($3ThwF$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $cac834c4bc0a51d3$export$e239f1ef5b7afe1a).Provider, {
+        value: {
+            isUnavailable: isUnavailable,
+            triggerRef: triggerRef
+        }
+    }, trigger), /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumutils.SlotProvider), {
+        slots: slots
+    }, isMobile ? /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumoverlays.Modal), {
+        state: state,
+        isDismissable: true
+    }, content) : /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumoverlays.Popover), {
+        state: state,
+        triggerRef: triggerRef,
+        placement: "end top",
+        hideArrow: true,
+        offset: -10,
+        isNonModal: true,
+        shouldContainFocus: false
+    }, content)));
+}
+$febd30f9f4b51dd6$var$MenuDialogTrigger.getCollectionNode = function* getCollectionNode(props) {
+    let [trigger] = (0, ($parcel$interopDefault($3ThwF$react))).Children.toArray(props.children);
+    let [, content] = props.children;
+    yield {
+        element: /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).cloneElement(trigger, {
+            ...trigger.props,
+            hasChildItems: true
+        }),
+        wrapper: (element)=>/*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement($febd30f9f4b51dd6$var$MenuDialogTrigger, {
+                key: element.key,
+                targetKey: element.key,
+                ...props
+            }, element, content)
+    };
+};
+let $febd30f9f4b51dd6$export$5e604e335994e1d1 = $febd30f9f4b51dd6$var$MenuDialogTrigger;
+
+