@depup/react-aria-components 1.16.0-depup.0

package/dist/Menu.mjs

@@ -0,0 +1,443 @@
+import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3, useSlot as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from "./utils.mjs";
+import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5, SectionContext as $7135fc7d473fd974$export$d40e14dec8b060a8, usePersistedKeys as $7135fc7d473fd974$export$90e00781bc59d8f9} from "./Collection.mjs";
+import {FieldInputContext as $4e85f108e88277b8$export$698f465ec27e93df, SelectableCollectionContext as $4e85f108e88277b8$export$b0d3ecf7112093a7} from "./RSPContexts.mjs";
+import {HeaderContext as $72a5793c14baf454$export$e0e4026c12a8bdbb} from "./Header.mjs";
+import {KeyboardContext as $63df2425e2108aa8$export$744d98a3b8a94e1c} from "./Keyboard.mjs";
+import {OverlayTriggerStateContext as $de32f1b87079253c$export$d2f961adcb0afbe} from "./Dialog.mjs";
+import {PopoverContext as $07b14b47974efb58$export$9b9a0cd73afb7ca4} from "./Popover.mjs";
+import {SelectionIndicatorContext as $1d5b8b8664671ef2$export$c9549807523555e0} from "./SelectionIndicator.mjs";
+import {SeparatorContext as $431f98aba6844401$export$6615d83f6de245ce} from "./Separator.mjs";
+import {SharedElementTransition as $c8a5a149f625efcf$export$758399f318e6385a} from "./SharedElementTransition.mjs";
+import {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from "./Text.mjs";
+import {useMenuTrigger as $kM2ZM$useMenuTrigger, useSubmenuTrigger as $kM2ZM$useSubmenuTrigger, useMenu as $kM2ZM$useMenu, FocusScope as $kM2ZM$FocusScope, mergeProps as $kM2ZM$mergeProps, useMenuSection as $kM2ZM$useMenuSection, useMenuItem as $kM2ZM$useMenuItem, useHover as $kM2ZM$useHover} from "react-aria";
+import {CollectionNode as $kM2ZM$CollectionNode, createBranchComponent as $kM2ZM$createBranchComponent, CollectionBuilder as $kM2ZM$CollectionBuilder, Collection as $kM2ZM$Collection, SectionNode as $kM2ZM$SectionNode, createLeafComponent as $kM2ZM$createLeafComponent, ItemNode as $kM2ZM$ItemNode} from "@react-aria/collections";
+import {useMenuTriggerState as $kM2ZM$useMenuTriggerState, useSubmenuTriggerState as $kM2ZM$useSubmenuTriggerState, useTreeState as $kM2ZM$useTreeState} from "react-stately";
+import {useResizeObserver as $kM2ZM$useResizeObserver, useObjectRef as $kM2ZM$useObjectRef, filterDOMProps as $kM2ZM$filterDOMProps} from "@react-aria/utils";
+import {SelectionManager as $kM2ZM$SelectionManager, useMultipleSelectionState as $kM2ZM$useMultipleSelectionState} from "@react-stately/selection";
+import {PressResponder as $kM2ZM$PressResponder} from "@react-aria/interactions";
+import $kM2ZM$react, {createContext as $kM2ZM$createContext, useRef as $kM2ZM$useRef, useState as $kM2ZM$useState, useCallback as $kM2ZM$useCallback, useContext as $kM2ZM$useContext, forwardRef as $kM2ZM$forwardRef, useMemo as $kM2ZM$useMemo} from "react";
+
+/*
+ * Copyright 2022 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $3674c52c6b3c5bce$export$c7e742effb1c51e2 = /*#__PURE__*/ (0, $kM2ZM$createContext)(null);
+const $3674c52c6b3c5bce$export$24aad8519b95b41b = /*#__PURE__*/ (0, $kM2ZM$createContext)(null);
+const $3674c52c6b3c5bce$export$795aec4671cbae19 = /*#__PURE__*/ (0, $kM2ZM$createContext)(null);
+const $3674c52c6b3c5bce$var$SelectionManagerContext = /*#__PURE__*/ (0, $kM2ZM$createContext)(null);
+function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
+    let state = (0, $kM2ZM$useMenuTriggerState)(props);
+    let ref = (0, $kM2ZM$useRef)(null);
+    let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $kM2ZM$useMenuTrigger)({
+        ...props,
+        type: 'menu'
+    }, state, ref);
+    // Allows menu width to match button
+    let [buttonWidth, setButtonWidth] = (0, $kM2ZM$useState)(null);
+    let onResize = (0, $kM2ZM$useCallback)(()=>{
+        if (ref.current) setButtonWidth(ref.current.offsetWidth + 'px');
+    }, [
+        ref
+    ]);
+    (0, $kM2ZM$useResizeObserver)({
+        ref: ref,
+        onResize: onResize
+    });
+    let scrollRef = (0, $kM2ZM$useRef)(null);
+    return /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $3674c52c6b3c5bce$export$c7e742effb1c51e2,
+                {
+                    ...menuProps,
+                    ref: scrollRef
+                }
+            ],
+            [
+                (0, $de32f1b87079253c$export$d2f961adcb0afbe),
+                state
+            ],
+            [
+                $3674c52c6b3c5bce$export$795aec4671cbae19,
+                state
+            ],
+            [
+                (0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
+                {
+                    trigger: 'MenuTrigger',
+                    triggerRef: ref,
+                    scrollRef: scrollRef,
+                    placement: 'bottom start',
+                    style: {
+                        '--trigger-width': buttonWidth
+                    },
+                    'aria-labelledby': menuProps['aria-labelledby']
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $kM2ZM$PressResponder), {
+        ...menuTriggerProps,
+        ref: ref,
+        isPressed: state.isOpen
+    }, props.children));
+}
+const $3674c52c6b3c5bce$var$SubmenuTriggerContext = /*#__PURE__*/ (0, $kM2ZM$createContext)(null);
+class $3674c52c6b3c5bce$var$SubmenuTriggerNode extends (0, $kM2ZM$CollectionNode) {
+    filter(collection, newCollection, filterFn) {
+        let triggerNode = collection.getItem(this.firstChildKey);
+        if (triggerNode && filterFn(triggerNode.textValue, this)) {
+            let clone = this.clone();
+            newCollection.addDescendants(clone, collection);
+            return clone;
+        }
+        return null;
+    }
+}
+$3674c52c6b3c5bce$var$SubmenuTriggerNode.type = 'submenutrigger';
+const $3674c52c6b3c5bce$export$ecabc99eeffab7ca = /*#__PURE__*/ (0, $kM2ZM$createBranchComponent)($3674c52c6b3c5bce$var$SubmenuTriggerNode, (props, ref, item)=>{
+    let { CollectionBranch: CollectionBranch } = (0, $kM2ZM$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let state = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$export$24aad8519b95b41b);
+    let rootMenuTriggerState = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$export$795aec4671cbae19);
+    let submenuTriggerState = (0, $kM2ZM$useSubmenuTriggerState)({
+        triggerKey: item.key
+    }, rootMenuTriggerState);
+    let submenuRef = (0, $kM2ZM$useRef)(null);
+    let itemRef = (0, $kM2ZM$useObjectRef)(ref);
+    let { parentMenuRef: parentMenuRef, shouldUseVirtualFocus: shouldUseVirtualFocus } = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$var$SubmenuTriggerContext);
+    let { submenuTriggerProps: submenuTriggerProps, submenuProps: submenuProps, popoverProps: popoverProps } = (0, $kM2ZM$useSubmenuTrigger)({
+        parentMenuRef: parentMenuRef,
+        submenuRef: submenuRef,
+        delay: props.delay,
+        shouldUseVirtualFocus: shouldUseVirtualFocus
+    }, submenuTriggerState, itemRef);
+    return /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $3674c52c6b3c5bce$var$MenuItemContext,
+                {
+                    ...submenuTriggerProps,
+                    onAction: undefined,
+                    ref: itemRef
+                }
+            ],
+            [
+                $3674c52c6b3c5bce$export$c7e742effb1c51e2,
+                {
+                    ref: submenuRef,
+                    ...submenuProps
+                }
+            ],
+            [
+                (0, $de32f1b87079253c$export$d2f961adcb0afbe),
+                submenuTriggerState
+            ],
+            [
+                (0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
+                {
+                    trigger: 'SubmenuTrigger',
+                    triggerRef: itemRef,
+                    placement: 'end top',
+                    'aria-labelledby': submenuProps['aria-labelledby'],
+                    ...popoverProps
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $kM2ZM$react).createElement(CollectionBranch, {
+        collection: state.collection,
+        parent: item
+    }), props.children[1]);
+}, (props)=>props.children[0]);
+const $3674c52c6b3c5bce$export$d9b273488cd8ce6f = /*#__PURE__*/ (0, $kM2ZM$forwardRef)(function Menu(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $3674c52c6b3c5bce$export$c7e742effb1c51e2);
+    // Delay rendering the actual menu until we have the collection so that auto focus works properly.
+    return /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $kM2ZM$CollectionBuilder), {
+        content: /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $kM2ZM$Collection), props)
+    }, (collection)=>/*#__PURE__*/ (0, $kM2ZM$react).createElement($3674c52c6b3c5bce$var$MenuInner, {
+            props: props,
+            collection: collection,
+            menuRef: ref
+        }));
+});
+function $3674c52c6b3c5bce$var$MenuInner({ props: props, collection: collection, menuRef: ref }) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, (0, $4e85f108e88277b8$export$b0d3ecf7112093a7));
+    let { filter: filter, ...autocompleteMenuProps } = props;
+    let filteredCollection = (0, $kM2ZM$useMemo)(()=>filter ? collection.filter(filter) : collection, [
+        collection,
+        filter
+    ]);
+    let state = (0, $kM2ZM$useTreeState)({
+        ...props,
+        collection: filteredCollection,
+        children: undefined
+    });
+    let triggerState = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$export$795aec4671cbae19);
+    let { isVirtualized: isVirtualized, CollectionRoot: CollectionRoot } = (0, $kM2ZM$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let { menuProps: menuProps } = (0, $kM2ZM$useMenu)({
+        ...props,
+        isVirtualized: isVirtualized,
+        onClose: props.onClose || (triggerState === null || triggerState === void 0 ? void 0 : triggerState.close)
+    }, state, ref);
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        children: undefined,
+        defaultClassName: 'react-aria-Menu',
+        values: {
+            isEmpty: state.collection.size === 0
+        }
+    });
+    let emptyState = null;
+    if (state.collection.size === 0 && props.renderEmptyState) emptyState = /*#__PURE__*/ (0, $kM2ZM$react).createElement("div", {
+        role: "menuitem",
+        style: {
+            display: 'contents'
+        }
+    }, props.renderEmptyState());
+    let DOMProps = (0, $kM2ZM$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $kM2ZM$FocusScope), null, /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...(0, $kM2ZM$mergeProps)(DOMProps, renderProps, menuProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-empty": state.collection.size === 0 || undefined,
+        onScroll: props.onScroll
+    }, /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $3674c52c6b3c5bce$export$24aad8519b95b41b,
+                state
+            ],
+            [
+                (0, $431f98aba6844401$export$6615d83f6de245ce),
+                {
+                    elementType: 'div'
+                }
+            ],
+            [
+                (0, $7135fc7d473fd974$export$d40e14dec8b060a8),
+                {
+                    name: 'MenuSection',
+                    render: $3674c52c6b3c5bce$var$MenuSectionInner
+                }
+            ],
+            [
+                $3674c52c6b3c5bce$var$SubmenuTriggerContext,
+                {
+                    parentMenuRef: ref,
+                    shouldUseVirtualFocus: autocompleteMenuProps === null || autocompleteMenuProps === void 0 ? void 0 : autocompleteMenuProps.shouldUseVirtualFocus
+                }
+            ],
+            [
+                $3674c52c6b3c5bce$var$MenuItemContext,
+                {
+                    shouldCloseOnSelect: props.shouldCloseOnSelect
+                }
+            ],
+            [
+                (0, $4e85f108e88277b8$export$b0d3ecf7112093a7),
+                null
+            ],
+            [
+                (0, $4e85f108e88277b8$export$698f465ec27e93df),
+                null
+            ],
+            [
+                $3674c52c6b3c5bce$var$SelectionManagerContext,
+                state.selectionManager
+            ],
+            /* Ensure root MenuTriggerState is defined, in case Menu is rendered outside a MenuTrigger. */ /* We assume the context can never change between defined and undefined. */ /* eslint-disable-next-line react-hooks/rules-of-hooks */ [
+                $3674c52c6b3c5bce$export$795aec4671cbae19,
+                triggerState !== null && triggerState !== void 0 ? triggerState : (0, $kM2ZM$useMenuTriggerState)({})
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $c8a5a149f625efcf$export$758399f318e6385a), null, /*#__PURE__*/ (0, $kM2ZM$react).createElement(CollectionRoot, {
+        collection: state.collection,
+        persistedKeys: (0, $7135fc7d473fd974$export$90e00781bc59d8f9)(state.selectionManager.focusedKey),
+        scrollRef: ref
+    }))), emptyState));
+}
+// A subclass of SelectionManager that forwards focus-related properties to the parent,
+// but has its own local selection state.
+class $3674c52c6b3c5bce$var$GroupSelectionManager extends (0, $kM2ZM$SelectionManager) {
+    get focusedKey() {
+        return this.parent.focusedKey;
+    }
+    get isFocused() {
+        return this.parent.isFocused;
+    }
+    setFocusedKey(key, childFocusStrategy) {
+        return this.parent.setFocusedKey(key, childFocusStrategy);
+    }
+    setFocused(isFocused) {
+        this.parent.setFocused(isFocused);
+    }
+    get childFocusStrategy() {
+        return this.parent.childFocusStrategy;
+    }
+    constructor(parent, state){
+        super(parent.collection, state);
+        this.parent = parent;
+    }
+}
+function $3674c52c6b3c5bce$var$MenuSectionInner(props, ref, section, className = 'react-aria-MenuSection') {
+    var _section_props, _section_props1, _useSlottedContext;
+    let state = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$export$24aad8519b95b41b);
+    let { CollectionBranch: CollectionBranch } = (0, $kM2ZM$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let [headingRef, heading] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
+    var _section_props_arialabel;
+    let { headingProps: headingProps, groupProps: groupProps } = (0, $kM2ZM$useMenuSection)({
+        heading: heading,
+        'aria-label': (_section_props_arialabel = section.props['aria-label']) !== null && _section_props_arialabel !== void 0 ? _section_props_arialabel : undefined
+    });
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: undefined,
+        defaultClassName: className,
+        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: undefined
+    });
+    let parent = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$var$SelectionManagerContext);
+    let selectionState = (0, $kM2ZM$useMultipleSelectionState)(props);
+    let manager = props.selectionMode != null ? new $3674c52c6b3c5bce$var$GroupSelectionManager(parent, selectionState) : parent;
+    let closeOnSelect = (_useSlottedContext = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)($3674c52c6b3c5bce$var$MenuItemContext)) === null || _useSlottedContext === void 0 ? void 0 : _useSlottedContext.shouldCloseOnSelect;
+    let DOMProps = (0, $kM2ZM$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    var _props_shouldCloseOnSelect;
+    return /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).section, {
+        ...(0, $kM2ZM$mergeProps)(DOMProps, renderProps, groupProps),
+        ref: ref
+    }, /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $72a5793c14baf454$export$e0e4026c12a8bdbb),
+                {
+                    ...headingProps,
+                    ref: headingRef
+                }
+            ],
+            [
+                $3674c52c6b3c5bce$var$SelectionManagerContext,
+                manager
+            ],
+            [
+                $3674c52c6b3c5bce$var$MenuItemContext,
+                {
+                    shouldCloseOnSelect: (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : closeOnSelect
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $kM2ZM$react).createElement(CollectionBranch, {
+        collection: state.collection,
+        parent: section
+    })));
+}
+const $3674c52c6b3c5bce$export$4b1545b4f2016d26 = /*#__PURE__*/ (0, $kM2ZM$createBranchComponent)((0, $kM2ZM$SectionNode), $3674c52c6b3c5bce$var$MenuSectionInner);
+const $3674c52c6b3c5bce$var$MenuItemContext = /*#__PURE__*/ (0, $kM2ZM$createContext)(null);
+const $3674c52c6b3c5bce$export$2ce376c2cc3355c8 = /*#__PURE__*/ (0, $kM2ZM$createLeafComponent)((0, $kM2ZM$ItemNode), function MenuItem(props, forwardedRef, item) {
+    var _useSlottedContext;
+    [props, forwardedRef] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, forwardedRef, $3674c52c6b3c5bce$var$MenuItemContext);
+    let id = (_useSlottedContext = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)($3674c52c6b3c5bce$var$MenuItemContext)) === null || _useSlottedContext === void 0 ? void 0 : _useSlottedContext.id;
+    let state = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$export$24aad8519b95b41b);
+    let ref = (0, $kM2ZM$useObjectRef)(forwardedRef);
+    let selectionManager = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$var$SelectionManagerContext);
+    let { isVirtualized: isVirtualized } = (0, $kM2ZM$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let { menuItemProps: menuItemProps, labelProps: labelProps, descriptionProps: descriptionProps, keyboardShortcutProps: keyboardShortcutProps, ...states } = (0, $kM2ZM$useMenuItem)({
+        ...props,
+        id: id,
+        key: item.key,
+        selectionManager: selectionManager,
+        isVirtualized: isVirtualized
+    }, state, ref);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $kM2ZM$useHover)({
+        isDisabled: states.isDisabled
+    });
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: item.rendered,
+        defaultClassName: 'react-aria-MenuItem',
+        values: {
+            ...states,
+            isHovered: isHovered,
+            isFocusVisible: states.isFocusVisible,
+            selectionMode: selectionManager.selectionMode,
+            selectionBehavior: selectionManager.selectionBehavior,
+            hasSubmenu: !!props['aria-haspopup'],
+            isOpen: props['aria-expanded'] === 'true'
+        }
+    });
+    let ElementType = props.href ? (0, $64fa3d84918910a7$export$df3a06d6289f983e).a : (0, $64fa3d84918910a7$export$df3a06d6289f983e).div;
+    let DOMProps = (0, $kM2ZM$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, $kM2ZM$react).createElement(ElementType, {
+        ...(0, $kM2ZM$mergeProps)(DOMProps, renderProps, menuItemProps, hoverProps),
+        ref: ref,
+        "data-disabled": states.isDisabled || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focused": states.isFocused || undefined,
+        "data-focus-visible": states.isFocusVisible || undefined,
+        "data-pressed": states.isPressed || undefined,
+        "data-selected": states.isSelected || undefined,
+        "data-selection-mode": selectionManager.selectionMode === 'none' ? undefined : selectionManager.selectionMode,
+        "data-has-submenu": !!props['aria-haspopup'] || undefined,
+        "data-open": props['aria-expanded'] === 'true' || undefined
+    }, /*#__PURE__*/ (0, $kM2ZM$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: labelProps,
+                        label: labelProps,
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                (0, $63df2425e2108aa8$export$744d98a3b8a94e1c),
+                keyboardShortcutProps
+            ],
+            [
+                (0, $1d5b8b8664671ef2$export$c9549807523555e0),
+                {
+                    isSelected: states.isSelected
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+
+
+export {$3674c52c6b3c5bce$export$c7e742effb1c51e2 as MenuContext, $3674c52c6b3c5bce$export$24aad8519b95b41b as MenuStateContext, $3674c52c6b3c5bce$export$795aec4671cbae19 as RootMenuTriggerStateContext, $3674c52c6b3c5bce$export$27d2ad3c5815583e as MenuTrigger, $3674c52c6b3c5bce$export$ecabc99eeffab7ca as SubmenuTrigger, $3674c52c6b3c5bce$export$d9b273488cd8ce6f as Menu, $3674c52c6b3c5bce$export$4b1545b4f2016d26 as MenuSection, $3674c52c6b3c5bce$export$2ce376c2cc3355c8 as MenuItem};
+//# sourceMappingURL=Menu.module.js.map