@fluentui/react-menu 0.0.0-nightly-20230427-0418.1 → 0.0.0-nightly-20230501-0418.1

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

@@ -1,25 +0,0 @@
-import { shorthands, mergeClasses, __styles } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-export const menuDividerClassNames = {
-  root: 'fui-MenuDivider'
-};
-const useStyles = /*#__PURE__*/__styles({
-  root: {
-    B6of3ja: "fvjh0tl",
-    t21cq0: ["f1rnx978", "f1q7jvqi"],
-    jrapky: "fd1gkq",
-    Frg6f3: ["f1q7jvqi", "f1rnx978"],
-    a9b677: "f14z66ap",
-    Bn0qgzm: "f1vxd6vx",
-    oivjwe: "fg706s2",
-    B9xav0g: "frpde29"
-  }
-}, {
-  d: [".fvjh0tl{margin-top:4px;}", ".f1rnx978{margin-right:-5px;}", ".f1q7jvqi{margin-left:-5px;}", ".fd1gkq{margin-bottom:4px;}", ".f14z66ap{width:auto;}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fg706s2{border-bottom-style:solid;}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}"]
-});
-export const useMenuDividerStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);
-  return state;
-};
-//# sourceMappingURL=useMenuDividerStyles.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["shorthands","mergeClasses","__styles","tokens","menuDividerClassNames","root","useStyles","B6of3ja","t21cq0","jrapky","Frg6f3","a9b677","Bn0qgzm","oivjwe","B9xav0g","d","useMenuDividerStyles_unstable","state","styles","className"],"sources":["../../../src/components/MenuDivider/useMenuDividerStyles.styles.ts"],"sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const menuDividerClassNames: SlotClassNames<MenuDividerSlots> = {\n  root: 'fui-MenuDivider',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    ...shorthands.margin('4px', '-5px', '4px', '-5px'),\n    width: 'auto',\n    ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n  },\n});\n\nexport const useMenuDividerStyles_unstable = (state: MenuDividerState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAAC,QAAA,QAAoB;AACrD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,qBAAA,GAA0D;EACrEC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAMlB;AAEA,OAAO,MAAMC,6BAAA,GAAiCC,KAAA,IAA4B;EACxE,MAAMC,MAAA,GAASZ,SAAA;EACfW,KAAA,CAAMZ,IAAI,CAACc,SAAS,GAAGlB,YAAA,CAAaG,qBAAA,CAAsBC,IAAI,EAAEa,MAAA,CAAOb,IAAI,EAAEY,KAAA,CAAMZ,IAAI,CAACc,SAAS;EAEjG,OAAOF,KAAA;AACT"}

package/lib/components/MenuGroup/MenuGroup.js

