@fluentui/react-menu 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightly3082edf34720220208.1

package/lib-commonjs/components/Menu/useMenuContextValues.js

@@ -3,46 +3,48 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuContextValues = void 0;
+exports.useMenuContextValues_unstable = void 0;
 
-function useMenuContextValues(state) {
-  var open = state.open,
-      setOpen = state.setOpen,
-      onCheckedValueChange = state.onCheckedValueChange,
-      checkedValues = state.checkedValues,
-      defaultCheckedValues = state.defaultCheckedValues,
-      openOnHover = state.openOnHover,
-      openOnContext = state.openOnContext,
-      triggerRef = state.triggerRef,
-      triggerId = state.triggerId,
-      menuPopoverRef = state.menuPopoverRef,
-      isSubmenu = state.isSubmenu,
-      hasCheckmarks = state.hasCheckmarks,
-      hasIcons = state.hasIcons,
-      persistOnItemClick = state.persistOnItemClick,
-      inline = state.inline; // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
+function useMenuContextValues_unstable(state) {
+  const {
+    open,
+    setOpen,
+    onCheckedValueChange,
+    checkedValues,
+    defaultCheckedValues,
+    openOnHover,
+    openOnContext,
+    triggerRef,
+    triggerId,
+    menuPopoverRef,
+    isSubmenu,
+    hasCheckmarks,
+    hasIcons,
+    persistOnItemClick,
+    inline
+  } = state; // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
 
-  var menu = {
-    open: open,
-    setOpen: setOpen,
-    onCheckedValueChange: onCheckedValueChange,
-    checkedValues: checkedValues,
-    defaultCheckedValues: defaultCheckedValues,
-    triggerRef: triggerRef,
-    openOnHover: openOnHover,
-    openOnContext: openOnContext,
-    triggerId: triggerId,
-    menuPopoverRef: menuPopoverRef,
-    isSubmenu: isSubmenu,
-    hasCheckmarks: hasCheckmarks,
-    hasIcons: hasIcons,
-    persistOnItemClick: persistOnItemClick,
-    inline: inline
+  const menu = {
+    open,
+    setOpen,
+    onCheckedValueChange,
+    checkedValues,
+    defaultCheckedValues,
+    triggerRef,
+    openOnHover,
+    openOnContext,
+    triggerId,
+    menuPopoverRef,
+    isSubmenu,
+    hasCheckmarks,
+    hasIcons,
+    persistOnItemClick,
+    inline
   };
   return {
-    menu: menu
+    menu
   };
 }
 
-exports.useMenuContextValues = useMenuContextValues;
+exports.useMenuContextValues_unstable = useMenuContextValues_unstable;
 //# sourceMappingURL=useMenuContextValues.js.map

package/lib-commonjs/components/Menu/useMenuContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Menu/useMenuContextValues.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,oBAAhB,CAAqC,KAArC,EAAqD;AAEjD,MAAA,IAAI,GAeF,KAAK,CAfH,IAAJ;AAAA,MACA,OAAO,GAcL,KAAK,CAdA,OADP;AAAA,MAEA,oBAAoB,GAalB,KAAK,CAba,oBAFpB;AAAA,MAGA,aAAa,GAYX,KAAK,CAZM,aAHb;AAAA,MAIA,oBAAoB,GAWlB,KAAK,CAXa,oBAJpB;AAAA,MAKA,WAAW,GAUT,KAAK,CAVI,WALX;AAAA,MAMA,aAAa,GASX,KAAK,CATM,aANb;AAAA,MAOA,UAAU,GAQR,KAAK,CARG,UAPV;AAAA,MAQA,SAAS,GAOP,KAAK,CAPE,SART;AAAA,MASA,cAAc,GAMZ,KAAK,CANO,cATd;AAAA,MAUA,SAAS,GAKP,KAAK,CALE,SAVT;AAAA,MAWA,aAAa,GAIX,KAAK,CAJM,aAXb;AAAA,MAYA,QAAQ,GAGN,KAAK,CAHC,QAZR;AAAA,MAaA,kBAAkB,GAEhB,KAAK,CAFW,kBAblB;AAAA,MAcA,MAAM,GACJ,KAAK,CADD,MAdN,CAFiD,CAmBnD;;AACA,MAAM,IAAI,GAAG;AACX,IAAA,IAAI,EAAA,IADO;AAEX,IAAA,OAAO,EAAA,OAFI;AAGX,IAAA,oBAAoB,EAAA,oBAHT;AAIX,IAAA,aAAa,EAAA,aAJF;AAKX,IAAA,oBAAoB,EAAA,oBALT;AAMX,IAAA,UAAU,EAAA,UANC;AAOX,IAAA,WAAW,EAAA,WAPA;AAQX,IAAA,aAAa,EAAA,aARF;AASX,IAAA,SAAS,EAAA,SATE;AAUX,IAAA,cAAc,EAAA,cAVH;AAWX,IAAA,SAAS,EAAA,SAXE;AAYX,IAAA,aAAa,EAAA,aAZF;AAaX,IAAA,QAAQ,EAAA,QAbG;AAcX,IAAA,kBAAkB,EAAA,kBAdP;AAeX,IAAA,MAAM,EAAA;AAfK,GAAb;AAkBA,SAAO;AAAE,IAAA,IAAI,EAAA;AAAN,GAAP;AACD;;AAvCD,OAAA,CAAA,oBAAA,GAAA,oBAAA","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Menu/useMenuContextValues.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,6BAAhB,CAA8C,KAA9C,EAA8D;AAC5D,QAAM;AACJ,IAAA,IADI;AAEJ,IAAA,OAFI;AAGJ,IAAA,oBAHI;AAIJ,IAAA,aAJI;AAKJ,IAAA,oBALI;AAMJ,IAAA,WANI;AAOJ,IAAA,aAPI;AAQJ,IAAA,UARI;AASJ,IAAA,SATI;AAUJ,IAAA,cAVI;AAWJ,IAAA,SAXI;AAYJ,IAAA,aAZI;AAaJ,IAAA,QAbI;AAcJ,IAAA,kBAdI;AAeJ,IAAA;AAfI,MAgBF,KAhBJ,CAD4D,CAmB5D;;AACA,QAAM,IAAI,GAAG;AACX,IAAA,IADW;AAEX,IAAA,OAFW;AAGX,IAAA,oBAHW;AAIX,IAAA,aAJW;AAKX,IAAA,oBALW;AAMX,IAAA,UANW;AAOX,IAAA,WAPW;AAQX,IAAA,aARW;AASX,IAAA,SATW;AAUX,IAAA,cAVW;AAWX,IAAA,SAXW;AAYX,IAAA,aAZW;AAaX,IAAA,QAbW;AAcX,IAAA,kBAdW;AAeX,IAAA;AAfW,GAAb;AAkBA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD;;AAvCD,OAAA,CAAA,6BAAA,GAAA,6BAAA","sourceRoot":""}

package/lib-commonjs/components/MenuDivider/MenuDivider.d.ts

@@ -1,6 +1,6 @@
 import type { MenuDividerProps } from './MenuDivider.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
- * Define a styled MenuDivider, using the `useMenuDivider` hook.
+ * Define a styled MenuDivider, using the `useMenuDivider_unstable` hook.
  */
 export declare const MenuDivider: ForwardRefComponent<MenuDividerProps>;

package/lib-commonjs/components/MenuDivider/MenuDivider.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuDivider = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useMenuDivider_1 = /*#__PURE__*/require("./useMenuDivider");
+const useMenuDivider_1 = /*#__PURE__*/require("./useMenuDivider");
 
-var useMenuDividerStyles_1 = /*#__PURE__*/require("./useMenuDividerStyles");
+const useMenuDividerStyles_1 = /*#__PURE__*/require("./useMenuDividerStyles");
 
-var renderMenuDivider_1 = /*#__PURE__*/require("./renderMenuDivider");
+const renderMenuDivider_1 = /*#__PURE__*/require("./renderMenuDivider");
 /**
- * Define a styled MenuDivider, using the `useMenuDivider` hook.
+ * Define a styled MenuDivider, using the `useMenuDivider_unstable` hook.
  */
 
 
-exports.MenuDivider = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useMenuDivider_1.useMenuDivider(props, ref);
-  useMenuDividerStyles_1.useMenuDividerStyles(state);
-  return renderMenuDivider_1.renderMenuDivider(state);
+exports.MenuDivider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuDivider_1.useMenuDivider_unstable(props, ref);
+  useMenuDividerStyles_1.useMenuDividerStyles_unstable(state);
+  return renderMenuDivider_1.renderMenuDivider_unstable(state);
 });
 exports.MenuDivider.displayName = 'MenuDivider';
 //# sourceMappingURL=MenuDivider.js.map

