@fluentui/react-menu 0.0.0-nightly-20220302-0405.1

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

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

package/lib/components/MenuDivider/MenuDivider.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useMenuDivider_unstable } from './useMenuDivider';
+import { useMenuDividerStyles_unstable } from './useMenuDividerStyles';
+import { renderMenuDivider_unstable } from './renderMenuDivider';
+/**
+ * Define a styled MenuDivider, using the `useMenuDivider_unstable` hook.
+ */
+
+export const MenuDivider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuDivider_unstable(props, ref);
+  useMenuDividerStyles_unstable(state);
+  return renderMenuDivider_unstable(state);
+});
+MenuDivider.displayName = 'MenuDivider';
+//# sourceMappingURL=MenuDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,uBAAT,QAAwC,kBAAxC;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AACA,SAAS,0BAAT,QAA2C,qBAA3C;AAIA;;AAEG;;AACH,OAAO,MAAM,WAAW,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAChG,QAAM,KAAK,GAAG,uBAAuB,CAAC,KAAD,EAAQ,GAAR,CAArC;AACA,EAAA,6BAA6B,CAAC,KAAD,CAA7B;AAEA,SAAO,0BAA0B,CAAC,KAAD,CAAjC;AACD,CALiE,CAA3D;AAOP,WAAW,CAAC,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport { useMenuDivider_unstable } from './useMenuDivider';\nimport { useMenuDividerStyles_unstable } from './useMenuDividerStyles';\nimport { renderMenuDivider_unstable } from './renderMenuDivider';\nimport type { MenuDividerProps } from './MenuDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled MenuDivider, using the `useMenuDivider_unstable` hook.\n */\nexport const MenuDivider: ForwardRefComponent<MenuDividerProps> = React.forwardRef((props, ref) => {\n  const state = useMenuDivider_unstable(props, ref);\n  useMenuDividerStyles_unstable(state);\n\n  return renderMenuDivider_unstable(state);\n});\n\nMenuDivider.displayName = 'MenuDivider';\n"],"sourceRoot":"../src/"}

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

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

package/lib/components/MenuDivider/MenuDivider.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MenuDivider.types.js.map

package/lib/components/MenuDivider/MenuDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.types.js","sourceRoot":"../src/","sources":["components/MenuDivider/MenuDivider.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuDividerSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuDividerProps = ComponentProps<MenuDividerSlots>;\n\nexport type MenuDividerState = ComponentState<MenuDividerSlots>;\n"]}

package/lib/components/MenuDivider/index.d.ts

@@ -0,0 +1,5 @@
+export * from './MenuDivider.types';
+export * from './MenuDivider';
+export * from './renderMenuDivider';
+export * from './useMenuDivider';
+export * from './useMenuDividerStyles';

package/lib/components/MenuDivider/index.js

@@ -0,0 +1,6 @@
+export * from './MenuDivider.types';
+export * from './MenuDivider';
+export * from './renderMenuDivider';
+export * from './useMenuDivider';
+export * from './useMenuDividerStyles';
+//# sourceMappingURL=index.js.map

package/lib/components/MenuDivider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/MenuDivider/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './MenuDivider.types';\nexport * from './MenuDivider';\nexport * from './renderMenuDivider';\nexport * from './useMenuDivider';\nexport * from './useMenuDividerStyles';\n"]}

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

@@ -0,0 +1,6 @@
+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_unstable: (state: MenuDividerState) => JSX.Element;

package/lib/components/MenuDivider/renderMenuDivider.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+/**
+ * Redefine the render function to add slots. Reuse the menudivider structure but add
+ * slots to children.
+ */
+
+export const renderMenuDivider_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state);
+  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  });
+};
+//# sourceMappingURL=renderMenuDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuDivider/renderMenuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;;AAGG;;AACH,OAAO,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAmB,KAAnB,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\n\n/**\n * Redefine the render function to add slots. Reuse the menudivider structure but add\n * slots to children.\n */\nexport const renderMenuDivider_unstable = (state: MenuDividerState) => {\n  const { slots, slotProps } = getSlots<MenuDividerSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"sourceRoot":"../src/"}

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

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

package/lib/components/MenuDivider/useMenuDivider.js

