@fluentui/react-menu 9.4.1 → 9.5.0

package/lib-amd/components/MenuSplitGroup/useMenuSplitGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuSplitGroupStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuSplitGroup/useMenuSplitGroupStyles.ts"],"names":[],"mappings":";;;;;IAMa,QAAA,wBAAwB,GAAwC;QAC3E,IAAI,EAAE,oBAAoB;KAC3B,CAAC;IACF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI;gBACF,OAAO,EAAE,MAAM;;YACf,GAAC,UAAQ,sCAAkB,CAAC,IAAI,kBAAe,IAAG;gBAChD,KAAK,EAAE,MAAM;aACd;YACD,GAAC,UAAQ,sCAAkB,CAAC,IAAI,kBAAe,IAAG;gBAChD,mBAAmB,EAAE,CAAC;gBACtB,sBAAsB,EAAE,CAAC;gBACzB,WAAW,EAAE,CAAC;gBACd,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE;oBACV,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,oBAAM,CAAC,eAAe;oBAC7B,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,oBAAM,CAAC,mBAAmB;iBAC5C;aACF;eACF;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,gCAAgC,GAAG,UAAC,KAA0B;QACzE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,gCAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtG,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAJW,QAAA,gCAAgC,oCAI3C","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { menuItemClassNames } from '../MenuItem/useMenuItemStyles';\nimport type { MenuSplitGroupSlots, MenuSplitGroupState } from './MenuSplitGroup.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const menuSplitGroupClassNames: SlotClassNames<MenuSplitGroupSlots> = {\n  root: 'fui-MenuSplitGroup',\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    [`& > .${menuItemClassNames.root}:nth-child(1)`]: {\n      width: '100%',\n    },\n    [`& > .${menuItemClassNames.root}:nth-child(2)`]: {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      paddingLeft: 0,\n      marginLeft: 'auto',\n      '::before': {\n        content: '\"\"',\n        width: tokens.strokeWidthThin,\n        height: '24px',\n        backgroundColor: tokens.colorNeutralStroke1,\n      },\n    },\n  },\n});\n\n/**\n * Apply styling to the MenuSplitGroup slots based on the state\n */\nexport const useMenuSplitGroupStyles_unstable = (state: MenuSplitGroupState): MenuSplitGroupState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuSplitGroupClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"]}

package/lib-amd/components/MenuTrigger/MenuTrigger.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "./useMenuTrigger", "./renderMenuTrigger"], function (require, exports, useMenuTrigger_1, renderMenuTrigger_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MenuTrigger = void 0;
+    /**
+     * Wraps a trigger element as an only child
+     * and adds the necessary event handling to open a popup menu
+     */
+    var MenuTrigger = function (props) {
+        var state = useMenuTrigger_1.useMenuTrigger_unstable(props);
+        return renderMenuTrigger_1.renderMenuTrigger_unstable(state);
+    };
+    exports.MenuTrigger = MenuTrigger;
+    exports.MenuTrigger.displayName = 'MenuTrigger';
+    // type casting here is required to ensure internal type FluentTriggerComponent is not leaked
+    exports.MenuTrigger.isFluentTriggerComponent = true;
+});
+//# sourceMappingURL=MenuTrigger.js.map

package/lib-amd/components/MenuTrigger/MenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTrigger.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":";;;;IAMA;;;OAGG;IACI,IAAM,WAAW,GAA+B,UAAA,KAAK;QAC1D,IAAM,KAAK,GAAG,wCAAuB,CAAC,KAAK,CAAC,CAAC;QAE7C,OAAO,8CAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC;IAJW,QAAA,WAAW,eAItB;IAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC;IACxC,6FAA6F;IAC5F,mBAAsC,CAAC,wBAAwB,GAAG,IAAI,CAAC","sourcesContent":["import * as React from 'react';\nimport { useMenuTrigger_unstable } from './useMenuTrigger';\nimport { renderMenuTrigger_unstable } from './renderMenuTrigger';\nimport type { MenuTriggerProps } from './MenuTrigger.types';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\n\n/**\n * Wraps a trigger element as an only child\n * and adds the necessary event handling to open a popup menu\n */\nexport const MenuTrigger: React.FC<MenuTriggerProps> = props => {\n  const state = useMenuTrigger_unstable(props);\n\n  return renderMenuTrigger_unstable(state);\n};\n\nMenuTrigger.displayName = 'MenuTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(MenuTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"]}

package/lib-amd/components/MenuTrigger/MenuTrigger.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=MenuTrigger.types.js.map

package/lib-amd/components/MenuTrigger/MenuTrigger.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTrigger.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ARIAButtonResultProps, ARIAButtonType } from '@fluentui/react-aria';\nimport type { TriggerProps } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type MenuTriggerProps = TriggerProps<MenuTriggerChildProps> & {\n  /**\n   * Disables internal trigger mechanism that ensures a child provided will be a compliant ARIA button.\n   * @default false\n   */\n  disableButtonEnhancement?: boolean;\n};\n\n/**\n * Props that are passed to the child of the MenuTrigger when cloned to ensure correct behaviour for the Menu\n */\nexport type MenuTriggerChildProps<Type extends ARIAButtonType = ARIAButtonType, Props = {}> = ARIAButtonResultProps<\n  Type,\n  Props & {\n    'aria-haspopup'?: 'menu';\n    'aria-expanded'?: boolean;\n    id: string;\n    ref: React.Ref<never>;\n    onMouseEnter: React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;\n    onMouseLeave: React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;\n    onMouseMove: React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;\n    onContextMenu: React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;\n  }\n>;\n\nexport type MenuTriggerState = {\n  children: React.ReactElement | null;\n  isSubmenu: boolean;\n};\n"]}

package/lib-amd/components/MenuTrigger/index.js

