@fluentui/react-menu 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230228-0425.1

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

@@ -1,22 +1,26 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderMenuGroup_unstable", {
-    enumerable: true,
-    get: ()=>renderMenuGroup_unstable
+  value: true
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _menuGroupContext = require("../../contexts/menuGroupContext");
-const renderMenuGroup_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(_menuGroupContext.MenuGroupContextProvider, {
-        value: contextValues.menuGroup
-    }, /*#__PURE__*/ _react.createElement(slots.root, _extends({}, slotProps.root)));
-}; //# sourceMappingURL=renderMenuGroup.js.map
-
+exports.renderMenuGroup_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const menuGroupContext_1 = /*#__PURE__*/require("../../contexts/menuGroupContext");
+/**
+ * Redefine the render function to add slots. Reuse the menugroup structure but add
+ * slots to children.
+ */
+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, {
+    ...slotProps.root
+  }));
+};
+exports.renderMenuGroup_unstable = renderMenuGroup_unstable;
 //# sourceMappingURL=renderMenuGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroup/renderMenuGroup.js"],"sourcesContent":["import _extends from \"@swc/helpers/src/_extends.mjs\";\nimport * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { MenuGroupContextProvider } from '../../contexts/menuGroupContext';\n/**\n * Redefine the render function to add slots. Reuse the menugroup structure but add\n * slots to children.\n */\nexport const renderMenuGroup_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(MenuGroupContextProvider, {\n    value: contextValues.menuGroup\n  }, /*#__PURE__*/React.createElement(slots.root, _extends({}, slotProps.root)));\n};\n//# sourceMappingURL=renderMenuGroup.js.map"],"names":["renderMenuGroup_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","MenuGroupContextProvider","value","menuGroup","root","_extends"],"mappings":";;;;+BAQaA;;aAAAA;;;;yBARQ;6DACE;gCACE;kCACgB;AAKlC,MAAMA,2BAA2B,CAACC,OAAOC,gBAAkB;IAChE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,0CAAwB,EAAE;QAChEC,OAAOP,cAAcQ,SAAS;IAChC,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEC,SAAS,CAAC,GAAGR,UAAUO,IAAI;AAC7E,GACA,2CAA2C"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AAEA;AAEA;;;;AAIO,MAAMA,wBAAwB,GAAG,CAACC,KAAqB,EAAEC,aAAqC,KAAI;EACvG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAiBJ,KAAK,CAAC;EAE5D,OACEK,oBAACC,2CAAwB;IAACC,KAAK,EAAEN,aAAa,CAACO;EAAS,GACtDH,oBAACH,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,EAAI,CACT;AAE/B,CAAC;AARYC,gCAAwB","names":["renderMenuGroup_unstable","state","contextValues","slots","slotProps","react_utilities_1","React","menuGroupContext_1","value","menuGroup","root","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuGroup/renderMenuGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { MenuGroupContextValues, MenuGroupSlots, MenuGroupState } from './MenuGroup.types';\nimport { MenuGroupContextProvider } from '../../contexts/menuGroupContext';\n\n/**\n * Redefine the render function to add slots. Reuse the menugroup structure but add\n * slots to children.\n */\nexport const renderMenuGroup_unstable = (state: MenuGroupState, contextValues: MenuGroupContextValues) => {\n  const { slots, slotProps } = getSlots<MenuGroupSlots>(state);\n\n  return (\n    <MenuGroupContextProvider value={contextValues.menuGroup}>\n      <slots.root {...slotProps.root} />\n    </MenuGroupContextProvider>\n  );\n};\n"]}

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