package/lib-commonjs/components/MenuDivider/MenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5F,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AACA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AAEA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CALiE,CAArD;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAChG,QAAM,KAAK,GAAG,gBAAA,CAAA,uBAAA,CAAwB,KAAxB,EAA+B,GAA/B,CAAd;AACA,EAAA,sBAAA,CAAA,6BAAA,CAA8B,KAA9B;AAEA,SAAO,mBAAA,CAAA,0BAAA,CAA2B,KAA3B,CAAP;AACD,CALiE,CAArD;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}

package/lib-commonjs/components/MenuDivider/MenuDivider.types.d.ts

@@ -1,6 +1,6 @@
-import { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
 export declare type MenuDividerSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 export declare type MenuDividerProps = ComponentProps<MenuDividerSlots>;
 export declare type MenuDividerState = ComponentState<MenuDividerSlots>;

package/lib-commonjs/components/MenuDivider/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./MenuDivider.types"), exports);
 

package/lib-commonjs/components/MenuDivider/renderMenuDivider.d.ts

@@ -3,4 +3,4 @@ import { MenuDividerState } from './MenuDivider.types';
  * Redefine the render function to add slots. Reuse the menudivider structure but add
  * slots to children.
  */
-export declare const renderMenuDivider: (state: MenuDividerState) => JSX.Element;
+export declare const renderMenuDivider_unstable: (state: MenuDividerState) => JSX.Element;

package/lib-commonjs/components/MenuDivider/renderMenuDivider.js

@@ -3,26 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderMenuDivider = void 0;
+exports.renderMenuDivider_unstable = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Redefine the render function to add slots. Reuse the menudivider structure but add
  * slots to children.
  */
 
 
-var renderMenuDivider = function (state) {
-  var _a = react_utilities_1.getSlots(state),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
+const renderMenuDivider_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, { ...slotProps.root
+  });
 };
 