@@ -0,0 +1,19 @@
+import { getNativeElementProps } from '@fluentui/react-utilities';
+/**
+ * Given user props, returns state and render function for a MenuDivider.
+ */
+
+export const useMenuDivider_unstable = (props, ref) => {
+  return {
+    components: {
+      root: 'div'
+    },
+    root: getNativeElementProps('div', {
+      role: 'presentation',
+      'aria-hidden': true,
+      ...props,
+      ref
+    })
+  };
+};
+//# sourceMappingURL=useMenuDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuDivider/useMenuDivider.ts"],"names":[],"mappings":"AAAA,SAAS,qBAAT,QAAsC,2BAAtC;AAIA;;AAEG;;AACH,OAAO,MAAM,uBAAuB,GAAG,CAAC,KAAD,EAA0B,GAA1B,KAA2E;AAChH,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KADP;AAIL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,IAAI,EAAE,cAD2B;AAEjC,qBAAe,IAFkB;AAGjC,SAAG,KAH8B;AAIjC,MAAA;AAJiC,KAAR;AAJtB,GAAP;AAWD,CAZM","sourcesContent":["import { getNativeElementProps } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport type { MenuDividerProps, MenuDividerState } from './MenuDivider.types';\n\n/**\n * Given user props, returns state and render function for a MenuDivider.\n */\nexport const useMenuDivider_unstable = (props: MenuDividerProps, ref: React.Ref<HTMLElement>): MenuDividerState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      role: 'presentation',\n      'aria-hidden': true,\n      ...props,\n      ref,\n    }),\n  };\n};\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,3 @@
+import type { MenuDividerState } from './MenuDivider.types';
+export declare const menuDividerClassName = "fui-MenuDivider";
+export declare const useMenuDividerStyles_unstable: (state: MenuDividerState) => MenuDividerState;

package/lib/components/MenuDivider/useMenuDividerStyles.js

@@ -0,0 +1,24 @@
+import { shorthands, mergeClasses, __styles } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const menuDividerClassName = 'fui-MenuDivider';
+
+const useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bqenvij": "f1mpe4l3",
+    "B6of3ja": "fvjh0tl",
+    "t21cq0": ["f1rnx978", "f1q7jvqi"],
+    "jrapky": "fd1gkq",
+    "Frg6f3": ["f1q7jvqi", "f1rnx978"],
+    "a9b677": "f14z66ap",
+    "De3pzq": "fn4h89p"
+  }
+}, {
+  "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);}"]
+});
+
+export const useMenuDividerStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(menuDividerClassName, styles.root, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useMenuDividerStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuDivider/useMenuDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AASA,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA4B;AACvE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,oBAAD,EAAuB,MAAM,CAAC,IAA9B,EAAoC,KAAK,CAAC,IAAN,CAAW,SAA/C,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuDividerState } from './MenuDivider.types';\n\nexport const menuDividerClassName = 'fui-MenuDivider';\n\nconst useStyles = makeStyles({\n  root: {\n    height: '1px',\n    ...shorthands.margin('4px', '-5px', '4px', '-5px'),\n    width: 'auto',\n    backgroundColor: tokens.colorNeutralStroke2,\n  },\n});\n\nexport const useMenuDividerStyles_unstable = (state: MenuDividerState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuDividerClassName, styles.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

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

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

package/lib/components/MenuGroup/MenuGroup.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { useMenuGroup_unstable } from './useMenuGroup';
+import { renderMenuGroup_unstable } from './renderMenuGroup';
+import { useMenuGroupContextValues_unstable } from './useMenuGroupContextValues';
+import { useMenuGroupStyles_unstable } from './useMenuGroupStyles';
+/**
+ * Define a styled MenuGroup, using the `useMenuGroup_unstable` hook.
+ */
+
+export const MenuGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuGroup_unstable(props, ref);
+  const contextValues = useMenuGroupContextValues_unstable(state);
+  useMenuGroupStyles_unstable(state);
+  return renderMenuGroup_unstable(state, contextValues);
+});
+MenuGroup.displayName = 'MenuGroup';
+//# sourceMappingURL=MenuGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuGroup/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AACA,SAAS,kCAAT,QAAmD,6BAAnD;AAGA,SAAS,2BAAT,QAA4C,sBAA5C;AAEA;;AAEG;;AACH,OAAO,MAAM,SAAS,gBAAwC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAC5F,QAAM,KAAK,GAAG,qBAAqB,CAAC,KAAD,EAAQ,GAAR,CAAnC;AACA,QAAM,aAAa,GAAG,kCAAkC,CAAC,KAAD,CAAxD;AAEA,EAAA,2BAA2B,CAAC,KAAD,CAA3B;AAEA,SAAO,wBAAwB,CAAC,KAAD,EAAQ,aAAR,CAA/B;AACD,CAP6D,CAAvD;AASP,SAAS,CAAC,WAAV,GAAwB,WAAxB","sourcesContent":["import * as React from 'react';\nimport { useMenuGroup_unstable } from './useMenuGroup';\nimport { renderMenuGroup_unstable } from './renderMenuGroup';\nimport { useMenuGroupContextValues_unstable } from './useMenuGroupContextValues';\nimport type { MenuGroupProps } from './MenuGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGroupStyles_unstable } from './useMenuGroupStyles';\n\n/**\n * Define a styled MenuGroup, using the `useMenuGroup_unstable` hook.\n */\nexport const MenuGroup: ForwardRefComponent<MenuGroupProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGroup_unstable(props, ref);\n  const contextValues = useMenuGroupContextValues_unstable(state);\n\n  useMenuGroupStyles_unstable(state);\n\n  return renderMenuGroup_unstable(state, contextValues);\n});\n\nMenuGroup.displayName = 'MenuGroup';\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,15 @@
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+import type { MenuGroupContextValue } from '../../contexts/menuGroupContext';
+export declare type MenuGroupSlots = {
+    root: Slot<'div'>;
+};
+export declare type MenuGroupProps = ComponentProps<MenuGroupSlots>;
+export declare type MenuGroupState = ComponentState<MenuGroupSlots> & {
+    /**
+     * id applied to the DOM element of `MenuGroupHeader`
+     */
+    headerId: string;
+};
+export declare type MenuGroupContextValues = {
+    menuGroup: MenuGroupContextValue;
+};