@@ -1,28 +1,27 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useMenuGroup_unstable", {
-    enumerable: true,
-    get: ()=>useMenuGroup_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
+exports.useMenuGroup_unstable = void 0;
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Given user props, returns state and render function for a MenuGroup.
+ */
 function useMenuGroup_unstable(props, ref) {
-    const headerId = (0, _reactUtilities.useId)('menu-group');
-    return {
-        components: {
-            root: 'div'
-        },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
-            ref,
-            'aria-labelledby': headerId,
-            role: 'group',
-            ...props
-        }),
-        headerId
-    };
-} //# sourceMappingURL=useMenuGroup.js.map
-
+  const headerId = react_utilities_1.useId('menu-group');
+  return {
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
+      'aria-labelledby': headerId,
+      role: 'group',
+      ...props
+    }),
+    headerId
+  };
+}
+exports.useMenuGroup_unstable = useMenuGroup_unstable;
 //# sourceMappingURL=useMenuGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroup/useMenuGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId } from '@fluentui/react-utilities';\n/**\n * Given user props, returns state and render function for a MenuGroup.\n */\nexport function useMenuGroup_unstable(props, ref) {\n  const headerId = useId('menu-group');\n  return {\n    components: {\n      root: 'div'\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      'aria-labelledby': headerId,\n      role: 'group',\n      ...props\n    }),\n    headerId\n  };\n}\n//# sourceMappingURL=useMenuGroup.js.map"],"names":["useMenuGroup_unstable","props","ref","headerId","useId","components","root","getNativeElementProps","role"],"mappings":";;;;+BAKgBA;;aAAAA;;;6DALO;gCACsB;AAItC,SAASA,sBAAsBC,KAAK,EAAEC,GAAG,EAAE;IAChD,MAAMC,WAAWC,IAAAA,qBAAK,EAAC;IACvB,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCL;YACA,mBAAmBC;YACnBK,MAAM;YACN,GAAGP,KAAK;QACV;QACAE;IACF;AACF,EACA,wCAAwC"}
+{"version":3,"mappings":";;;;;;AACA;AAGA;;;AAGA,SAAgBA,qBAAqB,CAACC,KAAqB,EAAEC,GAA2B;EACtF,MAAMC,QAAQ,GAAGC,uBAAK,CAAC,YAAY,CAAC;EAEpC,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEF,uCAAqB,CAAC,KAAK,EAAE;MACjCF,GAAG;MACH,iBAAiB,EAAEC,QAAQ;MAC3BI,IAAI,EAAE,OAAO;MACb,GAAGN;KACJ,CAAC;IACFE;GACD;AACH;AAfAK","names":["useMenuGroup_unstable","props","ref","headerId","react_utilities_1","components","root","role","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuGroup/useMenuGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId } from '@fluentui/react-utilities';\nimport { MenuGroupProps, MenuGroupState } from './MenuGroup.types';\n\n/**\n * Given user props, returns state and render function for a MenuGroup.\n */\nexport function useMenuGroup_unstable(props: MenuGroupProps, ref: React.Ref<HTMLElement>): MenuGroupState {\n  const headerId = useId('menu-group');\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      'aria-labelledby': headerId,\n      role: 'group',\n      ...props,\n    }),\n    headerId,\n  };\n}\n"]}

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

@@ -1,23 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useMenuGroupContextValues_unstable", {
-    enumerable: true,
-    get: ()=>useMenuGroupContextValues_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+exports.useMenuGroupContextValues_unstable = void 0;
+const React = /*#__PURE__*/require("react");
 function useMenuGroupContextValues_unstable(state) {
-    const { headerId  } = state;
-    const menuGroup = _react.useMemo(()=>({
-            headerId
-        }), [
-        headerId
-    ]);
-    return {
-        menuGroup
-    };
-} //# sourceMappingURL=useMenuGroupContextValues.js.map
-
+  const {
+    headerId
+  } = state;
+  const menuGroup = React.useMemo(() => ({
+    headerId
+  }), [headerId]);
+  return {
+    menuGroup
+  };
+}
+exports.useMenuGroupContextValues_unstable = useMenuGroupContextValues_unstable;
 //# sourceMappingURL=useMenuGroupContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroup/useMenuGroupContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useMenuGroupContextValues_unstable(state) {\n  const {\n    headerId\n  } = state;\n  const menuGroup = React.useMemo(() => ({\n    headerId\n  }), [headerId]);\n  return {\n    menuGroup\n  };\n}\n//# sourceMappingURL=useMenuGroupContextValues.js.map"],"names":["useMenuGroupContextValues_unstable","state","headerId","menuGroup","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,mCAAmCC,KAAK,EAAE;IACxD,MAAM,EACJC,SAAQ,EACT,GAAGD;IACJ,MAAME,YAAYC,OAAMC,OAAO,CAAC,IAAO,CAAA;YACrCH;QACF,CAAA,GAAI;QAACA;KAAS;IACd,OAAO;QACLC;IACF;AACF,EACA,qDAAqD"}