@@ -1,18 +0,0 @@
-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.styles';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
-/**
- * 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);
-  useCustomStyleHook_unstable('useMenuGroupStyles_unstable')(state);
-  return renderMenuGroup_unstable(state, contextValues);
-});
-MenuGroup.displayName = 'MenuGroup';
-//# sourceMappingURL=MenuGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMenuGroup_unstable","renderMenuGroup_unstable","useMenuGroupContextValues_unstable","useMenuGroupStyles_unstable","useCustomStyleHook_unstable","MenuGroup","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/MenuGroup/MenuGroup.tsx"],"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.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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  useCustomStyleHook_unstable('useMenuGroupStyles_unstable')(state);\n\n  return renderMenuGroup_unstable(state, contextValues);\n});\n\nMenuGroup.displayName = 'MenuGroup';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,wBAAwB,QAAQ;AACzC,SAASC,kCAAkC,QAAQ;AAGnD,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,SAAA,gBAAiDN,KAAA,CAAMO,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC7F,MAAMC,KAAA,GAAQT,qBAAA,CAAsBO,KAAA,EAAOC,GAAA;EAC3C,MAAME,aAAA,GAAgBR,kCAAA,CAAmCO,KAAA;EAEzDN,2BAAA,CAA4BM,KAAA;EAE5BL,2BAAA,CAA4B,+BAA+BK,KAAA;EAE3D,OAAOR,wBAAA,CAAyBQ,KAAA,EAAOC,aAAA;AACzC;AAEAL,SAAA,CAAUM,WAAW,GAAG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../src/components/MenuGroup/MenuGroup.types.ts"],"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"],"mappings":"AAAA"}

package/lib/components/MenuGroup/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../src/components/MenuGroup/index.ts"],"sourcesContent":["export * from './MenuGroup.types';\nexport * from './MenuGroup';\nexport * from './renderMenuGroup';\nexport * from './useMenuGroup';\nexport * from './useMenuGroupContextValues';\nexport * from './useMenuGroupStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/MenuGroup/renderMenuGroup.js

@@ -1,17 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } 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
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(MenuGroupContextProvider, {
-    value: contextValues.menuGroup
-  }, /*#__PURE__*/createElement(slots.root, slotProps.root));
-};
-//# sourceMappingURL=renderMenuGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createElement","getSlotsNext","MenuGroupContextProvider","renderMenuGroup_unstable","state","contextValues","slots","slotProps","value","menuGroup","root"],"sources":["../../../src/components/MenuGroup/renderMenuGroup.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } 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 } = getSlotsNext<MenuGroupSlots>(state);\n\n  return (\n    <MenuGroupContextProvider value={contextValues.menuGroup}>\n      <slots.root {...slotProps.root} />\n    </MenuGroupContextProvider>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAE7B,SAASC,wBAAwB,QAAQ;AAEzC;;;;AAIA,OAAO,MAAMC,wBAAA,GAA2BA,CAACC,KAAA,EAAuBC,aAAA,KAA0C;EACxG,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,YAAA,CAA6BG,KAAA;EAE1D,oBACEJ,aAfJ,CAeKE,wBAAA;IAAyBM,KAAA,EAAOH,aAAA,CAAcI;kBAC7CT,aAhBN,CAgBOM,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI;AAGpC"}

package/lib/components/MenuGroup/useMenuGroup.js

@@ -1,21 +0,0 @@
-import * as React from 'react';
-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
-  };
-}
-//# sourceMappingURL=useMenuGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","getNativeElementProps","useId","useMenuGroup_unstable","props","ref","headerId","components","root","role"],"sources":["../../../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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,KAAK,QAAQ;AAG7C;;;AAGA,OAAO,SAASC,sBAAsBC,KAAqB,EAAEC,GAA2B,EAAkB;EACxG,MAAMC,QAAA,GAAWJ,KAAA,CAAM;EAEvB,OAAO;IACLK,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAMP,qBAAA,CAAsB,OAAO;MACjCI,GAAA;MACA,mBAAmBC,QAAA;MACnBG,IAAA,EAAM;MACN,GAAGL;IACL;IACAE;EACF;AACF"}

package/lib/components/MenuGroup/useMenuGroupContextValues.js

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMenuGroupContextValues_unstable","state","headerId","menuGroup","useMemo"],"sources":["../../../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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,SAASC,mCAAmCC,KAAqB,EAA0B;EAChG,MAAM;IAAEC;EAAQ,CAAE,GAAGD,KAAA;EACrB,MAAME,SAAA,GAAYJ,KAAA,CAAMK,OAAO,CAAC,OAAO;IAAEF;EAAS,IAAI,CAACA,QAAA,CAAS;EAEhE,OAAO;IAAEC;EAAU;AACrB"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["mergeClasses","menuGroupClassNames","root","useMenuGroupStyles_unstable","state","className"],"sources":["../../../src/components/MenuGroup/useMenuGroupStyles.styles.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"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAG7B,OAAO,MAAMC,mBAAA,GAAsD;EACjEC,IAAA,EAAM;AACR;AAEA,OAAO,MAAMC,2BAAA,GAA+BC,KAAA,IAA0C;EACpFA,KAAA,CAAMF,IAAI,CAACG,SAAS,GAAGL,YAAA,CAAaC,mBAAA,CAAoBC,IAAI,EAAEE,KAAA,CAAMF,IAAI,CAACG,SAAS;EAElF,OAAOD,KAAA;AACT"}

