@fluentui-react-native/menu 1.4.28 → 1.4.29

package/CHANGELOG.json

@@ -2,7 +2,70 @@
   "name": "@fluentui-react-native/menu",
   "entries": [
     {
-      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "date": "Tue, 21 Mar 2023 21:51:14 GMT",
+      "tag": "@fluentui-react-native/menu_v1.4.29",
+      "version": "1.4.29",
+      "comments": {
+        "patch": [
+          {
+            "author": "krsiler@microsoft.com",
+            "package": "@fluentui-react-native/menu",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
+            "comment": "Trigger manual bump (no changes)"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/callout to v0.23.10",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/focus-zone to v0.11.39",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.8",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/icon to v0.17.23",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/interactive-hooks to v0.22.27",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/text to v0.19.29",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/tokens to v0.20.14",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/button to v0.32.47",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 18 Mar 2023 17:22:31 GMT",
       "tag": "@fluentui-react-native/menu_v1.4.28",
       "version": "1.4.28",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @fluentui-react-native/menu
 
-This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:51:14 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.4.29
+
+Tue, 21 Mar 2023 21:51:14 GMT
+
+### Patches
+
+- Trigger manual bump (no changes) (krsiler@microsoft.com)
+- Bump @fluentui-react-native/callout to v0.23.10
+- Bump @fluentui-react-native/focus-zone to v0.11.39
+- Bump @fluentui-react-native/framework to v0.9.8
+- Bump @fluentui-react-native/icon to v0.17.23
+- Bump @fluentui-react-native/interactive-hooks to v0.22.27
+- Bump @fluentui-react-native/text to v0.19.29
+- Bump @fluentui-react-native/tokens to v0.20.14
+- Bump @fluentui-react-native/button to v0.32.47
+
 ## 1.4.28
 
-Sat, 18 Mar 2023 17:18:20 GMT
+Sat, 18 Mar 2023 17:22:31 GMT
 
 ### Patches
 

package/lib/Menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import type { MenuProps } from './Menu.types';
+export declare const Menu: import("@fluentui-react-native/framework").ComposableFunction<MenuProps>;
+export default Menu;
+//# sourceMappingURL=Menu.d.ts.map

package/lib/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,eAAO,MAAM,IAAI,0EA2Cf,CAAC;AAGH,eAAe,IAAI,CAAC"}

package/lib/Menu/Menu.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { stagedComponent } from '@fluentui-react-native/framework';
+import { menuName } from './Menu.types';
+import { useMenu } from './useMenu';
+import { useMenuContextValue } from './useMenuContextValue';
+import { MenuProvider } from '../context/menuContext';
+export var Menu = stagedComponent(function (props) {
+    var state = useMenu(props);
+    var contextValue = useMenuContextValue(state);
+    return function (_rest, children) {
+        var _a, _b;
+        var childrenArray = React.Children.toArray(children);
+        var accessibilityPositionInSet = state.accessibilityPositionInSet, accessibilitySetSize = state.accessibilitySetSize;
+        if (__DEV__) {
+            if (childrenArray.length !== 2) {
+                // eslint-disable-next-line no-console
+                console.warn('Menu must contain two children');
+            }
+        }
+        var menuTrigger = childrenArray[0];
+        var menuPopover = childrenArray[1];
+        var menuTriggerChild = menuTrigger.props.children;
+        var menuTriggerChildWithSet = React.cloneElement(menuTriggerChild, {
+            accessibilityPositionInSet: (_a = menuTriggerChild.props.accessibilityPositionInSet) !== null && _a !== void 0 ? _a : accessibilityPositionInSet,
+            accessibilitySetSize: (_b = menuTriggerChild.props.accessibilitySetSize) !== null && _b !== void 0 ? _b : accessibilitySetSize, //win32
+        });
+        var menuTriggerWithSet = React.cloneElement(menuTrigger, {}, menuTriggerChildWithSet);
+        return (React.createElement(MenuProvider, { value: contextValue },
+            menuTriggerWithSet,
+            state.open && state.shouldFocusOnContainer !== undefined && menuPopover));
+    };
+});
+Menu.displayName = menuName;
+export default Menu;
+//# sourceMappingURL=Menu.js.map

package/lib/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,CAAC,IAAM,IAAI,GAAG,eAAe,CAAC,UAAC,KAAgB;IACnD,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,UAAC,KAAgB,EAAE,QAAyB;;QACjD,IAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAyB,CAAC;QACvE,IAAA,0BAA0B,GAA2B,KAAK,2BAAhC,EAAE,oBAAoB,GAAK,KAAK,qBAAV,CAAW;QAEnE,IAAI,OAAO,EAAE;YACX,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9B,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;aAChD;SACF;QAED,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACrC,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAErC,IAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC;QAEpD,IAAM,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAChD,gBAA0F,EAC1F;YACE,0BAA0B,EAAE,MAAA,gBAAgB,CAAC,KAAK,CAAC,0BAA0B,mCAAI,0BAA0B;YAC3G,oBAAoB,EAAE,MAAA,gBAAgB,CAAC,KAAK,CAAC,oBAAoB,mCAAI,oBAAoB,EAAE,OAAO;SAC5F,CACT,CAAC;QAEF,IAAM,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAC3C,WAAqF,EACrF,EAAS,EACT,uBAAuB,CACxB,CAAC;QAEF,OAAO,CACL,oBAAC,YAAY,IAAC,KAAK,EAAE,YAAY;YAC9B,kBAAkB;YAGlB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,sBAAsB,KAAK,SAAS,IAAI,WAAW,CAC3D,CAChB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE5B,eAAe,IAAI,CAAC"}

package/lib/Menu/Menu.types.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="node" />
+import type React from 'react';
+import type { View } from 'react-native';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import type { MenuListProps } from '../MenuList/MenuList.types';
+export declare const menuName = "Menu";
+export interface MenuProps extends MenuListProps {
+    /**
+     * Whether the popup is open on mount
+     */
+    defaultOpen?: boolean;
+    /**
+     * How much delay to have between hover in and showing the menu, in ms.
+     */
+    hoverDelay?: number;
+    /**
+     * Whether the popup is open
+     */
+    open?: boolean;
+    /**
+     * Call back when the component requests to change value
+     */
+    onOpenChange?: (e: InteractionEvent, isOpen: boolean) => void;
+    openOnHover?: boolean;
+    /**
+     * Do not dismiss the menu when a menu item is clicked
+     */
+    persistOnItemClick?: boolean;
+}
+export interface MenuState extends MenuProps {
+    isControlled: boolean;
+    isSubmenu: boolean;
+    parentPopoverHoverOutTimer?: NodeJS.Timeout;
+    setOpen: (e: InteractionEvent, isOpen: boolean, bubble?: boolean) => void;
+    shouldFocusOnContainer: boolean;
+    triggerRef: React.RefObject<View>;
+    hasMaxHeight?: boolean;
+    hasMaxWidth?: boolean;
+}
+//# sourceMappingURL=Menu.types.d.ts.map

package/lib/Menu/Menu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAK9D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,0BAA0B,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/lib/Menu/Menu.types.js

@@ -0,0 +1,2 @@
+export var menuName = 'Menu';
+//# sourceMappingURL=Menu.types.js.map

package/lib/Menu/Menu.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.types.js","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC"}

package/lib/Menu/index.d.ts

@@ -0,0 +1,6 @@
+export { Menu } from './Menu';
+export { menuName } from './Menu.types';
+export type { MenuProps, MenuState } from './Menu.types';
+export { useMenu } from './useMenu';
+export { useMenuContextValue } from './useMenuContextValue';
+//# sourceMappingURL=index.d.ts.map

package/lib/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/Menu/index.js

@@ -0,0 +1,5 @@
+export { Menu } from './Menu';
+export { menuName } from './Menu.types';
+export { useMenu } from './useMenu';
+export { useMenuContextValue } from './useMenuContextValue';
+//# sourceMappingURL=index.js.map

package/lib/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/Menu/useMenu.d.ts

@@ -0,0 +1,3 @@
+import type { MenuProps, MenuState } from './Menu.types';
+export declare const useMenu: (props: MenuProps) => MenuState;
+//# sourceMappingURL=useMenu.d.ts.map

package/lib/Menu/useMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu.d.ts","sourceRoot":"","sources":["../../src/Menu/useMenu.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAUzD,eAAO,MAAM,OAAO,UAAW,SAAS,KAAG,SAiC1C,CAAC"}

package/lib/Menu/useMenu.js

@@ -0,0 +1,76 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { Platform } from 'react-native';
+import { isMouseEvent } from '@fluentui-react-native/interactive-hooks';
+import { useMenuContext } from '../context/menuContext';
+// Due to how events get fired we get double notifications
+// for the same event causing us to immediately reopen
+// a menu when we close it. Adding in a delay to prevent
+// this behavior.
+var delayOpen = 150;
+var lastCloseTimestamp = -1;
+export var useMenu = function (props) {
+    var triggerRef = React.useRef();
+    var context = useMenuContext();
+    var isSubmenu = context.triggerRef !== null;
+    var isOpenControlled = typeof props.open !== 'undefined';
+    var _a = useMenuOpenState(isOpenControlled, props, context.setOpen), open = _a[0], shouldFocusOnContainer = _a[1], setOpen = _a[2];
+    var _b = useMenuCheckedState(props), checked = _b[0], onCheckedChange = _b[1];
+    // Default behavior for submenu is to open on hover
+    // the ...props line below will override this behavior for a submenu
+    // or apply openOnHover if passed into a root Menu.
+    var openOnHover = isSubmenu;
+    // We need to be able to cancel the timer that gets set on
+    // hover out of the parent popover if the parent popover
+    // is also set to open/close on hover out. Otherwise
+    // the parent menu will close when the timeout passes.
+    var parentPopoverHoverOutTimer = isSubmenu ? context.popoverHoverOutTimer : undefined;
+    return __assign(__assign({ openOnHover: openOnHover }, props), { open: open, setOpen: setOpen, shouldFocusOnContainer: shouldFocusOnContainer, checked: checked, onCheckedChange: onCheckedChange, triggerRef: triggerRef, isSubmenu: isSubmenu, isControlled: isOpenControlled, parentPopoverHoverOutTimer: parentPopoverHoverOutTimer });
+};
+var useMenuOpenState = function (isControlled, props, parentSetOpen) {
+    var defaultOpen = props.defaultOpen, onOpenChange = props.onOpenChange, open = props.open;
+    var initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
+    var _a = React.useState(initialState), openInternal = _a[0], setOpenInternal = _a[1];
+    var _b = React.useState(undefined), shouldFocusOnContainer = _b[0], setShouldFocusOnContainer = _b[1];
+    var state = isControlled ? open : openInternal;
+    var setOpen = React.useCallback(function (e, isOpen, bubble) {
+        var openPrev = state;
+        if (!isControlled && (!isOpen || lastCloseTimestamp + delayOpen <= Date.now())) {
+            setOpenInternal(isOpen);
+        }
+        if (isOpen) {
+            if (Platform.OS === 'win32' && isMouseEvent(e)) {
+                setShouldFocusOnContainer(true);
+            }
+            else {
+                setShouldFocusOnContainer(false);
+            }
+        }
+        if (!isOpen) {
+            setShouldFocusOnContainer(undefined);
+            lastCloseTimestamp = Date.now();
+        }
+        if (onOpenChange && openPrev !== isOpen) {
+            onOpenChange(e, isOpen);
+        }
+        if (bubble && parentSetOpen) {
+            parentSetOpen(e, isOpen, bubble);
+        }
+    }, [isControlled, state, onOpenChange, setOpenInternal, parentSetOpen]);
+    return [state, shouldFocusOnContainer, setOpen];
+};
+var useMenuCheckedState = function (props) {
+    var _a;
+    var checked = props.checked, defaultChecked = props.defaultChecked, onCheckedChangeOriginal = props.onCheckedChange;
+    var _b = React.useState((_a = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : checked) !== null && _a !== void 0 ? _a : []), checkedInternal = _b[0], setCheckedInternal = _b[1];
+    var isControlled = typeof checked !== 'undefined';
+    var state = isControlled ? checked : checkedInternal;
+    var onCheckedChange = React.useCallback(function (e, checked) {
+        if (!isControlled) {
+            setCheckedInternal(checked);
+        }
+        onCheckedChangeOriginal === null || onCheckedChangeOriginal === void 0 ? void 0 : onCheckedChangeOriginal(e, checked);
+    }, [isControlled, setCheckedInternal, onCheckedChangeOriginal]);
+    return [state, onCheckedChange];
+};
+//# sourceMappingURL=useMenu.js.map

package/lib/Menu/useMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu.js","sourceRoot":"","sources":["../../src/Menu/useMenu.ts"],"names":[],"mappings":"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"}

package/lib/Menu/useMenuContextValue.d.ts

@@ -0,0 +1,4 @@
+import type { MenuState } from './Menu.types';
+import type { MenuContextValue } from '../context/menuContext';
+export declare const useMenuContextValue: (state: MenuState) => MenuContextValue;
+//# sourceMappingURL=useMenuContextValue.d.ts.map

package/lib/Menu/useMenuContextValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuContextValue.d.ts","sourceRoot":"","sources":["../../src/Menu/useMenuContextValue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,eAAO,MAAM,mBAAmB,UAAW,SAAS,KAAG,gBAItD,CAAC"}

package/lib/Menu/useMenuContextValue.js

@@ -0,0 +1,8 @@
+import { __assign } from "tslib";
+import React from 'react';
+export var useMenuContextValue = function (state) {
+    var _a = React.useState(), triggerHoverOutTimer = _a[0], setTriggerHoverOutTimer = _a[1];
+    var _b = React.useState(), popoverHoverOutTimer = _b[0], setPopoverHoverOutTimer = _b[1];
+    return __assign(__assign({}, state), { popoverHoverOutTimer: popoverHoverOutTimer, triggerHoverOutTimer: triggerHoverOutTimer, setPopoverHoverOutTimer: setPopoverHoverOutTimer, setTriggerHoverOutTimer: setTriggerHoverOutTimer });
+};
+//# sourceMappingURL=useMenuContextValue.js.map

package/lib/Menu/useMenuContextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuContextValue.js","sourceRoot":"","sources":["../../src/Menu/useMenuContextValue.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,KAAgB;IAC5C,IAAA,KAAkD,KAAK,CAAC,QAAQ,EAA8B,EAA7F,oBAAoB,QAAA,EAAE,uBAAuB,QAAgD,CAAC;IAC/F,IAAA,KAAkD,KAAK,CAAC,QAAQ,EAAkB,EAAjF,oBAAoB,QAAA,EAAE,uBAAuB,QAAoC,CAAC;IACzF,6BAAY,KAAK,KAAE,oBAAoB,sBAAA,EAAE,oBAAoB,sBAAA,EAAE,uBAAuB,yBAAA,EAAE,uBAAuB,yBAAA,IAAG;AACpH,CAAC,CAAC"}

package/lib/MenuDivider/MenuDivider.d.ts

@@ -0,0 +1,2 @@
+export declare const MenuDivider: import("@fluentui-react-native/framework").ComposableComponent<import("@fluentui-react-native/adapters").IViewProps, import("./MenuDivider.types").MenuDividerSlotProps, import("./MenuDivider.types").MenuDividerTokens, object>;
+//# sourceMappingURL=MenuDivider.d.ts.map

package/lib/MenuDivider/MenuDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW,mOAatB,CAAC"}

package/lib/MenuDivider/MenuDivider.js

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+/** @jsx withSlots */
+import { View } from 'react-native';
+import { compose, withSlots } from '@fluentui-react-native/framework';
+import { stylingSettings } from './MenuDivider.styling';
+import { menuDividerName } from './MenuDivider.types';
+export var MenuDivider = compose(__assign(__assign({ displayName: menuDividerName }, stylingSettings), { slots: {
+        root: View,
+    }, useRender: function (userProps, useSlots) {
+        var Slots = useSlots(userProps);
+        return function (final) {
+            return withSlots(Slots.root, __assign({}, final));
+        };
+    } }));
+//# sourceMappingURL=MenuDivider.js.map

package/lib/MenuDivider/MenuDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":";AAAA,qBAAqB;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,IAAM,WAAW,GAAG,OAAO,qBAChC,WAAW,EAAE,eAAe,IACzB,eAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;KACX,EACD,SAAS,EAAE,UAAC,SAA2B,EAAE,QAAmC;QAC1E,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;QAElC,OAAO,UAAC,KAAuB;YAC7B,OAAO,UAAC,KAAK,CAAC,IAAI,eAAK,KAAK,EAAI,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}

package/lib/MenuDivider/MenuDivider.styling.d.ts

@@ -0,0 +1,4 @@
+import type { UseStylingOptions } from '@fluentui-react-native/framework';
+import type { MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps } from './MenuDivider.types';
+export declare const stylingSettings: UseStylingOptions<MenuDividerProps, MenuDividerSlotProps, MenuDividerTokens>;
+//# sourceMappingURL=MenuDivider.styling.d.ts.map

package/lib/MenuDivider/MenuDivider.styling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.styling.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.styling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAIrG,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,CAiBxG,CAAC"}

package/lib/MenuDivider/MenuDivider.styling.js

@@ -0,0 +1,19 @@
+import { buildProps } from '@fluentui-react-native/framework';
+import { menuDividerName } from './MenuDivider.types';
+import { defaultMenuDividerTokens } from './MenuDividerTokens';
+export var stylingSettings = {
+    tokens: [defaultMenuDividerTokens, menuDividerName],
+    slotProps: {
+        root: buildProps(function (tokens) { return ({
+            style: {
+                height: tokens.height,
+                width: tokens.width,
+                backgroundColor: tokens.backgroundColor,
+                margin: tokens.margin,
+                marginVertical: tokens.marginVertical,
+                display: 'flex',
+            },
+        }); }, ['backgroundColor', 'height', 'margin', 'marginVertical', 'width']),
+    },
+};
+//# sourceMappingURL=MenuDivider.styling.js.map

package/lib/MenuDivider/MenuDivider.styling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.styling.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.styling.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,CAAC,IAAM,eAAe,GAAiF;IAC3G,MAAM,EAAE,CAAC,wBAAwB,EAAE,eAAe,CAAC;IACnD,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAyB,IAAK,OAAA,CAAC;YAC9B,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,eAAe,EAAE,MAAM,CAAC,eAAe;gBACvC,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,cAAc,EAAE,MAAM,CAAC,cAAc;gBACrC,OAAO,EAAE,MAAM;aAChB;SACF,CAAC,EAT6B,CAS7B,EACF,CAAC,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,CAAC,CACnE;KACF;CACF,CAAC"}

package/lib/MenuDivider/MenuDivider.types.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { ViewStyle } from 'react-native';
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { IBackgroundColorTokens } from '@fluentui-react-native/tokens';
+export declare const menuDividerName = "MenuDivider";
+export type MenuDividerTokens = IBackgroundColorTokens & {
+    height?: number;
+    margin?: number;
+    marginVertical?: number;
+    width?: ViewStyle['width'];
+};
+export type MenuDividerProps = IViewProps;
+export interface MenuDividerSlotProps {
+    root: React.PropsWithRef<IViewProps>;
+}
+export interface MenuDividerType {
+    props: MenuDividerProps;
+    tokens: MenuDividerTokens;
+    slotProps: MenuDividerSlotProps;
+}
+//# sourceMappingURL=MenuDivider.types.d.ts.map

package/lib/MenuDivider/MenuDivider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.types.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAE5E,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,EAAE,oBAAoB,CAAC;CACjC"}

package/lib/MenuDivider/MenuDivider.types.js

@@ -0,0 +1,2 @@
+export var menuDividerName = 'MenuDivider';
+//# sourceMappingURL=MenuDivider.types.js.map

package/lib/MenuDivider/MenuDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.types.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuDividerTokens } from './MenuDivider.types';
+export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
+//# sourceMappingURL=MenuDividerTokens.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,CAI3E,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.js

@@ -0,0 +1,7 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuDividerTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralStroke2,
+    height: globalTokens.stroke.width10,
+    marginVertical: globalTokens.size40,
+}); };
+//# sourceMappingURL=MenuDividerTokens.js.map