+{"version":3,"mappings":";;;;;;AAAA;AAGA,SAAgBA,kCAAkC,CAACC,KAAqB;EACtE,MAAM;IAAEC;EAAQ,CAAE,GAAGD,KAAK;EAC1B,MAAME,SAAS,GAAGC,KAAK,CAACC,OAAO,CAAC,OAAO;IAAEH;EAAQ,CAAE,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEjE,OAAO;IAAEC;EAAS,CAAE;AACtB;AALAG","names":["useMenuGroupContextValues_unstable","state","headerId","menuGroup","React","useMemo","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuGroup/useMenuGroupContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MenuGroupContextValues, MenuGroupState } from './MenuGroup.types';\n\nexport function useMenuGroupContextValues_unstable(state: MenuGroupState): MenuGroupContextValues {\n  const { headerId } = state;\n  const menuGroup = React.useMemo(() => ({ headerId }), [headerId]);\n\n  return { menuGroup };\n}\n"]}

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

@@ -1,24 +1,16 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    menuGroupClassNames: ()=>menuGroupClassNames,
-    useMenuGroupStyles_unstable: ()=>useMenuGroupStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const menuGroupClassNames = {
-    root: 'fui-MenuGroup'
+exports.useMenuGroupStyles_unstable = exports.menuGroupClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+exports.menuGroupClassNames = {
+  root: 'fui-MenuGroup'
 };
-const useMenuGroupStyles_unstable = (state)=>{
-    state.root.className = (0, _react.mergeClasses)(menuGroupClassNames.root, state.root.className);
-    return state;
-}; //# sourceMappingURL=useMenuGroupStyles.js.map
-
+const useMenuGroupStyles_unstable = state => {
+  state.root.className = react_1.mergeClasses(exports.menuGroupClassNames.root, state.root.className);
+  return state;
+};
+exports.useMenuGroupStyles_unstable = useMenuGroupStyles_unstable;
 //# sourceMappingURL=useMenuGroupStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroup/useMenuGroupStyles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const menuGroupClassNames = {\n  root: 'fui-MenuGroup'\n};\nexport const useMenuGroupStyles_unstable = state => {\n  state.root.className = mergeClasses(menuGroupClassNames.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useMenuGroupStyles.js.map"],"names":["menuGroupClassNames","useMenuGroupStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,mBAAmB,MAAnBA;IAGAC,2BAA2B,MAA3BA;;uBAJgB;AACtB,MAAMD,sBAAsB;IACjCE,MAAM;AACR;AACO,MAAMD,8BAA8BE,CAAAA,QAAS;IAClDA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,oBAAoBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IAClF,OAAOD;AACT,GACA,8CAA8C"}
+{"version":3,"mappings":";;;;;;AACA;AAGaA,2BAAmB,GAAmC;EACjEC,IAAI,EAAE;CACP;AAEM,MAAMC,2BAA2B,GAAIC,KAAqB,IAAoB;EACnFA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGC,oBAAY,CAACL,2BAAmB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EAEnF,OAAOD,KAAK;AACd,CAAC;AAJYH,mCAA2B","names":["exports","root","useMenuGroupStyles_unstable","state","className","react_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuGroup/useMenuGroupStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGroupSlots, MenuGroupState } from './MenuGroup.types';\n\nexport const menuGroupClassNames: SlotClassNames<MenuGroupSlots> = {\n  root: 'fui-MenuGroup',\n};\n\nexport const useMenuGroupStyles_unstable = (state: MenuGroupState): MenuGroupState => {\n  state.root.className = mergeClasses(menuGroupClassNames.root, state.root.className);\n\n  return state;\n};\n"]}

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

@@ -1,21 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MenuGroupHeader", {
-    enumerable: true,
-    get: ()=>MenuGroupHeader
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useMenuGroupHeader = require("./useMenuGroupHeader");
-const _useMenuGroupHeaderStyles = require("./useMenuGroupHeaderStyles");
-const _renderMenuGroupHeader = require("./renderMenuGroupHeader");
-const MenuGroupHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useMenuGroupHeader.useMenuGroupHeader_unstable)(props, ref);
-    (0, _useMenuGroupHeaderStyles.useMenuGroupHeaderStyles_unstable)(state);
-    return (0, _renderMenuGroupHeader.renderMenuGroupHeader_unstable)(state);
+exports.MenuGroupHeader = void 0;
+const React = /*#__PURE__*/require("react");
+const useMenuGroupHeader_1 = /*#__PURE__*/require("./useMenuGroupHeader");
+const useMenuGroupHeaderStyles_1 = /*#__PURE__*/require("./useMenuGroupHeaderStyles");
+const renderMenuGroupHeader_1 = /*#__PURE__*/require("./renderMenuGroupHeader");
+/**
+ * Define a styled MenuGroupHeader, using the `useMenuGroupHeader_unstable` hook.
+ */
+exports.MenuGroupHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuGroupHeader_1.useMenuGroupHeader_unstable(props, ref);
+  useMenuGroupHeaderStyles_1.useMenuGroupHeaderStyles_unstable(state);
+  return renderMenuGroupHeader_1.renderMenuGroupHeader_unstable(state);
 });
