@fluentui-react-native/menu 1.4.33 → 1.5.0

package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultMenuItemRadioTokens = void 0;
+var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+var defaultMenuItemRadioTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralBackground1,
+    borderRadius: theme_tokens_1.globalTokens.corner.radiusNone,
+    checkmarkPadding: theme_tokens_1.globalTokens.size20,
+    checkmarkSize: 16,
+    checkmarkVisibility: 0,
+    color: t.colors.neutralForeground1,
+    fontFamily: t.typography.families.primary,
+    fontSize: theme_tokens_1.globalTokens.font.size200,
+    fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
+    gap: theme_tokens_1.globalTokens.size40,
+    iconColor: t.colors.neutralForeground1,
+    iconSize: 16,
+    minHeight: 24,
+    minWidth: 160,
+    maxWidth: 300,
+    padding: theme_tokens_1.globalTokens.size40,
+    paddingHorizontal: theme_tokens_1.globalTokens.size80,
+    pressed: {
+        backgroundColor: t.colors.neutralBackground1Pressed,
+        color: t.colors.neutralForeground1Pressed,
+        iconColor: t.colors.neutralForeground1Pressed,
+        checked: {
+            checkmarkColor: t.colors.neutralForeground1Pressed,
+            checkmarkVisibility: 1,
+        },
+    },
+    disabled: {
+        backgroundColor: t.colors.neutralBackground1,
+        color: t.colors.neutralForegroundDisabled,
+        iconColor: t.colors.neutralForegroundDisabled,
+        checked: {
+            checkmarkColor: t.colors.neutralForegroundDisabled,
+            checkmarkVisibility: 1,
+        },
+    },
+    focused: {
+        backgroundColor: t.colors.neutralBackground1Hover,
+        color: t.colors.neutralForeground1Hover,
+        iconColor: t.colors.neutralForeground1Hover,
+        checked: {
+            checkmarkColor: t.colors.neutralForeground1Hover,
+            checkmarkVisibility: 1,
+        },
+    },
+    checked: {
+        checkmarkColor: t.colors.neutralForeground1,
+        checkmarkVisibility: 1,
+    },
+}); };
+exports.defaultMenuItemRadioTokens = defaultMenuItemRadioTokens;
+//# sourceMappingURL=MenuItemRadioTokens.js.map

package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemRadioTokens.js","sourceRoot":"","sources":["../../src/MenuItemRadio/MenuItemRadioTokens.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,0BAA0B,GAA8C,UAAC,CAAQ,IAA0B,OAAA,CAAC;IACvH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,UAAU;IAC5C,gBAAgB,EAAE,2BAAY,CAAC,MAAM;IACrC,aAAa,EAAE,EAAE;IACjB,mBAAmB,EAAE,CAAC;IACtB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,2BAAY,CAAC,IAAI,CAAC,OAAO;IACnC,UAAU,EAAE,2BAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,2BAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,2BAAY,CAAC,MAAM;IAC5B,iBAAiB,EAAE,2BAAY,CAAC,MAAM;IACtC,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;YAClD,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;YAClD,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QAC3C,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;YAChD,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC3C,mBAAmB,EAAE,CAAC;KACvB;CACF,CAAC,EAjDsH,CAiDtH,CAAC;AAjDU,QAAA,0BAA0B,8BAiDpC"}

package/lib-commonjs/MenuItemRadio/index.d.ts

@@ -1,3 +1,4 @@
-export { MenuItemRadio, menuItemRadioName } from './MenuItemRadio';
+export { MenuItemRadio } from './MenuItemRadio';
 export { useMenuItemRadio } from './useMenuItemRadio';
+export type { MenuItemRadioInfo, MenuItemRadioProps, MenuItemRadioSlotProps, MenuItemRadioTokens, MenuItemRadioType, menuItemRadioName, } from './MenuItemRadio.types';
 //# sourceMappingURL=index.d.ts.map

package/lib-commonjs/MenuItemRadio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC"}

package/lib-commonjs/MenuItemRadio/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuItemRadio = exports.menuItemRadioName = exports.MenuItemRadio = void 0;
+exports.useMenuItemRadio = exports.MenuItemRadio = void 0;
 var MenuItemRadio_1 = require("./MenuItemRadio");
 Object.defineProperty(exports, "MenuItemRadio", { enumerable: true, get: function () { return MenuItemRadio_1.MenuItemRadio; } });
-Object.defineProperty(exports, "menuItemRadioName", { enumerable: true, get: function () { return MenuItemRadio_1.menuItemRadioName; } });
 var useMenuItemRadio_1 = require("./useMenuItemRadio");
 Object.defineProperty(exports, "useMenuItemRadio", { enumerable: true, get: function () { return useMenuItemRadio_1.useMenuItemRadio; } });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/MenuItemRadio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuItemRadio/index.ts"],"names":[],"mappings":";;;AAAA,iDAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AACzC,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuItemRadio/index.ts"],"names":[],"mappings":";;;AAAA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA"}