package/lib/components/MenuGroup/MenuGroup.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MenuGroup.types.js.map

package/lib/components/MenuGroup/MenuGroup.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroup.types.js","sourceRoot":"../src/","sources":["components/MenuGroup/MenuGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGroupContextValue } from '../../contexts/menuGroupContext';\n\nexport type MenuGroupSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGroupProps = ComponentProps<MenuGroupSlots>;\n\nexport type MenuGroupState = ComponentState<MenuGroupSlots> & {\n  /**\n   * id applied to the DOM element of `MenuGroupHeader`\n   */\n  headerId: string;\n};\n\nexport type MenuGroupContextValues = {\n  menuGroup: MenuGroupContextValue;\n};\n"]}

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

@@ -0,0 +1,6 @@
+export * from './MenuGroup.types';
+export * from './MenuGroup';
+export * from './renderMenuGroup';
+export * from './useMenuGroup';
+export * from './useMenuGroupContextValues';
+export * from './useMenuGroupStyles';

package/lib/components/MenuGroup/index.js

@@ -0,0 +1,7 @@
+export * from './MenuGroup.types';
+export * from './MenuGroup';
+export * from './renderMenuGroup';
+export * from './useMenuGroup';
+export * from './useMenuGroupContextValues';
+export * from './useMenuGroupStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/MenuGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './MenuGroup.types';\nexport * from './MenuGroup';\nexport * from './renderMenuGroup';\nexport * from './useMenuGroup';\nexport * from './useMenuGroupContextValues';\nexport * from './useMenuGroupStyles';\n"]}

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

@@ -0,0 +1,6 @@
+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_unstable: (state: MenuGroupState, contextValues: MenuGroupContextValues) => JSX.Element;

package/lib/components/MenuGroup/renderMenuGroup.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+import { MenuGroupContextProvider } from '../../contexts/menuGroupContext';
+/**
+ * Redefine the render function to add slots. Reuse the menugroup structure but add
+ * slots to children.
+ */
+
+export const renderMenuGroup_unstable = (state, contextValues) => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state);
+  return /*#__PURE__*/React.createElement(MenuGroupContextProvider, {
+    value: contextValues.menuGroup
+  }, /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  }));
+};
+//# sourceMappingURL=renderMenuGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuGroup/renderMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,wBAAT,QAAyC,iCAAzC;AAEA;;;AAGG;;AACH,OAAO,MAAM,wBAAwB,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AACvG,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAiB,KAAjB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,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","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"],"sourceRoot":"../src/"}

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

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

package/lib/components/MenuGroup/useMenuGroup.js