-exports.renderMenuDivider = renderMenuDivider;
+exports.renderMenuDivider_unstable = renderMenuDivider_unstable;
 //# sourceMappingURL=renderMenuDivider.js.map

package/lib-commonjs/components/MenuDivider/renderMenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuDivider/renderMenuDivider.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;AAGG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuDivider/renderMenuDivider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;AAGG;;;AACI,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}

package/lib-commonjs/components/MenuDivider/useMenuDivider.d.ts

@@ -3,4 +3,4 @@ import type { MenuDividerProps, MenuDividerState } from './MenuDivider.types';
 /**
  * Given user props, returns state and render function for a MenuDivider.
  */
-export declare const useMenuDivider: (props: MenuDividerProps, ref: React.Ref<HTMLElement>) => MenuDividerState;
+export declare const useMenuDivider_unstable: (props: MenuDividerProps, ref: React.Ref<HTMLElement>) => MenuDividerState;

package/lib-commonjs/components/MenuDivider/useMenuDivider.js

@@ -3,26 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuDivider = void 0;
+exports.useMenuDivider_unstable = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Given user props, returns state and render function for a MenuDivider.
  */
 
 
-var useMenuDivider = function (props, ref) {
+const useMenuDivider_unstable = (props, ref) => {
   return {
-    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
       role: 'presentation',
-      'aria-hidden': true
-    }, props), {
-      ref: ref
-    }))
+      'aria-hidden': true,
+      ...props,
+      ref
+    })
   };
 };
 