@@ -0,0 +1,9 @@
+define(["require", "exports", "tslib", "./MenuTrigger", "./MenuTrigger.types", "./renderMenuTrigger", "./useMenuTrigger"], function (require, exports, tslib_1, MenuTrigger_1, MenuTrigger_types_1, renderMenuTrigger_1, useMenuTrigger_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(MenuTrigger_1, exports);
+    tslib_1.__exportStar(MenuTrigger_types_1, exports);
+    tslib_1.__exportStar(renderMenuTrigger_1, exports);
+    tslib_1.__exportStar(useMenuTrigger_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/MenuTrigger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuTrigger/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B;IAC9B,mDAAoC;IACpC,mDAAoC;IACpC,gDAAiC","sourcesContent":["export * from './MenuTrigger';\nexport * from './MenuTrigger.types';\nexport * from './renderMenuTrigger';\nexport * from './useMenuTrigger';\n"]}

package/lib-amd/components/MenuTrigger/renderMenuTrigger.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "../../contexts/menuTriggerContext"], function (require, exports, React, menuTriggerContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderMenuTrigger_unstable = void 0;
+    /**
+     * Render the final JSX of MenuTrigger
+     *
+     * Only renders children
+     */
+    var renderMenuTrigger_unstable = function (state) {
+        return React.createElement(menuTriggerContext_1.MenuTriggerContextProvider, { value: state.isSubmenu }, state.children);
+    };
+    exports.renderMenuTrigger_unstable = renderMenuTrigger_unstable;
+});
+//# sourceMappingURL=renderMenuTrigger.js.map

package/lib-amd/components/MenuTrigger/renderMenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMenuTrigger.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuTrigger/renderMenuTrigger.tsx"],"names":[],"mappings":";;;;IAIA;;;;OAIG;IACI,IAAM,0BAA0B,GAAG,UAAC,KAAuB;QAChE,OAAO,oBAAC,+CAA0B,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,QAAQ,CAA8B,CAAC;IAC3G,CAAC,CAAC;IAFW,QAAA,0BAA0B,8BAErC","sourcesContent":["import * as React from 'react';\nimport { MenuTriggerContextProvider } from '../../contexts/menuTriggerContext';\nimport type { MenuTriggerState } from './MenuTrigger.types';\n\n/**\n * Render the final JSX of MenuTrigger\n *\n * Only renders children\n */\nexport const renderMenuTrigger_unstable = (state: MenuTriggerState) => {\n  return <MenuTriggerContextProvider value={state.isSubmenu}>{state.children}</MenuTriggerContextProvider>;\n};\n"]}

package/lib-amd/components/MenuTrigger/useMenuTrigger.js

@@ -0,0 +1,112 @@
+define(["require", "exports", "tslib", "react", "../../contexts/menuContext", "../../utils/useIsSubmenu", "@fluentui/react-tabster", "@fluentui/react-shared-contexts", "@fluentui/keyboard-keys", "@fluentui/react-utilities", "@fluentui/react-aria"], function (require, exports, tslib_1, React, menuContext_1, useIsSubmenu_1, react_tabster_1, react_shared_contexts_1, keyboard_keys_1, react_utilities_1, react_aria_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMenuTrigger_unstable = void 0;
+    /**
+     * Create the state required to render MenuTrigger.
+     * Clones the only child component and adds necessary event handling behaviours to open a popup menu
+     *
+     * @param props - props from this instance of MenuTrigger
+     */
+    var useMenuTrigger_unstable = function (props) {
+        var children = props.children, _a = props.disableButtonEnhancement, disableButtonEnhancement = _a === void 0 ? false : _a;
+        var triggerRef = menuContext_1.useMenuContext_unstable(function (context) { return context.triggerRef; });
+        var menuPopoverRef = menuContext_1.useMenuContext_unstable(function (context) { return context.menuPopoverRef; });
+        var setOpen = menuContext_1.useMenuContext_unstable(function (context) { return context.setOpen; });
+        var open = menuContext_1.useMenuContext_unstable(function (context) { return context.open; });
+        var triggerId = menuContext_1.useMenuContext_unstable(function (context) { return context.triggerId; });
+        var openOnHover = menuContext_1.useMenuContext_unstable(function (context) { return context.openOnHover; });
+        var openOnContext = menuContext_1.useMenuContext_unstable(function (context) { return context.openOnContext; });
+        var isSubmenu = useIsSubmenu_1.useIsSubmenu();
+        var findFirstFocusable = react_tabster_1.useFocusFinders().findFirstFocusable;
+        var focusFirst = React.useCallback(function () {
+            var firstFocusable = findFirstFocusable(menuPopoverRef.current);
+            firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
+        }, [findFirstFocusable, menuPopoverRef]);
+        var openedWithKeyboardRef = React.useRef(false);
+        var hasMouseMoved = React.useRef(false);
+        var dir = react_shared_contexts_1.useFluent_unstable().dir;
+        var OpenArrowKey = dir === 'ltr' ? keyboard_keys_1.ArrowRight : keyboard_keys_1.ArrowLeft;
+        var child = react_utilities_1.getTriggerChild(children);
+        var onContextMenu = function (event) {
+            if (isTargetDisabled(event)) {
+                return;
+            }
+            if (openOnContext) {
+                event.preventDefault();
+                setOpen(event, { open: true, keyboard: false, type: 'menuTriggerContextMenu', event: event });
+            }
+        };
+        var onClick = function (event) {
+            if (isTargetDisabled(event)) {
+                return;
+            }
+            if (!openOnContext) {
+                setOpen(event, { open: !open, keyboard: openedWithKeyboardRef.current, type: 'menuTriggerClick', event: event });
+                openedWithKeyboardRef.current = false;
+            }
+        };
+        var onKeyDown = function (event) {
+            if (isTargetDisabled(event)) {
+                return;
+            }
+            var key = event.key;
+            if (!openOnContext && ((isSubmenu && key === OpenArrowKey) || (!isSubmenu && key === keyboard_keys_1.ArrowDown))) {
+                setOpen(event, { open: true, keyboard: true, type: 'menuTriggerKeyDown', event: event });
+            }
+            if (key === keyboard_keys_1.Escape && !isSubmenu) {
+                setOpen(event, { open: false, keyboard: true, type: 'menuTriggerKeyDown', event: event });
+            }
+            // if menu is already open, can't rely on effects to focus
+            if (open && key === OpenArrowKey && isSubmenu) {
+                focusFirst();
+            }
+        };
+        var onMouseEnter = function (event) {
+            if (isTargetDisabled(event)) {
+                return;
+            }
+            if (openOnHover && hasMouseMoved.current) {
+                setOpen(event, { open: true, keyboard: false, type: 'menuTriggerMouseEnter', event: event });
+            }
+        };
+        // Opening a menu when a mouse hasn't moved and just entering the trigger is a bad a11y experience
+        // First time open the mouse using mousemove and then continue with mouseenter
+        // Only use once to determine that the user is using the mouse since it is an expensive event to handle
+        var onMouseMove = function (event) {
+            if (isTargetDisabled(event)) {
+                return;
+            }
+            if (openOnHover && !hasMouseMoved.current) {
+                setOpen(event, { open: true, keyboard: false, type: 'menuTriggerMouseMove', event: event });
+                hasMouseMoved.current = true;
+            }
+        };
+        var onMouseLeave = function (event) {
+            if (isTargetDisabled(event)) {
+                return;
+            }
+            if (openOnHover) {
+                setOpen(event, { open: false, keyboard: false, type: 'menuTriggerMouseLeave', event: event });
+            }
+        };
+        var contextMenuProps = tslib_1.__assign(tslib_1.__assign({ id: triggerId }, child === null || child === void 0 ? void 0 : child.props), { ref: react_utilities_1.useMergedRefs(triggerRef, child === null || child === void 0 ? void 0 : child.ref), onMouseEnter: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onMouseEnter, onMouseEnter)), onMouseLeave: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onMouseLeave, onMouseLeave)), onContextMenu: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onContextMenu, onContextMenu)), onMouseMove: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onMouseMove, onMouseMove)) });
+        var triggerChildProps = tslib_1.__assign(tslib_1.__assign({ 'aria-haspopup': 'menu', 'aria-expanded': !open && !isSubmenu ? undefined : open }, contextMenuProps), { onClick: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onClick, onClick)), onKeyDown: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onKeyDown, onKeyDown)) });
+        var ariaButtonTriggerChildProps = react_aria_1.useARIAButtonProps((child === null || child === void 0 ? void 0 : child.type) === 'button' || (child === null || child === void 0 ? void 0 : child.type) === 'a' ? child.type : 'div', triggerChildProps);
+        return {
+            isSubmenu: isSubmenu,
+            children: react_utilities_1.applyTriggerPropsToChildren(children, openOnContext ? contextMenuProps : disableButtonEnhancement ? triggerChildProps : ariaButtonTriggerChildProps),
+        };
+    };
+    exports.useMenuTrigger_unstable = useMenuTrigger_unstable;
+    var isTargetDisabled = function (e) {
+        var isDisabled = function (el) {
+            return el.hasAttribute('disabled') || (el.hasAttribute('aria-disabled') && el.getAttribute('aria-disabled') === 'true');
+        };
+        if (e.target instanceof HTMLElement && isDisabled(e.target)) {
+            return true;
+        }
+        return e.currentTarget instanceof HTMLElement && isDisabled(e.currentTarget);
+    };
+});
+//# sourceMappingURL=useMenuTrigger.js.map