@@ -0,0 +1,21 @@
+import { getNativeElementProps, useId } from '@fluentui/react-utilities';
+/**
+ * Given user props, returns state and render function for a MenuGroup.
+ */
+
+export function useMenuGroup_unstable(props, ref) {
+  const headerId = useId('menu-group');
+  return {
+    components: {
+      root: 'div'
+    },
+    root: getNativeElementProps('div', {
+      ref,
+      'aria-labelledby': headerId,
+      role: 'group',
+      ...props
+    }),
+    headerId: headerId
+  };
+}
+//# sourceMappingURL=useMenuGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuGroup/useMenuGroup.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,KAAhC,QAA6C,2BAA7C;AAGA;;AAEG;;AACH,OAAM,SAAU,qBAAV,CAAgC,KAAhC,EAAuD,GAAvD,EAAkF;AACtF,QAAM,QAAQ,GAAG,KAAK,CAAC,YAAD,CAAtB;AAEA,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KADP;AAIL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,yBAAmB,QAFc;AAGjC,MAAA,IAAI,EAAE,OAH2B;AAIjC,SAAG;AAJ8B,KAAR,CAJtB;AAUL,IAAA,QAAQ,EAAE;AAVL,GAAP;AAYD","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: headerId,\n  };\n}\n"],"sourceRoot":"../src/"}

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

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

package/lib/components/MenuGroup/useMenuGroupContextValues.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export function useMenuGroupContextValues_unstable(state) {
+  const {
+    headerId
+  } = state;
+  const menuGroup = React.useMemo(() => ({
+    headerId
+  }), [headerId]);
+  return {
+    menuGroup
+  };
+}
+//# sourceMappingURL=useMenuGroupContextValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuGroup/useMenuGroupContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,kCAAV,CAA6C,KAA7C,EAAkE;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","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"],"sourceRoot":"../src/"}

package/lib/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/components/MenuGroup/useMenuGroupStyles.js

@@ -0,0 +1,7 @@
+import { mergeClasses } from '@griffel/react';
+export const menuGroupClassName = 'fui-MenuGroup';
+export const useMenuGroupStyles_unstable = state => {
+  state.root.className = mergeClasses(menuGroupClassName, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useMenuGroupStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuGroup/useMenuGroupStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,gBAA7B;AAGA,OAAO,MAAM,kBAAkB,GAAG,eAA3B;AAEP,OAAO,MAAM,2BAA2B,GAAI,KAAD,IAA0C;AACnF,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,kBAAD,EAAqB,KAAK,CAAC,IAAN,CAAW,SAAhC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { MenuGroupState } from './MenuGroup.types';\n\nexport const menuGroupClassName = 'fui-MenuGroup';\n\nexport const useMenuGroupStyles_unstable = (state: MenuGroupState): MenuGroupState => {\n  state.root.className = mergeClasses(menuGroupClassName, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

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

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

package/lib/components/MenuGroupHeader/MenuGroupHeader.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useMenuGroupHeader_unstable } from './useMenuGroupHeader';
+import { useMenuGroupHeaderStyles_unstable } from './useMenuGroupHeaderStyles';
+import { renderMenuGroupHeader_unstable } from './renderMenuGroupHeader';
+/**
+ * Define a styled MenuGroupHeader, using the `useMenuGroupHeader_unstable` hook.
+ */
+
+export const MenuGroupHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuGroupHeader_unstable(props, ref);
+  useMenuGroupHeaderStyles_unstable(state);
+  return renderMenuGroupHeader_unstable(state);
+});
+MenuGroupHeader.displayName = 'MenuGroupHeader';
+//# sourceMappingURL=MenuGroupHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuGroupHeader/MenuGroupHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,2BAAT,QAA4C,sBAA5C;AACA,SAAS,iCAAT,QAAkD,4BAAlD;AACA,SAAS,8BAAT,QAA+C,yBAA/C;AAIA;;AAEG;;AACH,OAAO,MAAM,eAAe,gBAA8C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxG,QAAM,KAAK,GAAG,2BAA2B,CAAC,KAAD,EAAQ,GAAR,CAAzC;AACA,EAAA,iCAAiC,CAAC,KAAD,CAAjC;AAEA,SAAO,8BAA8B,CAAC,KAAD,CAArC;AACD,CALyE,CAAnE;AAOP,eAAe,CAAC,WAAhB,GAA8B,iBAA9B","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"],"sourceRoot":"../src/"}

package/lib/components/MenuGroupHeader/MenuGroupHeader.types.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+export declare type MenuGroupHeaderSlots = {
+    root: Slot<'div'>;
+};
+export declare type MenuGroupHeaderProps = ComponentProps<MenuGroupHeaderSlots>;
+export declare type MenuGroupHeaderState = ComponentState<MenuGroupHeaderSlots>;

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MenuGroupHeader.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeader.types.js","sourceRoot":"../src/","sources":["components/MenuGroupHeader/MenuGroupHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuGroupHeaderSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGroupHeaderProps = ComponentProps<MenuGroupHeaderSlots>;\n\nexport type MenuGroupHeaderState = ComponentState<MenuGroupHeaderSlots>;\n"]}

package/lib/components/MenuGroupHeader/index.d.ts

@@ -0,0 +1,5 @@
+export * from './MenuGroupHeader.types';
+export * from './MenuGroupHeader';
+export * from './renderMenuGroupHeader';
+export * from './useMenuGroupHeader';
+export * from './useMenuGroupHeaderStyles';

package/lib/components/MenuGroupHeader/index.js

@@ -0,0 +1,6 @@
+export * from './MenuGroupHeader.types';
+export * from './MenuGroupHeader';
+export * from './renderMenuGroupHeader';
+export * from './useMenuGroupHeader';
+export * from './useMenuGroupHeaderStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/MenuGroupHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './MenuGroupHeader.types';\nexport * from './MenuGroupHeader';\nexport * from './renderMenuGroupHeader';\nexport * from './useMenuGroupHeader';\nexport * from './useMenuGroupHeaderStyles';\n"]}

package/lib/components/MenuGroupHeader/renderMenuGroupHeader.d.ts

@@ -0,0 +1,6 @@
+import { MenuGroupHeaderState } from './MenuGroupHeader.types';
+/**
+ * Redefine the render function to add slots. Reuse the menugroupheader structure but add
+ * slots to children.
+ */
+export declare const renderMenuGroupHeader_unstable: (state: MenuGroupHeaderState) => JSX.Element;

package/lib/components/MenuGroupHeader/renderMenuGroupHeader.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+/**
+ * Redefine the render function to add slots. Reuse the menugroupheader structure but add
+ * slots to children.
+ */
+
+export const renderMenuGroupHeader_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state);
+  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  });
+};
+//# sourceMappingURL=renderMenuGroupHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuGroupHeader/renderMenuGroupHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;;AAGG;;AACH,OAAO,MAAM,8BAA8B,GAAI,KAAD,IAAgC;AAC5E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAuB,KAAvB,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM","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"],"sourceRoot":"../src/"}