-MenuGroupHeader.displayName = 'MenuGroupHeader'; //# sourceMappingURL=MenuGroupHeader.js.map
-
+exports.MenuGroupHeader.displayName = 'MenuGroupHeader';
 //# sourceMappingURL=MenuGroupHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroupHeader/MenuGroupHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGroupHeader_unstable } from './useMenuGroupHeader';\nimport { useMenuGroupHeaderStyles_unstable } from './useMenuGroupHeaderStyles';\nimport { renderMenuGroupHeader_unstable } from './renderMenuGroupHeader';\n/**\n * Define a styled MenuGroupHeader, using the `useMenuGroupHeader_unstable` hook.\n */\nexport const MenuGroupHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useMenuGroupHeader_unstable(props, ref);\n  useMenuGroupHeaderStyles_unstable(state);\n  return renderMenuGroupHeader_unstable(state);\n});\nMenuGroupHeader.displayName = 'MenuGroupHeader';\n//# sourceMappingURL=MenuGroupHeader.js.map"],"names":["MenuGroupHeader","React","forwardRef","props","ref","state","useMenuGroupHeader_unstable","useMenuGroupHeaderStyles_unstable","renderMenuGroupHeader_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;oCACqB;0CACM;uCACH;AAIxC,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,2DAAiC,EAACF;IAClC,OAAOG,IAAAA,qDAA8B,EAACH;AACxC;AACAL,gBAAgBS,WAAW,GAAG,mBAC9B,2CAA2C"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,uBAAe,gBAA8CC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACxG,MAAMC,KAAK,GAAGC,gDAA2B,CAACH,KAAK,EAAEC,GAAG,CAAC;EACrDG,4DAAiC,CAACF,KAAK,CAAC;EAExC,OAAOG,sDAA8B,CAACH,KAAK,CAAC;AAC9C,CAAC,CAAC;AAEFL,uBAAe,CAACS,WAAW,GAAG,iBAAiB","names":["exports","React","forwardRef","props","ref","state","useMenuGroupHeader_1","useMenuGroupHeaderStyles_1","renderMenuGroupHeader_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGroupHeader_unstable } from './useMenuGroupHeader';\nimport { useMenuGroupHeaderStyles_unstable } from './useMenuGroupHeaderStyles';\nimport { renderMenuGroupHeader_unstable } from './renderMenuGroupHeader';\nimport type { MenuGroupHeaderProps } from './MenuGroupHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled MenuGroupHeader, using the `useMenuGroupHeader_unstable` hook.\n */\nexport const MenuGroupHeader: ForwardRefComponent<MenuGroupHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGroupHeader_unstable(props, ref);\n  useMenuGroupHeaderStyles_unstable(state);\n\n  return renderMenuGroupHeader_unstable(state);\n});\n\nMenuGroupHeader.displayName = 'MenuGroupHeader';\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroupHeader/MenuGroupHeader.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=MenuGroupHeader.types.js.map"],"names":[],"mappings":";;;;CACA,iDAAiD"}
+{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}

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