package/lib-amd/components/MenuTrigger/useMenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuTrigger.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { MenuTriggerProps, MenuTriggerState } from './MenuTrigger.types';\nimport { useMenuContext_unstable } from '../../contexts/menuContext';\nimport { useIsSubmenu } from '../../utils/useIsSubmenu';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { ArrowRight, ArrowLeft, Escape, ArrowDown } from '@fluentui/keyboard-keys';\nimport {\n  applyTriggerPropsToChildren,\n  getTriggerChild,\n  mergeCallbacks,\n  useEventCallback,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\n\n/**\n * Create the state required to render MenuTrigger.\n * Clones the only child component and adds necessary event handling behaviours to open a popup menu\n *\n * @param props - props from this instance of MenuTrigger\n */\nexport const useMenuTrigger_unstable = (props: MenuTriggerProps): MenuTriggerState => {\n  const { children, disableButtonEnhancement = false } = props;\n\n  const triggerRef = useMenuContext_unstable(context => context.triggerRef);\n  const menuPopoverRef = useMenuContext_unstable(context => context.menuPopoverRef);\n  const setOpen = useMenuContext_unstable(context => context.setOpen);\n  const open = useMenuContext_unstable(context => context.open);\n  const triggerId = useMenuContext_unstable(context => context.triggerId);\n  const openOnHover = useMenuContext_unstable(context => context.openOnHover);\n  const openOnContext = useMenuContext_unstable(context => context.openOnContext);\n\n  const isSubmenu = useIsSubmenu();\n\n  const { findFirstFocusable } = useFocusFinders();\n  const focusFirst = React.useCallback(() => {\n    const firstFocusable = findFirstFocusable(menuPopoverRef.current);\n    firstFocusable?.focus();\n  }, [findFirstFocusable, menuPopoverRef]);\n\n  const openedWithKeyboardRef = React.useRef(false);\n  const hasMouseMoved = React.useRef(false);\n\n  const { dir } = useFluent();\n  const OpenArrowKey = dir === 'ltr' ? ArrowRight : ArrowLeft;\n\n  const child = getTriggerChild(children);\n\n  const onContextMenu = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n    if (isTargetDisabled(event)) {\n      return;\n    }\n\n    if (openOnContext) {\n      event.preventDefault();\n      setOpen(event, { open: true, keyboard: false, type: 'menuTriggerContextMenu', event });\n    }\n  };\n\n  const onClick = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n    if (isTargetDisabled(event)) {\n      return;\n    }\n\n    if (!openOnContext) {\n      setOpen(event, { open: !open, keyboard: openedWithKeyboardRef.current, type: 'menuTriggerClick', event });\n      openedWithKeyboardRef.current = false;\n    }\n  };\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n    if (isTargetDisabled(event)) {\n      return;\n    }\n\n    const key = event.key;\n\n    if (!openOnContext && ((isSubmenu && key === OpenArrowKey) || (!isSubmenu && key === ArrowDown))) {\n      setOpen(event, { open: true, keyboard: true, type: 'menuTriggerKeyDown', event });\n    }\n\n    if (key === Escape && !isSubmenu) {\n      setOpen(event, { open: false, keyboard: true, type: 'menuTriggerKeyDown', event });\n    }\n\n    // if menu is already open, can't rely on effects to focus\n    if (open && key === OpenArrowKey && isSubmenu) {\n      focusFirst();\n    }\n  };\n\n  const onMouseEnter = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n    if (isTargetDisabled(event)) {\n      return;\n    }\n    if (openOnHover && hasMouseMoved.current) {\n      setOpen(event, { open: true, keyboard: false, type: 'menuTriggerMouseEnter', event });\n    }\n  };\n\n  // Opening a menu when a mouse hasn't moved and just entering the trigger is a bad a11y experience\n  // First time open the mouse using mousemove and then continue with mouseenter\n  // Only use once to determine that the user is using the mouse since it is an expensive event to handle\n  const onMouseMove = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n    if (isTargetDisabled(event)) {\n      return;\n    }\n    if (openOnHover && !hasMouseMoved.current) {\n      setOpen(event, { open: true, keyboard: false, type: 'menuTriggerMouseMove', event });\n      hasMouseMoved.current = true;\n    }\n  };\n\n  const onMouseLeave = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n    if (isTargetDisabled(event)) {\n      return;\n    }\n    if (openOnHover) {\n      setOpen(event, { open: false, keyboard: false, type: 'menuTriggerMouseLeave', event });\n    }\n  };\n\n  const contextMenuProps = {\n    id: triggerId,\n    ...child?.props,\n    ref: useMergedRefs(triggerRef, child?.ref),\n    onMouseEnter: useEventCallback(mergeCallbacks(child?.props.onMouseEnter, onMouseEnter)),\n    onMouseLeave: useEventCallback(mergeCallbacks(child?.props.onMouseLeave, onMouseLeave)),\n    onContextMenu: useEventCallback(mergeCallbacks(child?.props.onContextMenu, onContextMenu)),\n    onMouseMove: useEventCallback(mergeCallbacks(child?.props.onMouseMove, onMouseMove)),\n  };\n\n  const triggerChildProps = {\n    'aria-haspopup': 'menu',\n    'aria-expanded': !open && !isSubmenu ? undefined : open,\n    ...contextMenuProps,\n    onClick: useEventCallback(mergeCallbacks(child?.props.onClick, onClick)),\n    onKeyDown: useEventCallback(mergeCallbacks(child?.props.onKeyDown, onKeyDown)),\n  } as const;\n\n  const ariaButtonTriggerChildProps = useARIAButtonProps(\n    child?.type === 'button' || child?.type === 'a' ? child.type : 'div',\n    triggerChildProps,\n  );\n\n  return {\n    isSubmenu,\n    children: applyTriggerPropsToChildren(\n      children,\n      openOnContext ? contextMenuProps : disableButtonEnhancement ? triggerChildProps : ariaButtonTriggerChildProps,\n    ),\n  };\n};\n\nconst isTargetDisabled = (e: React.SyntheticEvent | Event) => {\n  const isDisabled = (el: HTMLElement) =>\n    el.hasAttribute('disabled') || (el.hasAttribute('aria-disabled') && el.getAttribute('aria-disabled') === 'true');\n  if (e.target instanceof HTMLElement && isDisabled(e.target)) {\n    return true;\n  }\n\n  return e.currentTarget instanceof HTMLElement && isDisabled(e.currentTarget);\n};\n"]}