package/lib/MenuDivider/MenuDividerTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,CAAQ,IAAwB,OAAA,CAAC;IACjH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IACxC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;IACnC,cAAc,EAAE,YAAY,CAAC,MAAM;CACpC,CAAC,EAJgH,CAIhH,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.macos.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuDividerTokens } from './MenuDivider.types';
+export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
+//# sourceMappingURL=MenuDividerTokens.macos.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,CAI3E,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.macos.js

@@ -0,0 +1,7 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuDividerTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralStroke2,
+    height: globalTokens.stroke.width10,
+    margin: globalTokens.size40,
+}); };
+//# sourceMappingURL=MenuDividerTokens.macos.js.map

package/lib/MenuDivider/MenuDividerTokens.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.macos.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,CAAQ,IAAwB,OAAA,CAAC;IACjH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IACxC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;IACnC,MAAM,EAAE,YAAY,CAAC,MAAM;CAC5B,CAAC,EAJgH,CAIhH,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.win32.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuDividerTokens } from './MenuDivider.types';
+export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
+//# sourceMappingURL=MenuDividerTokens.win32.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,CAI3E,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.win32.js

@@ -0,0 +1,7 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuDividerTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralStroke1,
+    height: globalTokens.stroke.width10,
+    margin: globalTokens.size20,
+}); };
+//# sourceMappingURL=MenuDividerTokens.win32.js.map