package/lib/components/MenuGroupHeader/MenuGroupHeader.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { useMenuGroupHeader_unstable } from './useMenuGroupHeader';
-import { useMenuGroupHeaderStyles_unstable } from './useMenuGroupHeaderStyles.styles';
-import { renderMenuGroupHeader_unstable } from './renderMenuGroupHeader';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
-/**
- * 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);
-  useCustomStyleHook_unstable('useMenuGroupHeaderStyles_unstable')(state);
-  return renderMenuGroupHeader_unstable(state);
-});
-MenuGroupHeader.displayName = 'MenuGroupHeader';
-//# sourceMappingURL=MenuGroupHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMenuGroupHeader_unstable","useMenuGroupHeaderStyles_unstable","renderMenuGroupHeader_unstable","useCustomStyleHook_unstable","MenuGroupHeader","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/MenuGroupHeader/MenuGroupHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGroupHeader_unstable } from './useMenuGroupHeader';\nimport { useMenuGroupHeaderStyles_unstable } from './useMenuGroupHeaderStyles.styles';\nimport { renderMenuGroupHeader_unstable } from './renderMenuGroupHeader';\nimport type { MenuGroupHeaderProps } from './MenuGroupHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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\n  useMenuGroupHeaderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useMenuGroupHeaderStyles_unstable')(state);\n\n  return renderMenuGroupHeader_unstable(state);\n});\n\nMenuGroupHeader.displayName = 'MenuGroupHeader';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,iCAAiC,QAAQ;AAClD,SAASC,8BAA8B,QAAQ;AAG/C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,eAAA,gBAA6DL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACzG,MAAMC,KAAA,GAAQR,2BAAA,CAA4BM,KAAA,EAAOC,GAAA;EAEjDN,iCAAA,CAAkCO,KAAA;EAElCL,2BAAA,CAA4B,qCAAqCK,KAAA;EAEjE,OAAON,8BAAA,CAA+BM,KAAA;AACxC;AAEAJ,eAAA,CAAgBK,WAAW,GAAG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../src/components/MenuGroupHeader/MenuGroupHeader.types.ts"],"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"],"mappings":"AAAA"}

package/lib/components/MenuGroupHeader/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../src/components/MenuGroupHeader/index.ts"],"sourcesContent":["export * from './MenuGroupHeader.types';\nexport * from './MenuGroupHeader';\nexport * from './renderMenuGroupHeader';\nexport * from './useMenuGroupHeader';\nexport * from './useMenuGroupHeaderStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/MenuGroupHeader/renderMenuGroupHeader.js

@@ -1,14 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } 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
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root);
-};
-//# sourceMappingURL=renderMenuGroupHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createElement","getSlotsNext","renderMenuGroupHeader_unstable","state","slots","slotProps","root"],"sources":["../../../src/components/MenuGroupHeader/renderMenuGroupHeader.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } 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 } = getSlotsNext<MenuGroupHeaderSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAG7B;;;;AAIA,OAAO,MAAMC,8BAAA,GAAkCC,KAAA,IAAgC;EAC7E,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAAmCE,KAAA;EAEhE,oBAAOH,aAbT,CAaUI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI;AACvC"}

package/lib/components/MenuGroupHeader/useMenuGroupHeader.js

@@ -1,22 +0,0 @@
-import * as React from 'react';
-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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMenuGroupContext_unstable","getNativeElementProps","useMenuGroupHeader_unstable","props","ref","headerId","id","components","root"],"sources":["../../../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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,qBAAqB,QAAQ;AAGtC;;;AAGA,OAAO,SAASC,4BACdC,KAA2B,EAC3BC,GAA2B,EACL;EACtB,MAAM;IAAEC,QAAA,EAAUC;EAAE,CAAE,GAAGN,4BAAA;EAEzB,OAAO;IACLO,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAMP,qBAAA,CAAsB,OAAO;MACjCG,GAAA;MACAE,EAAA;MACA,GAAGH;IACL;EACF;AACF"}

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

@@ -1,25 +0,0 @@
-import { mergeClasses, __styles } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-export const menuGroupHeaderClassNames = {
-  root: '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(menuGroupHeaderClassNames.root, styles.root, state.root.className);
-  return state;
-};
-//# sourceMappingURL=useMenuGroupHeaderStyles.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["mergeClasses","__styles","tokens","menuGroupHeaderClassNames","root","useStyles","Be2twd7","sj55zd","uwmqm3","z189sj","Bhrd7zp","Bqenvij","mc9l5x","Bt984gj","d","useMenuGroupHeaderStyles_unstable","state","styles","className"],"sources":["../../../src/components/MenuGroupHeader/useMenuGroupHeaderStyles.styles.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"],"mappings":"AAAA,SAASA,YAAY,EAAAC,QAAA,QAAoB;AACzC,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,yBAAA,GAAkE;EAC7EC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAWlB;AAEA,OAAO,MAAMC,iCAAA,GAAqCC,KAAA,IAAgC;EAChF,MAAMC,MAAA,GAASZ,SAAA;EACfW,KAAA,CAAMZ,IAAI,CAACc,SAAS,GAAGlB,YAAA,CAAaG,yBAAA,CAA0BC,IAAI,EAAEa,MAAA,CAAOb,IAAI,EAAEY,KAAA,CAAMZ,IAAI,CAACc,SAAS;EAErG,OAAOF,KAAA;AACT"}

package/lib/components/MenuItem/MenuItem.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { useMenuItem_unstable } from './useMenuItem';
-import { renderMenuItem_unstable } from './renderMenuItem';
-import { useMenuItemStyles_unstable } from './useMenuItemStyles.styles';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
-/**
- * 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);
-  useCustomStyleHook_unstable('useMenuItemStyles_unstable')(state);
-  return renderMenuItem_unstable(state);
-});
-MenuItem.displayName = 'MenuItem';
-//# sourceMappingURL=MenuItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMenuItem_unstable","renderMenuItem_unstable","useMenuItemStyles_unstable","useCustomStyleHook_unstable","MenuItem","forwardRef","props","ref","state","displayName"],"sources":["../../../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.styles';\nimport type { MenuItemProps } from './MenuItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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\n  useCustomStyleHook_unstable('useMenuItemStyles_unstable')(state);\n\n  return renderMenuItem_unstable(state);\n});\n\nMenuItem.displayName = 'MenuItem';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,0BAA0B,QAAQ;AAG3C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC3F,MAAMC,KAAA,GAAQR,oBAAA,CAAqBM,KAAA,EAAOC,GAAA;EAE1CL,0BAAA,CAA2BM,KAAA;EAE3BL,2BAAA,CAA4B,8BAA8BK,KAAA;EAE1D,OAAOP,uBAAA,CAAwBO,KAAA;AACjC;AAEAJ,QAAA,CAASK,WAAW,GAAG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../src/components/MenuItem/MenuItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuItemSlots = {\n  root: Slot<'div'>;\n\n  /**\n   * Icon slot rendered before children content\n   */\n  icon?: Slot<'span'>;\n\n  /**\n   * A helper slot for alignment when a menu item is used with selectable menuitems\n   * Avoid using this slot as a replacement for MenuItemCheckbox and MenuItemRadio components\n   */\n  checkmark?: Slot<'span'>;\n\n  /**\n   * Icon slot that shows the indicator for a submenu\n   */\n  submenuIndicator?: Slot<'span'>;\n\n  /**\n   * Component children are placed in this slot\n   * Avoid using the `children` property in this slot in favour of Component children whenever possible\n   */\n  content?: Slot<'span'>;\n\n  /**\n   * Secondary content rendered opposite the primary content (e.g Shortcut text)\n   */\n  secondaryContent?: Slot<'span'>;\n};\n\nexport type MenuItemProps = ComponentProps<Partial<MenuItemSlots>> & {\n  /**\n   * If the menu item is a trigger for a submenu\n   *\n   * @default false\n   */\n  hasSubmenu?: boolean;\n\n  /**\n   * Clicking on the menu item will not dismiss an open menu\n   *\n   * @default false\n   */\n  persistOnClick?: boolean;\n\n  disabled?: boolean;\n  /**\n   * @deprecated this property does nothing.\n   * disabled focusable is by default by simply using `disabled` property\n   */\n  disabledFocusable?: boolean;\n};\n\nexport type MenuItemState = ComponentState<MenuItemSlots> &\n  Required<Pick<MenuItemProps, 'disabled' | 'hasSubmenu' | 'persistOnClick'>>;\n"],"mappings":"AAAA"}