package/lib/components/MenuGroupHeader/useMenuGroupHeader.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { MenuGroupHeaderProps, MenuGroupHeaderState } from './MenuGroupHeader.types';
+/**
+ * Given user props, returns state and render function for a MenuGroupHeader.
+ */
+export declare function useMenuGroupHeader_unstable(props: MenuGroupHeaderProps, ref: React.Ref<HTMLElement>): MenuGroupHeaderState;

package/lib/components/MenuGroupHeader/useMenuGroupHeader.js

@@ -0,0 +1,22 @@
+import { useMenuGroupContext_unstable } from '../../contexts/menuGroupContext';
+import { getNativeElementProps } from '@fluentui/react-utilities';
+/**
+ * Given user props, returns state and render function for a MenuGroupHeader.
+ */
+
+export function useMenuGroupHeader_unstable(props, ref) {
+  const {
+    headerId: id
+  } = useMenuGroupContext_unstable();
+  return {
+    components: {
+      root: 'div'
+    },
+    root: getNativeElementProps('div', {
+      ref,
+      id,
+      ...props
+    })
+  };
+}
+//# sourceMappingURL=useMenuGroupHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuGroupHeader/useMenuGroupHeader.ts"],"names":[],"mappings":"AACA,SAAS,4BAAT,QAA6C,iCAA7C;AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;AAEG;;AACH,OAAM,SAAU,2BAAV,CACJ,KADI,EAEJ,GAFI,EAEuB;AAE3B,QAAM;AAAE,IAAA,QAAQ,EAAE;AAAZ,MAAmB,4BAA4B,EAArD;AAEA,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KADP;AAIL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,MAAA,EAFiC;AAGjC,SAAG;AAH8B,KAAR;AAJtB,GAAP;AAUD","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"],"sourceRoot":"../src/"}

package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.d.ts

