@fluentui-react-native/menu 1.8.0 → 1.9.0

package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuGroupHeader = void 0;
+var tslib_1 = require("tslib");
+var framework_1 = require("@fluentui-react-native/framework");
+var text_1 = require("@fluentui-react-native/text");
+var MenuGroupHeader_styling_1 = require("./MenuGroupHeader.styling");
+var MenuGroupHeader_types_1 = require("./MenuGroupHeader.types");
+exports.MenuGroupHeader = (0, framework_1.compose)(tslib_1.__assign(tslib_1.__assign({ displayName: MenuGroupHeader_types_1.menuGroupHeaderName }, MenuGroupHeader_styling_1.stylingSettings), { slots: {
+        root: text_1.TextV1,
+    }, useRender: function (userProps, useSlots) {
+        var Slots = useSlots(userProps);
+        return function (final, children) {
+            var mergedProps = tslib_1.__rest((0, framework_1.mergeProps)(userProps, final), []);
+            return ((0, framework_1.withSlots)(Slots.root, tslib_1.__assign({ accessible: userProps.accessible }, mergedProps), children));
+        };
+    } }));
+//# sourceMappingURL=MenuGroupHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeader.js","sourceRoot":"","sources":["../../src/MenuGroupHeader/MenuGroupHeader.tsx"],"names":[],"mappings":";;;;AAGA,8DAAkF;AAElF,oDAA6D;AAE7D,qEAA4D;AAE5D,iEAA8D;AAEjD,QAAA,eAAe,GAAG,IAAA,mBAAO,sCACpC,WAAW,EAAE,2CAAmB,IAC7B,yCAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,aAAI;KACX,EACD,SAAS,EAAE,UAAC,SAA+B,EAAE,QAAuC;QAClF,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;QAElC,OAAO,UAAC,KAA2B,EAAE,QAAyB;YAC5D,IAAW,WAAW,kBAAK,IAAA,sBAAU,EAAC,SAAS,EAAE,KAAK,CAAC,EAAjD,EAAkB,CAA+B,CAAC;YAExD,OAAO,CACL,2BAAC,KAAK,CAAC,IAAI,qBAAC,UAAU,EAAE,SAAS,CAAC,UAAU,IAAM,WAAW,GAC1D,QAAQ,CACE,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}

