@fluentui/react-menu 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.1

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

@@ -3,33 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuList = void 0;
+exports.useMenuList_unstable = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
 
-var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
 
-var react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
+const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
 
-var menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
-
-var menuContext_2 = /*#__PURE__*/require("../../contexts/menuContext");
+const menuContext_2 = /*#__PURE__*/require("../../contexts/menuContext");
 /**
  * Returns the props and state required to render the component
  */
 
 
-var useMenuList = function (props, ref) {
-  var focusAttributes = react_tabster_1.useArrowNavigationGroup({
+const useMenuList_unstable = (props, ref) => {
+  const focusAttributes = react_tabster_1.useArrowNavigationGroup({
     circular: true
   });
-  var findAllFocusable = react_tabster_1.useFocusFinders().findAllFocusable;
-  var menuContext = useMenuContextSelectors();
-  var hasMenuContext = react_context_selector_1.useHasParentContext(menuContext_2.MenuContext);
+  const {
+    findAllFocusable
+  } = react_tabster_1.useFocusFinders();
+  const menuContext = useMenuContextSelectors();
+  const hasMenuContext = react_context_selector_1.useHasParentContext(menuContext_2.MenuContext);
 
   if (usingPropsAndMenuContext(props, menuContext, hasMenuContext)) {
     // TODO throw warnings in development safely
@@ -37,44 +37,47 @@ var useMenuList = function (props, ref) {
     console.warn('You are using both MenuList and Menu props, we recommend you to use Menu props when available');
   }
 
-  var innerRef = React.useRef(null);
-
-  var initialState = tslib_1.__assign(tslib_1.__assign({
-    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({
+  const innerRef = React.useRef(null);
+  const initialState = {
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
       ref: react_utilities_1.useMergedRefs(ref, innerRef),
       role: 'menu',
-      'aria-labelledby': menuContext.triggerId
-    }, focusAttributes), props)),
+      'aria-labelledby': menuContext.triggerId,
+      ...focusAttributes,
+      ...props
+    }),
     hasIcons: menuContext.hasIcons,
-    hasCheckmarks: menuContext.hasCheckmarks
-  }, hasMenuContext && menuContext), props);
-
-  var setFocusByFirstCharacter = React.useCallback(function (e, itemEl) {
+    hasCheckmarks: menuContext.hasCheckmarks,
+    ...(hasMenuContext && menuContext),
+    ...props
+  };
+  const setFocusByFirstCharacter = React.useCallback((e, itemEl) => {
     // TODO use some kind of children registration to reduce dependency on DOM roles
-    var acceptedRoles = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];
+    const acceptedRoles = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];
 
     if (!innerRef.current) {
       return;
     }
 
-    var menuItems = findAllFocusable(innerRef.current, function (el) {
-      return el.hasAttribute('role') && acceptedRoles.indexOf(el.getAttribute('role')) !== -1;
-    });
-    var startIndex = menuItems.indexOf(itemEl) + 1;
+    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;
     }
 
-    var firstChars = menuItems.map(function (menuItem) {
+    const firstChars = menuItems.map(menuItem => {
       var _a;
 
       return (_a = menuItem.textContent) === null || _a === void 0 ? void 0 : _a.charAt(0).toLowerCase();
     });
-    var char = e.key.toLowerCase();
+    const char = e.key.toLowerCase();
 
-    var getIndexFirstChars = function (start, firstChar) {
-      for (var i = start; i < firstChars.length; i++) {
+    const getIndexFirstChars = (start, firstChar) => {
+      for (let i = start; i < firstChars.length; i++) {
         if (char === firstChars[i]) {
           return i;
         }
@@ -84,7 +87,7 @@ var useMenuList = function (props, ref) {
     }; // Check remaining slots in the menu
 
 
-    var index = getIndexFirstChars(startIndex, char); // If not found in remaining slots, check from beginning
+    let index = getIndexFirstChars(startIndex, char); // If not found in remaining slots, check from beginning
 
     if (index === -1) {
       index = getIndexFirstChars(0, char);
@@ -95,20 +98,17 @@ var useMenuList = function (props, ref) {
       menuItems[index].focus();
     }
   }, [findAllFocusable]);
-
-  var _a = react_utilities_1.useControllableState({
+  const [checkedValues, setCheckedValues] = react_utilities_1.useControllableState({
     state: initialState.checkedValues,
     defaultState: initialState.defaultCheckedValues,
     initialState: {}
-  }),
-      checkedValues = _a[0],
-      setCheckedValues = _a[1];
-
-  var onCheckedValueChange = initialState.onCheckedValueChange;
-  var toggleCheckbox = react_utilities_1.useEventCallback(function (e, name, value, checked) {
-    var checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];
-
-    var newCheckedItems = tslib_1.__spreadArrays(checkedItems);
+  });
+  const {
+    onCheckedValueChange
+  } = initialState;
+  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);
@@ -117,69 +117,51 @@ var useMenuList = function (props, ref) {
     }
 
     onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
-      name: name,
+      name,
       checkedItems: newCheckedItems
     });
-    setCheckedValues(function (s) {
-      var _a;
-
-      return tslib_1.__assign(tslib_1.__assign({}, s), (_a = {}, _a[name] = newCheckedItems, _a));
-    });
+    setCheckedValues(s => ({ ...s,
+      [name]: newCheckedItems
+    }));
   });
-  var selectRadio = react_utilities_1.useEventCallback(function (e, name, value) {
-    var newCheckedItems = [value];
-    setCheckedValues(function (s) {
-      var _a;
-
-      return tslib_1.__assign(tslib_1.__assign({}, s), (_a = {}, _a[name] = newCheckedItems, _a));
-    });
+  const selectRadio = react_utilities_1.useEventCallback((e, name, value) => {
+    const newCheckedItems = [value];
+    setCheckedValues(s => ({ ...s,
+      [name]: newCheckedItems
+    }));
     onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
-      name: name,
+      name,
       checkedItems: newCheckedItems
     });
   });
-
-  var state = tslib_1.__assign(tslib_1.__assign({}, initialState), {
-    setFocusByFirstCharacter: setFocusByFirstCharacter,
-    selectRadio: selectRadio,
-    toggleCheckbox: toggleCheckbox,
+  const state = { ...initialState,
+    setFocusByFirstCharacter,
+    selectRadio,
+    toggleCheckbox,
     checkedValues: checkedValues !== null && checkedValues !== void 0 ? checkedValues : {}
-  });
-
+  };
   return state;
 };
 
-exports.useMenuList = useMenuList;
+exports.useMenuList_unstable = useMenuList_unstable;
 /**
  * Adds some sugar to fetching multiple context selector values
  */
 
-var useMenuContextSelectors = function () {
-  var checkedValues = menuContext_1.useMenuContext(function (context) {
-    return context.checkedValues;
-  });
-  var onCheckedValueChange = menuContext_1.useMenuContext(function (context) {
-    return context.onCheckedValueChange;
-  });
-  var defaultCheckedValues = menuContext_1.useMenuContext(function (context) {
-    return context.defaultCheckedValues;
-  });
-  var triggerId = menuContext_1.useMenuContext(function (context) {
-    return context.triggerId;
-  });
-  var hasIcons = menuContext_1.useMenuContext(function (context) {
-    return context.hasIcons;
-  });
-  var hasCheckmarks = menuContext_1.useMenuContext(function (context) {
-    return context.hasCheckmarks;
-  });
+const useMenuContextSelectors = () => {
+  const checkedValues = menuContext_1.useMenuContext_unstable(context => context.checkedValues);
+  const onCheckedValueChange = menuContext_1.useMenuContext_unstable(context => context.onCheckedValueChange);
+  const defaultCheckedValues = menuContext_1.useMenuContext_unstable(context => context.defaultCheckedValues);
+  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: checkedValues,
-    onCheckedValueChange: onCheckedValueChange,
-    defaultCheckedValues: defaultCheckedValues,
-    triggerId: triggerId,
-    hasIcons: hasIcons,
-    hasCheckmarks: hasCheckmarks
+    checkedValues,
+    onCheckedValueChange,
+    defaultCheckedValues,
+    triggerId,
+    hasIcons,
+    hasCheckmarks
   };
 };
 /**
@@ -187,10 +169,10 @@ var useMenuContextSelectors = function () {
  */
 
 
-var usingPropsAndMenuContext = function (props, contextValue, hasMenuContext) {
-  var isUsingPropsAndContext = false;
+const usingPropsAndMenuContext = (props, contextValue, hasMenuContext) => {
+  let isUsingPropsAndContext = false;
 
-  for (var val in contextValue) {
+  for (const val in contextValue) {
     if (props[val]) {
       isUsingPropsAndContext = true;
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuList/useMenuList.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAMA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,IAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,WAAW,GAAG,UAAC,KAAD,EAAuB,GAAvB,EAAkD;AAC3E,MAAM,eAAe,GAAG,eAAA,CAAA,uBAAA,CAAwB;AAAE,IAAA,QAAQ,EAAE;AAAZ,GAAxB,CAAxB;AACQ,MAAA,gBAAgB,GAAK,eAAA,CAAA,eAAA,GAAL,gBAAhB;AACR,MAAM,WAAW,GAAG,uBAAuB,EAA3C;AACA,MAAM,cAAc,GAAG,wBAAA,CAAA,mBAAA,CAAoB,aAAA,CAAA,WAApB,CAAvB;;AAEA,MAAI,wBAAwB,CAAC,KAAD,EAAQ,WAAR,EAAqB,cAArB,CAA5B,EAAkE;AAChE;AACA;AACA,IAAA,OAAO,CAAC,IAAR,CAAa,+FAAb;AACD;;AAED,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAN,CAA0B,IAA1B,CAAjB;;AACA,MAAM,YAAY,GAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAChB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAE,iBAAA,CAAA,aAAA,CAAc,GAAd,EAAmB,QAAnB,CAD0B;AAE/B,MAAA,IAAI,EAAE,MAFyB;AAG/B,yBAAmB,WAAW,CAAC;AAHA,KAAA,EAI5B,eAJ4B,CAAA,EAK5B,KAL4B,CAA3B,CADU;AAQhB,IAAA,QAAQ,EAAE,WAAW,CAAC,QARN;AAShB,IAAA,aAAa,EAAE,WAAW,CAAC;AATX,GAAA,EAUZ,cAAc,IAAI,WAVN,CAAA,EAWb,KAXa,CAAlB;;AAcA,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAN,CAC/B,UAAC,CAAD,EAAsC,MAAtC,EAAyD;AACvD;AACA,QAAM,aAAa,GAAG,CAAC,UAAD,EAAa,kBAAb,EAAiC,eAAjC,CAAtB;;AACA,QAAI,CAAC,QAAQ,CAAC,OAAd,EAAuB;AACrB;AACD;;AAED,QAAM,SAAS,GAAG,gBAAgB,CAChC,QAAQ,CAAC,OADuB,EAEhC,UAAC,EAAD,EAAgB;AAAK,aAAA,EAAE,CAAC,YAAH,CAAgB,MAAhB,KAA2B,aAAa,CAAC,OAAd,CAAsB,EAAE,CAAC,YAAH,CAAgB,MAAhB,CAAtB,MAAoD,CAA/E,CAAA;AAAiF,KAFtE,CAAlC;AAKA,QAAI,UAAU,GAAG,SAAS,CAAC,OAAV,CAAkB,MAAlB,IAA4B,CAA7C;;AACA,QAAI,UAAU,KAAK,SAAS,CAAC,MAA7B,EAAqC;AACnC,MAAA,UAAU,GAAG,CAAb;AACD;;AAED,QAAM,UAAU,GAAG,SAAS,CAAC,GAAV,CAAc,UAAA,QAAA,EAAQ;AAAA,UAAA,EAAA;;AAAA,aAAA,CAAA,EAAA,GAAI,QAAQ,CAAC,WAAb,MAAwB,IAAxB,IAAwB,EAAA,KAAA,KAAA,CAAxB,GAAwB,KAAA,CAAxB,GAAwB,EAAA,CAAE,MAAF,CAAS,CAAT,EAAY,WAAZ,EAAxB;AAAiD,KAAvE,CAAnB;AACA,QAAM,IAAI,GAAG,CAAC,CAAC,GAAF,CAAM,WAAN,EAAb;;AAEA,QAAM,kBAAkB,GAAG,UAAC,KAAD,EAAgB,SAAhB,EAAiC;AAC1D,WAAK,IAAI,CAAC,GAAG,KAAb,EAAoB,CAAC,GAAG,UAAU,CAAC,MAAnC,EAA2C,CAAC,EAA5C,EAAgD;AAC9C,YAAI,IAAI,KAAK,UAAU,CAAC,CAAD,CAAvB,EAA4B;AAC1B,iBAAO,CAAP;AACD;AACF;;AACD,aAAO,CAAC,CAAR;AACD,KAPD,CApBuD,CA6BvD;;;AACA,QAAI,KAAK,GAAG,kBAAkB,CAAC,UAAD,EAAa,IAAb,CAA9B,CA9BuD,CAgCvD;;AACA,QAAI,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChB,MAAA,KAAK,GAAG,kBAAkB,CAAC,CAAD,EAAI,IAAJ,CAA1B;AACD,KAnCsD,CAqCvD;;;AACA,QAAI,KAAK,GAAG,CAAC,CAAb,EAAgB;AACd,MAAA,SAAS,CAAC,KAAD,CAAT,CAAiB,KAAjB;AACD;AACF,GA1C8B,EA2C/B,CAAC,gBAAD,CA3C+B,CAAjC;;AA8CM,MAAA,EAAA,GAAoC,iBAAA,CAAA,oBAAA,CAAqB;AAC7D,IAAA,KAAK,EAAE,YAAY,CAAC,aADyC;AAE7D,IAAA,YAAY,EAAE,YAAY,CAAC,oBAFkC;AAG7D,IAAA,YAAY,EAAE;AAH+C,GAArB,CAApC;AAAA,MAAC,aAAa,GAAA,EAAA,CAAA,CAAA,CAAd;AAAA,MAAgB,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAhC;;AAME,MAAA,oBAAoB,GAAK,YAAY,CAAjB,oBAApB;AACR,MAAM,cAAc,GAAG,iBAAA,CAAA,gBAAA,CACrB,UAAC,CAAD,EAA4C,IAA5C,EAA0D,KAA1D,EAAyE,OAAzE,EAAyF;AACvF,QAAM,YAAY,GAAG,CAAA,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAA,aAAa,CAAG,IAAH,CAAb,KAAyB,EAA9C;;AACA,QAAM,eAAe,GAAA,OAAA,CAAA,cAAA,CAAO,YAAP,CAArB;;AACA,QAAI,OAAJ,EAAa;AACX,MAAA,eAAe,CAAC,MAAhB,CAAuB,eAAe,CAAC,OAAhB,CAAwB,KAAxB,CAAvB,EAAuD,CAAvD;AACD,KAFD,MAEO;AACL,MAAA,eAAe,CAAC,IAAhB,CAAqB,KAArB;AACD;;AAED,IAAA,oBAAoB,KAAA,IAApB,IAAA,oBAAoB,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAA,oBAAoB,CAAG,CAAH,EAAM;AAAE,MAAA,IAAI,EAAA,IAAN;AAAQ,MAAA,YAAY,EAAE;AAAtB,KAAN,CAApB;AACA,IAAA,gBAAgB,CAAC,UAAA,CAAA,EAAC;;;AAAI,aAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAM,CAAN,CAAA,GAAO,EAAA,GAAA,EAAA,EAAA,EAAA,CAAG,IAAH,CAAA,GAAU,eAAV,EAAyB,EAAhC,EAAA;AAAmC,KAAzC,CAAhB;AACD,GAZoB,CAAvB;AAeA,MAAM,WAAW,GAAG,iBAAA,CAAA,gBAAA,CAAiB,UAAC,CAAD,EAA4C,IAA5C,EAA0D,KAA1D,EAAuE;AAC1G,QAAM,eAAe,GAAG,CAAC,KAAD,CAAxB;AACA,IAAA,gBAAgB,CAAC,UAAA,CAAA,EAAC;;;AAAI,aAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAM,CAAN,CAAA,GAAO,EAAA,GAAA,EAAA,EAAA,EAAA,CAAG,IAAH,CAAA,GAAU,eAAV,EAAyB,EAAhC,EAAA;AAAmC,KAAzC,CAAhB;AACA,IAAA,oBAAoB,KAAA,IAApB,IAAA,oBAAoB,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAA,oBAAoB,CAAG,CAAH,EAAM;AAAE,MAAA,IAAI,EAAA,IAAN;AAAQ,MAAA,YAAY,EAAE;AAAtB,KAAN,CAApB;AACD,GAJmB,CAApB;;AAMA,MAAM,KAAK,GAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACN,YADM,CAAA,EACM;AACf,IAAA,wBAAwB,EAAA,wBADT;AAEf,IAAA,WAAW,EAAA,WAFI;AAGf,IAAA,cAAc,EAAA,cAHC;AAIf,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB;AAJjB,GADN,CAAX;;AAQA,SAAO,KAAP;AACD,CA9GM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX;AAgHb;;AAEG;;AACH,IAAM,uBAAuB,GAAG,YAAA;AAC9B,MAAM,aAAa,GAAG,aAAA,CAAA,cAAA,CAAe,UAAA,OAAA,EAAO;AAAI,WAAA,OAAO,CAAP,aAAA;AAAqB,GAA/C,CAAtB;AACA,MAAM,oBAAoB,GAAG,aAAA,CAAA,cAAA,CAAe,UAAA,OAAA,EAAO;AAAI,WAAA,OAAO,CAAP,oBAAA;AAA4B,GAAtD,CAA7B;AACA,MAAM,oBAAoB,GAAG,aAAA,CAAA,cAAA,CAAe,UAAA,OAAA,EAAO;AAAI,WAAA,OAAO,CAAP,oBAAA;AAA4B,GAAtD,CAA7B;AACA,MAAM,SAAS,GAAG,aAAA,CAAA,cAAA,CAAe,UAAA,OAAA,EAAO;AAAI,WAAA,OAAO,CAAP,SAAA;AAAiB,GAA3C,CAAlB;AACA,MAAM,QAAQ,GAAG,aAAA,CAAA,cAAA,CAAe,UAAA,OAAA,EAAO;AAAI,WAAA,OAAO,CAAP,QAAA;AAAgB,GAA1C,CAAjB;AACA,MAAM,aAAa,GAAG,aAAA,CAAA,cAAA,CAAe,UAAA,OAAA,EAAO;AAAI,WAAA,OAAO,CAAP,aAAA;AAAqB,GAA/C,CAAtB;AAEA,SAAO;AACL,IAAA,aAAa,EAAA,aADR;AAEL,IAAA,oBAAoB,EAAA,oBAFf;AAGL,IAAA,oBAAoB,EAAA,oBAHf;AAIL,IAAA,SAAS,EAAA,SAJJ;AAKL,IAAA,QAAQ,EAAA,QALH;AAML,IAAA,aAAa,EAAA;AANR,GAAP;AAQD,CAhBD;AAkBA;;AAEG;;;AACH,IAAM,wBAAwB,GAAG,UAC/B,KAD+B,EAE/B,YAF+B,EAG/B,cAH+B,EAGR;AAEvB,MAAI,sBAAsB,GAAG,KAA7B;;AACA,OAAK,IAAM,GAAX,IAAkB,YAAlB,EAAgC;AAC9B,QAAI,KAAK,CAAC,GAAD,CAAT,EAA4G;AAC1G,MAAA,sBAAsB,GAAG,IAAzB;AACD;AACF;;AAED,SAAO,cAAc,IAAI,sBAAzB;AACD,CAbD","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuList/useMenuList.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAMA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,oBAAoB,GAAG,CAAC,KAAD,EAAuB,GAAvB,KAAqE;AACvG,QAAM,eAAe,GAAG,eAAA,CAAA,uBAAA,CAAwB;AAAE,IAAA,QAAQ,EAAE;AAAZ,GAAxB,CAAxB;AACA,QAAM;AAAE,IAAA;AAAF,MAAuB,eAAA,CAAA,eAAA,EAA7B;AACA,QAAM,WAAW,GAAG,uBAAuB,EAA3C;AACA,QAAM,cAAc,GAAG,wBAAA,CAAA,mBAAA,CAAoB,aAAA,CAAA,WAApB,CAAvB;;AAEA,MAAI,wBAAwB,CAAC,KAAD,EAAQ,WAAR,EAAqB,cAArB,CAA5B,EAAkE;AAChE;AACA;AACA,IAAA,OAAO,CAAC,IAAR,CAAa,+FAAb;AACD;;AAED,QAAM,QAAQ,GAAG,KAAK,CAAC,MAAN,CAA0B,IAA1B,CAAjB;AACA,QAAM,YAAY,GAA+B;AAC/C,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KADmC;AAI/C,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GAAG,EAAE,iBAAA,CAAA,aAAA,CAAc,GAAd,EAAmB,QAAnB,CAD4B;AAEjC,MAAA,IAAI,EAAE,MAF2B;AAGjC,yBAAmB,WAAW,CAAC,SAHE;AAIjC,SAAG,eAJ8B;AAKjC,SAAG;AAL8B,KAA7B,CAJyC;AAW/C,IAAA,QAAQ,EAAE,WAAW,CAAC,QAXyB;AAY/C,IAAA,aAAa,EAAE,WAAW,CAAC,aAZoB;AAa/C,QAAI,cAAc,IAAI,WAAtB,CAb+C;AAc/C,OAAG;AAd4C,GAAjD;AAiBA,QAAM,wBAAwB,GAAG,KAAK,CAAC,WAAN,CAC/B,CAAC,CAAD,EAAsC,MAAtC,KAA6D;AAC3D;AACA,UAAM,aAAa,GAAG,CAAC,UAAD,EAAa,kBAAb,EAAiC,eAAjC,CAAtB;;AACA,QAAI,CAAC,QAAQ,CAAC,OAAd,EAAuB;AACrB;AACD;;AAED,UAAM,SAAS,GAAG,gBAAgB,CAChC,QAAQ,CAAC,OADuB,EAE/B,EAAD,IAAqB,EAAE,CAAC,YAAH,CAAgB,MAAhB,KAA2B,aAAa,CAAC,OAAd,CAAsB,EAAE,CAAC,YAAH,CAAgB,MAAhB,CAAtB,MAAoD,CAAC,CAFrE,CAAlC;AAKA,QAAI,UAAU,GAAG,SAAS,CAAC,OAAV,CAAkB,MAAlB,IAA4B,CAA7C;;AACA,QAAI,UAAU,KAAK,SAAS,CAAC,MAA7B,EAAqC;AACnC,MAAA,UAAU,GAAG,CAAb;AACD;;AAED,UAAM,UAAU,GAAG,SAAS,CAAC,GAAV,CAAc,QAAQ,IAAG;AAAA,UAAA,EAAA;;AAAC,aAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,WAAT,MAAoB,IAApB,IAAoB,EAAA,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAoB,EAAA,CAAE,MAAF,CAAS,CAAT,EAAY,WAAZ,EAApB;AAA6C,KAAvE,CAAnB;AACA,UAAM,IAAI,GAAG,CAAC,CAAC,GAAF,CAAM,WAAN,EAAb;;AAEA,UAAM,kBAAkB,GAAG,CAAC,KAAD,EAAgB,SAAhB,KAAqC;AAC9D,WAAK,IAAI,CAAC,GAAG,KAAb,EAAoB,CAAC,GAAG,UAAU,CAAC,MAAnC,EAA2C,CAAC,EAA5C,EAAgD;AAC9C,YAAI,IAAI,KAAK,UAAU,CAAC,CAAD,CAAvB,EAA4B;AAC1B,iBAAO,CAAP;AACD;AACF;;AACD,aAAO,CAAC,CAAR;AACD,KAPD,CApB2D,CA6B3D;;;AACA,QAAI,KAAK,GAAG,kBAAkB,CAAC,UAAD,EAAa,IAAb,CAA9B,CA9B2D,CAgC3D;;AACA,QAAI,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChB,MAAA,KAAK,GAAG,kBAAkB,CAAC,CAAD,EAAI,IAAJ,CAA1B;AACD,KAnC0D,CAqC3D;;;AACA,QAAI,KAAK,GAAG,CAAC,CAAb,EAAgB;AACd,MAAA,SAAS,CAAC,KAAD,CAAT,CAAiB,KAAjB;AACD;AACF,GA1C8B,EA2C/B,CAAC,gBAAD,CA3C+B,CAAjC;AA8CA,QAAM,CAAC,aAAD,EAAgB,gBAAhB,IAAoC,iBAAA,CAAA,oBAAA,CAAqB;AAC7D,IAAA,KAAK,EAAE,YAAY,CAAC,aADyC;AAE7D,IAAA,YAAY,EAAE,YAAY,CAAC,oBAFkC;AAG7D,IAAA,YAAY,EAAE;AAH+C,GAArB,CAA1C;AAMA,QAAM;AAAE,IAAA;AAAF,MAA2B,YAAjC;AACA,QAAM,cAAc,GAAG,iBAAA,CAAA,gBAAA,CACrB,CAAC,CAAD,EAA4C,IAA5C,EAA0D,KAA1D,EAAyE,OAAzE,KAA6F;AAC3F,UAAM,YAAY,GAAG,CAAA,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAA,aAAa,CAAG,IAAH,CAAb,KAAyB,EAA9C;AACA,UAAM,eAAe,GAAG,CAAC,GAAG,YAAJ,CAAxB;;AACA,QAAI,OAAJ,EAAa;AACX,MAAA,eAAe,CAAC,MAAhB,CAAuB,eAAe,CAAC,OAAhB,CAAwB,KAAxB,CAAvB,EAAuD,CAAvD;AACD,KAFD,MAEO;AACL,MAAA,eAAe,CAAC,IAAhB,CAAqB,KAArB;AACD;;AAED,IAAA,oBAAoB,KAAA,IAApB,IAAA,oBAAoB,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAA,oBAAoB,CAAG,CAAH,EAAM;AAAE,MAAA,IAAF;AAAQ,MAAA,YAAY,EAAE;AAAtB,KAAN,CAApB;AACA,IAAA,gBAAgB,CAAC,CAAC,KAAK,EAAE,GAAG,CAAL;AAAQ,OAAC,IAAD,GAAQ;AAAhB,KAAL,CAAF,CAAhB;AACD,GAZoB,CAAvB;AAeA,QAAM,WAAW,GAAG,iBAAA,CAAA,gBAAA,CAAiB,CAAC,CAAD,EAA4C,IAA5C,EAA0D,KAA1D,KAA2E;AAC9G,UAAM,eAAe,GAAG,CAAC,KAAD,CAAxB;AACA,IAAA,gBAAgB,CAAC,CAAC,KAAK,EAAE,GAAG,CAAL;AAAQ,OAAC,IAAD,GAAQ;AAAhB,KAAL,CAAF,CAAhB;AACA,IAAA,oBAAoB,KAAA,IAApB,IAAA,oBAAoB,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAA,oBAAoB,CAAG,CAAH,EAAM;AAAE,MAAA,IAAF;AAAQ,MAAA,YAAY,EAAE;AAAtB,KAAN,CAApB;AACD,GAJmB,CAApB;AAMA,QAAM,KAAK,GAAG,EACZ,GAAG,YADS;AAEZ,IAAA,wBAFY;AAGZ,IAAA,WAHY;AAIZ,IAAA,cAJY;AAKZ,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB;AALpB,GAAd;AAQA,SAAO,KAAP;AACD,CAjHM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB;AAmHb;;AAEG;;AACH,MAAM,uBAAuB,GAAG,MAAK;AACnC,QAAM,aAAa,GAAG,aAAA,CAAA,uBAAA,CAAwB,OAAO,IAAI,OAAO,CAAC,aAA3C,CAAtB;AACA,QAAM,oBAAoB,GAAG,aAAA,CAAA,uBAAA,CAAwB,OAAO,IAAI,OAAO,CAAC,oBAA3C,CAA7B;AACA,QAAM,oBAAoB,GAAG,aAAA,CAAA,uBAAA,CAAwB,OAAO,IAAI,OAAO,CAAC,oBAA3C,CAA7B;AACA,QAAM,SAAS,GAAG,aAAA,CAAA,uBAAA,CAAwB,OAAO,IAAI,OAAO,CAAC,SAA3C,CAAlB;AACA,QAAM,QAAQ,GAAG,aAAA,CAAA,uBAAA,CAAwB,OAAO,IAAI,OAAO,CAAC,QAA3C,CAAjB;AACA,QAAM,aAAa,GAAG,aAAA,CAAA,uBAAA,CAAwB,OAAO,IAAI,OAAO,CAAC,aAA3C,CAAtB;AAEA,SAAO;AACL,IAAA,aADK;AAEL,IAAA,oBAFK;AAGL,IAAA,oBAHK;AAIL,IAAA,SAJK;AAKL,IAAA,QALK;AAML,IAAA;AANK,GAAP;AAQD,CAhBD;AAkBA;;AAEG;;;AACH,MAAM,wBAAwB,GAAG,CAC/B,KAD+B,EAE/B,YAF+B,EAG/B,cAH+B,KAI7B;AACF,MAAI,sBAAsB,GAAG,KAA7B;;AACA,OAAK,MAAM,GAAX,IAAkB,YAAlB,EAAgC;AAC9B,QAAI,KAAK,CAAC,GAAD,CAAT,EAA4G;AAC1G,MAAA,sBAAsB,GAAG,IAAzB;AACD;AACF;;AAED,SAAO,cAAc,IAAI,sBAAzB;AACD,CAbD","sourceRoot":""}

package/lib-commonjs/components/MenuList/useMenuListContextValues.d.ts

@@ -1,2 +1,2 @@
 import type { MenuListContextValues, MenuListState } from './MenuList.types';
-export declare function useMenuListContextValues(state: MenuListState): MenuListContextValues;
+export declare function useMenuListContextValues_unstable(state: MenuListState): MenuListContextValues;

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

@@ -3,30 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuListContextValues = void 0;
+exports.useMenuListContextValues_unstable = void 0;
 
-function useMenuListContextValues(state) {
-  var onCheckedValueChange = state.onCheckedValueChange,
-      checkedValues = state.checkedValues,
-      toggleCheckbox = state.toggleCheckbox,
-      selectRadio = state.selectRadio,
-      setFocusByFirstCharacter = state.setFocusByFirstCharacter,
-      hasIcons = state.hasIcons,
-      hasCheckmarks = state.hasCheckmarks; // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
+function useMenuListContextValues_unstable(state) {
+  const {
+    onCheckedValueChange,
+    checkedValues,
+    toggleCheckbox,
+    selectRadio,
+    setFocusByFirstCharacter,
+    hasIcons,
+    hasCheckmarks
+  } = state; // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
 
-  var menuList = {
-    onCheckedValueChange: onCheckedValueChange,
-    checkedValues: checkedValues,
-    toggleCheckbox: toggleCheckbox,
-    selectRadio: selectRadio,
-    setFocusByFirstCharacter: setFocusByFirstCharacter,
-    hasIcons: hasIcons,
-    hasCheckmarks: hasCheckmarks
+  const menuList = {
+    onCheckedValueChange,
+    checkedValues,
+    toggleCheckbox,
+    selectRadio,
+    setFocusByFirstCharacter,
+    hasIcons,
+    hasCheckmarks
   };
   return {
-    menuList: menuList
+    menuList
   };
 }
 
-exports.useMenuListContextValues = useMenuListContextValues;
+exports.useMenuListContextValues_unstable = useMenuListContextValues_unstable;
 //# sourceMappingURL=useMenuListContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuList/useMenuListContextValues.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,wBAAhB,CAAyC,KAAzC,EAA6D;AAEzD,MAAA,oBAAoB,GAOlB,KAAK,CAPa,oBAApB;AAAA,MACA,aAAa,GAMX,KAAK,CANM,aADb;AAAA,MAEA,cAAc,GAKZ,KAAK,CALO,cAFd;AAAA,MAGA,WAAW,GAIT,KAAK,CAJI,WAHX;AAAA,MAIA,wBAAwB,GAGtB,KAAK,CAHiB,wBAJxB;AAAA,MAKA,QAAQ,GAEN,KAAK,CAFC,QALR;AAAA,MAMA,aAAa,GACX,KAAK,CADM,aANb,CAFyD,CAW3D;;AACA,MAAM,QAAQ,GAAG;AACf,IAAA,oBAAoB,EAAA,oBADL;AAEf,IAAA,aAAa,EAAA,aAFE;AAGf,IAAA,cAAc,EAAA,cAHC;AAIf,IAAA,WAAW,EAAA,WAJI;AAKf,IAAA,wBAAwB,EAAA,wBALT;AAMf,IAAA,QAAQ,EAAA,QANO;AAOf,IAAA,aAAa,EAAA;AAPE,GAAjB;AAUA,SAAO;AAAE,IAAA,QAAQ,EAAA;AAAV,GAAP;AACD;;AAvBD,OAAA,CAAA,wBAAA,GAAA,wBAAA","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuList/useMenuListContextValues.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,iCAAhB,CAAkD,KAAlD,EAAsE;AACpE,QAAM;AACJ,IAAA,oBADI;AAEJ,IAAA,aAFI;AAGJ,IAAA,cAHI;AAIJ,IAAA,WAJI;AAKJ,IAAA,wBALI;AAMJ,IAAA,QANI;AAOJ,IAAA;AAPI,MAQF,KARJ,CADoE,CAWpE;;AACA,QAAM,QAAQ,GAAG;AACf,IAAA,oBADe;AAEf,IAAA,aAFe;AAGf,IAAA,cAHe;AAIf,IAAA,WAJe;AAKf,IAAA,wBALe;AAMf,IAAA,QANe;AAOf,IAAA;AAPe,GAAjB;AAUA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD;;AAvBD,OAAA,CAAA,iCAAA,GAAA,iCAAA","sourceRoot":""}

package/lib-commonjs/components/MenuList/useMenuListStyles.d.ts

@@ -1,5 +1,6 @@
 import type { MenuListState } from './MenuList.types';
+export declare const menuListClassName = "fui-MenuList";
 /**
  * Apply styling to the Menu slots based on the state
  */
-export declare const useMenuListStyles: (state: MenuListState) => MenuListState;
+export declare const useMenuListStyles_unstable: (state: MenuListState) => MenuListState;

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

@@ -3,29 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuListStyles = void 0;
+exports.useMenuListStyles_unstable = exports.menuListClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_1 = /*#__PURE__*/require("@griffel/react");
 
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+exports.menuListClassName = 'fui-MenuList';
+
+const useStyles = /*#__PURE__*/react_1.__styles({
   "root": {
     "mc9l5x": "f22iagw",
     "Beiy3e4": "f1vx9l62",
-    "rmohyg": "f1t6b6ee"
+    "i8kkvl": "f16mnhsx",
+    "Belr9w4": "fbi42co"
   }
 }, {
-  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1t6b6ee{gap:2px;}"]
+  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16mnhsx{-webkit-column-gap:2px;column-gap:2px;}", ".fbi42co{row-gap:2px;}"]
 });
 /**
  * Apply styling to the Menu slots based on the state
  */
 
 
-var useMenuListStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
+const useMenuListStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.menuListClassName, styles.root, state.root.className);
   return state;
 };
 
-exports.useMenuListStyles = useMenuListStyles;
+exports.useMenuListStyles_unstable = useMenuListStyles_unstable;
 //# sourceMappingURL=useMenuListStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuList/useMenuListStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAQA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAqB;AACpD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuList/useMenuListStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,iBAAA,GAAoB,cAApB;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAQA;;AAEG;;;AACI,MAAM,0BAA0B,GAAI,KAAD,IAAwC;AAChF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,iBAAb,EAAgC,MAAM,CAAC,IAAvC,EAA6C,KAAK,CAAC,IAAN,CAAW,SAAxD,CAAvB;AACA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}

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

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuPopover = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useMenuPopover_1 = /*#__PURE__*/require("./useMenuPopover");
+const useMenuPopover_1 = /*#__PURE__*/require("./useMenuPopover");
 
-var useMenuPopoverStyles_1 = /*#__PURE__*/require("./useMenuPopoverStyles");
+const useMenuPopoverStyles_1 = /*#__PURE__*/require("./useMenuPopoverStyles");
 
-var renderMenuPopover_1 = /*#__PURE__*/require("./renderMenuPopover");
+const renderMenuPopover_1 = /*#__PURE__*/require("./renderMenuPopover");
 /**
  * Popover intended to wrap `MenuList` and adds styling and interaction support specific to menus
  */
 
 
-exports.MenuPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useMenuPopover_1.useMenuPopover(props, ref);
-  useMenuPopoverStyles_1.useMenuPopoverStyles(state);
-  return renderMenuPopover_1.renderMenuPopover(state);
+exports.MenuPopover = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuPopover_1.useMenuPopover_unstable(props, ref);
+  useMenuPopoverStyles_1.useMenuPopoverStyles_unstable(state);
+  return renderMenuPopover_1.renderMenuPopover_unstable(state);
 });
 exports.MenuPopover.displayName = 'MenuPopover';
 //# sourceMappingURL=MenuPopover.js.map

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

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

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

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

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

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

package/lib-commonjs/components/MenuPopover/renderMenuPopover.d.ts

@@ -2,4 +2,4 @@ import { MenuPopoverState } from './MenuPopover.types';
 /**
  * Render the final JSX of MenuPopover
  */
-export declare const renderMenuPopover: (state: MenuPopoverState) => JSX.Element;
+export declare const renderMenuPopover_unstable: (state: MenuPopoverState) => JSX.Element;

package/lib-commonjs/components/MenuPopover/renderMenuPopover.js

@@ -3,31 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderMenuPopover = void 0;
+exports.renderMenuPopover_unstable = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
+const react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
 /**
  * Render the final JSX of MenuPopover
  */
 
 
-var renderMenuPopover = function (state) {
-  var _a = react_utilities_1.getSlots(state),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
+const renderMenuPopover_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
 
   if (state.inline) {
-    return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
+    return React.createElement(slots.root, { ...slotProps.root
+    });
   }
 
-  return React.createElement(react_portal_1.Portal, null, React.createElement(slots.root, tslib_1.__assign({}, slotProps.root)));
+  return React.createElement(react_portal_1.Portal, null, React.createElement(slots.root, { ...slotProps.root
+  }));
 };
 
-exports.renderMenuPopover = renderMenuPopover;
+exports.renderMenuPopover_unstable = renderMenuPopover_unstable;
 //# sourceMappingURL=renderMenuPopover.js.map

package/lib-commonjs/components/MenuPopover/renderMenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuPopover/renderMenuPopover.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,WAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD;;AAED,SACE,KAAA,CAAA,aAAA,CAAC,cAAA,CAAA,MAAD,EAAO,IAAP,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADF,CADF;AAKD,CAZM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuPopover/renderMenuPopover.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAEA;;AAEG;;;AACI,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAA7B;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,WAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,KAAX,CAAP;AACD;;AAED,SACE,KAAA,CAAA,aAAA,CAAC,cAAA,CAAA,MAAD,EAAO,IAAP,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADF,CADF;AAKD,CAZM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}

package/lib-commonjs/components/MenuPopover/useMenuPopover.d.ts

@@ -3,10 +3,10 @@ import { MenuPopoverProps, MenuPopoverState } from './MenuPopover.types';
 /**
  * Create the state required to render MenuPopover.
  *
- * The returned state can be modified with hooks such as useMenuPopoverStyles,
- * before being passed to renderMenuPopover.
+ * The returned state can be modified with hooks such as useMenuPopoverStyles_unstable,
+ * before being passed to renderMenuPopover_unstable.
  *
  * @param props - props from this instance of MenuPopover
  * @param ref - reference to root HTMLElement of MenuPopover
  */
-export declare const useMenuPopover: (props: MenuPopoverProps, ref: React.Ref<HTMLElement>) => MenuPopoverState;
+export declare const useMenuPopover_unstable: (props: MenuPopoverProps, ref: React.Ref<HTMLElement>) => MenuPopoverState;