@@ -1,13 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./MenuGroupHeader.types"), exports);
-_exportStar(require("./MenuGroupHeader"), exports);
-_exportStar(require("./renderMenuGroupHeader"), exports);
-_exportStar(require("./useMenuGroupHeader"), exports);
-_exportStar(require("./useMenuGroupHeaderStyles"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./MenuGroupHeader.types"), exports);
+tslib_1.__exportStar(require("./MenuGroupHeader"), exports);
+tslib_1.__exportStar(require("./renderMenuGroupHeader"), exports);
+tslib_1.__exportStar(require("./useMenuGroupHeader"), exports);
+tslib_1.__exportStar(require("./useMenuGroupHeaderStyles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroupHeader/index.js"],"sourcesContent":["export * from './MenuGroupHeader.types';\nexport * from './MenuGroupHeader';\nexport * from './renderMenuGroupHeader';\nexport * from './useMenuGroupHeader';\nexport * from './useMenuGroupHeaderStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuGroupHeader/index.ts"],"sourcesContent":["export * from './MenuGroupHeader.types';\nexport * from './MenuGroupHeader';\nexport * from './renderMenuGroupHeader';\nexport * from './useMenuGroupHeader';\nexport * from './useMenuGroupHeaderStyles';\n"]}

package/lib-commonjs/components/MenuGroupHeader/renderMenuGroupHeader.js

@@ -1,19 +1,23 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderMenuGroupHeader_unstable", {
-    enumerable: true,
-    get: ()=>renderMenuGroupHeader_unstable
+  value: true
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderMenuGroupHeader_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, _extends({}, slotProps.root));
-}; //# sourceMappingURL=renderMenuGroupHeader.js.map
-
+exports.renderMenuGroupHeader_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Redefine the render function to add slots. Reuse the menugroupheader structure but add
+ * slots to children.
+ */
+const renderMenuGroupHeader_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  });
+};
+exports.renderMenuGroupHeader_unstable = renderMenuGroupHeader_unstable;
 //# sourceMappingURL=renderMenuGroupHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroupHeader/renderMenuGroupHeader.js"],"sourcesContent":["import _extends from \"@swc/helpers/src/_extends.mjs\";\nimport * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Redefine the render function to add slots. Reuse the menugroupheader structure but add\n * slots to children.\n */\nexport const renderMenuGroupHeader_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, _extends({}, slotProps.root));\n};\n//# sourceMappingURL=renderMenuGroupHeader.js.map"],"names":["renderMenuGroupHeader_unstable","state","slots","slotProps","getSlots","React","createElement","root","_extends"],"mappings":";;;;+BAOaA;;aAAAA;;;;yBAPQ;6DACE;gCACE;AAKlB,MAAMA,iCAAiCC,CAAAA,QAAS;IACrD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEC,SAAS,CAAC,GAAGL,UAAUI,IAAI;AACjF,GACA,iDAAiD"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AAGA;;;;AAIO,MAAMA,8BAA8B,GAAIC,KAA2B,IAAI;EAC5E,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAuBH,KAAK,CAAC;EAElE,OAAOI,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AAJYC,sCAA8B","names":["renderMenuGroupHeader_unstable","state","slots","slotProps","react_utilities_1","React","root","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuGroupHeader/renderMenuGroupHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { MenuGroupHeaderSlots, MenuGroupHeaderState } from './MenuGroupHeader.types';\n\n/**\n * Redefine the render function to add slots. Reuse the menugroupheader structure but add\n * slots to children.\n */\nexport const renderMenuGroupHeader_unstable = (state: MenuGroupHeaderState) => {\n  const { slots, slotProps } = getSlots<MenuGroupHeaderSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"]}

package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeader.js