-exports.useMenuDivider = useMenuDivider;
+exports.useMenuDivider_unstable = useMenuDivider_unstable;
 //# sourceMappingURL=useMenuDivider.js.map

package/lib-commonjs/components/MenuDivider/useMenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuDivider/useMenuDivider.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACI,IAAM,cAAc,GAAG,UAAC,KAAD,EAA0B,GAA1B,EAAqD;AACjF,SAAO;AACL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,IAAI,EAAE,cADyB;AAE/B,qBAAe;AAFgB,KAAA,EAG5B,KAH4B,CAAA,EAGvB;AACR,MAAA,GAAG,EAAA;AADK,KAHuB,CAA3B;AADD,GAAP;AAQD,CATM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuDivider/useMenuDivider.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACI,MAAM,uBAAuB,GAAG,CAAC,KAAD,EAA0B,GAA1B,KAA2E;AAChH,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KADP;AAIL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,IAAI,EAAE,cAD2B;AAEjC,qBAAe,IAFkB;AAGjC,SAAG,KAH8B;AAIjC,MAAA;AAJiC,KAA7B;AAJD,GAAP;AAWD,CAZM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.d.ts

@@ -1,2 +1,3 @@
 import type { MenuDividerState } from './MenuDivider.types';
-export declare const useMenuDividerStyles: (state: MenuDividerState) => import("@fluentui/react-utilities").ComponentState<import("./MenuDivider.types").MenuDividerSlots>;
+export declare const menuDividerClassName = "fui-MenuDivider";
+export declare const useMenuDividerStyles_unstable: (state: MenuDividerState) => MenuDividerState;

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.js

@@ -3,11 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuDividerStyles = void 0;
+exports.useMenuDividerStyles_unstable = exports.menuDividerClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_1 = /*#__PURE__*/require("@griffel/react");
 
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+
+exports.menuDividerClassName = 'fui-MenuDivider';
+
+const useStyles = /*#__PURE__*/react_1.__styles({
   "root": {
     "Bqenvij": "f1mpe4l3",
     "B6of3ja": "fvjh0tl",
@@ -21,11 +25,11 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "d": [".f1mpe4l3{height:1px;}", ".fvjh0tl{margin-top:4px;}", ".f1rnx978{margin-right:-5px;}", ".f1q7jvqi{margin-left:-5px;}", ".fd1gkq{margin-bottom:4px;}", ".f14z66ap{width:auto;}", ".fn4h89p{background-color:var(--colorNeutralStroke2);}"]
 });
 
-var useMenuDividerStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
+const useMenuDividerStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.menuDividerClassName, styles.root, state.root.className);
   return state;
 };
 
-exports.useMenuDividerStyles = useMenuDividerStyles;
+exports.useMenuDividerStyles_unstable = useMenuDividerStyles_unstable;
 //# sourceMappingURL=useMenuDividerStyles.js.map

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuDivider/useMenuDividerStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AASO,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuDivider/useMenuDividerStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AASO,MAAM,6BAA6B,GAAI,KAAD,IAA4B;AACvE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,oBAAb,EAAmC,MAAM,CAAC,IAA1C,EAAgD,KAAK,CAAC,IAAN,CAAW,SAA3D,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/MenuGroup.d.ts

@@ -1,6 +1,6 @@
 import type { MenuGroupProps } from './MenuGroup.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
- * Define a styled MenuGroup, using the `useMenuGroup` hook.
+ * Define a styled MenuGroup, using the `useMenuGroup_unstable` hook.
  */
 export declare const MenuGroup: ForwardRefComponent<MenuGroupProps>;

package/lib-commonjs/components/MenuGroup/MenuGroup.js

@@ -5,22 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuGroup = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useMenuGroup_1 = /*#__PURE__*/require("./useMenuGroup");
+const useMenuGroup_1 = /*#__PURE__*/require("./useMenuGroup");
 
-var renderMenuGroup_1 = /*#__PURE__*/require("./renderMenuGroup");
+const renderMenuGroup_1 = /*#__PURE__*/require("./renderMenuGroup");
 