package/lib/components/MenuItem/index.js

@@ -1,6 +0,0 @@
-export * from './MenuItem';
-export * from './MenuItem.types';
-export * from './renderMenuItem';
-export * from './useMenuItem';
-export * from './useMenuItemStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../src/components/MenuItem/index.ts"],"sourcesContent":["export * from './MenuItem';\nexport * from './MenuItem.types';\nexport * from './renderMenuItem';\nexport * from './useMenuItem';\nexport * from './useMenuItemStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/MenuItem/renderMenuItem.js

@@ -1,13 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
-/**
- * Function that renders the final JSX of the component
- */
-export const renderMenuItem_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.checkmark && /*#__PURE__*/createElement(slots.checkmark, slotProps.checkmark), slots.icon && /*#__PURE__*/createElement(slots.icon, slotProps.icon), slots.content && /*#__PURE__*/createElement(slots.content, slotProps.content), slots.secondaryContent && /*#__PURE__*/createElement(slots.secondaryContent, slotProps.secondaryContent), slots.submenuIndicator && /*#__PURE__*/createElement(slots.submenuIndicator, slotProps.submenuIndicator));
-};
-//# sourceMappingURL=renderMenuItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createElement","getSlotsNext","renderMenuItem_unstable","state","slots","slotProps","root","checkmark","icon","content","secondaryContent","submenuIndicator"],"sources":["../../../src/components/MenuItem/renderMenuItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { MenuItemSlots, MenuItemState } from './MenuItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuItem_unstable = (state: MenuItemState) => {\n  const { slots, slotProps } = getSlotsNext<MenuItemSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.checkmark && <slots.checkmark {...slotProps.checkmark} />}\n      {slots.icon && <slots.icon {...slotProps.icon} />}\n      {slots.content && <slots.content {...slotProps.content} />}\n      {slots.secondaryContent && <slots.secondaryContent {...slotProps.secondaryContent} />}\n      {slots.submenuIndicator && <slots.submenuIndicator {...slotProps.submenuIndicator} />}\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,uBAAA,GAA2BC,KAAA,IAAyB;EAC/D,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA4BE,KAAA;EAEzD,oBACEH,aAbJ,CAaKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,EAC3BF,KAAA,CAAMG,SAAS,iBAAIP,aAd1B,CAc2BI,KAAA,CAAMG,SAAS,EAAKF,SAAA,CAAUE,SAAS,GAC3DH,KAAA,CAAMI,IAAI,iBAAIR,aAfrB,CAesBI,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,GAC5CJ,KAAA,CAAMK,OAAO,iBAAIT,aAhBxB,CAgByBI,KAAA,CAAMK,OAAO,EAAKJ,SAAA,CAAUI,OAAO,GACrDL,KAAA,CAAMM,gBAAgB,iBAAIV,aAjBjC,CAiBkCI,KAAA,CAAMM,gBAAgB,EAAKL,SAAA,CAAUK,gBAAgB,GAChFN,KAAA,CAAMO,gBAAgB,iBAAIX,aAlBjC,CAkBkCI,KAAA,CAAMO,gBAAgB,EAAKN,SAAA,CAAUM,gBAAgB;AAGvF"}