@@ -1,27 +1,28 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useMenuGroupHeader_unstable", {
-    enumerable: true,
-    get: ()=>useMenuGroupHeader_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _menuGroupContext = require("../../contexts/menuGroupContext");
-const _reactUtilities = require("@fluentui/react-utilities");
+exports.useMenuGroupHeader_unstable = void 0;
+const menuGroupContext_1 = /*#__PURE__*/require("../../contexts/menuGroupContext");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Given user props, returns state and render function for a MenuGroupHeader.
+ */
 function useMenuGroupHeader_unstable(props, ref) {
-    const { headerId: id  } = (0, _menuGroupContext.useMenuGroupContext_unstable)();
-    return {
-        components: {
-            root: 'div'
-        },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
-            ref,
-            id,
-            ...props
-        })
-    };
-} //# sourceMappingURL=useMenuGroupHeader.js.map
-
+  const {
+    headerId: id
+  } = menuGroupContext_1.useMenuGroupContext_unstable();
+  return {
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
+      id,
+      ...props
+    })
+  };
+}
+exports.useMenuGroupHeader_unstable = useMenuGroupHeader_unstable;
 //# sourceMappingURL=useMenuGroupHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroupHeader/useMenuGroupHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGroupContext_unstable } from '../../contexts/menuGroupContext';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Given user props, returns state and render function for a MenuGroupHeader.\n */\nexport function useMenuGroupHeader_unstable(props, ref) {\n  const {\n    headerId: id\n  } = useMenuGroupContext_unstable();\n  return {\n    components: {\n      root: 'div'\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      id,\n      ...props\n    })\n  };\n}\n//# sourceMappingURL=useMenuGroupHeader.js.map"],"names":["useMenuGroupHeader_unstable","props","ref","headerId","id","useMenuGroupContext_unstable","components","root","getNativeElementProps"],"mappings":";;;;+BAMgBA;;aAAAA;;;6DANO;kCACsB;gCACP;AAI/B,SAASA,4BAA4BC,KAAK,EAAEC,GAAG,EAAE;IACtD,MAAM,EACJC,UAAUC,GAAE,EACb,GAAGC,IAAAA,8CAA4B;IAChC,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCN;YACAE;YACA,GAAGH,KAAK;QACV;IACF;AACF,EACA,8CAA8C"}
+{"version":3,"mappings":";;;;;;AACA;AACA;AAGA;;;AAGA,SAAgBA,2BAA2B,CACzCC,KAA2B,EAC3BC,GAA2B;EAE3B,MAAM;IAAEC,QAAQ,EAAEC;EAAE,CAAE,GAAGC,+CAA4B,EAAE;EAEvD,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEC,uCAAqB,CAAC,KAAK,EAAE;MACjCN,GAAG;MACHE,EAAE;MACF,GAAGH;KACJ;GACF;AACH;AAhBAQ","names":["useMenuGroupHeader_unstable","props","ref","headerId","id","menuGroupContext_1","components","root","react_utilities_1","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGroupContext_unstable } from '../../contexts/menuGroupContext';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { MenuGroupHeaderProps, MenuGroupHeaderState } from './MenuGroupHeader.types';\n\n/**\n * Given user props, returns state and render function for a MenuGroupHeader.\n */\nexport function useMenuGroupHeader_unstable(\n  props: MenuGroupHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): MenuGroupHeaderState {\n  const { headerId: id } = useMenuGroupContext_unstable();\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      id,\n      ...props,\n    }),\n  };\n}\n"]}

package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeaderStyles.js