package/lib/MenuDivider/MenuDividerTokens.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.win32.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.win32.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,CAAQ,IAAwB,OAAA,CAAC;IACjH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IACxC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;IACnC,MAAM,EAAE,YAAY,CAAC,MAAM;CAC5B,CAAC,EAJgH,CAIhH,CAAC"}

package/lib/MenuDivider/index.d.ts

@@ -0,0 +1,4 @@
+export { MenuDivider } from './MenuDivider';
+export { menuDividerName } from './MenuDivider.types';
+export type { MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps, MenuDividerType } from './MenuDivider.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuDivider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/MenuDivider/index.js

@@ -0,0 +1,3 @@
+export { MenuDivider } from './MenuDivider';
+export { menuDividerName } from './MenuDivider.types';
+//# sourceMappingURL=index.js.map

package/lib/MenuDivider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuDivider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/MenuItem/MenuItem.d.ts

@@ -0,0 +1,7 @@
+/** @jsx withSlots */
+import React from 'react';
+import type { MenuItemProps } from './MenuItem.types';
+export declare const MenuItem: import("@fluentui-react-native/framework").ComposableComponent<MenuItemProps, import("./MenuItem.types").MenuItemSlotProps, import("./MenuItem.types").MenuItemTokens, object>;
+export declare const getAccessibilityLabel: (accessibilityLabel: string, child: React.ReactNode) => string;
+export declare const getTooltip: (tooltip: string, hasTooltips: boolean, child: React.ReactNode) => string;
+//# sourceMappingURL=MenuItem.d.ts.map