package/lib-amd/components/index.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "tslib", "./MenuItem/index", "./MenuList/index"], function (require, exports, tslib_1, index_1, index_2) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(index_1, exports);
+    tslib_1.__exportStar(index_2, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/components/index.ts"],"names":[],"mappings":";;;IAAA,uCAAiC;IACjC,uCAAiC","sourcesContent":["export * from './MenuItem/index';\nexport * from './MenuList/index';\n"]}

package/lib-amd/contexts/menuContext.js

@@ -0,0 +1,32 @@
+define(["require", "exports", "@fluentui/react-context-selector"], function (require, exports, react_context_selector_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMenuContext_unstable = exports.MenuProvider = exports.MenuContext = void 0;
+    exports.MenuContext = react_context_selector_1.createContext(undefined);
+    var menuContextDefaultValue = {
+        open: false,
+        setOpen: function () { return false; },
+        checkedValues: {},
+        onCheckedValueChange: function () { return null; },
+        defaultCheckedValues: {},
+        isSubmenu: false,
+        triggerRef: { current: null },
+        menuPopoverRef: { current: null },
+        triggerId: '',
+        openOnContext: false,
+        openOnHover: false,
+        hasIcons: false,
+        hasCheckmarks: false,
+        inline: false,
+        persistOnItemClick: false,
+    };
+    exports.MenuProvider = exports.MenuContext.Provider;
+    var useMenuContext_unstable = function (selector) {
+        return react_context_selector_1.useContextSelector(exports.MenuContext, function (ctx) {
+            if (ctx === void 0) { ctx = menuContextDefaultValue; }
+            return selector(ctx);
+        });
+    };
+    exports.useMenuContext_unstable = useMenuContext_unstable;
+});
+//# sourceMappingURL=menuContext.js.map

package/lib-amd/contexts/menuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/contexts/menuContext.ts"],"names":[],"mappings":";;;;IAKa,QAAA,WAAW,GAA8B,sCAAa,CACjE,SAAS,CACmB,CAAC;IAE/B,IAAM,uBAAuB,GAAqB;QAChD,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;QACpB,aAAa,EAAE,EAAE;QACjB,oBAAoB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;QAChC,oBAAoB,EAAE,EAAE;QACxB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAG,EAAE,OAAO,EAAE,IAAI,EAAqD;QACjF,cAAc,EAAG,EAAE,OAAO,EAAE,IAAI,EAAqD;QACrF,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,KAAK;QACpB,MAAM,EAAE,KAAK;QACb,kBAAkB,EAAE,KAAK;KAC1B,CAAC;IA4BW,QAAA,YAAY,GAAG,mBAAW,CAAC,QAAQ,CAAC;IAE1C,IAAM,uBAAuB,GAAG,UAAI,QAA8C;QACvF,OAAA,2CAAkB,CAAC,mBAAW,EAAE,UAAC,GAA6B;YAA7B,oBAAA,EAAA,6BAA6B;YAAK,OAAA,QAAQ,CAAC,GAAG,CAAC;QAAb,CAAa,CAAC;IAAjF,CAAiF,CAAC;IADvE,QAAA,uBAAuB,2BACgD","sourcesContent":["import * as React from 'react';\nimport { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector, Context } from '@fluentui/react-context-selector';\nimport type { MenuState } from '../components/Menu/index';\n\nexport const MenuContext: Context<MenuContextValue> = createContext<MenuContextValue | undefined>(\n  undefined,\n) as Context<MenuContextValue>;\n\nconst menuContextDefaultValue: MenuContextValue = {\n  open: false,\n  setOpen: () => false,\n  checkedValues: {},\n  onCheckedValueChange: () => null,\n  defaultCheckedValues: {},\n  isSubmenu: false,\n  triggerRef: ({ current: null } as unknown) as React.MutableRefObject<HTMLElement>,\n  menuPopoverRef: ({ current: null } as unknown) as React.MutableRefObject<HTMLElement>,\n  triggerId: '',\n  openOnContext: false,\n  openOnHover: false,\n  hasIcons: false,\n  hasCheckmarks: false,\n  inline: false,\n  persistOnItemClick: false,\n};\n\n/**\n * Context shared between Menu and its children components\n *\n * Extends and drills down MenuList props to simplify API\n */\nexport type MenuContextValue = Pick<\n  MenuState,\n  | 'openOnHover'\n  | 'openOnContext'\n  | 'triggerRef'\n  | 'menuPopoverRef'\n  | 'setOpen'\n  | 'isSubmenu'\n  | 'triggerId'\n  | 'hasIcons'\n  | 'hasCheckmarks'\n  | 'persistOnItemClick'\n  | 'inline'\n  | 'checkedValues'\n  | 'onCheckedValueChange'\n  | 'defaultCheckedValues'\n> & {\n  open: boolean;\n  triggerId: string;\n};\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext_unstable = <T>(selector: ContextSelector<MenuContextValue, T>) =>\n  useContextSelector(MenuContext, (ctx = menuContextDefaultValue) => selector(ctx));\n"]}

package/lib-amd/contexts/menuGroupContext.js

@@ -0,0 +1,13 @@
+define(["require", "exports", "react"], function (require, exports, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMenuGroupContext_unstable = exports.MenuGroupContextProvider = void 0;
+    var MenuGroupContext = React.createContext(undefined);
+    var menuGroupContextDefaultValue = {
+        headerId: '',
+    };
+    exports.MenuGroupContextProvider = MenuGroupContext.Provider;
+    var useMenuGroupContext_unstable = function () { var _a; return (_a = React.useContext(MenuGroupContext)) !== null && _a !== void 0 ? _a : menuGroupContextDefaultValue; };
+    exports.useMenuGroupContext_unstable = useMenuGroupContext_unstable;
+});
+//# sourceMappingURL=menuGroupContext.js.map

package/lib-amd/contexts/menuGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuGroupContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/contexts/menuGroupContext.ts"],"names":[],"mappings":";;;;IAEA,IAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAC1C,SAAS,CAC8B,CAAC;IAE1C,IAAM,4BAA4B,GAA0B;QAC1D,QAAQ,EAAE,EAAE;KACb,CAAC;IAaW,QAAA,wBAAwB,GAAG,gBAAgB,CAAC,QAAQ,CAAC;IAC3D,IAAM,4BAA4B,GAAG,sBAAM,OAAA,MAAA,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,mCAAI,4BAA4B,CAAA,EAAA,CAAC;IAAxG,QAAA,4BAA4B,gCAA4E","sourcesContent":["import * as React from 'react';\n\nconst MenuGroupContext = React.createContext<MenuGroupContextValue | undefined>(\n  undefined,\n) as React.Context<MenuGroupContextValue>;\n\nconst menuGroupContextDefaultValue: MenuGroupContextValue = {\n  headerId: '',\n};\n\n/**\n * Context used to guarantee correct aria-relationship between header\n * and group information\n */\nexport type MenuGroupContextValue = {\n  /**\n   * Element id applied to the `MenuGroupHeader` component\n   */\n  headerId: string;\n};\n\nexport const MenuGroupContextProvider = MenuGroupContext.Provider;\nexport const useMenuGroupContext_unstable = () => React.useContext(MenuGroupContext) ?? menuGroupContextDefaultValue;\n"]}

package/lib-amd/contexts/menuListContext.js

@@ -0,0 +1,24 @@
+define(["require", "exports", "@fluentui/react-context-selector"], function (require, exports, react_context_selector_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMenuListContext_unstable = exports.MenuListProvider = exports.MenuListContext = void 0;
+    exports.MenuListContext = react_context_selector_1.createContext(undefined);
+    var menuListContextDefaultValue = {
+        checkedValues: {},
+        onCheckedValueChange: function () { return null; },
+        setFocusByFirstCharacter: function () { return null; },
+        toggleCheckbox: function () { return null; },
+        selectRadio: function () { return null; },
+        hasIcons: false,
+        hasCheckmarks: false,
+    };
+    exports.MenuListProvider = exports.MenuListContext.Provider;
+    var useMenuListContext_unstable = function (selector) {
+        return react_context_selector_1.useContextSelector(exports.MenuListContext, function (ctx) {
+            if (ctx === void 0) { ctx = menuListContextDefaultValue; }
+            return selector(ctx);
+        });
+    };
+    exports.useMenuListContext_unstable = useMenuListContext_unstable;
+});
+//# sourceMappingURL=menuListContext.js.map

package/lib-amd/contexts/menuListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuListContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/contexts/menuListContext.tsx"],"names":[],"mappings":";;;;IAMa,QAAA,eAAe,GAAkC,sCAAa,CACzE,SAAS,CACuB,CAAC;IAEnC,IAAM,2BAA2B,GAAyB;QACxD,aAAa,EAAE,EAAE;QACjB,oBAAoB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;QAChC,wBAAwB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;QACpC,cAAc,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;QAC1B,WAAW,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;QACvB,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,KAAK;KACrB,CAAC;IAcW,QAAA,gBAAgB,GAAG,uBAAe,CAAC,QAAQ,CAAC;IAElD,IAAM,2BAA2B,GAAG,UAAK,QAAkD;QAChG,OAAA,2CAAkB,CAAC,uBAAe,EAAE,UAAC,GAAiC;YAAjC,oBAAA,EAAA,iCAAiC;YAAK,OAAA,QAAQ,CAAC,GAAG,CAAC;QAAb,CAAa,CAAC;IAAzF,CAAyF,CAAC;IAD/E,QAAA,2BAA2B,+BACoD","sourcesContent":["import * as React from 'react';\nimport { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector, Context } from '@fluentui/react-context-selector';\nimport type { SelectableHandler } from '../selectable/index';\nimport type { MenuListProps } from '../components/index';\n\nexport const MenuListContext: Context<MenuListContextValue> = createContext<MenuListContextValue | undefined>(\n  undefined,\n) as Context<MenuListContextValue>;\n\nconst menuListContextDefaultValue: MenuListContextValue = {\n  checkedValues: {},\n  onCheckedValueChange: () => null,\n  setFocusByFirstCharacter: () => null,\n  toggleCheckbox: () => null,\n  selectRadio: () => null,\n  hasIcons: false,\n  hasCheckmarks: false,\n};\n\n/**\n * Context shared between MenuList and its children components\n */\nexport type MenuListContextValue = Pick<\n  MenuListProps,\n  'checkedValues' | 'onCheckedValueChange' | 'hasIcons' | 'hasCheckmarks'\n> & {\n  setFocusByFirstCharacter?: (e: React.KeyboardEvent<HTMLElement>, itemEl: HTMLElement) => void;\n  toggleCheckbox?: SelectableHandler;\n  selectRadio?: SelectableHandler;\n};\n\nexport const MenuListProvider = MenuListContext.Provider;\n\nexport const useMenuListContext_unstable = <T,>(selector: ContextSelector<MenuListContextValue, T>) =>\n  useContextSelector(MenuListContext, (ctx = menuListContextDefaultValue) => selector(ctx));\n"]}

package/lib-amd/contexts/menuTriggerContext.js

@@ -0,0 +1,14 @@
+define(["require", "exports", "react"], function (require, exports, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMenuTriggerContext_unstable = exports.MenuTriggerContextProvider = void 0;
+    /**
+     * Context used communicate with a child menu item that it is a trigger for a submenu
+     */
+    var MenuTriggerContext = React.createContext(undefined);
+    var menuTriggerContextDefaultValue = false;
+    exports.MenuTriggerContextProvider = MenuTriggerContext.Provider;
+    var useMenuTriggerContext_unstable = function () { var _a; return (_a = React.useContext(MenuTriggerContext)) !== null && _a !== void 0 ? _a : menuTriggerContextDefaultValue; };
+    exports.useMenuTriggerContext_unstable = useMenuTriggerContext_unstable;
+});
+//# sourceMappingURL=menuTriggerContext.js.map

package/lib-amd/contexts/menuTriggerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuTriggerContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/contexts/menuTriggerContext.ts"],"names":[],"mappings":";;;;IAEA;;OAEG;IACH,IAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAsB,SAAS,CAA2B,CAAC;IAEzG,IAAM,8BAA8B,GAAG,KAAK,CAAC;IAEhC,QAAA,0BAA0B,GAAG,kBAAkB,CAAC,QAAQ,CAAC;IAC/D,IAAM,8BAA8B,GAAG,sBAC5C,OAAA,MAAA,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,mCAAI,8BAA8B,CAAA,EAAA,CAAC;IAD5D,QAAA,8BAA8B,kCAC8B","sourcesContent":["import * as React from 'react';\n\n/**\n * Context used communicate with a child menu item that it is a trigger for a submenu\n */\nconst MenuTriggerContext = React.createContext<boolean | undefined>(undefined) as React.Context<boolean>;\n\nconst menuTriggerContextDefaultValue = false;\n\nexport const MenuTriggerContextProvider = MenuTriggerContext.Provider;\nexport const useMenuTriggerContext_unstable = () =>\n  React.useContext(MenuTriggerContext) ?? menuTriggerContextDefaultValue;\n"]}

package/lib-amd/index.js

@@ -0,0 +1,69 @@
+define(["require", "exports", "./contexts/menuContext", "./contexts/menuTriggerContext", "./contexts/menuGroupContext", "./contexts/menuListContext", "./Menu", "./MenuDivider", "./MenuGroup", "./MenuGroupHeader", "./MenuItem", "./MenuItemCheckbox", "./MenuItemRadio", "./MenuList", "./MenuPopover", "./MenuSplitGroup", "./MenuTrigger", "./selectable/index"], function (require, exports, menuContext_1, menuTriggerContext_1, menuGroupContext_1, menuListContext_1, Menu_1, MenuDivider_1, MenuGroup_1, MenuGroupHeader_1, MenuItem_1, MenuItemCheckbox_1, MenuItemRadio_1, MenuList_1, MenuPopover_1, MenuSplitGroup_1, MenuTrigger_1, index_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useCheckmarkStyles_unstable = exports.useMenuTrigger_unstable = exports.renderMenuTrigger_unstable = exports.MenuTrigger = exports.useMenuSplitGroup_unstable = exports.useMenuSplitGroupStyles_unstable = exports.renderMenuSplitGroup_unstable = exports.menuSplitGroupClassNames = exports.MenuSplitGroup = exports.useMenuPopover_unstable = exports.useMenuPopoverStyles_unstable = exports.renderMenuPopover_unstable = exports.menuPopoverClassNames = exports.MenuPopover = exports.useMenuList_unstable = exports.useMenuListStyles_unstable = exports.useMenuListContextValues_unstable = exports.renderMenuList_unstable = exports.menuListClassNames = exports.MenuList = exports.useMenuItemRadio_unstable = exports.useMenuItemRadioStyles_unstable = exports.renderMenuItemRadio_unstable = exports.menuItemRadioClassNames = exports.MenuItemRadio = exports.useMenuItemCheckbox_unstable = exports.useMenuItemCheckboxStyles_unstable = exports.renderMenuItemCheckbox_unstable = exports.menuItemCheckboxClassNames = exports.MenuItemCheckbox = exports.useMenuItem_unstable = exports.useMenuItemStyles_unstable = exports.renderMenuItem_unstable = exports.menuItemClassNames = exports.MenuItem = exports.useMenuGroupHeader_unstable = exports.useMenuGroupHeaderStyles_unstable = exports.renderMenuGroupHeader_unstable = exports.menuGroupHeaderClassNames = exports.MenuGroupHeader = exports.useMenuGroup_unstable = exports.useMenuGroupStyles_unstable = exports.useMenuGroupContextValues_unstable = exports.renderMenuGroup_unstable = exports.menuGroupClassNames = exports.MenuGroup = exports.useMenuDivider_unstable = exports.useMenuDividerStyles_unstable = exports.renderMenuDivider_unstable = exports.menuDividerClassNames = exports.MenuDivider = exports.useMenu_unstable = exports.useMenuContextValues_unstable = exports.renderMenu_unstable = exports.Menu = exports.useMenuListContext_unstable = exports.MenuListProvider = exports.useMenuGroupContext_unstable = exports.MenuGroupContextProvider = exports.useMenuTriggerContext_unstable = exports.MenuTriggerContextProvider = exports.useMenuContext_unstable = exports.MenuProvider = void 0;
+    Object.defineProperty(exports, "MenuProvider", { enumerable: true, get: function () { return menuContext_1.MenuProvider; } });
+    Object.defineProperty(exports, "useMenuContext_unstable", { enumerable: true, get: function () { return menuContext_1.useMenuContext_unstable; } });
+    Object.defineProperty(exports, "MenuTriggerContextProvider", { enumerable: true, get: function () { return menuTriggerContext_1.MenuTriggerContextProvider; } });
+    Object.defineProperty(exports, "useMenuTriggerContext_unstable", { enumerable: true, get: function () { return menuTriggerContext_1.useMenuTriggerContext_unstable; } });
+    Object.defineProperty(exports, "MenuGroupContextProvider", { enumerable: true, get: function () { return menuGroupContext_1.MenuGroupContextProvider; } });
+    Object.defineProperty(exports, "useMenuGroupContext_unstable", { enumerable: true, get: function () { return menuGroupContext_1.useMenuGroupContext_unstable; } });
+    Object.defineProperty(exports, "MenuListProvider", { enumerable: true, get: function () { return menuListContext_1.MenuListProvider; } });
+    Object.defineProperty(exports, "useMenuListContext_unstable", { enumerable: true, get: function () { return menuListContext_1.useMenuListContext_unstable; } });
+    Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
+    Object.defineProperty(exports, "renderMenu_unstable", { enumerable: true, get: function () { return Menu_1.renderMenu_unstable; } });
+    Object.defineProperty(exports, "useMenuContextValues_unstable", { enumerable: true, get: function () { return Menu_1.useMenuContextValues_unstable; } });
+    Object.defineProperty(exports, "useMenu_unstable", { enumerable: true, get: function () { return Menu_1.useMenu_unstable; } });
+    Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return MenuDivider_1.MenuDivider; } });
+    Object.defineProperty(exports, "menuDividerClassNames", { enumerable: true, get: function () { return MenuDivider_1.menuDividerClassNames; } });
+    Object.defineProperty(exports, "renderMenuDivider_unstable", { enumerable: true, get: function () { return MenuDivider_1.renderMenuDivider_unstable; } });
+    Object.defineProperty(exports, "useMenuDividerStyles_unstable", { enumerable: true, get: function () { return MenuDivider_1.useMenuDividerStyles_unstable; } });
+    Object.defineProperty(exports, "useMenuDivider_unstable", { enumerable: true, get: function () { return MenuDivider_1.useMenuDivider_unstable; } });
+    Object.defineProperty(exports, "MenuGroup", { enumerable: true, get: function () { return MenuGroup_1.MenuGroup; } });
+    Object.defineProperty(exports, "menuGroupClassNames", { enumerable: true, get: function () { return MenuGroup_1.menuGroupClassNames; } });
+    Object.defineProperty(exports, "renderMenuGroup_unstable", { enumerable: true, get: function () { return MenuGroup_1.renderMenuGroup_unstable; } });
+    Object.defineProperty(exports, "useMenuGroupContextValues_unstable", { enumerable: true, get: function () { return MenuGroup_1.useMenuGroupContextValues_unstable; } });
+    Object.defineProperty(exports, "useMenuGroupStyles_unstable", { enumerable: true, get: function () { return MenuGroup_1.useMenuGroupStyles_unstable; } });
+    Object.defineProperty(exports, "useMenuGroup_unstable", { enumerable: true, get: function () { return MenuGroup_1.useMenuGroup_unstable; } });
+    Object.defineProperty(exports, "MenuGroupHeader", { enumerable: true, get: function () { return MenuGroupHeader_1.MenuGroupHeader; } });
+    Object.defineProperty(exports, "menuGroupHeaderClassNames", { enumerable: true, get: function () { return MenuGroupHeader_1.menuGroupHeaderClassNames; } });
+    Object.defineProperty(exports, "renderMenuGroupHeader_unstable", { enumerable: true, get: function () { return MenuGroupHeader_1.renderMenuGroupHeader_unstable; } });
+    Object.defineProperty(exports, "useMenuGroupHeaderStyles_unstable", { enumerable: true, get: function () { return MenuGroupHeader_1.useMenuGroupHeaderStyles_unstable; } });
+    Object.defineProperty(exports, "useMenuGroupHeader_unstable", { enumerable: true, get: function () { return MenuGroupHeader_1.useMenuGroupHeader_unstable; } });
+    Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_1.MenuItem; } });
+    Object.defineProperty(exports, "menuItemClassNames", { enumerable: true, get: function () { return MenuItem_1.menuItemClassNames; } });
+    Object.defineProperty(exports, "renderMenuItem_unstable", { enumerable: true, get: function () { return MenuItem_1.renderMenuItem_unstable; } });
+    Object.defineProperty(exports, "useMenuItemStyles_unstable", { enumerable: true, get: function () { return MenuItem_1.useMenuItemStyles_unstable; } });
+    Object.defineProperty(exports, "useMenuItem_unstable", { enumerable: true, get: function () { return MenuItem_1.useMenuItem_unstable; } });
+    Object.defineProperty(exports, "MenuItemCheckbox", { enumerable: true, get: function () { return MenuItemCheckbox_1.MenuItemCheckbox; } });
+    Object.defineProperty(exports, "menuItemCheckboxClassNames", { enumerable: true, get: function () { return MenuItemCheckbox_1.menuItemCheckboxClassNames; } });
+    Object.defineProperty(exports, "renderMenuItemCheckbox_unstable", { enumerable: true, get: function () { return MenuItemCheckbox_1.renderMenuItemCheckbox_unstable; } });
+    Object.defineProperty(exports, "useMenuItemCheckboxStyles_unstable", { enumerable: true, get: function () { return MenuItemCheckbox_1.useMenuItemCheckboxStyles_unstable; } });
+    Object.defineProperty(exports, "useMenuItemCheckbox_unstable", { enumerable: true, get: function () { return MenuItemCheckbox_1.useMenuItemCheckbox_unstable; } });
+    Object.defineProperty(exports, "MenuItemRadio", { enumerable: true, get: function () { return MenuItemRadio_1.MenuItemRadio; } });
+    Object.defineProperty(exports, "menuItemRadioClassNames", { enumerable: true, get: function () { return MenuItemRadio_1.menuItemRadioClassNames; } });
+    Object.defineProperty(exports, "renderMenuItemRadio_unstable", { enumerable: true, get: function () { return MenuItemRadio_1.renderMenuItemRadio_unstable; } });
+    Object.defineProperty(exports, "useMenuItemRadioStyles_unstable", { enumerable: true, get: function () { return MenuItemRadio_1.useMenuItemRadioStyles_unstable; } });
+    Object.defineProperty(exports, "useMenuItemRadio_unstable", { enumerable: true, get: function () { return MenuItemRadio_1.useMenuItemRadio_unstable; } });
+    Object.defineProperty(exports, "MenuList", { enumerable: true, get: function () { return MenuList_1.MenuList; } });
+    Object.defineProperty(exports, "menuListClassNames", { enumerable: true, get: function () { return MenuList_1.menuListClassNames; } });
+    Object.defineProperty(exports, "renderMenuList_unstable", { enumerable: true, get: function () { return MenuList_1.renderMenuList_unstable; } });
+    Object.defineProperty(exports, "useMenuListContextValues_unstable", { enumerable: true, get: function () { return MenuList_1.useMenuListContextValues_unstable; } });
+    Object.defineProperty(exports, "useMenuListStyles_unstable", { enumerable: true, get: function () { return MenuList_1.useMenuListStyles_unstable; } });
+    Object.defineProperty(exports, "useMenuList_unstable", { enumerable: true, get: function () { return MenuList_1.useMenuList_unstable; } });
+    Object.defineProperty(exports, "MenuPopover", { enumerable: true, get: function () { return MenuPopover_1.MenuPopover; } });
+    Object.defineProperty(exports, "menuPopoverClassNames", { enumerable: true, get: function () { return MenuPopover_1.menuPopoverClassNames; } });
+    Object.defineProperty(exports, "renderMenuPopover_unstable", { enumerable: true, get: function () { return MenuPopover_1.renderMenuPopover_unstable; } });
+    Object.defineProperty(exports, "useMenuPopoverStyles_unstable", { enumerable: true, get: function () { return MenuPopover_1.useMenuPopoverStyles_unstable; } });
+    Object.defineProperty(exports, "useMenuPopover_unstable", { enumerable: true, get: function () { return MenuPopover_1.useMenuPopover_unstable; } });
+    Object.defineProperty(exports, "MenuSplitGroup", { enumerable: true, get: function () { return MenuSplitGroup_1.MenuSplitGroup; } });
+    Object.defineProperty(exports, "menuSplitGroupClassNames", { enumerable: true, get: function () { return MenuSplitGroup_1.menuSplitGroupClassNames; } });
+    Object.defineProperty(exports, "renderMenuSplitGroup_unstable", { enumerable: true, get: function () { return MenuSplitGroup_1.renderMenuSplitGroup_unstable; } });
+    Object.defineProperty(exports, "useMenuSplitGroupStyles_unstable", { enumerable: true, get: function () { return MenuSplitGroup_1.useMenuSplitGroupStyles_unstable; } });
+    Object.defineProperty(exports, "useMenuSplitGroup_unstable", { enumerable: true, get: function () { return MenuSplitGroup_1.useMenuSplitGroup_unstable; } });
+    Object.defineProperty(exports, "MenuTrigger", { enumerable: true, get: function () { return MenuTrigger_1.MenuTrigger; } });
+    Object.defineProperty(exports, "renderMenuTrigger_unstable", { enumerable: true, get: function () { return MenuTrigger_1.renderMenuTrigger_unstable; } });
+    Object.defineProperty(exports, "useMenuTrigger_unstable", { enumerable: true, get: function () { return MenuTrigger_1.useMenuTrigger_unstable; } });
+    Object.defineProperty(exports, "useCheckmarkStyles_unstable", { enumerable: true, get: function () { return index_1.useCheckmarkStyles_unstable; } });
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-menu/src/index.ts"],"names":[],"mappings":";;;;IAAS,2GAAA,YAAY,OAAA;IAAE,sHAAA,uBAAuB,OAAA;IAErC,gIAAA,0BAA0B,OAAA;IAAE,oIAAA,8BAA8B,OAAA;IAC1D,4HAAA,wBAAwB,OAAA;IAAE,gIAAA,4BAA4B,OAAA;IAEtD,mHAAA,gBAAgB,OAAA;IAAE,8HAAA,2BAA2B,OAAA;IAG7C,4FAAA,IAAI,OAAA;IAAE,2GAAA,mBAAmB,OAAA;IAAE,qHAAA,6BAA6B,OAAA;IAAE,wGAAA,gBAAgB,OAAA;IAajF,0GAAA,WAAW,OAAA;IACX,oHAAA,qBAAqB,OAAA;IACrB,yHAAA,0BAA0B,OAAA;IAC1B,4HAAA,6BAA6B,OAAA;IAC7B,sHAAA,uBAAuB,OAAA;IAIvB,sGAAA,SAAS,OAAA;IACT,gHAAA,mBAAmB,OAAA;IACnB,qHAAA,wBAAwB,OAAA;IACxB,+HAAA,kCAAkC,OAAA;IAClC,wHAAA,2BAA2B,OAAA;IAC3B,kHAAA,qBAAqB,OAAA;IAIrB,kHAAA,eAAe,OAAA;IACf,4HAAA,yBAAyB,OAAA;IACzB,iIAAA,8BAA8B,OAAA;IAC9B,oIAAA,iCAAiC,OAAA;IACjC,8HAAA,2BAA2B,OAAA;IAI3B,oGAAA,QAAQ,OAAA;IACR,8GAAA,kBAAkB,OAAA;IAClB,mHAAA,uBAAuB,OAAA;IACvB,sHAAA,0BAA0B,OAAA;IAC1B,gHAAA,oBAAoB,OAAA;IAIpB,oHAAA,gBAAgB,OAAA;IAChB,8HAAA,0BAA0B,OAAA;IAC1B,mIAAA,+BAA+B,OAAA;IAC/B,sIAAA,kCAAkC,OAAA;IAClC,gIAAA,4BAA4B,OAAA;IAI5B,8GAAA,aAAa,OAAA;IACb,wHAAA,uBAAuB,OAAA;IACvB,6HAAA,4BAA4B,OAAA;IAC5B,gIAAA,+BAA+B,OAAA;IAC/B,0HAAA,yBAAyB,OAAA;IAIzB,oGAAA,QAAQ,OAAA;IACR,8GAAA,kBAAkB,OAAA;IAClB,mHAAA,uBAAuB,OAAA;IACvB,6HAAA,iCAAiC,OAAA;IACjC,sHAAA,0BAA0B,OAAA;IAC1B,gHAAA,oBAAoB,OAAA;IAYpB,0GAAA,WAAW,OAAA;IACX,oHAAA,qBAAqB,OAAA;IACrB,yHAAA,0BAA0B,OAAA;IAC1B,4HAAA,6BAA6B,OAAA;IAC7B,sHAAA,uBAAuB,OAAA;IAIvB,gHAAA,cAAc,OAAA;IACd,0HAAA,wBAAwB,OAAA;IACxB,+HAAA,6BAA6B,OAAA;IAC7B,kIAAA,gCAAgC,OAAA;IAChC,4HAAA,0BAA0B,OAAA;IAGnB,0GAAA,WAAW,OAAA;IAAE,yHAAA,0BAA0B,OAAA;IAAE,sHAAA,uBAAuB,OAAA;IAGhE,oHAAA,2BAA2B,OAAA","sourcesContent":["export { MenuProvider, useMenuContext_unstable } from './contexts/menuContext';\nexport type { MenuContextValue } from './contexts/menuContext';\nexport { MenuTriggerContextProvider, useMenuTriggerContext_unstable } from './contexts/menuTriggerContext';\nexport { MenuGroupContextProvider, useMenuGroupContext_unstable } from './contexts/menuGroupContext';\nexport type { MenuGroupContextValue } from './contexts/menuGroupContext';\nexport { MenuListProvider, useMenuListContext_unstable } from './contexts/menuListContext';\nexport type { MenuListContextValue } from './contexts/menuListContext';\n\nexport { Menu, renderMenu_unstable, useMenuContextValues_unstable, useMenu_unstable } from './Menu';\nexport type {\n  MenuContextValues,\n  MenuOpenChangeData,\n  MenuOpenEvent,\n  // MenuOpenEvents is deprecated but removing it would be a breaking change\n  // eslint-disable-next-line deprecation/deprecation\n  MenuOpenEvents,\n  MenuProps,\n  MenuSlots,\n  MenuState,\n} from './Menu';\nexport {\n  MenuDivider,\n  menuDividerClassNames,\n  renderMenuDivider_unstable,\n  useMenuDividerStyles_unstable,\n  useMenuDivider_unstable,\n} from './MenuDivider';\nexport type { MenuDividerProps, MenuDividerSlots, MenuDividerState } from './MenuDivider';\nexport {\n  MenuGroup,\n  menuGroupClassNames,\n  renderMenuGroup_unstable,\n  useMenuGroupContextValues_unstable,\n  useMenuGroupStyles_unstable,\n  useMenuGroup_unstable,\n} from './MenuGroup';\nexport type { MenuGroupContextValues, MenuGroupProps, MenuGroupSlots, MenuGroupState } from './MenuGroup';\nexport {\n  MenuGroupHeader,\n  menuGroupHeaderClassNames,\n  renderMenuGroupHeader_unstable,\n  useMenuGroupHeaderStyles_unstable,\n  useMenuGroupHeader_unstable,\n} from './MenuGroupHeader';\nexport type { MenuGroupHeaderProps, MenuGroupHeaderSlots, MenuGroupHeaderState } from './MenuGroupHeader';\nexport {\n  MenuItem,\n  menuItemClassNames,\n  renderMenuItem_unstable,\n  useMenuItemStyles_unstable,\n  useMenuItem_unstable,\n} from './MenuItem';\nexport type { MenuItemProps, MenuItemSlots, MenuItemState } from './MenuItem';\nexport {\n  MenuItemCheckbox,\n  menuItemCheckboxClassNames,\n  renderMenuItemCheckbox_unstable,\n  useMenuItemCheckboxStyles_unstable,\n  useMenuItemCheckbox_unstable,\n} from './MenuItemCheckbox';\nexport type { MenuItemCheckboxProps, MenuItemCheckboxState } from './MenuItemCheckbox';\nexport {\n  MenuItemRadio,\n  menuItemRadioClassNames,\n  renderMenuItemRadio_unstable,\n  useMenuItemRadioStyles_unstable,\n  useMenuItemRadio_unstable,\n} from './MenuItemRadio';\nexport type { MenuItemRadioProps, MenuItemRadioState } from './MenuItemRadio';\nexport {\n  MenuList,\n  menuListClassNames,\n  renderMenuList_unstable,\n  useMenuListContextValues_unstable,\n  useMenuListStyles_unstable,\n  useMenuList_unstable,\n} from './MenuList';\nexport type {\n  MenuCheckedValueChangeData,\n  MenuCheckedValueChangeEvent,\n  MenuListContextValues,\n  MenuListProps,\n  MenuListSlots,\n  MenuListState,\n  UninitializedMenuListState,\n} from './MenuList';\nexport {\n  MenuPopover,\n  menuPopoverClassNames,\n  renderMenuPopover_unstable,\n  useMenuPopoverStyles_unstable,\n  useMenuPopover_unstable,\n} from './MenuPopover';\nexport type { MenuPopoverProps, MenuPopoverSlots, MenuPopoverState } from './MenuPopover';\nexport {\n  MenuSplitGroup,\n  menuSplitGroupClassNames,\n  renderMenuSplitGroup_unstable,\n  useMenuSplitGroupStyles_unstable,\n  useMenuSplitGroup_unstable,\n} from './MenuSplitGroup';\nexport type { MenuSplitGroupProps, MenuSplitGroupSlots, MenuSplitGroupState } from './MenuSplitGroup';\nexport { MenuTrigger, renderMenuTrigger_unstable, useMenuTrigger_unstable } from './MenuTrigger';\nexport type { MenuTriggerChildProps, MenuTriggerProps, MenuTriggerState } from './MenuTrigger';\n\nexport { useCheckmarkStyles_unstable } from './selectable/index';\nexport type { MenuItemSelectableProps, MenuItemSelectableState, SelectableHandler } from './selectable/index';\n"]}

package/lib-amd/selectable/index.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "tslib", "./useCheckmarkStyles", "./types"], function (require, exports, tslib_1, useCheckmarkStyles_1, types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(useCheckmarkStyles_1, exports);
+    tslib_1.__exportStar(types_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/selectable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/selectable/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,uCAAwB","sourcesContent":["export * from './useCheckmarkStyles';\nexport * from './types';\n"]}

package/lib-amd/selectable/types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=types.js.map

package/lib-amd/selectable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/selectable/types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport type SelectableHandler = (\n  e: React.MouseEvent | React.KeyboardEvent,\n  name: string,\n  value: string,\n  checked: boolean,\n) => void;\n\n/**\n * Props for selecatble menu items\n */\nexport type MenuItemSelectableProps = {\n  /**\n   * Follows input convention\n   * https://www.w3schools.com/jsref/prop_checkbox_name.asp\n   */\n  name: string;\n\n  /**\n   * Follows input convention\n   * https://www.w3schools.com/jsref/prop_checkbox_value.asp\n   */\n  value: string;\n};\n\n/**\n * State for selectable menu items\n */\nexport type MenuItemSelectableState = MenuItemSelectableProps & {\n  /**\n   * Selectable is checked\n   */\n  checked: boolean;\n};\n"]}

package/lib-amd/selectable/useCheckmarkStyles.js

@@ -0,0 +1,28 @@
+define(["require", "exports", "@griffel/react"], function (require, exports, react_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useCheckmarkStyles_unstable = void 0;
+    var useStyles = react_1.makeStyles({
+        root: {
+            width: '16px',
+            height: '16px',
+            visibility: 'hidden',
+        },
+        rootChecked: {
+            visibility: 'visible',
+        },
+    });
+    /**
+     * Applies styles to a checkmark slot for selectable menu items
+     *
+     * @param state - should contain a `checkmark` slot
+     */
+    var useCheckmarkStyles_unstable = function (state) {
+        var styles = useStyles();
+        if (state.checkmark) {
+            state.checkmark.className = react_1.mergeClasses(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
+        }
+    };
+    exports.useCheckmarkStyles_unstable = useCheckmarkStyles_unstable;
+});
+//# sourceMappingURL=useCheckmarkStyles.js.map

package/lib-amd/selectable/useCheckmarkStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckmarkStyles.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/selectable/useCheckmarkStyles.ts"],"names":[],"mappings":";;;;IAIA,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,QAAQ;SACrB;QACD,WAAW,EAAE;YACX,UAAU,EAAE,SAAS;SACtB;KACF,CAAC,CAAC;IAEH;;;;OAIG;IACI,IAAM,2BAA2B,GAAG,UAAC,KAAiE;QAC3G,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,oBAAY,CACtC,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,WAAW,EACnC,KAAK,CAAC,SAAS,CAAC,SAAS,CAC1B,CAAC;SACH;IACH,CAAC,CAAC;IATW,QAAA,2BAA2B,+BAStC","sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuItemSelectableState } from './types';\nimport type { MenuItemState } from '../components/MenuItem/MenuItem.types';\n\nconst useStyles = makeStyles({\n  root: {\n    width: '16px',\n    height: '16px',\n    visibility: 'hidden',\n  },\n  rootChecked: {\n    visibility: 'visible',\n  },\n});\n\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */\nexport const useCheckmarkStyles_unstable = (state: MenuItemSelectableState & Pick<MenuItemState, 'checkmark'>) => {\n  const styles = useStyles();\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(\n      styles.root,\n      state.checked && styles.rootChecked,\n      state.checkmark.className,\n    );\n  }\n};\n"]}

package/lib-amd/utils/index.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "tslib", "./useOnMenuEnter"], function (require, exports, tslib_1, useOnMenuEnter_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(useOnMenuEnter_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/utils/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC","sourcesContent":["export * from './useOnMenuEnter';\n"]}

package/lib-amd/utils/useIsSubmenu.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "@fluentui/react-context-selector", "../contexts/menuContext", "../contexts/menuListContext"], function (require, exports, react_context_selector_1, menuContext_1, menuListContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useIsSubmenu = void 0;
+    /**
+     * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true
+     * or whether it is a part of a `MenuList`
+     *
+     * A simple hook to check box contexts easily
+     *
+     * @returns whether the component is part of a submenu
+     */
+    function useIsSubmenu() {
+        var menuContextValue = menuContext_1.useMenuContext_unstable(function (context) { return context.isSubmenu; });
+        var hasMenuListContext = react_context_selector_1.useHasParentContext(menuListContext_1.MenuListContext);
+        return menuContextValue || hasMenuListContext;
+    }
+    exports.useIsSubmenu = useIsSubmenu;
+});
+//# sourceMappingURL=useIsSubmenu.js.map

package/lib-amd/utils/useIsSubmenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsSubmenu.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/utils/useIsSubmenu.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;OAOG;IACH,SAAgB,YAAY;QAC1B,IAAM,gBAAgB,GAAG,qCAAuB,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,SAAS,EAAjB,CAAiB,CAAC,CAAC;QAC/E,IAAM,kBAAkB,GAAG,4CAAmB,CAAC,iCAAe,CAAC,CAAC;QAEhE,OAAO,gBAAgB,IAAI,kBAAkB,CAAC;IAChD,CAAC;IALD,oCAKC","sourcesContent":["import { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\nimport { MenuListContext } from '../contexts/menuListContext';\n\n/**\n * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true\n * or whether it is a part of a `MenuList`\n *\n * A simple hook to check box contexts easily\n *\n * @returns whether the component is part of a submenu\n */\nexport function useIsSubmenu() {\n  const menuContextValue = useMenuContext_unstable(context => context.isSubmenu);\n  const hasMenuListContext = useHasParentContext(MenuListContext);\n\n  return menuContextValue || hasMenuListContext;\n}\n"]}