-var useMenuGroupContextValues_1 = /*#__PURE__*/require("./useMenuGroupContextValues");
+const useMenuGroupContextValues_1 = /*#__PURE__*/require("./useMenuGroupContextValues");
+
+const useMenuGroupStyles_1 = /*#__PURE__*/require("./useMenuGroupStyles");
 /**
- * Define a styled MenuGroup, using the `useMenuGroup` hook.
+ * Define a styled MenuGroup, using the `useMenuGroup_unstable` hook.
  */
 
 
-exports.MenuGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useMenuGroup_1.useMenuGroup(props, ref);
-  var contextValues = useMenuGroupContextValues_1.useMenuGroupContextValues(state);
-  return renderMenuGroup_1.renderMenuGroup(state, contextValues);
+exports.MenuGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuGroup_1.useMenuGroup_unstable(props, ref);
+  const contextValues = useMenuGroupContextValues_1.useMenuGroupContextValues_unstable(state);
+  useMenuGroupStyles_1.useMenuGroupStyles_unstable(state);
+  return renderMenuGroup_1.renderMenuGroup_unstable(state, contextValues);
 });
 exports.MenuGroup.displayName = 'MenuGroup';
 //# sourceMappingURL=MenuGroup.js.map

package/lib-commonjs/components/MenuGroup/MenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/MenuGroup.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,IAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACxF,MAAM,KAAK,GAAG,cAAA,CAAA,YAAA,CAAa,KAAb,EAAoB,GAApB,CAAd;AACA,MAAM,aAAa,GAAG,2BAAA,CAAA,yBAAA,CAA0B,KAA1B,CAAtB;AAEA,SAAO,iBAAA,CAAA,eAAA,CAAgB,KAAhB,EAAuB,aAAvB,CAAP;AACD,CAL6D,CAAjD;AAOb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/MenuGroup.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAC5F,QAAM,KAAK,GAAG,cAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,GAA7B,CAAd;AACA,QAAM,aAAa,GAAG,2BAAA,CAAA,kCAAA,CAAmC,KAAnC,CAAtB;AAEA,EAAA,oBAAA,CAAA,2BAAA,CAA4B,KAA5B;AAEA,SAAO,iBAAA,CAAA,wBAAA,CAAyB,KAAzB,EAAgC,aAAhC,CAAP;AACD,CAP6D,CAAjD;AASb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/MenuGroup.types.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-import { MenuGroupContextValue } from '../../contexts/menuGroupContext';
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+import type { MenuGroupContextValue } from '../../contexts/menuGroupContext';
 export declare type MenuGroupSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 export declare type MenuGroupProps = ComponentProps<MenuGroupSlots>;
 export declare type MenuGroupState = ComponentState<MenuGroupSlots> & {

package/lib-commonjs/components/MenuGroup/index.d.ts

@@ -3,3 +3,4 @@ export * from './MenuGroup';
 export * from './renderMenuGroup';
 export * from './useMenuGroup';
 export * from './useMenuGroupContextValues';
+export * from './useMenuGroupStyles';

package/lib-commonjs/components/MenuGroup/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./MenuGroup.types"), exports);
 
@@ -15,4 +15,6 @@ tslib_1.__exportStar(require("./renderMenuGroup"), exports);
 tslib_1.__exportStar(require("./useMenuGroup"), exports);
 
 tslib_1.__exportStar(require("./useMenuGroupContextValues"), exports);
+
+tslib_1.__exportStar(require("./useMenuGroupStyles"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/MenuGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/renderMenuGroup.d.ts

@@ -3,4 +3,4 @@ import { MenuGroupContextValues, MenuGroupState } from './MenuGroup.types';
  * Redefine the render function to add slots. Reuse the menugroup structure but add
  * slots to children.
  */
-export declare const renderMenuGroup: (state: MenuGroupState, contextValues: MenuGroupContextValues) => JSX.Element;
+export declare const renderMenuGroup_unstable: (state: MenuGroupState, contextValues: MenuGroupContextValues) => JSX.Element;

package/lib-commonjs/components/MenuGroup/renderMenuGroup.js

@@ -3,30 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderMenuGroup = void 0;
+exports.renderMenuGroup_unstable = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var menuGroupContext_1 = /*#__PURE__*/require("../../contexts/menuGroupContext");
+const menuGroupContext_1 = /*#__PURE__*/require("../../contexts/menuGroupContext");
 /**
  * Redefine the render function to add slots. Reuse the menugroup structure but add
  * slots to children.
  */
 
 
-var renderMenuGroup = function (state, contextValues) {
-  var _a = react_utilities_1.getSlots(state),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
+const renderMenuGroup_unstable = (state, contextValues) => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
   return React.createElement(menuGroupContext_1.MenuGroupContextProvider, {
     value: contextValues.menuGroup
-  }, React.createElement(slots.root, tslib_1.__assign({}, slotProps.root)));
+  }, React.createElement(slots.root, { ...slotProps.root
+  }));
 };
 
-exports.renderMenuGroup = renderMenuGroup;
+exports.renderMenuGroup_unstable = renderMenuGroup_unstable;
 //# sourceMappingURL=renderMenuGroup.js.map

package/lib-commonjs/components/MenuGroup/renderMenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/renderMenuGroup.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,kBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;AAEA;;;AAGG;;;AACI,IAAM,eAAe,GAAG,UAAC,KAAD,EAAwB,aAAxB,EAA6D;AACpF,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAyB,KAAzB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,wBAAD,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/renderMenuGroup.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,kBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;AAEA;;;AAGG;;;AACI,MAAM,wBAAwB,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AACvG,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAyB,KAAzB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,wBAAD,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,wBAAA,GAAwB,wBAAxB","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/useMenuGroup.d.ts

@@ -3,4 +3,4 @@ import { MenuGroupProps, MenuGroupState } from './MenuGroup.types';
 /**
  * Given user props, returns state and render function for a MenuGroup.
  */
-export declare function useMenuGroup(props: MenuGroupProps, ref: React.Ref<HTMLElement>): MenuGroupState;
+export declare function useMenuGroup_unstable(props: MenuGroupProps, ref: React.Ref<HTMLElement>): MenuGroupState;

package/lib-commonjs/components/MenuGroup/useMenuGroup.js

@@ -3,27 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuGroup = void 0;
+exports.useMenuGroup_unstable = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Given user props, returns state and render function for a MenuGroup.
  */
 
 
-function useMenuGroup(props, ref) {
-  var headerId = react_utilities_1.useId('menu-group');
+function useMenuGroup_unstable(props, ref) {
+  const headerId = react_utilities_1.useId('menu-group');
   return {
-    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
-      ref: ref,
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
       'aria-labelledby': headerId,
-      role: 'group'
-    }, props)),
+      role: 'group',
+      ...props
+    }),
     headerId: headerId
   };
 }
 
