@fluentui-react-native/menu 1.4.28 → 1.4.30

package/CHANGELOG.json

@@ -2,7 +2,85 @@
   "name": "@fluentui-react-native/menu",
   "entries": [
     {
-      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "date": "Thu, 23 Mar 2023 06:04:49 GMT",
+      "tag": "@fluentui-react-native/menu_v1.4.30",
+      "version": "1.4.30",
+      "comments": {
+        "patch": [
+          {
+            "author": "ruaraki@microsoft.com",
+            "package": "@fluentui-react-native/menu",
+            "commit": "6821628b9c22887c01da2224c8c76558158a8939",
+            "comment": "Update Menu documentation"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:53:47 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,36 @@
 # 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 Thu, 23 Mar 2023 06:04:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.4.30
+
+Thu, 23 Mar 2023 06:04:49 GMT
+
+### Patches
+
+- Update Menu documentation (ruaraki@microsoft.com)
+
+## 1.4.29
+
+Tue, 21 Mar 2023 21:53:47 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/SPEC.md

@@ -218,6 +218,11 @@ export type MenuListProps = {
    */
   defaultChecked?: string[];
 
+  /**
+   * States that menu items can contain icons and reserves space for item alignment
+   */
+  hasIcons?: boolean;
+
   /**
    * States that menu items can contain selectable items and reserves space for item alignment
    */
@@ -249,6 +254,11 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
    * Space between items in pixels
    */
   gap?: number;
+
+  /**
+   * States of the list control
+   */
+  hasMaxHeight?: MenuListTokens;
 }
 ```
 
@@ -271,6 +281,11 @@ export interface MenuItemProps extends Omit<PressablePropsExtended, 'onPress'> {
    */
   componentRef?: React.RefObject<IFocusable>;
 
+  /*
+   * Source URL or name of the icon to show on the Button.
+   */
+  icon?: IconProps | ImageProps;
+
   /**
    * A callback to call on button click event
    */
@@ -297,6 +312,16 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
    */
   gap?: number;
 
+  /**
+   * Color of the icon
+   */
+  iconColor?: ColorValue;
+
+  /**
+   * Size of the icon. Pixels for SVG and points for font icon.
+   */
+  iconSize?: number;
+
   /**
    * Color of the indicator that shows that an item has a submenu
    */
@@ -327,6 +352,9 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
 - `root` - The outer container representing the `MenuItem` itself that wraps everything passed via the `children` prop.
 - `content` - If specified, renders the `content` prop as text.
 - `checkmark` - If specified, renders space such that the `content` aligns with other items which have checkmarks. Only used when the `Menu` has `hasCheckmarks`.
+- `iconPlaceholder` - If specified, renders space for an icon before the content. Could be blank or contain an icon. Used when the `Menu` has `hasIcons`.
+- `imgIcon` - If specified, renders an `Image` as an icon.
+- `fontOrSvgIcon` - If specified, renders an `Icon` which supports font or SVG icons.
 - `submenuIndicator` - If specified, renders an SVG which indicates that the `MenuItem` is a trigger for a nested `Menu`.
 
 ### MenuItemCheckbox/Radio
@@ -342,6 +370,11 @@ export interface MenuItemCheckboxProps extends Omit<IWithPressableOptions<ViewPr
    */
   componentRef?: React.RefObject<IFocusable>;
 
+  /*
+   * Source URL or name of the icon to show on the Button.
+   */
+  icon?: IconProps | ImageProps;
+
   /**
    * Identifier for the control
    */
@@ -383,6 +416,16 @@ export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorde
    */
   gap?: number;
 
+  /**
+   * Color of the icon
+   */
+  iconColor?: ColorValue;
+
+  /**
+   * Size of the icon. Pixels for SVG and points for font icon.
+   */
+  iconSize?: number;
+
   /**
    * States of the item control
    */
@@ -399,6 +442,9 @@ export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorde
 - `root` - The outer container representing the `MenuItem` itself that wraps everything passed via the `children` prop.
 - `content` - If specified, renders the `content` prop as text.
 - `checkmark` - If specified, renders an SVG which indicates that the `MenuItem` is selected.
+- `iconPlaceholder` - If specified, renders space for an icon before the content. Could be blank or contain an icon. Used when the `Menu` has `hasIcons`.
+- `imgIcon` - If specified, renders an `Image` as an icon.
+- `fontOrSvgIcon` - If specified, renders an `Icon` which supports font or SVG icons.
 
 ## Behaviors
 

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"}