@@ -1,54 +1,32 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    menuGroupHeaderClassNames: ()=>menuGroupHeaderClassNames,
-    useMenuGroupHeaderStyles_unstable: ()=>useMenuGroupHeaderStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const menuGroupHeaderClassNames = {
-    root: 'fui-MenuGroupHeader'
+exports.useMenuGroupHeaderStyles_unstable = exports.menuGroupHeaderClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+exports.menuGroupHeaderClassNames = {
+  root: 'fui-MenuGroupHeader'
 };
-const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    root: {
-        Be2twd7: "fy9rknc",
-        sj55zd: "f11d4kpn",
-        uwmqm3: [
-            "fjlbh76",
-            "f11qrl6u"
-        ],
-        z189sj: [
-            "f11qrl6u",
-            "fjlbh76"
-        ],
-        Bhrd7zp: "fl43uef",
-        Bqenvij: "f1d2rq10",
-        mc9l5x: "f22iagw",
-        Bt984gj: "f122n59"
-    }
+const useStyles = /*#__PURE__*/react_1.__styles({
+  root: {
+    Be2twd7: "fy9rknc",
+    sj55zd: "f11d4kpn",
+    uwmqm3: ["fjlbh76", "f11qrl6u"],
+    z189sj: ["f11qrl6u", "fjlbh76"],
+    Bhrd7zp: "fl43uef",
+    Bqenvij: "f1d2rq10",
+    mc9l5x: "f22iagw",
+    Bt984gj: "f122n59"
+  }
 }, {
-    d: [
-        ".fy9rknc{font-size:var(--fontSizeBase200);}",
-        ".f11d4kpn{color:var(--colorNeutralForeground3);}",
-        ".fjlbh76{padding-left:12px;}",
-        ".f11qrl6u{padding-right:12px;}",
-        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
-        ".f1d2rq10{height:32px;}",
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"
-    ]
+  d: [".fy9rknc{font-size:var(--fontSizeBase200);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1d2rq10{height:32px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"]
 });
-const useMenuGroupHeaderStyles_unstable = (state)=>{
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(menuGroupHeaderClassNames.root, styles.root, state.root.className);
-    return state;
-}; //# sourceMappingURL=useMenuGroupHeaderStyles.js.map
-
+const useMenuGroupHeaderStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.menuGroupHeaderClassNames.root, styles.root, state.root.className);
+  return state;
+};
+exports.useMenuGroupHeaderStyles_unstable = useMenuGroupHeaderStyles_unstable;
 //# sourceMappingURL=useMenuGroupHeaderStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.js"],"sourcesContent":["import { mergeClasses, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const menuGroupHeaderClassNames = {\n  root: 'fui-MenuGroupHeader'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Be2twd7: \"fy9rknc\",\n    sj55zd: \"f11d4kpn\",\n    uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n    z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n    Bhrd7zp: \"fl43uef\",\n    Bqenvij: \"f1d2rq10\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\"\n  }\n}, {\n  d: [\".fy9rknc{font-size:var(--fontSizeBase200);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fjlbh76{padding-left:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f1d2rq10{height:32px;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\"]\n});\nexport const useMenuGroupHeaderStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuGroupHeaderClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useMenuGroupHeaderStyles.js.map"],"names":["menuGroupHeaderClassNames","useMenuGroupHeaderStyles_unstable","root","useStyles","__styles","Be2twd7","sj55zd","uwmqm3","z189sj","Bhrd7zp","Bqenvij","mc9l5x","Bt984gj","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,yBAAyB,MAAzBA;IAiBAC,iCAAiC,MAAjCA;;uBAnB0B;AAEhC,MAAMD,4BAA4B;IACvCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA+C;QAAoD;QAAgC;QAAkC;QAAoD;QAA2B;QAAwF;KAA0G;AAC5b;AACO,MAAMZ,oCAAoCa,CAAAA,QAAS;IACxD,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,0BAA0BE,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMZ,IAAI,CAACc,SAAS;IACrG,OAAOF;AACT,GACA,oDAAoD"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AAIaA,iCAAyB,GAAyC;EAC7EC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAW1B;AAEK,MAAMC,iCAAiC,GAAIC,KAA2B,IAAI;EAC/E,MAAMC,MAAM,GAAGJ,SAAS,EAAE;EAC1BG,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGJ,oBAAY,CAACH,iCAAyB,CAACC,IAAI,EAAEK,MAAM,CAACL,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EAEtG,OAAOF,KAAK;AACd,CAAC;AALYL,yCAAiC","names":["exports","root","useStyles","react_1","useMenuGroupHeaderStyles_unstable","state","styles","className"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuGroupHeader/useMenuGroupHeaderStyles.ts"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuGroupHeaderSlots, MenuGroupHeaderState } from './MenuGroupHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const menuGroupHeaderClassNames: SlotClassNames<MenuGroupHeaderSlots> = {\n  root: 'fui-MenuGroupHeader',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    fontSize: tokens.fontSizeBase200,\n    color: tokens.colorNeutralForeground3,\n    paddingLeft: '12px',\n    paddingRight: '12px',\n    fontWeight: tokens.fontWeightSemibold,\n    height: '32px',\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\nexport const useMenuGroupHeaderStyles_unstable = (state: MenuGroupHeaderState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuGroupHeaderClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"]}

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

@@ -1,21 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MenuItem", {
-    enumerable: true,
-    get: ()=>MenuItem
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useMenuItem = require("./useMenuItem");
-const _renderMenuItem = require("./renderMenuItem");
-const _useMenuItemStyles = require("./useMenuItemStyles");
-const MenuItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useMenuItem.useMenuItem_unstable)(props, ref);
-    (0, _useMenuItemStyles.useMenuItemStyles_unstable)(state);
-    return (0, _renderMenuItem.renderMenuItem_unstable)(state);
+exports.MenuItem = void 0;
+const React = /*#__PURE__*/require("react");
+const useMenuItem_1 = /*#__PURE__*/require("./useMenuItem");
+const renderMenuItem_1 = /*#__PURE__*/require("./renderMenuItem");
+const useMenuItemStyles_1 = /*#__PURE__*/require("./useMenuItemStyles");
+/**
+ * Define a styled MenuItem, using the `useMenuItem_unstable` and `useMenuItemStyles_unstable` hook.
+ */
+exports.MenuItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuItem_1.useMenuItem_unstable(props, ref);
+  useMenuItemStyles_1.useMenuItemStyles_unstable(state);
+  return renderMenuItem_1.renderMenuItem_unstable(state);
 });