-exports.useMenuGroup = useMenuGroup;
+exports.useMenuGroup_unstable = useMenuGroup_unstable;
 //# sourceMappingURL=useMenuGroup.js.map

package/lib-commonjs/components/MenuGroup/useMenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroup.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACH,SAAgB,YAAhB,CAA6B,KAA7B,EAAoD,GAApD,EAA+E;AAC7E,MAAM,QAAQ,GAAG,iBAAA,CAAA,KAAA,CAAM,YAAN,CAAjB;AAEA,SAAO;AACL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA,GAD4B;AAE/B,yBAAmB,QAFY;AAG/B,MAAA,IAAI,EAAE;AAHyB,KAAA,EAI5B,KAJ4B,CAA3B,CADD;AAOL,IAAA,QAAQ,EAAE;AAPL,GAAP;AASD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroup.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACH,SAAgB,qBAAhB,CAAsC,KAAtC,EAA6D,GAA7D,EAAwF;AACtF,QAAM,QAAQ,GAAG,iBAAA,CAAA,KAAA,CAAM,YAAN,CAAjB;AAEA,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KADP;AAIL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,yBAAmB,QAFc;AAGjC,MAAA,IAAI,EAAE,OAH2B;AAIjC,SAAG;AAJ8B,KAA7B,CAJD;AAUL,IAAA,QAAQ,EAAE;AAVL,GAAP;AAYD;;AAfD,OAAA,CAAA,qBAAA,GAAA,qBAAA","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/useMenuGroupContextValues.d.ts