package/lib-commonjs/MenuItemRadio/useMenuItemRadio.d.ts

@@ -1,3 +1,3 @@
-import type { MenuItemCheckboxProps, MenuItemCheckboxInfo } from '../MenuItemCheckbox/MenuItemCheckbox.types';
-export declare const useMenuItemRadio: (props: MenuItemCheckboxProps) => MenuItemCheckboxInfo;
+import type { MenuItemRadioProps, MenuItemRadioInfo } from '../MenuItemRadio/MenuItemRadio.types';
+export declare const useMenuItemRadio: (props: MenuItemRadioProps) => MenuItemRadioInfo;
 //# sourceMappingURL=useMenuItemRadio.d.ts.map

package/lib-commonjs/MenuItemRadio/useMenuItemRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuItemRadio.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadio/useMenuItemRadio.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAG9G,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,KAAG,oBA+B/D,CAAC"}
+{"version":3,"file":"useMenuItemRadio.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadio/useMenuItemRadio.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAElG,eAAO,MAAM,gBAAgB,UAAW,kBAAkB,KAAG,iBA+B5D,CAAC"}

package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuItemRadio.js","sourceRoot":"","sources":["../../src/MenuItemRadio/useMenuItemRadio.ts"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAI/B,sDAAwD;AACxD,8DAAgE;AAEhE,+EAAqF;AAE9E,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IACnD,IAAA,QAAQ,GAA2B,KAAK,SAAhC,EAAE,IAAI,GAAqB,KAAK,KAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;IACjD,IAAM,OAAO,GAAG,IAAA,4BAAc,GAAE,CAAC;IACjC,IAAM,WAAW,GAAG,IAAA,oCAAkB,GAAE,CAAC;IACzC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC;IAC5C,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,IAAI,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAC/C,aAAa,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,aAAa,CAAC;IAEhD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,CAAmB;QAClB,IAAI,CAAC,QAAQ,EAAE;YACb,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,aAAa,EAAE;gBAClB,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;aAC/C;SACF;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,CACtD,CAAC;IAEF,2CAA2C;IAC3C,KAAK,CAAC,SAAS,CAAC;QACd,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE/B,OAAO;YACL,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,OAAO,IAAA,gDAA0B,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAC1D,CAAC,CAAC;AA/BW,QAAA,gBAAgB,oBA+B3B"}
+{"version":3,"file":"useMenuItemRadio.js","sourceRoot":"","sources":["../../src/MenuItemRadio/useMenuItemRadio.ts"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAI/B,sDAAwD;AACxD,8DAAgE;AAChE,+EAAqF;AAG9E,IAAM,gBAAgB,GAAG,UAAC,KAAyB;IAChD,IAAA,QAAQ,GAA2B,KAAK,SAAhC,EAAE,IAAI,GAAqB,KAAK,KAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;IACjD,IAAM,OAAO,GAAG,IAAA,4BAAc,GAAE,CAAC;IACjC,IAAM,WAAW,GAAG,IAAA,oCAAkB,GAAE,CAAC;IACzC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC;IAC5C,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,IAAI,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAC/C,aAAa,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,aAAa,CAAC;IAEhD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,CAAmB;QAClB,IAAI,CAAC,QAAQ,EAAE;YACb,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,aAAa,EAAE;gBAClB,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;aAC/C;SACF;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,CACtD,CAAC;IAEF,2CAA2C;IAC3C,KAAK,CAAC,SAAS,CAAC;QACd,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE/B,OAAO;YACL,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,OAAO,IAAA,gDAA0B,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAC1D,CAAC,CAAC;AA/BW,QAAA,gBAAgB,oBA+B3B"}

package/lib-commonjs/MenuList/MenuList.styling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.styling.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.styling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAIjF,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIzF,eAAO,MAAM,cAAc,EAAE,CAAC,MAAM,cAAc,CAAC,EAAqB,CAAC;AAEzE,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,iBAAiB,EAAE,cAAc,CAgB/F,CAAC"}
+{"version":3,"file":"MenuList.styling.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.styling.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAS,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAIjF,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIzF,eAAO,MAAM,cAAc,EAAE,CAAC,MAAM,cAAc,CAAC,EAAqB,CAAC;AAEzE,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,iBAAiB,EAAE,cAAc,CAiB/F,CAAC"}

package/lib-commonjs/MenuList/MenuList.styling.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stylingSettings = exports.menuListStates = void 0;
 var tslib_1 = require("tslib");
+var react_native_1 = require("react-native");
 var framework_1 = require("@fluentui-react-native/framework");
 var tokens_1 = require("@fluentui-react-native/tokens");
 var MenuList_types_1 = require("./MenuList.types");
@@ -12,7 +13,7 @@ exports.stylingSettings = {
     states: exports.menuListStates,
     slotProps: {
         root: (0, framework_1.buildProps)(function (tokens, theme) { return ({
-            style: tslib_1.__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, tokens_1.layoutStyles.from(tokens, theme)),
+            style: tslib_1.__assign(tslib_1.__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, tokens_1.layoutStyles.from(tokens, theme)), (react_native_1.Platform.OS === 'android' && { borderRadius: tokens.cornerRadius })),
             gap: tokens.gap,
         }); }, tslib_1.__spreadArray(['backgroundColor', 'gap'], tokens_1.layoutStyles.keys, true)),
     },

package/lib-commonjs/MenuList/MenuList.styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.styling.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.styling.ts"],"names":[],"mappings":";;;;AACA,8DAA8D;AAC9D,wDAA6D;AAG7D,mDAAgD;AAChD,mDAAyD;AAE5C,QAAA,cAAc,GAA6B,CAAC,cAAc,CAAC,CAAC;AAE5D,QAAA,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,sCAAqB,EAAE,6BAAY,CAAC;IAC7C,MAAM,EAAE,sBAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAsB,EAAE,KAAY,IAAK,OAAA,CAAC;YACzC,KAAK,qBACH,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,IACZ,qBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;YACD,GAAG,EAAE,MAAM,CAAC,GAAG;SAChB,CAAC,EAPwC,CAOxC,yBACD,iBAAiB,EAAE,KAAK,GAAK,qBAAY,CAAC,IAAI,QAChD;KACF;CACF,CAAC"}
+{"version":3,"file":"MenuList.styling.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.styling.ts"],"names":[],"mappings":";;;;AAAA,6CAAwC;AAGxC,8DAA8D;AAC9D,wDAA6D;AAG7D,mDAAgD;AAChD,mDAAyD;AAE5C,QAAA,cAAc,GAA6B,CAAC,cAAc,CAAC,CAAC;AAE5D,QAAA,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,sCAAqB,EAAE,6BAAY,CAAC;IAC7C,MAAM,EAAE,sBAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAsB,EAAE,KAAY,IAAK,OAAA,CAAC;YACzC,KAAK,sCACH,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,IACZ,qBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAChC,CAAC,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,EAAE,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CACxE;YACD,GAAG,EAAE,MAAM,CAAC,GAAG;SAChB,CAAC,EARwC,CAQxC,yBACD,iBAAiB,EAAE,KAAK,GAAK,qBAAY,CAAC,IAAI,QAChD;KACF;CACF,CAAC"}