-MenuItem.displayName = 'MenuItem'; //# sourceMappingURL=MenuItem.js.map
-
+exports.MenuItem.displayName = 'MenuItem';
 //# sourceMappingURL=MenuItem.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuItem/MenuItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useMenuItem_unstable } from './useMenuItem';\nimport { renderMenuItem_unstable } from './renderMenuItem';\nimport { useMenuItemStyles_unstable } from './useMenuItemStyles';\n/**\n * Define a styled MenuItem, using the `useMenuItem_unstable` and `useMenuItemStyles_unstable` hook.\n */\nexport const MenuItem = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useMenuItem_unstable(props, ref);\n  useMenuItemStyles_unstable(state);\n  return renderMenuItem_unstable(state);\n});\nMenuItem.displayName = 'MenuItem';\n//# sourceMappingURL=MenuItem.js.map"],"names":["MenuItem","React","forwardRef","props","ref","state","useMenuItem_unstable","useMenuItemStyles_unstable","renderMenuItem_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;6BACc;gCACG;mCACG;AAIpC,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,6CAA0B,EAACF;IAC3B,OAAOG,IAAAA,uCAAuB,EAACH;AACjC;AACAL,SAASS,WAAW,GAAG,YACvB,oCAAoC"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,gBAAQ,gBAAuCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC1F,MAAMC,KAAK,GAAGC,kCAAoB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE9CG,8CAA0B,CAACF,KAAK,CAAC;EACjC,OAAOG,wCAAuB,CAACH,KAAK,CAAC;AACvC,CAAC,CAAC;AAEFL,gBAAQ,CAACS,WAAW,GAAG,UAAU","names":["exports","React","forwardRef","props","ref","state","useMenuItem_1","useMenuItemStyles_1","renderMenuItem_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuItem_unstable } from './useMenuItem';\nimport { renderMenuItem_unstable } from './renderMenuItem';\nimport { useMenuItemStyles_unstable } from './useMenuItemStyles';\nimport type { MenuItemProps } from './MenuItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled MenuItem, using the `useMenuItem_unstable` and `useMenuItemStyles_unstable` hook.\n */\nexport const MenuItem: ForwardRefComponent<MenuItemProps> = React.forwardRef((props, ref) => {\n  const state = useMenuItem_unstable(props, ref);\n\n  useMenuItemStyles_unstable(state);\n  return renderMenuItem_unstable(state);\n});\n\nMenuItem.displayName = 'MenuItem';\n"]}

package/lib-commonjs/components/MenuItem/MenuItem.types.js

@@ -1,7 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
- //# sourceMappingURL=MenuItem.types.js.map
-
 //# sourceMappingURL=MenuItem.types.js.map

package/lib-commonjs/components/MenuItem/MenuItem.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuItem/MenuItem.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=MenuItem.types.js.map"],"names":[],"mappings":";;;;CACA,0CAA0C"}
+{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}

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

@@ -1,13 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./MenuItem"), exports);
-_exportStar(require("./MenuItem.types"), exports);
-_exportStar(require("./renderMenuItem"), exports);
-_exportStar(require("./useMenuItem"), exports);
-_exportStar(require("./useMenuItemStyles"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./MenuItem"), exports);
+tslib_1.__exportStar(require("./MenuItem.types"), exports);
+tslib_1.__exportStar(require("./renderMenuItem"), exports);
+tslib_1.__exportStar(require("./useMenuItem"), exports);
+tslib_1.__exportStar(require("./useMenuItemStyles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuItem/index.js"],"sourcesContent":["export * from './MenuItem';\nexport * from './MenuItem.types';\nexport * from './renderMenuItem';\nexport * from './useMenuItem';\nexport * from './useMenuItemStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItem/index.ts"],"sourcesContent":["export * from './MenuItem';\nexport * from './MenuItem.types';\nexport * from './renderMenuItem';\nexport * from './useMenuItem';\nexport * from './useMenuItemStyles';\n"]}