@@ -1,2 +1,2 @@
 import type { MenuGroupContextValues, MenuGroupState } from './MenuGroup.types';
-export declare function useMenuGroupContextValues(state: MenuGroupState): MenuGroupContextValues;
+export declare function useMenuGroupContextValues_unstable(state: MenuGroupState): MenuGroupContextValues;

package/lib-commonjs/components/MenuGroup/useMenuGroupContextValues.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuGroupContextValues = void 0;
+exports.useMenuGroupContextValues_unstable = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-function useMenuGroupContextValues(state) {
-  var headerId = state.headerId;
-  var menuGroup = React.useMemo(function () {
-    return {
-      headerId: headerId
-    };
-  }, [headerId]);
+function useMenuGroupContextValues_unstable(state) {
+  const {
+    headerId
+  } = state;
+  const menuGroup = React.useMemo(() => ({
+    headerId
+  }), [headerId]);
   return {
-    menuGroup: menuGroup
+    menuGroup
   };
 }
 
-exports.useMenuGroupContextValues = useMenuGroupContextValues;
+exports.useMenuGroupContextValues_unstable = useMenuGroupContextValues_unstable;
 //# sourceMappingURL=useMenuGroupContextValues.js.map

package/lib-commonjs/components/MenuGroup/useMenuGroupContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroupContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,yBAAhB,CAA0C,KAA1C,EAA+D;AACrD,MAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;AACR,MAAM,SAAS,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAAM,WAAC;AAAE,MAAA,QAAQ,EAAX;AAAC,KAAD;AAAc,GAAlC,EAAoC,CAAC,QAAD,CAApC,CAAlB;AAEA,SAAO;AAAE,IAAA,SAAS,EAAA;AAAX,GAAP;AACD;;AALD,OAAA,CAAA,yBAAA,GAAA,yBAAA","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroupContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,kCAAhB,CAAmD,KAAnD,EAAwE;AACtE,QAAM;AAAE,IAAA;AAAF,MAAe,KAArB;AACA,QAAM,SAAS,GAAG,KAAK,CAAC,OAAN,CAAc,OAAO;AAAE,IAAA;AAAF,GAAP,CAAd,EAAoC,CAAC,QAAD,CAApC,CAAlB;AAEA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD;;AALD,OAAA,CAAA,kCAAA,GAAA,kCAAA","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/useMenuGroupStyles.d.ts

@@ -0,0 +1,3 @@
+import type { MenuGroupState } from './MenuGroup.types';
+export declare const menuGroupClassName = "fui-MenuGroup";
+export declare const useMenuGroupStyles_unstable: (state: MenuGroupState) => MenuGroupState;

package/lib-commonjs/components/MenuGroup/useMenuGroupStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuGroupStyles_unstable = exports.menuGroupClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+exports.menuGroupClassName = 'fui-MenuGroup';
+
+const useMenuGroupStyles_unstable = state => {
+  state.root.className = react_1.mergeClasses(exports.menuGroupClassName, state.root.className);
+  return state;
+};
+
+exports.useMenuGroupStyles_unstable = useMenuGroupStyles_unstable;
+//# sourceMappingURL=useMenuGroupStyles.js.map

package/lib-commonjs/components/MenuGroup/useMenuGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroupStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,kBAAA,GAAqB,eAArB;;AAEN,MAAM,2BAA2B,GAAI,KAAD,IAA0C;AACnF,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,kBAAb,EAAiC,KAAK,CAAC,IAAN,CAAW,SAA5C,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,2BAAA,GAA2B,2BAA3B","sourceRoot":""}

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

@@ -1,6 +1,6 @@
 import type { MenuGroupHeaderProps } from './MenuGroupHeader.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
- * Define a styled MenuGroupHeader, using the `useMenuGroupHeader` hook.
+ * Define a styled MenuGroupHeader, using the `useMenuGroupHeader_unstable` hook.
  */
 export declare const MenuGroupHeader: ForwardRefComponent<MenuGroupHeaderProps>;