package/lib-commonjs/MenuList/MenuList.types.d.ts

@@ -14,6 +14,10 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
      * States of the list control
      */
     hasMaxHeight?: MenuListTokens;
+    /**
+     * Corner radius of the menu list
+     */
+    cornerRadius?: number;
 }
 export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
     /**

package/lib-commonjs/MenuList/MenuList.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1F,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACvF,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
+{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1F,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACvF,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}

package/lib-commonjs/MenuList/MenuListTokens.android.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 { MenuListTokens } from './MenuList.types';
+export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
+//# sourceMappingURL=MenuListTokens.android.d.ts.map

package/lib-commonjs/MenuList/MenuListTokens.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.android.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.android.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,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAIrE,CAAC"}

package/lib-commonjs/MenuList/MenuListTokens.android.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultMenuListTokens = void 0;
+var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+var defaultMenuListTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralBackground1,
+    cornerRadius: theme_tokens_1.globalTokens.corner.radius80,
+    paddingVertical: theme_tokens_1.globalTokens.size80,
+}); };
+exports.defaultMenuListTokens = defaultMenuListTokens;
+//# sourceMappingURL=MenuListTokens.android.js.map

package/lib-commonjs/MenuList/MenuListTokens.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.android.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.android.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,eAAe,EAAE,2BAAY,CAAC,MAAM;CACrC,CAAC,EAJuG,CAIvG,CAAC;AAJU,QAAA,qBAAqB,yBAI/B"}

package/lib-commonjs/MenuPopover/MenuPopover.d.ts

@@ -1,4 +1,6 @@
-import type { MenuPopoverTokens } from './MenuPopover.types';
-export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, MenuPopoverTokens, import("@fluentui-react-native/framework").Theme>;
+export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
+    cornerRadius?: number;
+    elevation?: number;
+}, import("@fluentui-react-native/framework").Theme>;
 export default MenuPopover;
 //# sourceMappingURL=MenuPopover.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAM/E,eAAO,MAAM,WAAW,gMAwCvB,CAAC;AAGF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,WAAW;;;oDA4CvB,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopover.js

@@ -4,12 +4,12 @@ exports.MenuPopover = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var react_native_1 = require("react-native");
-var callout_1 = require("@fluentui-react-native/callout");
 var framework_1 = require("@fluentui-react-native/framework");
 var MenuPopover_types_1 = require("./MenuPopover.types");
 var MenuPopoverTokens_1 = require("./MenuPopoverTokens");
 var useMenuPopover_1 = require("./useMenuPopover");
 var context_1 = require("../context");
+var MenuCallout_1 = require("../MenuCallout");
 exports.MenuPopover = (0, framework_1.compressible)(function (props, useTokens) {
     var _a;
     var directionalHint = props.directionalHint, gapSpace = props.gapSpace, maxHeight = props.maxHeight, maxWidth = props.maxWidth, minWidth = props.minWidth, minPadding = props.minPadding, borderWidth = props.borderWidth, borderColor = props.borderColor, backgroundColor = props.backgroundColor;
@@ -39,7 +39,7 @@ exports.MenuPopover = (0, framework_1.compressible)(function (props, useTokens)
                     maxHeight: mergedProps.maxHeight,
                 } }) : state.innerView;
         var content = react_1.default.createElement(react_native_1.View, innerViewProps, children);
-        return react_1.default.createElement(callout_1.Callout, tslib_1.__assign({}, mergedProps), content);
+        return (react_1.default.createElement(MenuCallout_1.MenuCallout, tslib_1.__assign({ tokens: tokens }, mergedProps), content));
     };
 }, MenuPopoverTokens_1.useMenuPopoverTokens);
 exports.MenuPopover.displayName = MenuPopover_types_1.menuPopoverName;

package/lib-commonjs/MenuPopover/MenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,6CAA8C;AAE9C,0DAAyD;AAEzD,8DAAyG;AAGzG,yDAAsD;AACtD,yDAA2D;AAC3D,mDAAkD;AAClD,sCAA4C;AAE/B,QAAA,WAAW,GAAG,IAAA,wBAAY,EACrC,UAAC,KAAuB,EAAE,SAAuC;;IACvD,IAAA,eAAe,GAAqG,KAAK,gBAA1G,EAAE,QAAQ,GAA2F,KAAK,SAAhG,EAAE,SAAS,GAAgF,KAAK,UAArF,EAAE,QAAQ,GAAsE,KAAK,SAA3E,EAAE,QAAQ,GAA4D,KAAK,SAAjE,EAAE,UAAU,GAAgD,KAAK,WAArD,EAAE,WAAW,GAAmC,KAAK,YAAxC,EAAE,WAAW,GAAsB,KAAK,YAA3B,EAAE,eAAe,GAAK,KAAK,gBAAV,CAAW;IAClI,IAAM,KAAK,GAAG,IAAA,+BAAc,EAAC,KAAK,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAC/B,IAAM,OAAO,GAAG,IAAA,wBAAc,GAAE,CAAC;IAC7B,IAAA,KAAkB,SAAS,CAAC,KAAK,CAAC,EAAjC,MAAM,QAAA,EAAE,KAAK,QAAoB,CAAC;IAEvC,OAAO,CAAC,YAAY,GAAG,SAAS,IAAI,SAAS,CAAC;IAC9C,OAAO,CAAC,QAAQ,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,CAAC,QAAQ,CAAC;IAEhD,KAAkB,IAAA,uBAAW,EAAC,MAAM,EAAE,KAAK,EAAE;QAC3C,eAAe,iBAAA;QACf,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;QACX,eAAe,iBAAA;KAChB,CAAC,EAVD,MAAM,QAAA,EAAE,KAAK,QAAA,CAUX;IAEH,OAAO,UAAC,KAAuB,EAAE,QAAyB;QACxD,IAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3D,IAAM,cAAc;QAClB,uJAAuJ;QACvJ,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,uBAAQ,CAAC,EAAE,KAAM,OAAe;YAC3D,CAAC,uCACM,KAAK,CAAC,SAAS,KAClB,KAAK,EAAE;oBACL,SAAS,EAAE,WAAW,CAAC,SAAS;iBACjC,IAEL,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,IAAM,OAAO,GAAG,eAAK,CAAC,aAAa,CAAC,mBAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;QACpE,OAAO,8BAAC,iBAAO,uBAAK,WAAW,GAAG,OAAO,CAAW,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC,EACD,wCAAoB,CACrB,CAAC;AACF,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}
+{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,6CAA8C;AAG9C,8DAAyG;AAGzG,yDAAsD;AACtD,yDAA2D;AAC3D,mDAAkD;AAClD,sCAA4C;AAC5C,8CAA6C;AAEhC,QAAA,WAAW,GAAG,IAAA,wBAAY,EACrC,UAAC,KAAuB,EAAE,SAAuC;;IACvD,IAAA,eAAe,GAAqG,KAAK,gBAA1G,EAAE,QAAQ,GAA2F,KAAK,SAAhG,EAAE,SAAS,GAAgF,KAAK,UAArF,EAAE,QAAQ,GAAsE,KAAK,SAA3E,EAAE,QAAQ,GAA4D,KAAK,SAAjE,EAAE,UAAU,GAAgD,KAAK,WAArD,EAAE,WAAW,GAAmC,KAAK,YAAxC,EAAE,WAAW,GAAsB,KAAK,YAA3B,EAAE,eAAe,GAAK,KAAK,gBAAV,CAAW;IAClI,IAAM,KAAK,GAAG,IAAA,+BAAc,EAAC,KAAK,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAC/B,IAAM,OAAO,GAAG,IAAA,wBAAc,GAAE,CAAC;IAC7B,IAAA,KAAkB,SAAS,CAAC,KAAK,CAAC,EAAjC,MAAM,QAAA,EAAE,KAAK,QAAoB,CAAC;IAEvC,OAAO,CAAC,YAAY,GAAG,SAAS,IAAI,SAAS,CAAC;IAC9C,OAAO,CAAC,QAAQ,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,CAAC,QAAQ,CAAC;IAEhD,KAAkB,IAAA,uBAAW,EAAC,MAAM,EAAE,KAAK,EAAE;QAC3C,eAAe,iBAAA;QACf,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;QACX,eAAe,iBAAA;KAChB,CAAC,EAVD,MAAM,QAAA,EAAE,KAAK,QAAA,CAUX;IAEH,OAAO,UAAC,KAAuB,EAAE,QAAyB;QACxD,IAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3D,IAAM,cAAc;QAClB,uJAAuJ;QACvJ,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,uBAAQ,CAAC,EAAE,KAAM,OAAe;YAC3D,CAAC,uCACM,KAAK,CAAC,SAAS,KAClB,KAAK,EAAE;oBACL,SAAS,EAAE,WAAW,CAAC,SAAS;iBACjC,IAEL,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,IAAM,OAAO,GAAG,eAAK,CAAC,aAAa,CAAC,mBAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;QACpE,OAAO,CACL,8BAAC,yBAAW,qBAAC,MAAM,EAAE,MAAM,IAAM,WAAW,GACzC,OAAO,CACI,CACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,EACD,wCAAoB,CACrB,CAAC;AACF,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts

@@ -1,7 +1,18 @@
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
 export declare const menuPopoverName = "MenuPopover";
-export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'>;
+export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
+    /**
+     * The props for the corner radius for the Modal MenuPopover
+     * @platform android
+     */
+    cornerRadius?: number;
+    /**
+     * Shadown elevation for the Modal MenuPopover
+     * @platform android
+     */
+    elevation?: number;
+};
 export type MenuPopoverProps = ICalloutProps;
 export interface MenuPopoverState {
     props: ICalloutProps;

package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover.types.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,CAAC;AAEtG,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,UAAU,CAAC;CACvB"}
+{"version":3,"file":"MenuPopover.types.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GACzB,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG;IACtE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,UAAU,CAAC;CACvB"}

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts

@@ -0,0 +1,5 @@
+export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
+    cornerRadius?: number;
+    elevation?: number;
+}>;
+//# sourceMappingURL=MenuPopoverTokens.android.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.android.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,oBAAoB;;;EAWhC,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMenuPopoverTokens = void 0;
+var react_native_1 = require("react-native");
+var framework_1 = require("@fluentui-react-native/framework");
+var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+var MenuPopover_types_1 = require("./MenuPopover.types");
+exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (t) { return ({
+    borderWidth: 1,
+    borderColor: t.colors.neutralStrokeAccessible,
+    maxHeight: react_native_1.Dimensions.get('window').height / 2 - theme_tokens_1.globalTokens.size320,
+    maxWidth: react_native_1.Dimensions.get('window').width - theme_tokens_1.globalTokens.size160,
+    cornerRadius: theme_tokens_1.globalTokens.corner.radius80,
+    elevation: theme_tokens_1.globalTokens.size160,
+    minPadding: theme_tokens_1.globalTokens.size160,
+}); }, MenuPopover_types_1.menuPopoverName);
+//# sourceMappingURL=MenuPopoverTokens.android.js.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.android.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":";;;AAAA,6CAA0C;AAG1C,8DAAkE;AAClE,oEAAmE;AAGnE,yDAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,UAAC,CAAQ,IAAK,OAAA,CAAC;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;IAC7C,SAAS,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,2BAAY,CAAC,OAAO;IACrE,QAAQ,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,2BAAY,CAAC,OAAO;IAC/D,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,SAAS,EAAE,2BAAY,CAAC,OAAO;IAC/B,UAAU,EAAE,2BAAY,CAAC,OAAO;CACjC,CAAC,EARY,CAQZ,EACF,mCAAe,CAChB,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts

@@ -1,3 +1,5 @@
-import type { MenuPopoverTokens } from './MenuPopover.types';
-export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<MenuPopoverTokens>;
+export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
+    cornerRadius?: number;
+    elevation?: number;
+}>;
 //# sourceMappingURL=MenuPopoverTokens.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopoverTokens.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,eAAO,MAAM,oBAAoB,yEAGhC,CAAC"}
+{"version":3,"file":"MenuPopoverTokens.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB;;;EAGhC,CAAC"}

package/lib-commonjs/index.d.ts

@@ -4,7 +4,7 @@ export { MenuTrigger, menuTriggerName, MenuTriggerChildProps, MenuTriggerState,
 export { MenuPopover, menuPopoverName, MenuPopoverProps, MenuPopoverState, MenuPopoverTokens, useMenuPopover } from './MenuPopover';
 export { MenuItem, menuItemName, MenuItemProps, MenuItemState, MenuItemInfo, MenuItemSlotProps, MenuItemTokens, MenuItemType, useMenuItem, } from './MenuItem';
 export { MenuItemCheckbox, menuItemCheckboxName, MenuItemCheckboxProps, MenuItemCheckboxInfo, MenuItemCheckboxSlotProps, MenuItemCheckboxTokens, MenuItemCheckboxType, useMenuCheckboxInteraction, useMenuItemCheckbox, } from './MenuItemCheckbox';
-export { MenuItemRadio, menuItemRadioName, useMenuItemRadio } from './MenuItemRadio';
+export { MenuItemRadio, menuItemRadioName, useMenuItemRadio, MenuItemRadioInfo, MenuItemRadioProps, MenuItemRadioSlotProps, MenuItemRadioTokens, MenuItemRadioType, } from './MenuItemRadio';
 export { MenuList, menuListName, MenuListProps, MenuListSlotProps, MenuListState, MenuListTokens, MenuListType, useMenuList, useMenuListContextValue, } from './MenuList';
 export { MenuDivider, menuDividerName, MenuDividerProps, MenuDividerSlotProps, MenuDividerTokens, MenuDividerType } from './MenuDivider';
 //# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACtH,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpI,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACrF,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,WAAW,EACX,uBAAuB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACtH,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpI,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,WAAW,EACX,uBAAuB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/lib-commonjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.menuDividerName = exports.MenuDivider = exports.useMenuListContextValue = exports.useMenuList = exports.menuListName = exports.MenuList = exports.useMenuItemRadio = exports.menuItemRadioName = exports.MenuItemRadio = exports.useMenuItemCheckbox = exports.useMenuCheckboxInteraction = exports.menuItemCheckboxName = exports.MenuItemCheckbox = exports.useMenuItem = exports.menuItemName = exports.MenuItem = exports.useMenuPopover = exports.menuPopoverName = exports.MenuPopover = exports.useMenuTrigger = exports.menuTriggerName = exports.MenuTrigger = exports.useMenuContextValue = exports.useMenu = exports.menuName = exports.Menu = exports.MenuTriggerProvider = exports.MenuTriggerContext = exports.useMenuTriggerContext = exports.MenuListProvider = exports.MenuListContext = exports.useMenuListContext = exports.MenuProvider = exports.MenuContext = exports.useMenuContext = void 0;
+exports.menuDividerName = exports.MenuDivider = exports.useMenuListContextValue = exports.useMenuList = exports.menuListName = exports.MenuList = exports.useMenuItemRadio = exports.MenuItemRadio = exports.useMenuItemCheckbox = exports.useMenuCheckboxInteraction = exports.menuItemCheckboxName = exports.MenuItemCheckbox = exports.useMenuItem = exports.menuItemName = exports.MenuItem = exports.useMenuPopover = exports.menuPopoverName = exports.MenuPopover = exports.useMenuTrigger = exports.menuTriggerName = exports.MenuTrigger = exports.useMenuContextValue = exports.useMenu = exports.menuName = exports.Menu = exports.MenuTriggerProvider = exports.MenuTriggerContext = exports.useMenuTriggerContext = exports.MenuListProvider = exports.MenuListContext = exports.useMenuListContext = exports.MenuProvider = exports.MenuContext = exports.useMenuContext = void 0;
 var context_1 = require("./context");
 Object.defineProperty(exports, "useMenuContext", { enumerable: true, get: function () { return context_1.useMenuContext; } });
 Object.defineProperty(exports, "MenuContext", { enumerable: true, get: function () { return context_1.MenuContext; } });
@@ -35,7 +35,6 @@ Object.defineProperty(exports, "useMenuCheckboxInteraction", { enumerable: true,
 Object.defineProperty(exports, "useMenuItemCheckbox", { enumerable: true, get: function () { return MenuItemCheckbox_1.useMenuItemCheckbox; } });
 var MenuItemRadio_1 = require("./MenuItemRadio");
 Object.defineProperty(exports, "MenuItemRadio", { enumerable: true, get: function () { return MenuItemRadio_1.MenuItemRadio; } });
-Object.defineProperty(exports, "menuItemRadioName", { enumerable: true, get: function () { return MenuItemRadio_1.menuItemRadioName; } });
 Object.defineProperty(exports, "useMenuItemRadio", { enumerable: true, get: function () { return MenuItemRadio_1.useMenuItemRadio; } });
 var MenuList_1 = require("./MenuList");
 Object.defineProperty(exports, "MenuList", { enumerable: true, get: function () { return MenuList_1.MenuList; } });

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,qCAYmB;AAXjB,yGAAA,cAAc,OAAA;AACd,sGAAA,WAAW,OAAA;AAEX,uGAAA,YAAY,OAAA;AACZ,6GAAA,kBAAkB,OAAA;AAClB,0GAAA,eAAe,OAAA;AAEf,2GAAA,gBAAgB,OAAA;AAChB,gHAAA,qBAAqB,OAAA;AACrB,6GAAA,kBAAkB,OAAA;AAClB,8GAAA,mBAAmB,OAAA;AAErB,+BAA4F;AAAnF,4FAAA,IAAI,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAwB,+FAAA,OAAO,OAAA;AAAE,2GAAA,mBAAmB,OAAA;AAC3E,6CAAsH;AAA7G,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAA2C,6GAAA,cAAc,OAAA;AAC9F,6CAAoI;AAA3H,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAAyD,6GAAA,cAAc,OAAA;AAC5G,uCAUoB;AATlB,oGAAA,QAAQ,OAAA;AACR,wGAAA,YAAY,OAAA;AAOZ,uGAAA,WAAW,OAAA;AAEb,uDAU4B;AAT1B,oHAAA,gBAAgB,OAAA;AAChB,wHAAA,oBAAoB,OAAA;AAMpB,8HAAA,0BAA0B,OAAA;AAC1B,uHAAA,mBAAmB,OAAA;AAErB,iDAAqF;AAA5E,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAAE,iHAAA,gBAAgB,OAAA;AAC3D,uCAUoB;AATlB,oGAAA,QAAQ,OAAA;AACR,wGAAA,YAAY,OAAA;AAMZ,uGAAA,WAAW,OAAA;AACX,mHAAA,uBAAuB,OAAA;AAEzB,6CAAyI;AAAhI,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,qCAYmB;AAXjB,yGAAA,cAAc,OAAA;AACd,sGAAA,WAAW,OAAA;AAEX,uGAAA,YAAY,OAAA;AACZ,6GAAA,kBAAkB,OAAA;AAClB,0GAAA,eAAe,OAAA;AAEf,2GAAA,gBAAgB,OAAA;AAChB,gHAAA,qBAAqB,OAAA;AACrB,6GAAA,kBAAkB,OAAA;AAClB,8GAAA,mBAAmB,OAAA;AAErB,+BAA4F;AAAnF,4FAAA,IAAI,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAwB,+FAAA,OAAO,OAAA;AAAE,2GAAA,mBAAmB,OAAA;AAC3E,6CAAsH;AAA7G,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAA2C,6GAAA,cAAc,OAAA;AAC9F,6CAAoI;AAA3H,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAAyD,6GAAA,cAAc,OAAA;AAC5G,uCAUoB;AATlB,oGAAA,QAAQ,OAAA;AACR,wGAAA,YAAY,OAAA;AAOZ,uGAAA,WAAW,OAAA;AAEb,uDAU4B;AAT1B,oHAAA,gBAAgB,OAAA;AAChB,wHAAA,oBAAoB,OAAA;AAMpB,8HAAA,0BAA0B,OAAA;AAC1B,uHAAA,mBAAmB,OAAA;AAErB,iDASyB;AARvB,8GAAA,aAAa,OAAA;AAEb,iHAAA,gBAAgB,OAAA;AAOlB,uCAUoB;AATlB,oGAAA,QAAQ,OAAA;AACR,wGAAA,YAAY,OAAA;AAMZ,uGAAA,WAAW,OAAA;AACX,mHAAA,uBAAuB,OAAA;AAEzB,6CAAyI;AAAhI,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/menu",
-  "version": "1.4.33",
+  "version": "1.5.0",
   "description": "A cross-platform Menu component using the Fluent Design System",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -23,19 +23,19 @@
   },
   "dependencies": {
     "@fluentui-react-native/adapters": ">=0.10.2 <1.0.0",
-    "@fluentui-react-native/callout": ">=0.23.11 <1.0.0",
-    "@fluentui-react-native/focus-zone": ">=0.11.40 <1.0.0",
+    "@fluentui-react-native/callout": ">=0.23.12 <1.0.0",
+    "@fluentui-react-native/focus-zone": ">=0.11.41 <1.0.0",
     "@fluentui-react-native/framework": "0.9.8",
-    "@fluentui-react-native/icon": "^0.17.24",
-    "@fluentui-react-native/interactive-hooks": ">=0.22.28 <1.0.0",
-    "@fluentui-react-native/text": ">=0.19.30 <1.0.0",
+    "@fluentui-react-native/icon": "^0.17.25",
+    "@fluentui-react-native/interactive-hooks": ">=0.22.29 <1.0.0",
+    "@fluentui-react-native/text": ">=0.19.31 <1.0.0",
     "@fluentui-react-native/theme-tokens": ">=0.24.5 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.20.14 <1.0.0",
     "@fluentui-react-native/use-styling": ">=0.9.4 <1.0.0",
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@fluentui-react-native/button": ">=0.32.48 <1.0.0",
+    "@fluentui-react-native/button": ">=0.32.50 <1.0.0",
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",
     "@fluentui-react-native/scripts": "^0.1.1",
     "@fluentui-react-native/test-tools": ">=0.1.1 <1.0.0",

package/src/Menu/Menu.tsx

@@ -4,9 +4,9 @@ import { stagedComponent } from '@fluentui-react-native/framework';
 
 import type { MenuProps } from './Menu.types';
 import { menuName } from './Menu.types';
+import { renderFinalMenu } from './renderMenu';
 import { useMenu } from './useMenu';
 import { useMenuContextValue } from './useMenuContextValue';
-import { MenuProvider } from '../context/menuContext';
 
 export const Menu = stagedComponent((props: MenuProps) => {
   const state = useMenu(props);
@@ -21,20 +21,10 @@ export const Menu = stagedComponent((props: MenuProps) => {
         console.warn('Menu must contain two children');
       }
     }
-
-    const menuTrigger = childrenArray[0];
-    const menuPopover = childrenArray[1];
-
-    return (
-      <MenuProvider value={contextValue}>
-        {menuTrigger}
-        {/* GH#2661: Make sure that shouldFocusOnContainer is defined before initializing
-            the popover so that focus is put in the correct place */}
-        {state.open && state.shouldFocusOnContainer !== undefined && menuPopover}
-      </MenuProvider>
-    );
+    return renderFinalMenu(childrenArray, contextValue, state);
   };
 });
+
 Menu.displayName = menuName;
 
 export default Menu;

package/src/Menu/Menu.types.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { View } from 'react-native';
+import type { Animated, LayoutChangeEvent, View } from 'react-native';
 
 import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 
@@ -39,6 +39,11 @@ export interface MenuProps extends MenuListProps {
   persistOnItemClick?: boolean;
 }
 
+export type MenuSizeType = {
+  width: Animated.Value;
+  height: Animated.Value;
+};
+
 export interface MenuState extends MenuProps {
   isControlled: boolean;
   isSubmenu: boolean;
@@ -48,4 +53,20 @@ export interface MenuState extends MenuProps {
   triggerRef: React.RefObject<View>;
   hasMaxHeight?: boolean;
   hasMaxWidth?: boolean;
+  setAnchorWidth?: (value: null | number | ((prevState: null | number) => null | number)) => void;
+  shadowMenuContainerStyle?: object;
+  _container?: React.MutableRefObject<View>;
+  onRequestClose?: (e: InteractionEvent) => void;
+  onMenuLayout?: (e: LayoutChangeEvent) => void;
+  menuHeight?: number;
+  maxMenuHeight?: number;
+  animationStarted?: boolean;
+  menuSize?: MenuSizeType;
+  testID?: string;
+}
+
+export enum AndroidMenuStates {
+  Hidden,
+  Animating,
+  Shown,
 }

package/src/Menu/renderMenu.android.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { View } from 'react-native';
+
+import type { MenuState } from './Menu.types';
+import type { MenuContextValue } from '../context';
+import { MenuProvider } from '../context';
+
+export const renderFinalMenu = (childrenArray: React.ReactElement[], contextValue: MenuContextValue, state: MenuState) => {
+  const menuTrigger = childrenArray[0];
+  const menuPopover = childrenArray[1];
+  return (
+    <MenuProvider value={contextValue}>
+      <View
+        onLayout={(event) => {
+          const { width } = event.nativeEvent.layout;
+          state.setAnchorWidth(width);
+        }}
+      >
+        {menuTrigger}
+      </View>
+      <View ref={state._container} collapsable={false} testID={state.testID}>
+        {state.open && menuPopover}
+      </View>
+    </MenuProvider>
+  );
+};

package/src/Menu/renderMenu.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import type { MenuState } from './Menu.types';
+import type { MenuContextValue } from '../context';
+import { MenuProvider } from '../context';
+
+export const renderFinalMenu = (childrenArray: React.ReactElement[], contextValue: MenuContextValue, state: MenuState) => {
+  const menuTrigger = childrenArray[0];
+  const menuPopover = childrenArray[1];
+  return (
+    <MenuProvider value={contextValue}>
+      {menuTrigger}
+      {/* GH#2661: Make sure that shouldFocusOnContainer is defined before initializing
+            the popover so that focus is put in the correct place */}
+      {state.open && state.shouldFocusOnContainer !== undefined && menuPopover}
+    </MenuProvider>
+  );
+};