@@ -0,0 +1,3 @@
+import type { MenuGroupHeaderState } from './MenuGroupHeader.types';
+export declare const menuGroupHeaderClassName = "fui-MenuGroupHeader";
+export declare const useMenuGroupHeaderStyles_unstable: (state: MenuGroupHeaderState) => MenuGroupHeaderState;

package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.js

@@ -0,0 +1,25 @@
+import { mergeClasses, __styles } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const menuGroupHeaderClassName = 'fui-MenuGroupHeader';
+
+const useStyles = /*#__PURE__*/__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;}"]
+});
+
+export const useMenuGroupHeaderStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(menuGroupHeaderClassName, styles.root, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useMenuGroupHeaderStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuGroupHeader/useMenuGroupHeaderStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,gBAAzC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,wBAAwB,GAAG,qBAAjC;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAaA,OAAO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,wBAAD,EAA2B,MAAM,CAAC,IAAlC,EAAwC,KAAK,CAAC,IAAN,CAAW,SAAnD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuGroupHeaderState } from './MenuGroupHeader.types';\n\nexport const menuGroupHeaderClassName = 'fui-MenuGroupHeader';\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(menuGroupHeaderClassName, styles.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/components/MenuItem/MenuItem.d.ts

@@ -0,0 +1,6 @@
+import type { MenuItemProps } from './MenuItem.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+/**
+ * Define a styled MenuItem, using the `useMenuItem_unstable` and `useMenuItemStyles_unstable` hook.
+ */
+export declare const MenuItem: ForwardRefComponent<MenuItemProps>;

package/lib/components/MenuItem/MenuItem.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useMenuItem_unstable } from './useMenuItem';
+import { renderMenuItem_unstable } from './renderMenuItem';
+import { useMenuItemStyles_unstable } from './useMenuItemStyles';
+/**
+ * Define a styled MenuItem, using the `useMenuItem_unstable` and `useMenuItemStyles_unstable` hook.
+ */
+
+export const MenuItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuItem_unstable(props, ref);
+  useMenuItemStyles_unstable(state);
+  return renderMenuItem_unstable(state);
+});
+MenuItem.displayName = 'MenuItem';
+//# sourceMappingURL=MenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,oBAAT,QAAqC,eAArC;AACA,SAAS,uBAAT,QAAwC,kBAAxC;AACA,SAAS,0BAAT,QAA2C,qBAA3C;AAIA;;AAEG;;AACH,OAAO,MAAM,QAAQ,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAC1F,QAAM,KAAK,GAAG,oBAAoB,CAAC,KAAD,EAAQ,GAAR,CAAlC;AAEA,EAAA,0BAA0B,CAAC,KAAD,CAA1B;AACA,SAAO,uBAAuB,CAAC,KAAD,CAA9B;AACD,CAL2D,CAArD;AAOP,QAAQ,CAAC,WAAT,GAAuB,UAAvB","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"],"sourceRoot":"../src/"}

package/lib/components/MenuItem/MenuItem.types.d.ts

@@ -0,0 +1,43 @@
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+export declare type MenuItemSlots = {
+    root: Slot<'div'>;
+    /**
+     * Icon slot rendered before children content
+     */
+    icon?: Slot<'span'>;
+    /**
+     * A helper slot for alignment when a menu item is used with selectable menuitems
+     * Avoid using this slot as a replacement for MenuItemCheckbox and MenuItemRadio components
+     */
+    checkmark?: Slot<'span'>;
+    /**
+     * Icon slot that shows the indicator for a submenu
+     */
+    submenuIndicator?: Slot<'span'>;
+    /**
+     * Component children are placed in this slot
+     * Avoid using the `children` property in this slot in favour of Component children whenever possible
+     */
+    content?: Slot<'span'>;
+    /**
+     * Secondary content rendered opposite the primary content (e.g Shortcut text)
+     */
+    secondaryContent?: Slot<'span'>;
+};
+declare type MenuItemCommons = {
+    /**
+     * If the menu item is a trigger for a submenu
+     */
+    hasSubmenu?: boolean;
+    /**
+     * Applies disabled styles to menu item but remains focusable
+     */
+    disabled?: boolean;
+    /**
+     * Clicking on the menu item will not dismiss an open menu
+     */
+    persistOnClick?: boolean;
+};
+export declare type MenuItemProps = ComponentProps<Partial<MenuItemSlots>> & MenuItemCommons;
+export declare type MenuItemState = ComponentState<MenuItemSlots> & MenuItemCommons;
+export {};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MenuItem.types.js.map