package/lib/components/MenuItem/useCharacterSearch.js

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { useMenuListContext_unstable } from '../../contexts/menuListContext';
-export const useCharacterSearch = (state, ref) => {
-  const setFocusByFirstCharacter = useMenuListContext_unstable(context => context.setFocusByFirstCharacter);
-  const {
-    onKeyDown: originalOnKeyDown
-  } = state.root;
-  state.root.onKeyDown = e => {
-    var _e_key;
-    originalOnKeyDown === null || originalOnKeyDown === void 0 ? void 0 : originalOnKeyDown(e);
-    if (((_e_key = e.key) === null || _e_key === void 0 ? void 0 : _e_key.length) > 1) {
-      return;
-    }
-    if (ref.current) {
-      setFocusByFirstCharacter === null || setFocusByFirstCharacter === void 0 ? void 0 : setFocusByFirstCharacter(e, ref.current);
-    }
-  };
-  return state;
-};
-//# sourceMappingURL=useCharacterSearch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMenuListContext_unstable","useCharacterSearch","state","ref","setFocusByFirstCharacter","context","onKeyDown","originalOnKeyDown","root","e","_e_key","key","length","current"],"sources":["../../../src/components/MenuItem/useCharacterSearch.ts"],"sourcesContent":["import * as React from 'react';\nimport { useMenuListContext_unstable } from '../../contexts/menuListContext';\nimport type { MenuItemState } from '../../components/index';\nimport type { ARIAButtonElementIntersection } from '@fluentui/react-aria';\n\nexport const useCharacterSearch = (state: MenuItemState, ref: React.RefObject<HTMLElement>) => {\n  const setFocusByFirstCharacter = useMenuListContext_unstable(context => context.setFocusByFirstCharacter);\n\n  const { onKeyDown: originalOnKeyDown } = state.root;\n\n  state.root.onKeyDown = (e: React.KeyboardEvent<ARIAButtonElementIntersection>) => {\n    originalOnKeyDown?.(e);\n\n    if (e.key?.length > 1) {\n      return;\n    }\n\n    if (ref.current) {\n      setFocusByFirstCharacter?.(e, ref.current);\n    }\n  };\n\n  return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,2BAA2B,QAAQ;AAI5C,OAAO,MAAMC,kBAAA,GAAqBA,CAACC,KAAA,EAAsBC,GAAA,KAAsC;EAC7F,MAAMC,wBAAA,GAA2BJ,2BAAA,CAA4BK,OAAA,IAAWA,OAAA,CAAQD,wBAAwB;EAExG,MAAM;IAAEE,SAAA,EAAWC;EAAiB,CAAE,GAAGL,KAAA,CAAMM,IAAI;EAEnDN,KAAA,CAAMM,IAAI,CAACF,SAAS,GAAIG,CAAA,IAA0D;QAG5EC,MAAA;IAFJH,iBAAA,aAAAA,iBAAA,uBAAAA,iBAAA,CAAoBE,CAAA;IAEpB,IAAI,EAAAC,MAAA,GAAAD,CAAA,CAAEE,GAAG,cAALD,MAAA,uBAAAA,MAAA,CAAOE,MAAM,IAAG,GAAG;MACrB;IACF;IAEA,IAAIT,GAAA,CAAIU,OAAO,EAAE;MACfT,wBAAA,aAAAA,wBAAA,uBAAAA,wBAAA,CAA2BK,CAAA,EAAGN,GAAA,CAAIU,OAAO;IAC3C;EACF;EAEA,OAAOX,KAAA;AACT"}

