@fluentui/react-menu 0.0.0-nightly-20230321-0440.1 → 0.0.0-nightly-20230324-0422.1

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadio.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","react_icons_1","menuListContext_1","useMenuItem_1","useMenuItemRadio_unstable","props","ref","name","value","checked","useMenuListContext_unstable","context","checkedItems","_a","checkedValues","indexOf","selectRadio","useMenuItem_unstable","role","checkmark","resolveShorthand","defaultProps","children","createElement","Checkmark16Filled","required","onClick","e","call","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItemRadio/useMenuItemRadio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { Checkmark16Filled } from '@fluentui/react-icons';\nimport { useMenuListContext_unstable } from '../../contexts/menuListContext';\nimport { useMenuItem_unstable } from '../MenuItem/useMenuItem';\nimport type { MenuItemRadioProps, MenuItemRadioState } from './MenuItemRadio.types';\nimport type { ARIAButtonElement, ARIAButtonElementIntersection } from '@fluentui/react-aria';\n\n/**\n * Given user props, returns state and render function for a MenuItemRadio.\n */\nexport const useMenuItemRadio_unstable = (\n  props: MenuItemRadioProps,\n  ref: React.Ref<ARIAButtonElement<'div'>>,\n): MenuItemRadioState => {\n  const { name, value } = props;\n\n  const checked = useMenuListContext_unstable(context => {\n    const checkedItems = context.checkedValues?.[name] || [];\n    return checkedItems.indexOf(value) !== -1;\n  });\n\n  const selectRadio = useMenuListContext_unstable(context => context.selectRadio);\n\n  return {\n    ...useMenuItem_unstable(\n      {\n        ...props,\n        role: 'menuitemradio',\n        'aria-checked': checked,\n        checkmark: resolveShorthand(props.checkmark, {\n          defaultProps: { children: <Checkmark16Filled /> },\n          required: true,\n        }),\n        onClick: (e: React.MouseEvent<ARIAButtonElementIntersection<'div'>>) => {\n          selectRadio?.(e, name, value, checked);\n          props.onClick?.(e);\n        },\n      },\n      ref,\n    ),\n    checked,\n    name,\n    value,\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,aAAA,gBAAAF,OAAA;AACA,MAAAG,iBAAA,gBAAAH,OAAA;AACA,MAAAI,aAAA,gBAAAJ,OAAA;AAIA;;;AAGO,MAAMK,yBAAyB,GAAGA,CACvCC,KAAyB,EACzBC,GAAwC,KAClB;EACtB,MAAM;IAAEC,IAAI;IAAEC;EAAK,CAAE,GAAGH,KAAK;EAE7B,MAAMI,OAAO,GAAGP,iBAAA,CAAAQ,2BAA2B,CAACC,OAAO,IAAG;;IACpD,MAAMC,YAAY,GAAG,EAAAC,EAAA,GAAAF,OAAO,CAACG,aAAa,cAAAD,EAAA,uBAAAA,EAAA,CAAGN,IAAI,CAAC,KAAI,EAAE;IACxD,OAAOK,YAAY,CAACG,OAAO,CAACP,KAAK,CAAC,KAAK,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEF,MAAMQ,WAAW,GAAGd,iBAAA,CAAAQ,2BAA2B,CAACC,OAAO,IAAIA,OAAO,CAACK,WAAW,CAAC;EAE/E,OAAO;IACL,GAAGb,aAAA,CAAAc,oBAAoB,CACrB;MACE,GAAGZ,KAAK;MACRa,IAAI,EAAE,eAAe;MACrB,cAAc,EAAET,OAAO;MACvBU,SAAS,EAAEnB,iBAAA,CAAAoB,gBAAgB,CAACf,KAAK,CAACc,SAAS,EAAE;QAC3CE,YAAY,EAAE;UAAEC,QAAQ,EAAExB,KAAA,CAAAyB,aAAA,CAACtB,aAAA,CAAAuB,iBAAiB;QAAG,CAAE;QACjDC,QAAQ,EAAE;OACX,CAAC;MACFC,OAAO,EAAGC,CAAyD,IAAI;;QACrEX,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAGW,CAAC,EAAEpB,IAAI,EAAEC,KAAK,EAAEC,OAAO,CAAC;QACtC,CAAAI,EAAA,GAAAR,KAAK,CAACqB,OAAO,cAAAb,EAAA,uBAAAA,EAAA,CAAAe,IAAA,CAAbvB,KAAK,EAAWsB,CAAC,CAAC;MACpB;KACD,EACDrB,GAAG,CACJ;IACDG,OAAO;IACPF,IAAI;IACJC;GACD;AACH,CAAC;AAlCYqB,OAAA,CAAAzB,yBAAyB,GAAAA,yBAAA"}
+{"version":3,"sources":["../../../lib/components/MenuItemRadio/useMenuItemRadio.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { Checkmark16Filled } from '@fluentui/react-icons';\nimport { useMenuListContext_unstable } from '../../contexts/menuListContext';\nimport { useMenuItem_unstable } from '../MenuItem/useMenuItem';\n/**\n * Given user props, returns state and render function for a MenuItemRadio.\n */\nexport const useMenuItemRadio_unstable = (props, ref) => {\n  const {\n    name,\n    value\n  } = props;\n  const checked = useMenuListContext_unstable(context => {\n    var _context_checkedValues;\n    const checkedItems = ((_context_checkedValues = context.checkedValues) === null || _context_checkedValues === void 0 ? void 0 : _context_checkedValues[name]) || [];\n    return checkedItems.indexOf(value) !== -1;\n  });\n  const selectRadio = useMenuListContext_unstable(context => context.selectRadio);\n  return {\n    ...useMenuItem_unstable({\n      ...props,\n      role: 'menuitemradio',\n      'aria-checked': checked,\n      checkmark: resolveShorthand(props.checkmark, {\n        defaultProps: {\n          children: /*#__PURE__*/React.createElement(Checkmark16Filled, null)\n        },\n        required: true\n      }),\n      onClick: e => {\n        var _props_onClick;\n        selectRadio === null || selectRadio === void 0 ? void 0 : selectRadio(e, name, value, checked);\n        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);\n      }\n    }, ref),\n    checked,\n    name,\n    value\n  };\n};\n//# sourceMappingURL=useMenuItemRadio.js.map"],"names":["useMenuItemRadio_unstable","props","ref","name","value","checked","useMenuListContext_unstable","context","_context_checkedValues","checkedItems","checkedValues","indexOf","selectRadio","useMenuItem_unstable","role","checkmark","resolveShorthand","defaultProps","children","React","createElement","Checkmark16Filled","required","onClick","e","_props_onClick","call"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACU;4BACC;iCACU;6BACP;AAI9B,MAAMA,4BAA4B,CAACC,OAAOC,MAAQ;IACvD,MAAM,EACJC,KAAI,EACJC,MAAK,EACN,GAAGH;IACJ,MAAMI,UAAUC,IAAAA,4CAA2B,EAACC,CAAAA,UAAW;QACrD,IAAIC;QACJ,MAAMC,eAAe,AAAC,CAAA,AAACD,CAAAA,yBAAyBD,QAAQG,aAAa,AAAD,MAAO,IAAI,IAAIF,2BAA2B,KAAK,IAAI,KAAK,IAAIA,sBAAsB,CAACL,KAAK,AAAD,KAAM,EAAE;QACnK,OAAOM,aAAaE,OAAO,CAACP,WAAW,CAAC;IAC1C;IACA,MAAMQ,cAAcN,IAAAA,4CAA2B,EAACC,CAAAA,UAAWA,QAAQK,WAAW;IAC9E,OAAO;QACL,GAAGC,IAAAA,iCAAoB,EAAC;YACtB,GAAGZ,KAAK;YACRa,MAAM;YACN,gBAAgBT;YAChBU,WAAWC,IAAAA,gCAAgB,EAACf,MAAMc,SAAS,EAAE;gBAC3CE,cAAc;oBACZC,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,6BAAiB,EAAE,IAAI;gBACpE;gBACAC,UAAU,IAAI;YAChB;YACAC,SAASC,CAAAA,IAAK;gBACZ,IAAIC;gBACJb,gBAAgB,IAAI,IAAIA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYY,GAAGrB,MAAMC,OAAOC,QAAQ;gBAC7FoB,CAAAA,iBAAiBxB,MAAMsB,OAAO,AAAD,MAAO,IAAI,IAAIE,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeC,IAAI,CAACzB,OAAOuB,EAAE;YACjH;QACF,GAAGtB,IAAI;QACPG;QACAF;QACAC;IACF;AACF,GACA,4CAA4C"}

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.js

@@ -1,35 +1,43 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useMenuItemRadioStyles_unstable = exports.menuItemRadioClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const index_1 = /*#__PURE__*/require("../../selectable/index");
-const useMenuItemStyles_1 = /*#__PURE__*/require("../MenuItem/useMenuItemStyles");
-exports.menuItemRadioClassNames = {
-  root: 'fui-MenuItemRadio',
-  icon: 'fui-MenuItemRadio__icon',
-  checkmark: 'fui-MenuItemRadio__checkmark',
-  content: 'fui-MenuItemRadio__content',
-  secondaryContent: 'fui-MenuItemRadio__secondaryContent'
-};
-const useMenuItemRadioStyles_unstable = state => {
-  state.root.className = react_1.mergeClasses(exports.menuItemRadioClassNames.root, state.root.className);
-  if (state.content) {
-    state.content.className = react_1.mergeClasses(exports.menuItemRadioClassNames.content, state.content.className);
-  }
-  if (state.secondaryContent) {
-    state.secondaryContent.className = react_1.mergeClasses(exports.menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);
-  }
-  if (state.icon) {
-    state.icon.className = react_1.mergeClasses(exports.menuItemRadioClassNames.icon, state.icon.className);
-  }
-  if (state.checkmark) {
-    state.checkmark.className = react_1.mergeClasses(exports.menuItemRadioClassNames.checkmark, state.checkmark.className);
-  }
-  useMenuItemStyles_1.useMenuItemStyles_unstable(state);
-  index_1.useCheckmarkStyles_unstable(state);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    menuItemRadioClassNames: ()=>menuItemRadioClassNames,
+    useMenuItemRadioStyles_unstable: ()=>useMenuItemRadioStyles_unstable
+});
+const _react = require("@griffel/react");
+const _index = require("../../selectable/index");
+const _useMenuItemStyles = require("../MenuItem/useMenuItemStyles");
+const menuItemRadioClassNames = {
+    root: 'fui-MenuItemRadio',
+    icon: 'fui-MenuItemRadio__icon',
+    checkmark: 'fui-MenuItemRadio__checkmark',
+    content: 'fui-MenuItemRadio__content',
+    secondaryContent: 'fui-MenuItemRadio__secondaryContent'
 };
-exports.useMenuItemRadioStyles_unstable = useMenuItemRadioStyles_unstable;
+const useMenuItemRadioStyles_unstable = (state)=>{
+    state.root.className = (0, _react.mergeClasses)(menuItemRadioClassNames.root, state.root.className);
+    if (state.content) {
+        state.content.className = (0, _react.mergeClasses)(menuItemRadioClassNames.content, state.content.className);
+    }
+    if (state.secondaryContent) {
+        state.secondaryContent.className = (0, _react.mergeClasses)(menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);
+    }
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(menuItemRadioClassNames.icon, state.icon.className);
+    }
+    if (state.checkmark) {
+        state.checkmark.className = (0, _react.mergeClasses)(menuItemRadioClassNames.checkmark, state.checkmark.className);
+    }
+    (0, _useMenuItemStyles.useMenuItemStyles_unstable)(state);
+    (0, _index.useCheckmarkStyles_unstable)(state);
+}; //# sourceMappingURL=useMenuItemRadioStyles.js.map
+
 //# sourceMappingURL=useMenuItemRadioStyles.js.map

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","index_1","useMenuItemStyles_1","exports","menuItemRadioClassNames","root","icon","checkmark","content","secondaryContent","useMenuItemRadioStyles_unstable","state","className","mergeClasses","useMenuItemStyles_unstable","useCheckmarkStyles_unstable"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItemRadio/useMenuItemRadioStyles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nimport { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MenuItemSlots } from '../index';\nimport type { MenuItemRadioState } from './MenuItemRadio.types';\n\nexport const menuItemRadioClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>> = {\n  root: 'fui-MenuItemRadio',\n  icon: 'fui-MenuItemRadio__icon',\n  checkmark: 'fui-MenuItemRadio__checkmark',\n  content: 'fui-MenuItemRadio__content',\n  secondaryContent: 'fui-MenuItemRadio__secondaryContent',\n};\n\nexport const useMenuItemRadioStyles_unstable = (state: MenuItemRadioState) => {\n  state.root.className = mergeClasses(menuItemRadioClassNames.root, state.root.className);\n\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemRadioClassNames.content, state.content.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      menuItemRadioClassNames.secondaryContent,\n      state.secondaryContent.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemRadioClassNames.icon, state.icon.className);\n  }\n\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemRadioClassNames.checkmark, state.checkmark.className);\n  }\n\n  useMenuItemStyles_unstable(state);\n  useCheckmarkStyles_unstable(state);\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AACA,MAAAC,OAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AAKaG,OAAA,CAAAC,uBAAuB,GAA4D;EAC9FC,IAAI,EAAE,mBAAmB;EACzBC,IAAI,EAAE,yBAAyB;EAC/BC,SAAS,EAAE,8BAA8B;EACzCC,OAAO,EAAE,4BAA4B;EACrCC,gBAAgB,EAAE;CACnB;AAEM,MAAMC,+BAA+B,GAAIC,KAAyB,IAAI;EAC3EA,KAAK,CAACN,IAAI,CAACO,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAACV,OAAA,CAAAC,uBAAuB,CAACC,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACO,SAAS,CAAC;EAEvF,IAAID,KAAK,CAACH,OAAO,EAAE;IACjBG,KAAK,CAACH,OAAO,CAACI,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAACV,OAAA,CAAAC,uBAAuB,CAACI,OAAO,EAAEG,KAAK,CAACH,OAAO,CAACI,SAAS,CAAC;;EAGlG,IAAID,KAAK,CAACF,gBAAgB,EAAE;IAC1BE,KAAK,CAACF,gBAAgB,CAACG,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAC7CV,OAAA,CAAAC,uBAAuB,CAACK,gBAAgB,EACxCE,KAAK,CAACF,gBAAgB,CAACG,SAAS,CACjC;;EAGH,IAAID,KAAK,CAACL,IAAI,EAAE;IACdK,KAAK,CAACL,IAAI,CAACM,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAACV,OAAA,CAAAC,uBAAuB,CAACE,IAAI,EAAEK,KAAK,CAACL,IAAI,CAACM,SAAS,CAAC;;EAGzF,IAAID,KAAK,CAACJ,SAAS,EAAE;IACnBI,KAAK,CAACJ,SAAS,CAACK,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAACV,OAAA,CAAAC,uBAAuB,CAACG,SAAS,EAAEI,KAAK,CAACJ,SAAS,CAACK,SAAS,CAAC;;EAGxGV,mBAAA,CAAAY,0BAA0B,CAACH,KAAK,CAAC;EACjCV,OAAA,CAAAc,2BAA2B,CAACJ,KAAK,CAAC;AACpC,CAAC;AAxBYR,OAAA,CAAAO,+BAA+B,GAAAA,+BAAA"}
+{"version":3,"sources":["../../../lib/components/MenuItemRadio/useMenuItemRadioStyles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nimport { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles';\nexport const menuItemRadioClassNames = {\n  root: 'fui-MenuItemRadio',\n  icon: 'fui-MenuItemRadio__icon',\n  checkmark: 'fui-MenuItemRadio__checkmark',\n  content: 'fui-MenuItemRadio__content',\n  secondaryContent: 'fui-MenuItemRadio__secondaryContent'\n};\nexport const useMenuItemRadioStyles_unstable = state => {\n  state.root.className = mergeClasses(menuItemRadioClassNames.root, state.root.className);\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemRadioClassNames.content, state.content.className);\n  }\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemRadioClassNames.icon, state.icon.className);\n  }\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemRadioClassNames.checkmark, state.checkmark.className);\n  }\n  useMenuItemStyles_unstable(state);\n  useCheckmarkStyles_unstable(state);\n};\n//# sourceMappingURL=useMenuItemRadioStyles.js.map"],"names":["menuItemRadioClassNames","useMenuItemRadioStyles_unstable","root","icon","checkmark","content","secondaryContent","state","className","mergeClasses","useMenuItemStyles_unstable","useCheckmarkStyles_unstable"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB,MAAvBA;IAOAC,+BAA+B,MAA/BA;;uBAVgB;uBACe;mCACD;AACpC,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,MAAM;IACNC,WAAW;IACXC,SAAS;IACTC,kBAAkB;AACpB;AACO,MAAML,kCAAkCM,CAAAA,QAAS;IACtDA,MAAML,IAAI,CAACM,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBE,IAAI,EAAEK,MAAML,IAAI,CAACM,SAAS;IACtF,IAAID,MAAMF,OAAO,EAAE;QACjBE,MAAMF,OAAO,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBK,OAAO,EAAEE,MAAMF,OAAO,CAACG,SAAS;IACjG,CAAC;IACD,IAAID,MAAMD,gBAAgB,EAAE;QAC1BC,MAAMD,gBAAgB,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBM,gBAAgB,EAAEC,MAAMD,gBAAgB,CAACE,SAAS;IAC5H,CAAC;IACD,IAAID,MAAMJ,IAAI,EAAE;QACdI,MAAMJ,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBG,IAAI,EAAEI,MAAMJ,IAAI,CAACK,SAAS;IACxF,CAAC;IACD,IAAID,MAAMH,SAAS,EAAE;QACnBG,MAAMH,SAAS,CAACI,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBI,SAAS,EAAEG,MAAMH,SAAS,CAACI,SAAS;IACvG,CAAC;IACDE,IAAAA,6CAA0B,EAACH;IAC3BI,IAAAA,kCAA2B,EAACJ;AAC9B,GACA,kDAAkD"}

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

@@ -1,27 +1,26 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "MenuList", {
+    enumerable: true,
+    get: ()=>MenuList
 });
-exports.MenuList = void 0;
-const React = /*#__PURE__*/require("react");
-const useMenuList_1 = /*#__PURE__*/require("./useMenuList");
-const renderMenuList_1 = /*#__PURE__*/require("./renderMenuList");
-const useMenuListContextValues_1 = /*#__PURE__*/require("./useMenuListContextValues");
-const useMenuListStyles_1 = /*#__PURE__*/require("./useMenuListStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * Define a styled MenuList, using the `useMenuList_unstable` hook.
- */
-exports.MenuList = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useMenuList_1.useMenuList_unstable(props, ref);
-  const contextValues = useMenuListContextValues_1.useMenuListContextValues_unstable(state);
-  useMenuListStyles_1.useMenuListStyles_unstable(state);
-  const {
-    useMenuListStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderMenuList_1.renderMenuList_unstable(state, contextValues);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useMenuList = require("./useMenuList");
+const _renderMenuList = require("./renderMenuList");
+const _useMenuListContextValues = require("./useMenuListContextValues");
+const _useMenuListStyles = require("./useMenuListStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const MenuList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useMenuList.useMenuList_unstable)(props, ref);
+    const contextValues = (0, _useMenuListContextValues.useMenuListContextValues_unstable)(state);
+    (0, _useMenuListStyles.useMenuListStyles_unstable)(state);
+    const { useMenuListStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderMenuList.renderMenuList_unstable)(state, contextValues);
 });
-exports.MenuList.displayName = 'MenuList';
+MenuList.displayName = 'MenuList'; //# sourceMappingURL=MenuList.js.map
+
 //# sourceMappingURL=MenuList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useMenuList_1","renderMenuList_1","useMenuListContextValues_1","useMenuListStyles_1","react_shared_contexts_1","exports","MenuList","forwardRef","props","ref","state","useMenuList_unstable","contextValues","useMenuListContextValues_unstable","useMenuListStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuList_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuList/MenuList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuList_unstable } from './useMenuList';\nimport { renderMenuList_unstable } from './renderMenuList';\nimport { useMenuListContextValues_unstable } from './useMenuListContextValues';\nimport { useMenuListStyles_unstable } from './useMenuListStyles';\nimport type { MenuListProps } from './MenuList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuList, using the `useMenuList_unstable` hook.\n */\nexport const MenuList: ForwardRefComponent<MenuListProps> = React.forwardRef((props, ref) => {\n  const state = useMenuList_unstable(props, ref);\n  const contextValues = useMenuListContextValues_unstable(state);\n\n  useMenuListStyles_unstable(state);\n\n  const { useMenuListStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderMenuList_unstable(state, contextValues);\n});\n\nMenuList.displayName = 'MenuList';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AACA,MAAAG,0BAAA,gBAAAH,OAAA;AACA,MAAAI,mBAAA,gBAAAJ,OAAA;AAGA,MAAAK,uBAAA,gBAAAL,OAAA;AAEA;;;AAGaM,OAAA,CAAAC,QAAQ,gBAAuCR,KAAK,CAACS,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC1F,MAAMC,KAAK,GAAGV,aAAA,CAAAW,oBAAoB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAC9C,MAAMG,aAAa,GAAGV,0BAAA,CAAAW,iCAAiC,CAACH,KAAK,CAAC;EAE9DP,mBAAA,CAAAW,0BAA0B,CAACJ,KAAK,CAAC;EAEjC,MAAM;IAAEI,0BAA0B,EAAEC;EAAe,CAAE,GAAGX,uBAAA,CAAAY,4BAA4B,EAAE;EACtFD,eAAe,CAACL,KAAK,CAAC;EAEtB,OAAOT,gBAAA,CAAAgB,uBAAuB,CAACP,KAAK,EAAEE,aAAa,CAAC;AACtD,CAAC,CAAC;AAEFP,OAAA,CAAAC,QAAQ,CAACY,WAAW,GAAG,UAAU"}
+{"version":3,"sources":["../../../lib/components/MenuList/MenuList.js"],"sourcesContent":["import * as React from 'react';\nimport { useMenuList_unstable } from './useMenuList';\nimport { renderMenuList_unstable } from './renderMenuList';\nimport { useMenuListContextValues_unstable } from './useMenuListContextValues';\nimport { useMenuListStyles_unstable } from './useMenuListStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Define a styled MenuList, using the `useMenuList_unstable` hook.\n */\nexport const MenuList = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useMenuList_unstable(props, ref);\n  const contextValues = useMenuListContextValues_unstable(state);\n  useMenuListStyles_unstable(state);\n  const {\n    useMenuListStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderMenuList_unstable(state, contextValues);\n});\nMenuList.displayName = 'MenuList';\n//# sourceMappingURL=MenuList.js.map"],"names":["MenuList","React","forwardRef","props","ref","state","useMenuList_unstable","contextValues","useMenuListContextValues_unstable","useMenuListStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuList_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;6BACc;gCACG;0CACU;mCACP;qCACE;AAItC,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1C,MAAMG,gBAAgBC,IAAAA,2DAAiC,EAACH;IACxDI,IAAAA,6CAA0B,EAACJ;IAC3B,MAAM,EACJI,4BAA4BC,gBAAe,EAC5C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,uCAAuB,EAACP,OAAOE;AACxC;AACAP,SAASa,WAAW,GAAG,YACvB,oCAAoC"}

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

@@ -1,6 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+ //# sourceMappingURL=MenuList.types.js.map
+
 //# sourceMappingURL=MenuList.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuList/MenuList.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuListContextValue } from '../../contexts/menuListContext';\nimport type { SelectableHandler } from '../../selectable/index';\n\nexport type MenuCheckedValueChangeEvent = React.MouseEvent | React.KeyboardEvent;\n\nexport type MenuCheckedValueChangeData = {\n  /** The items for this value that are checked */\n  checkedItems: string[];\n  /** The name of the value */\n  name: string;\n};\n\nexport type MenuListSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuListProps = ComponentProps<MenuListSlots> & {\n  /**\n   * Map of all checked values\n   */\n  checkedValues?: Record<string, string[]>;\n\n  /**\n   * Default values to be checked on mount\n   */\n  defaultCheckedValues?: Record<string, string[]>;\n\n  /**\n   * States that menu items can contain selectable items and reserve slots for item alignment\n   */\n  hasCheckmarks?: boolean;\n\n  /**\n   * States that menu items can contain icons and reserve slots for item alignment\n   */\n  hasIcons?: boolean;\n\n  /**\n   * Callback when checked items change for value with a name\n   *\n   * @param event - React's original SyntheticEvent\n   * @param data - A data object with relevant information\n   */\n  onCheckedValueChange?: (e: MenuCheckedValueChangeEvent, data: MenuCheckedValueChangeData) => void;\n};\n\nexport type MenuListState = ComponentState<MenuListSlots> &\n  Required<Pick<MenuListProps, 'checkedValues' | 'hasCheckmarks' | 'hasIcons'>> &\n  Pick<MenuListProps, 'defaultCheckedValues' | 'onCheckedValueChange'> & {\n    /**\n     * Selects a radio item, will de-select the currently selected ratio item\n     */\n    selectRadio: SelectableHandler;\n\n    /**\n     * Callback to set focus on the next menu item by first character\n     */\n    setFocusByFirstCharacter: NonNullable<MenuListContextValue['setFocusByFirstCharacter']>;\n\n    /*\n     * Toggles the state of a checkbox item\n     */\n    toggleCheckbox: SelectableHandler;\n  };\n\nexport type MenuListContextValues = {\n  menuList: MenuListContextValue;\n};\n\n/**\n * @deprecated this type is not being used internally anymore\n */\nexport type UninitializedMenuListState = Omit<\n  MenuListState,\n  'checkedValues' | 'selectRadio' | 'setFocusByFirstCharacter' | 'toggleCheckbox'\n> &\n  Partial<Pick<MenuListState, 'checkedValues'>>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/MenuList/MenuList.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=MenuList.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,0CAA0C"}

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

@@ -1,13 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./MenuList"), exports);
-tslib_1.__exportStar(require("./MenuList.types"), exports);
-tslib_1.__exportStar(require("./renderMenuList"), exports);
-tslib_1.__exportStar(require("./useMenuList"), exports);
-tslib_1.__exportStar(require("./useMenuListStyles"), exports);
-tslib_1.__exportStar(require("./useMenuListContextValues"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./MenuList"), exports);
+_exportStar(require("./MenuList.types"), exports);
+_exportStar(require("./renderMenuList"), exports);
+_exportStar(require("./useMenuList"), exports);
+_exportStar(require("./useMenuListStyles"), exports);
+_exportStar(require("./useMenuListContextValues"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuList/index.ts"],"sourcesContent":["export * from './MenuList';\nexport * from './MenuList.types';\nexport * from './renderMenuList';\nexport * from './useMenuList';\nexport * from './useMenuListStyles';\nexport * from './useMenuListContextValues';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,gBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/MenuList/index.js"],"sourcesContent":["export * from './MenuList';\nexport * from './MenuList.types';\nexport * from './renderMenuList';\nexport * from './useMenuList';\nexport * from './useMenuListStyles';\nexport * from './useMenuListContextValues';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/MenuList/renderMenuList.js

@@ -1,25 +1,20 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderMenuList_unstable", {
+    enumerable: true,
+    get: ()=>renderMenuList_unstable
 });
-exports.renderMenuList_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
-/**
- * Function that renders the final JSX of the component
- */
-const renderMenuList_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(menuListContext_1.MenuListProvider, {
-    value: contextValues.menuList
-  }, React.createElement(slots.root, {
-    ...slotProps.root
-  }));
-};
-exports.renderMenuList_unstable = renderMenuList_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _menuListContext = require("../../contexts/menuListContext");
+const renderMenuList_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(_menuListContext.MenuListProvider, {
+        value: contextValues.menuList
+    }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root));
+}; //# sourceMappingURL=renderMenuList.js.map
+
 //# sourceMappingURL=renderMenuList.js.map

package/lib-commonjs/components/MenuList/renderMenuList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","menuListContext_1","renderMenuList_unstable","state","contextValues","slots","slotProps","getSlots","createElement","MenuListProvider","value","menuList","root","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuList/renderMenuList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { MenuListContextValues, MenuListSlots, MenuListState } from './MenuList.types';\nimport { MenuListProvider } from '../../contexts/menuListContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuList_unstable = (state: MenuListState, contextValues: MenuListContextValues) => {\n  const { slots, slotProps } = getSlots<MenuListSlots>(state);\n\n  return (\n    <MenuListProvider value={contextValues.menuList}>\n      <slots.root {...slotProps.root} />\n    </MenuListProvider>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,iBAAA,gBAAAF,OAAA;AAEA;;;AAGO,MAAMG,uBAAuB,GAAGA,CAACC,KAAoB,EAAEC,aAAoC,KAAI;EACpG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAgBJ,KAAK,CAAC;EAE3D,OACEL,KAAA,CAAAU,aAAA,CAACP,iBAAA,CAAAQ,gBAAgB;IAACC,KAAK,EAAEN,aAAa,CAACO;EAAQ,GAC7Cb,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,EAAI,CACjB;AAEvB,CAAC;AARYC,OAAA,CAAAX,uBAAuB,GAAAA,uBAAA"}
+{"version":3,"sources":["../../../lib/components/MenuList/renderMenuList.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { MenuListProvider } from '../../contexts/menuListContext';\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuList_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(MenuListProvider, {\n    value: contextValues.menuList\n  }, /*#__PURE__*/React.createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderMenuList.js.map"],"names":["renderMenuList_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","MenuListProvider","value","menuList","root"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;iCACQ;AAI1B,MAAMA,0BAA0B,CAACC,OAAOC,gBAAkB;IAC/D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,iCAAgB,EAAE;QACxDC,OAAOP,cAAcQ,QAAQ;IAC/B,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEP,UAAUO,IAAI;AAChE,GACA,0CAA0C"}

package/lib-commonjs/components/MenuList/useMenuList.js

@@ -1,153 +1,159 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useMenuList_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
-const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
-const menuContext_2 = /*#__PURE__*/require("../../contexts/menuContext");
-/**
- * Returns the props and state required to render the component
- */
-const useMenuList_unstable = (props, ref) => {
-  var _a, _b;
-  const {
-    findAllFocusable
-  } = react_tabster_1.useFocusFinders();
-  const menuContext = useMenuContextSelectors();
-  const hasMenuContext = react_context_selector_1.useHasParentContext(menuContext_2.MenuContext);
-  const focusAttributes = react_tabster_1.useArrowNavigationGroup({
-    circular: true,
-    ignoreDefaultKeydown: {
-      Tab: hasMenuContext
-    }
-  });
-  if (usingPropsAndMenuContext(props, menuContext, hasMenuContext)) {
-    // TODO throw warnings in development safely
-    // eslint-disable-next-line no-console
-    console.warn('You are using both MenuList and Menu props, we recommend you to use Menu props when available');
-  }
-  const innerRef = React.useRef(null);
-  const setFocusByFirstCharacter = React.useCallback((e, itemEl) => {
-    // TODO use some kind of children registration to reduce dependency on DOM roles
-    const acceptedRoles = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];
-    if (!innerRef.current) {
-      return;
-    }
-    const menuItems = findAllFocusable(innerRef.current, el => el.hasAttribute('role') && acceptedRoles.indexOf(el.getAttribute('role')) !== -1);
-    let startIndex = menuItems.indexOf(itemEl) + 1;
-    if (startIndex === menuItems.length) {
-      startIndex = 0;
+Object.defineProperty(exports, "useMenuList_unstable", {
+    enumerable: true,
+    get: ()=>useMenuList_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactTabster = require("@fluentui/react-tabster");
+const _reactContextSelector = require("@fluentui/react-context-selector");
+const _menuContext = require("../../contexts/menuContext");
+const useMenuList_unstable = (props, ref)=>{
+    const { findAllFocusable  } = (0, _reactTabster.useFocusFinders)();
+    const menuContext = useMenuContextSelectors();
+    const hasMenuContext = (0, _reactContextSelector.useHasParentContext)(_menuContext.MenuContext);
+    const focusAttributes = (0, _reactTabster.useArrowNavigationGroup)({
+        circular: true,
+        ignoreDefaultKeydown: {
+            Tab: hasMenuContext
+        }
+    });
+    if (usingPropsAndMenuContext(props, menuContext, hasMenuContext)) {
+        // TODO throw warnings in development safely
+        // eslint-disable-next-line no-console
+        console.warn('You are using both MenuList and Menu props, we recommend you to use Menu props when available');
     }
-    const firstChars = menuItems.map(menuItem => {
-      var _a;
-      return (_a = menuItem.textContent) === null || _a === void 0 ? void 0 : _a.charAt(0).toLowerCase();
+    const innerRef = _react.useRef(null);
+    const setFocusByFirstCharacter = _react.useCallback((e, itemEl)=>{
+        // TODO use some kind of children registration to reduce dependency on DOM roles
+        const acceptedRoles = [
+            'menuitem',
+            'menuitemcheckbox',
+            'menuitemradio'
+        ];
+        if (!innerRef.current) {
+            return;
+        }
+        const menuItems = findAllFocusable(innerRef.current, (el)=>el.hasAttribute('role') && acceptedRoles.indexOf(el.getAttribute('role')) !== -1);
+        let startIndex = menuItems.indexOf(itemEl) + 1;
+        if (startIndex === menuItems.length) {
+            startIndex = 0;
+        }
+        const firstChars = menuItems.map((menuItem)=>{
+            var _menuItem_textContent;
+            return (_menuItem_textContent = menuItem.textContent) === null || _menuItem_textContent === void 0 ? void 0 : _menuItem_textContent.charAt(0).toLowerCase();
+        });
+        const char = e.key.toLowerCase();
+        const getIndexFirstChars = (start, firstChar)=>{
+            for(let i = start; i < firstChars.length; i++){
+                if (char === firstChars[i]) {
+                    return i;
+                }
+            }
+            return -1;
+        };
+        // Check remaining slots in the menu
+        let index = getIndexFirstChars(startIndex, char);
+        // If not found in remaining slots, check from beginning
+        if (index === -1) {
+            index = getIndexFirstChars(0, char);
+        }
+        // If match was found...
+        if (index > -1) {
+            menuItems[index].focus();
+        }
+    }, [
+        findAllFocusable
+    ]);
+    var _props_checkedValues;
+    const [checkedValues, setCheckedValues] = (0, _reactUtilities.useControllableState)({
+        state: (_props_checkedValues = props.checkedValues) !== null && _props_checkedValues !== void 0 ? _props_checkedValues : hasMenuContext ? menuContext.checkedValues : undefined,
+        defaultState: props.defaultCheckedValues,
+        initialState: {}
     });
-    const char = e.key.toLowerCase();
-    const getIndexFirstChars = (start, firstChar) => {
-      for (let i = start; i < firstChars.length; i++) {
-        if (char === firstChars[i]) {
-          return i;
+    var _props_onCheckedValueChange;
+    const handleCheckedValueChange = (_props_onCheckedValueChange = props.onCheckedValueChange) !== null && _props_onCheckedValueChange !== void 0 ? _props_onCheckedValueChange : hasMenuContext ? menuContext.onCheckedValueChange : undefined;
+    const toggleCheckbox = (0, _reactUtilities.useEventCallback)((e, name, value, checked)=>{
+        const checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];
+        const newCheckedItems = [
+            ...checkedItems
+        ];
+        if (checked) {
+            newCheckedItems.splice(newCheckedItems.indexOf(value), 1);
+        } else {
+            newCheckedItems.push(value);
         }
-      }
-      return -1;
-    };
-    // Check remaining slots in the menu
-    let index = getIndexFirstChars(startIndex, char);
-    // If not found in remaining slots, check from beginning
-    if (index === -1) {
-      index = getIndexFirstChars(0, char);
-    }
-    // If match was found...
-    if (index > -1) {
-      menuItems[index].focus();
-    }
-  }, [findAllFocusable]);
-  const [checkedValues, setCheckedValues] = react_utilities_1.useControllableState({
-    state: (_a = props.checkedValues) !== null && _a !== void 0 ? _a : hasMenuContext ? menuContext.checkedValues : undefined,
-    defaultState: props.defaultCheckedValues,
-    initialState: {}
-  });
-  const handleCheckedValueChange = (_b = props.onCheckedValueChange) !== null && _b !== void 0 ? _b : hasMenuContext ? menuContext.onCheckedValueChange : undefined;
-  const toggleCheckbox = react_utilities_1.useEventCallback((e, name, value, checked) => {
-    const checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];
-    const newCheckedItems = [...checkedItems];
-    if (checked) {
-      newCheckedItems.splice(newCheckedItems.indexOf(value), 1);
-    } else {
-      newCheckedItems.push(value);
-    }
-    handleCheckedValueChange === null || handleCheckedValueChange === void 0 ? void 0 : handleCheckedValueChange(e, {
-      name,
-      checkedItems: newCheckedItems
+        handleCheckedValueChange === null || handleCheckedValueChange === void 0 ? void 0 : handleCheckedValueChange(e, {
+            name,
+            checkedItems: newCheckedItems
+        });
+        setCheckedValues((s)=>({
+                ...s,
+                [name]: newCheckedItems
+            }));
     });
-    setCheckedValues(s => ({
-      ...s,
-      [name]: newCheckedItems
-    }));
-  });
-  const selectRadio = react_utilities_1.useEventCallback((e, name, value) => {
-    const newCheckedItems = [value];
-    setCheckedValues(s => ({
-      ...s,
-      [name]: newCheckedItems
-    }));
-    handleCheckedValueChange === null || handleCheckedValueChange === void 0 ? void 0 : handleCheckedValueChange(e, {
-      name,
-      checkedItems: newCheckedItems
+    const selectRadio = (0, _reactUtilities.useEventCallback)((e, name, value)=>{
+        const newCheckedItems = [
+            value
+        ];
+        setCheckedValues((s)=>({
+                ...s,
+                [name]: newCheckedItems
+            }));
+        handleCheckedValueChange === null || handleCheckedValueChange === void 0 ? void 0 : handleCheckedValueChange(e, {
+            name,
+            checkedItems: newCheckedItems
+        });
     });
-  });
-  return {
-    components: {
-      root: 'div'
-    },
-    root: react_utilities_1.getNativeElementProps('div', {
-      ref: react_utilities_1.useMergedRefs(ref, innerRef),
-      role: 'menu',
-      'aria-labelledby': menuContext.triggerId,
-      ...focusAttributes,
-      ...props
-    }),
-    hasIcons: menuContext.hasIcons || false,
-    hasCheckmarks: menuContext.hasCheckmarks || false,
-    checkedValues,
-    setFocusByFirstCharacter,
-    selectRadio,
-    toggleCheckbox
-  };
+    return {
+        components: {
+            root: 'div'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref: (0, _reactUtilities.useMergedRefs)(ref, innerRef),
+            role: 'menu',
+            'aria-labelledby': menuContext.triggerId,
+            ...focusAttributes,
+            ...props
+        }),
+        hasIcons: menuContext.hasIcons || false,
+        hasCheckmarks: menuContext.hasCheckmarks || false,
+        checkedValues,
+        setFocusByFirstCharacter,
+        selectRadio,
+        toggleCheckbox
+    };
 };
-exports.useMenuList_unstable = useMenuList_unstable;
 /**
  * Adds some sugar to fetching multiple context selector values
- */
-const useMenuContextSelectors = () => {
-  const checkedValues = menuContext_1.useMenuContext_unstable(context => context.checkedValues);
-  const onCheckedValueChange = menuContext_1.useMenuContext_unstable(context => context.onCheckedValueChange);
-  const triggerId = menuContext_1.useMenuContext_unstable(context => context.triggerId);
-  const hasIcons = menuContext_1.useMenuContext_unstable(context => context.hasIcons);
-  const hasCheckmarks = menuContext_1.useMenuContext_unstable(context => context.hasCheckmarks);
-  return {
-    checkedValues,
-    onCheckedValueChange,
-    triggerId,
-    hasIcons,
-    hasCheckmarks
-  };
+ */ const useMenuContextSelectors = ()=>{
+    const checkedValues = (0, _menuContext.useMenuContext_unstable)((context)=>context.checkedValues);
+    const onCheckedValueChange = (0, _menuContext.useMenuContext_unstable)((context)=>context.onCheckedValueChange);
+    const triggerId = (0, _menuContext.useMenuContext_unstable)((context)=>context.triggerId);
+    const hasIcons = (0, _menuContext.useMenuContext_unstable)((context)=>context.hasIcons);
+    const hasCheckmarks = (0, _menuContext.useMenuContext_unstable)((context)=>context.hasCheckmarks);
+    return {
+        checkedValues,
+        onCheckedValueChange,
+        triggerId,
+        hasIcons,
+        hasCheckmarks
+    };
 };
 /**
  * Helper function to detect if props and MenuContext values are both used
- */
-const usingPropsAndMenuContext = (props, contextValue, hasMenuContext) => {
-  let isUsingPropsAndContext = false;
-  for (const val in contextValue) {
-    if (props[val]) {
-      isUsingPropsAndContext = true;
+ */ const usingPropsAndMenuContext = (props, contextValue, hasMenuContext)=>{
+    let isUsingPropsAndContext = false;
+    for(const val in contextValue){
+        if (props[val]) {
+            isUsingPropsAndContext = true;
+        }
     }
-  }
-  return hasMenuContext && isUsingPropsAndContext;
-};
+    return hasMenuContext && isUsingPropsAndContext;
+}; //# sourceMappingURL=useMenuList.js.map
+
 //# sourceMappingURL=useMenuList.js.map