package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeader.styling.d.ts","sourceRoot":"","sources":["../../src/MenuGroupHeader/MenuGroupHeader.styling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAKjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAGrH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,EAAE,wBAAwB,EAAE,qBAAqB,CAgBpH,CAAC"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stylingSettings = void 0;
+var tslib_1 = require("tslib");
+var framework_1 = require("@fluentui-react-native/framework");
+var framework_2 = require("@fluentui-react-native/framework");
+var MenuGroupHeader_types_1 = require("./MenuGroupHeader.types");
+var MenuGroupHeaderTokens_1 = require("./MenuGroupHeaderTokens");
+exports.stylingSettings = {
+    tokens: [MenuGroupHeaderTokens_1.defaultMenuGroupHeaderTokens, MenuGroupHeader_types_1.menuGroupHeaderName],
+    slotProps: {
+        root: (0, framework_2.buildProps)(function (tokens, theme) {
+            return {
+                color: tokens.color,
+                style: tslib_1.__assign({ marginStart: tokens.gap }, framework_1.fontStyles.from(tokens, theme)),
+            };
+        }, ['color']),
+    },
+};
+//# sourceMappingURL=MenuGroupHeader.styling.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeader.styling.js","sourceRoot":"","sources":["../../src/MenuGroupHeader/MenuGroupHeader.styling.ts"],"names":[],"mappings":";;;;AACA,8DAA8D;AAC9D,8DAA8D;AAE9D,iEAA8D;AAE9D,iEAAuE;AAE1D,QAAA,eAAe,GAA6F;IACvH,MAAM,EAAE,CAAC,oDAA4B,EAAE,2CAAmB,CAAC;IAC3D,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAA6B,EAAE,KAAY;YAC1C,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,qBACH,WAAW,EAAE,MAAM,CAAC,GAAG,IACpB,sBAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAClC;aACF,CAAC;QACJ,CAAC,EACD,CAAC,OAAO,CAAC,CACV;KACF;CACF,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { TextProps } from '@fluentui-react-native/text';
+import type { FontTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
+export declare const menuGroupHeaderName = "MenuGroupHeader";
+export interface MenuGroupHeaderTokens extends LayoutTokens, FontTokens, IColorTokens {
+    gap?: number;
+}
+export type MenuGroupHeaderProps = TextProps;
+export interface MenuGroupHeaderSlotProps {
+    root: TextProps;
+}
+export interface MenuGroupHeaderType {
+    props: MenuGroupHeaderProps;
+    tokens: MenuGroupHeaderTokens;
+    slotProps: MenuGroupHeaderSlotProps;
+}
+//# sourceMappingURL=MenuGroupHeader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeader.types.d.ts","sourceRoot":"","sources":["../../src/MenuGroupHeader/MenuGroupHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE5F,eAAO,MAAM,mBAAmB,oBAAoB,CAAC;AAErD,MAAM,WAAW,qBAAsB,SAAQ,YAAY,EAAE,UAAU,EAAE,YAAY;IACnF,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AACD,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC;AAE7C,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,SAAS,EAAE,wBAAwB,CAAC;CACrC"}

package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuGroupHeaderName = void 0;
+exports.menuGroupHeaderName = 'MenuGroupHeader';
+//# sourceMappingURL=MenuGroupHeader.types.js.map

package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeader.types.js","sourceRoot":"","sources":["../../src/MenuGroupHeader/MenuGroupHeader.types.ts"],"names":[],"mappings":";;;AAGa,QAAA,mBAAmB,GAAG,iBAAiB,CAAC"}

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

package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeaderTokens.d.ts","sourceRoot":"","sources":["../../src/MenuGroupHeader/MenuGroupHeaderTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,eAAO,MAAM,4BAA4B,EAAE,aAAa,CAAC,qBAAqB,EAAE,KAAK,CAOnF,CAAC"}

package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultMenuGroupHeaderTokens = void 0;
+var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+var defaultMenuGroupHeaderTokens = function (t) { return ({
+    color: t.colors.neutralForeground2,
+    fontFamily: t.typography.families.primary,
+    fontSize: theme_tokens_1.globalTokens.font.size300,
+    fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
+    gap: theme_tokens_1.globalTokens.size40,
+    padding: theme_tokens_1.globalTokens.size60,
+}); };
+exports.defaultMenuGroupHeaderTokens = defaultMenuGroupHeaderTokens;
+//# sourceMappingURL=MenuGroupHeaderTokens.js.map

package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeaderTokens.js","sourceRoot":"","sources":["../../src/MenuGroupHeader/MenuGroupHeaderTokens.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,4BAA4B,GAAgD,UAAC,CAAC,IAA4B,OAAA,CAAC;IACtH,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,OAAO,EAAE,2BAAY,CAAC,MAAM;CAC7B,CAAC,EAPqH,CAOrH,CAAC;AAPU,QAAA,4BAA4B,gCAOtC"}

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

package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeaderTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuGroupHeader/MenuGroupHeaderTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,eAAO,MAAM,4BAA4B,EAAE,aAAa,CAAC,qBAAqB,EAAE,KAAK,CAQnF,CAAC"}

package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultMenuGroupHeaderTokens = void 0;
+var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+var defaultMenuGroupHeaderTokens = function (t) { return ({
+    color: t.colors.disabledText,
+    fontFamily: t.typography.families.primary,
+    fontSize: 13,
+    fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
+    gap: theme_tokens_1.globalTokens.size40,
+    paddingHorizontal: 5,
+    paddingVertical: 3,
+}); };
+exports.defaultMenuGroupHeaderTokens = defaultMenuGroupHeaderTokens;
+//# sourceMappingURL=MenuGroupHeaderTokens.macos.js.map

package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeaderTokens.macos.js","sourceRoot":"","sources":["../../src/MenuGroupHeader/MenuGroupHeaderTokens.macos.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,4BAA4B,GAAgD,UAAC,CAAC,IAA4B,OAAA,CAAC;IACtH,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;IAC5B,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,2BAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,2BAAY,CAAC,MAAM;IACxB,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;CACnB,CAAC,EARqH,CAQrH,CAAC;AARU,QAAA,4BAA4B,gCAQtC"}

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

@@ -0,0 +1,4 @@
+export { MenuGroupHeader } from './MenuGroupHeader';
+export { menuGroupHeaderName } from './MenuGroupHeader.types';
+export type { MenuGroupHeaderProps, MenuGroupHeaderTokens, MenuGroupHeaderSlotProps, MenuGroupHeaderType } from './MenuGroupHeader.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuGroupHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/lib-commonjs/MenuGroupHeader/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuGroupHeaderName = exports.MenuGroupHeader = void 0;
+var MenuGroupHeader_1 = require("./MenuGroupHeader");
+Object.defineProperty(exports, "MenuGroupHeader", { enumerable: true, get: function () { return MenuGroupHeader_1.MenuGroupHeader; } });
+var MenuGroupHeader_types_1 = require("./MenuGroupHeader.types");
+Object.defineProperty(exports, "menuGroupHeaderName", { enumerable: true, get: function () { return MenuGroupHeader_types_1.menuGroupHeaderName; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuGroupHeader/index.ts"],"names":[],"mappings":";;;AAAA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA"}

package/lib-commonjs/__tests__/Menu.test.js

@@ -7,6 +7,8 @@ var test_tools_1 = require("@fluentui-react-native/test-tools");
 var renderer = tslib_1.__importStar(require("react-test-renderer"));
 var Menu_1 = require("../Menu/Menu");
 var MenuDivider_1 = require("../MenuDivider/MenuDivider");
+var MenuGroup_1 = require("../MenuGroup");
+var MenuGroupHeader_1 = require("../MenuGroupHeader");
 var MenuItem_1 = require("../MenuItem/MenuItem");
 var MenuItemCheckbox_1 = require("../MenuItemCheckbox/MenuItemCheckbox");
 var MenuItemRadio_1 = require("../MenuItemRadio/MenuItemRadio");
@@ -117,6 +119,23 @@ describe('Menu component tests', function () {
         expect(tree).toMatchSnapshot();
     });
 });
+it('Menu open menu group and menu header', function () {
+    var tree = renderer
+        .create(React.createElement(Menu_1.Menu, { open: true },
+        React.createElement(MenuTrigger_1.default, null,
+            React.createElement(button_1.ButtonV1, null, "Open")),
+        React.createElement(MenuPopover_1.default, null,
+            React.createElement(MenuList_1.MenuList, null,
+                React.createElement(MenuGroup_1.MenuGroup, null,
+                    React.createElement(MenuGroupHeader_1.MenuGroupHeader, null, "Header 1"),
+                    React.createElement(MenuItem_1.MenuItem, null, "Option 1")),
+                React.createElement(MenuDivider_1.MenuDivider, null),
+                React.createElement(MenuGroup_1.MenuGroup, null,
+                    React.createElement(MenuGroupHeader_1.MenuGroupHeader, null, "Header 2"),
+                    React.createElement(MenuItem_1.MenuItem, null, "Option 1"))))))
+        .toJSON();
+    expect(tree).toMatchSnapshot();
+});
 describe('Menu rerender tests', function () {
     it('Menu re-renders correctly', function () {
         (0, test_tools_1.checkReRender)(function () { return (React.createElement(Menu_1.Menu, { open: true },

package/lib-commonjs/__tests__/Menu.test.js.map

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

package/lib-commonjs/index.d.ts

@@ -7,4 +7,6 @@ export { MenuItemCheckbox, menuItemCheckboxName, MenuItemCheckboxProps, MenuItem
 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';
+export { MenuGroup, menuGroupName, MenuGroupProps, MenuGroupSlotProps, MenuGroupTokens, MenuGroupType } from './MenuGroup';
+export { MenuGroupHeader, menuGroupHeaderName, MenuGroupHeaderProps, MenuGroupHeaderSlotProps, MenuGroupHeaderTokens, MenuGroupHeaderType, } from './MenuGroupHeader';
 //# 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,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"}
+{"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;AACzI,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3H,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,mBAAmB,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.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.menuGroupHeaderName = exports.MenuGroupHeader = exports.menuGroupName = exports.MenuGroup = 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; } });
@@ -44,4 +44,10 @@ Object.defineProperty(exports, "useMenuListContextValue", { enumerable: true, ge
 var MenuDivider_1 = require("./MenuDivider");
 Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return MenuDivider_1.MenuDivider; } });
 Object.defineProperty(exports, "menuDividerName", { enumerable: true, get: function () { return MenuDivider_1.menuDividerName; } });
+var MenuGroup_1 = require("./MenuGroup");
+Object.defineProperty(exports, "MenuGroup", { enumerable: true, get: function () { return MenuGroup_1.MenuGroup; } });
+Object.defineProperty(exports, "menuGroupName", { enumerable: true, get: function () { return MenuGroup_1.menuGroupName; } });
+var MenuGroupHeader_1 = require("./MenuGroupHeader");
+Object.defineProperty(exports, "MenuGroupHeader", { enumerable: true, get: function () { return MenuGroupHeader_1.MenuGroupHeader; } });
+Object.defineProperty(exports, "menuGroupHeaderName", { enumerable: true, get: function () { return MenuGroupHeader_1.menuGroupHeaderName; } });
 //# sourceMappingURL=index.js.map

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,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"}
+{"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;AACrC,yCAA2H;AAAlH,sGAAA,SAAS,OAAA;AAAE,0GAAA,aAAa,OAAA;AACjC,qDAO2B;AANzB,kHAAA,eAAe,OAAA;AACf,sHAAA,mBAAmB,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/menu",
-  "version": "1.8.0",
+  "version": "1.9.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.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.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/callout": ">=0.23.13 <1.0.0",
+    "@fluentui-react-native/focus-zone": ">=0.11.42 <1.0.0",
+    "@fluentui-react-native/framework": "0.9.9",
+    "@fluentui-react-native/icon": "^0.17.26",
+    "@fluentui-react-native/interactive-hooks": ">=0.22.30 <1.0.0",
+    "@fluentui-react-native/text": ">=0.19.32 <1.0.0",
+    "@fluentui-react-native/theme-tokens": ">=0.24.6 <1.0.0",
+    "@fluentui-react-native/tokens": ">=0.20.15 <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.51 <1.0.0",
+    "@fluentui-react-native/button": ">=0.32.52 <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/MenuGroup/MenuGroup.tsx

@@ -0,0 +1,44 @@
+/** @jsx withSlots */
+import React from 'react';
+import { View } from 'react-native';
+
+import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import type { UseSlots } from '@fluentui-react-native/framework';
+
+import type { MenuGroupProps, MenuGroupType } from './MenuGroup.types';
+import { menuGroupName } from './MenuGroup.types';
+
+export const MenuGroup = compose<MenuGroupType>({
+  displayName: menuGroupName,
+  slots: {
+    root: View,
+  },
+  useRender: (userProps: MenuGroupProps, useSlots: UseSlots<MenuGroupType>) => {
+    const Slots = useSlots(userProps);
+    return (final: MenuGroupProps, children: React.ReactNode) => {
+      const { ...mergedProps } = mergeProps(userProps, final);
+
+      let itemPosition = 0;
+      const childrenWithSet = React.Children.toArray(children).map((child) => {
+        if (React.isValidElement(child)) {
+          const itemCount = React.Children.toArray(children).filter(
+            (child) => React.isValidElement(child) && (child as any).type.displayName !== 'MenuGroupHeader',
+          ).length;
+
+          if ((child as any).type.displayName !== 'MenuGroupHeader') {
+            itemPosition++;
+          }
+          return React.cloneElement(
+            child as React.ReactElement<unknown, string | React.JSXElementConstructor<any>>,
+            {
+              accessibilityPositionInSet: child.props.accessibilityPositionInSet ?? itemPosition, // win32
+              accessibilitySetSize: child.props.accessibilitySetSize ?? itemCount, //win32
+            } as any,
+          );
+        }
+        return child;
+      });
+      return <Slots.root {...mergedProps}>{childrenWithSet}</Slots.root>;
+    };
+  },
+});

package/src/MenuGroup/MenuGroup.types.ts

@@ -0,0 +1,20 @@
+import type { ViewProps } from 'react-native';
+
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { LayoutTokens } from '@fluentui-react-native/tokens';
+
+export const menuGroupName = 'MenuGroup';
+
+export type MenuGroupTokens = LayoutTokens;
+
+export type MenuGroupProps = IViewProps;
+
+export interface MenuGroupSlotProps {
+  root: ViewProps;
+}
+
+export interface MenuGroupType {
+  props: MenuGroupProps;
+  tokens: MenuGroupTokens;
+  slotProps: MenuGroupSlotProps;
+}

package/src/MenuGroup/index.ts

@@ -0,0 +1,3 @@
+export { MenuGroup } from './MenuGroup';
+export { menuGroupName } from './MenuGroup.types';
+export type { MenuGroupProps, MenuGroupTokens, MenuGroupSlotProps, MenuGroupType } from './MenuGroup.types';

package/src/MenuGroupHeader/MenuGroupHeader.styling.ts

@@ -0,0 +1,25 @@
+import type { Theme, UseStylingOptions } from '@fluentui-react-native/framework';
+import { fontStyles } from '@fluentui-react-native/framework';
+import { buildProps } from '@fluentui-react-native/framework';
+
+import { menuGroupHeaderName } from './MenuGroupHeader.types';
+import type { MenuGroupHeaderProps, MenuGroupHeaderTokens, MenuGroupHeaderSlotProps } from './MenuGroupHeader.types';
+import { defaultMenuGroupHeaderTokens } from './MenuGroupHeaderTokens';
+
+export const stylingSettings: UseStylingOptions<MenuGroupHeaderProps, MenuGroupHeaderSlotProps, MenuGroupHeaderTokens> = {
+  tokens: [defaultMenuGroupHeaderTokens, menuGroupHeaderName],
+  slotProps: {
+    root: buildProps(
+      (tokens: MenuGroupHeaderTokens, theme: Theme) => {
+        return {
+          color: tokens.color,
+          style: {
+            marginStart: tokens.gap,
+            ...fontStyles.from(tokens, theme),
+          },
+        };
+      },
+      ['color'],
+    ),
+  },
+};

package/src/MenuGroupHeader/MenuGroupHeader.tsx

@@ -0,0 +1,31 @@
+/** @jsx withSlots */
+import React from 'react';
+
+import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import type { UseSlots } from '@fluentui-react-native/framework';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+
+import { stylingSettings } from './MenuGroupHeader.styling';
+import type { MenuGroupHeaderProps, MenuGroupHeaderType } from './MenuGroupHeader.types';
+import { menuGroupHeaderName } from './MenuGroupHeader.types';
+
+export const MenuGroupHeader = compose<MenuGroupHeaderType>({
+  displayName: menuGroupHeaderName,
+  ...stylingSettings,
+  slots: {
+    root: Text,
+  },
+  useRender: (userProps: MenuGroupHeaderProps, useSlots: UseSlots<MenuGroupHeaderType>) => {
+    const Slots = useSlots(userProps);
+
+    return (final: MenuGroupHeaderProps, children: React.ReactNode) => {
+      const { ...mergedProps } = mergeProps(userProps, final);
+
+      return (
+        <Slots.root accessible={userProps.accessible} {...mergedProps}>
+          {children}
+        </Slots.root>
+      );
+    };
+  },
+});

package/src/MenuGroupHeader/MenuGroupHeader.types.ts

@@ -0,0 +1,19 @@
+import type { TextProps } from '@fluentui-react-native/text';
+import type { FontTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
+
+export const menuGroupHeaderName = 'MenuGroupHeader';
+
+export interface MenuGroupHeaderTokens extends LayoutTokens, FontTokens, IColorTokens {
+  gap?: number;
+}
+export type MenuGroupHeaderProps = TextProps;
+
+export interface MenuGroupHeaderSlotProps {
+  root: TextProps;
+}
+
+export interface MenuGroupHeaderType {
+  props: MenuGroupHeaderProps;
+  tokens: MenuGroupHeaderTokens;
+  slotProps: MenuGroupHeaderSlotProps;
+}

package/src/MenuGroupHeader/MenuGroupHeaderTokens.macos.ts

@@ -0,0 +1,15 @@
+import type { FontWeightValue, Theme } from '@fluentui-react-native/framework';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+
+import type { MenuGroupHeaderTokens } from './MenuGroupHeader.types';
+
+export const defaultMenuGroupHeaderTokens: TokenSettings<MenuGroupHeaderTokens, Theme> = (t): MenuGroupHeaderTokens => ({
+  color: t.colors.disabledText,
+  fontFamily: t.typography.families.primary,
+  fontSize: 13,
+  fontWeight: globalTokens.font.weight.regular as FontWeightValue,
+  gap: globalTokens.size40,
+  paddingHorizontal: 5,
+  paddingVertical: 3,
+});

package/src/MenuGroupHeader/MenuGroupHeaderTokens.ts

@@ -0,0 +1,14 @@
+import type { FontWeightValue, Theme } from '@fluentui-react-native/framework';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+
+import type { MenuGroupHeaderTokens } from './MenuGroupHeader.types';
+
+export const defaultMenuGroupHeaderTokens: TokenSettings<MenuGroupHeaderTokens, Theme> = (t): MenuGroupHeaderTokens => ({
+  color: t.colors.neutralForeground2,
+  fontFamily: t.typography.families.primary,
+  fontSize: globalTokens.font.size300,
+  fontWeight: globalTokens.font.weight.regular as FontWeightValue,
+  gap: globalTokens.size40,
+  padding: globalTokens.size60,
+});

package/src/MenuGroupHeader/index.ts

@@ -0,0 +1,3 @@
+export { MenuGroupHeader } from './MenuGroupHeader';
+export { menuGroupHeaderName } from './MenuGroupHeader.types';
+export type { MenuGroupHeaderProps, MenuGroupHeaderTokens, MenuGroupHeaderSlotProps, MenuGroupHeaderType } from './MenuGroupHeader.types';

package/src/__tests__/Menu.test.tsx

@@ -7,6 +7,8 @@ import * as renderer from 'react-test-renderer';
 
 import { Menu } from '../Menu/Menu';
 import { MenuDivider } from '../MenuDivider/MenuDivider';
+import { MenuGroup } from '../MenuGroup';
+import { MenuGroupHeader } from '../MenuGroupHeader';
 import { MenuItem } from '../MenuItem/MenuItem';
 import { MenuItemCheckbox } from '../MenuItemCheckbox/MenuItemCheckbox';
 import { MenuItemRadio } from '../MenuItemRadio/MenuItemRadio';
@@ -180,6 +182,32 @@ describe('Menu component tests', () => {
   });
 });
 
+it('Menu open menu group and menu header', () => {
+  const tree = renderer
+    .create(
+      <Menu open>
+        <MenuTrigger>
+          <Button>Open</Button>
+        </MenuTrigger>
+        <MenuPopover>
+          <MenuList>
+            <MenuGroup>
+              <MenuGroupHeader>Header 1</MenuGroupHeader>
+              <MenuItem>Option 1</MenuItem>
+            </MenuGroup>
+            <MenuDivider></MenuDivider>
+            <MenuGroup>
+              <MenuGroupHeader>Header 2</MenuGroupHeader>
+              <MenuItem>Option 1</MenuItem>
+            </MenuGroup>
+          </MenuList>
+        </MenuPopover>
+      </Menu>,
+    )
+    .toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
 describe('Menu rerender tests', () => {
   it('Menu re-renders correctly', () => {
     checkReRender(