package/lib/components/MenuItem/useMenuItem.js

@@ -1,101 +0,0 @@
-import * as React from 'react';
-import { useEventCallback, resolveShorthand, useMergedRefs, getNativeElementProps } from '@fluentui/react-utilities';
-import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
-import { useCharacterSearch } from './useCharacterSearch';
-import { useMenuTriggerContext_unstable } from '../../contexts/menuTriggerContext';
-import { ChevronRightFilled, ChevronRightRegular, ChevronLeftFilled, ChevronLeftRegular, bundleIcon } from '@fluentui/react-icons';
-import { useMenuListContext_unstable } from '../../contexts/menuListContext';
-import { useMenuContext_unstable } from '../../contexts/menuContext';
-import { useARIAButtonProps } from '@fluentui/react-aria';
-import { Enter, Space } from '@fluentui/keyboard-keys';
-const ChevronRightIcon = /*#__PURE__*/bundleIcon(ChevronRightFilled, ChevronRightRegular);
-const ChevronLeftIcon = /*#__PURE__*/bundleIcon(ChevronLeftFilled, ChevronLeftRegular);
-/**
- * Returns the props and state required to render the component
- */
-export const useMenuItem_unstable = (props, ref) => {
-  const isSubmenuTrigger = useMenuTriggerContext_unstable();
-  const persistOnClickContext = useMenuContext_unstable(context => context.persistOnItemClick);
-  const {
-    as = 'div',
-    disabled = false,
-    hasSubmenu = isSubmenuTrigger,
-    persistOnClick = persistOnClickContext
-  } = props;
-  const hasIcons = useMenuListContext_unstable(context => context.hasIcons);
-  const hasCheckmarks = useMenuListContext_unstable(context => context.hasCheckmarks);
-  const setOpen = useMenuContext_unstable(context => context.setOpen);
-  const {
-    dir
-  } = useFluent();
-  const innerRef = React.useRef(null);
-  const dismissedWithKeyboardRef = React.useRef(false);
-  const state = {
-    hasSubmenu,
-    disabled,
-    persistOnClick,
-    components: {
-      root: 'div',
-      icon: 'span',
-      checkmark: 'span',
-      submenuIndicator: 'span',
-      content: 'span',
-      secondaryContent: 'span'
-    },
-    root: getNativeElementProps(as, useARIAButtonProps(as, {
-      role: 'menuitem',
-      ...props,
-      disabled: false,
-      disabledFocusable: disabled,
-      ref: useMergedRefs(ref, innerRef),
-      onKeyDown: useEventCallback(event => {
-        var _props_onKeyDown;
-        (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, event);
-        if (!event.isDefaultPrevented() && (event.key === Space || event.key === Enter)) {
-          dismissedWithKeyboardRef.current = true;
-        }
-      }),
-      onMouseEnter: useEventCallback(event => {
-        var _innerRef_current, _props_onMouseEnter;
-        (_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.focus();
-        (_props_onMouseEnter = props.onMouseEnter) === null || _props_onMouseEnter === void 0 ? void 0 : _props_onMouseEnter.call(props, event);
-      }),
-      onClick: useEventCallback(event => {
-        var _props_onClick;
-        if (!hasSubmenu && !persistOnClick) {
-          setOpen(event, {
-            open: false,
-            keyboard: dismissedWithKeyboardRef.current,
-            bubble: true,
-            type: 'menuItemClick',
-            event
-          });
-          dismissedWithKeyboardRef.current = false;
-        }
-        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);
-      })
-    })),
-    icon: resolveShorthand(props.icon, {
-      required: hasIcons
-    }),
-    checkmark: resolveShorthand(props.checkmark, {
-      required: hasCheckmarks
-    }),
-    submenuIndicator: resolveShorthand(props.submenuIndicator, {
-      required: hasSubmenu,
-      defaultProps: {
-        children: dir === 'ltr' ? /*#__PURE__*/React.createElement(ChevronRightIcon, null) : /*#__PURE__*/React.createElement(ChevronLeftIcon, null)
-      }
-    }),
-    content: resolveShorthand(props.content, {
-      required: !!props.children,
-      defaultProps: {
-        children: props.children
-      }
-    }),
-    secondaryContent: resolveShorthand(props.secondaryContent)
-  };
-  useCharacterSearch(state, innerRef);
-  return state;
-};
-//# sourceMappingURL=useMenuItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEventCallback","resolveShorthand","useMergedRefs","getNativeElementProps","useFluent_unstable","useFluent","useCharacterSearch","useMenuTriggerContext_unstable","ChevronRightFilled","ChevronRightRegular","ChevronLeftFilled","ChevronLeftRegular","bundleIcon","useMenuListContext_unstable","useMenuContext_unstable","useARIAButtonProps","Enter","Space","ChevronRightIcon","ChevronLeftIcon","useMenuItem_unstable","props","ref","isSubmenuTrigger","persistOnClickContext","context","persistOnItemClick","as","disabled","hasSubmenu","persistOnClick","hasIcons","hasCheckmarks","setOpen","dir","innerRef","useRef","dismissedWithKeyboardRef","state","components","root","icon","checkmark","submenuIndicator","content","secondaryContent","role","disabledFocusable","onKeyDown","event","_props_onKeyDown","call","isDefaultPrevented","key","current","onMouseEnter","_innerRef_current","_props_onMouseEnter","focus","onClick","_props_onClick","open","keyboard","bubble","type","required","defaultProps","children","createElement"],"sources":["../../../src/components/MenuItem/useMenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, resolveShorthand, useMergedRefs, getNativeElementProps } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useCharacterSearch } from './useCharacterSearch';\nimport { useMenuTriggerContext_unstable } from '../../contexts/menuTriggerContext';\nimport {\n  ChevronRightFilled,\n  ChevronRightRegular,\n  ChevronLeftFilled,\n  ChevronLeftRegular,\n  bundleIcon,\n} from '@fluentui/react-icons';\nimport { useMenuListContext_unstable } from '../../contexts/menuListContext';\nimport { useMenuContext_unstable } from '../../contexts/menuContext';\nimport type { MenuItemProps, MenuItemState } from './MenuItem.types';\nimport { ARIAButtonElement, ARIAButtonElementIntersection, useARIAButtonProps } from '@fluentui/react-aria';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\n\nconst ChevronRightIcon = bundleIcon(ChevronRightFilled, ChevronRightRegular);\nconst ChevronLeftIcon = bundleIcon(ChevronLeftFilled, ChevronLeftRegular);\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useMenuItem_unstable = (props: MenuItemProps, ref: React.Ref<ARIAButtonElement<'div'>>): MenuItemState => {\n  const isSubmenuTrigger = useMenuTriggerContext_unstable();\n  const persistOnClickContext = useMenuContext_unstable(context => context.persistOnItemClick);\n  const { as = 'div', disabled = false, hasSubmenu = isSubmenuTrigger, persistOnClick = persistOnClickContext } = props;\n  const hasIcons = useMenuListContext_unstable(context => context.hasIcons);\n  const hasCheckmarks = useMenuListContext_unstable(context => context.hasCheckmarks);\n  const setOpen = useMenuContext_unstable(context => context.setOpen);\n\n  const { dir } = useFluent();\n  const innerRef = React.useRef<ARIAButtonElementIntersection<'div'>>(null);\n  const dismissedWithKeyboardRef = React.useRef(false);\n\n  const state: MenuItemState = {\n    hasSubmenu,\n    disabled,\n    persistOnClick,\n    components: {\n      root: 'div',\n      icon: 'span',\n      checkmark: 'span',\n      submenuIndicator: 'span',\n      content: 'span',\n      secondaryContent: 'span',\n    },\n    root: getNativeElementProps(\n      as,\n      useARIAButtonProps(as, {\n        role: 'menuitem',\n        ...props,\n        disabled: false,\n        disabledFocusable: disabled,\n        ref: useMergedRefs(ref, innerRef) as React.Ref<ARIAButtonElementIntersection<'div'>>,\n        onKeyDown: useEventCallback(event => {\n          props.onKeyDown?.(event);\n          if (!event.isDefaultPrevented() && (event.key === Space || event.key === Enter)) {\n            dismissedWithKeyboardRef.current = true;\n          }\n        }),\n        onMouseEnter: useEventCallback(event => {\n          innerRef.current?.focus();\n\n          props.onMouseEnter?.(event);\n        }),\n        onClick: useEventCallback(event => {\n          if (!hasSubmenu && !persistOnClick) {\n            setOpen(event, {\n              open: false,\n              keyboard: dismissedWithKeyboardRef.current,\n              bubble: true,\n              type: 'menuItemClick',\n              event,\n            });\n            dismissedWithKeyboardRef.current = false;\n          }\n\n          props.onClick?.(event);\n        }),\n      }),\n    ),\n    icon: resolveShorthand(props.icon, { required: hasIcons }),\n    checkmark: resolveShorthand(props.checkmark, { required: hasCheckmarks }),\n    submenuIndicator: resolveShorthand(props.submenuIndicator, {\n      required: hasSubmenu,\n      defaultProps: {\n        children: dir === 'ltr' ? <ChevronRightIcon /> : <ChevronLeftIcon />,\n      },\n    }),\n    content: resolveShorthand(props.content, {\n      required: !!props.children,\n      defaultProps: { children: props.children },\n    }),\n    secondaryContent: resolveShorthand(props.secondaryContent),\n  };\n  useCharacterSearch(state, innerRef);\n  return state;\n};\n"],"mappings":"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"}