package/lib/MenuItem/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AAIpE,eAAO,MAAM,QAAQ,gLAmDnB,CAAC;AAaH,eAAO,MAAM,qBAAqB,uBAXuB,MAAM,SAAS,MAAM,SAAS,WAWd,CAAC;AAa1E,eAAO,MAAM,UAAU,YAXY,MAAM,eAAe,OAAO,SAAS,MAAM,SAAS,WAWpC,CAAC"}

package/lib/MenuItem/MenuItem.js

@@ -0,0 +1,58 @@
+import { __assign, __rest } from "tslib";
+import { I18nManager, Image, Pressable, View } from 'react-native';
+import { compose, memoize, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { IconV1 as Icon } from '@fluentui-react-native/icon';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { SvgXml } from 'react-native-svg';
+import { stylingSettings } from './MenuItem.styling';
+import { menuItemName } from './MenuItem.types';
+import { useMenuItem } from './useMenuItem';
+export var MenuItem = compose(__assign(__assign({ displayName: menuItemName }, stylingSettings), { slots: {
+        root: Pressable,
+        checkmark: View,
+        content: Text,
+        iconPlaceholder: View,
+        imgIcon: Image,
+        fontOrSvgIcon: Icon,
+        submenuIndicator: SvgXml,
+    }, useRender: function (userProps, useSlots) {
+        var menuItem = useMenuItem(userProps);
+        var Slots = useSlots(userProps, function (layer) { return menuItem.state[layer] || userProps[layer]; });
+        return function (final, children) {
+            var _a = mergeProps(menuItem.props, final), accessibilityLabel = _a.accessibilityLabel, icon = _a.icon, tooltip = _a.tooltip, mergedProps = __rest(_a, ["accessibilityLabel", "icon", "tooltip"]);
+            var chevronXml = I18nManager.isRTL
+                ? "\n          <svg>\n          <path fill='currentColor' d=\"M10.2603 3.20041C10.5639 3.48226 10.5814 3.95681 10.2996 4.26034L6.77348 8L10.2996 11.7397C10.5814 12.0432 10.5639 12.5177 10.2603 12.7996C9.9568 13.0815 9.48226 13.0639 9.2004 12.7603L5.2004 8.51034C4.9332 8.22258 4.9332 7.77743 5.2004 7.48966L9.20041 3.23966C9.48226 2.93613 9.95681 2.91856 10.2603 3.20041Z\"/>\n          </svg>"
+                : "\n          <svg>\n          <path fill='currentColor' d=\"M5.73966 3.20041C5.43613 3.48226 5.41856 3.95681 5.70041 4.26034L9.22652 8L5.70041 11.7397C5.41856 12.0432 5.43613 12.5177 5.73967 12.7996C6.0432 13.0815 6.51775 13.0639 6.7996 12.7603L10.7996 8.51034C11.0668 8.22258 11.0668 7.77743 10.7996 7.48966L6.7996 3.23966C6.51775 2.93613 6.0432 2.91856 5.73966 3.20041Z\"/>\n          </svg>";
+            // We only automatically support the one child string.
+            var label = getAccessibilityLabel(accessibilityLabel, children[0]);
+            var tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
+            return (withSlots(Slots.root, __assign({}, mergedProps, { accessibilityLabel: label }),
+                menuItem.state.hasCheckmarks && withSlots(Slots.checkmark, { accessible: false }),
+                (icon || menuItem.state.hasIcons) && (withSlots(Slots.iconPlaceholder, { accessible: false },
+                    icon && icon.source && withSlots(Slots.imgIcon, __assign({ accessible: false }, icon)),
+                    icon && (icon.svgSource || icon.fontSource) && withSlots(Slots.fontOrSvgIcon, __assign({ accessible: false }, icon)))),
+                children && (withSlots(Slots.content, { accessible: false, tooltip: tooltipResult }, children)),
+                menuItem.state.hasSubmenu && withSlots(Slots.submenuIndicator, { accessible: false, xml: chevronXml })));
+        };
+    } }));
+var getAccessibilityLabelWorker = function (accessibilityLabel, child) {
+    if (accessibilityLabel !== undefined) {
+        return accessibilityLabel;
+    }
+    if (typeof child === 'string') {
+        return child;
+    }
+    return undefined;
+};
+export var getAccessibilityLabel = memoize(getAccessibilityLabelWorker);
+var getTooltipWorker = function (tooltip, hasTooltips, child) {
+    if (tooltip !== undefined) {
+        return tooltip;
+    }
+    if (hasTooltips && typeof child === 'string') {
+        return child;
+    }
+    return undefined;
+};
+export var getTooltip = memoize(getTooltipWorker);
+//# sourceMappingURL=MenuItem.js.map