Initial commit

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/MenuList.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MenuList", {
+    enumerable: true,
+    get: function() {
+        return MenuList;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useMenuList = require("./useMenuList");
+const _renderMenuList = require("./renderMenuList");
+const _useMenuListContextValues = require("./useMenuListContextValues");
+const _useMenuListStylesstyles = require("./useMenuListStyles.styles");
+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, _useMenuListStylesstyles.useMenuListStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMenuListStyles_unstable')(state);
+    return (0, _renderMenuList.renderMenuList_unstable)(state, contextValues);
+});
+MenuList.displayName = 'MenuList';

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/MenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../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.styles';\nimport type { MenuListProps } from './MenuList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_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  useCustomStyleHook_unstable('useMenuListStyles_unstable')(state);\n\n  return renderMenuList_unstable(state, contextValues);\n});\n\nMenuList.displayName = 'MenuList';\n"],"names":["MenuList","React","forwardRef","props","ref","state","useMenuList_unstable","contextValues","useMenuListContextValues_unstable","useMenuListStyles_unstable","useCustomStyleHook_unstable","renderMenuList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;6BACc;gCACG;0CACU;yCACP;qCAGC;AAKrC,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAC1C,MAAMG,gBAAgBC,IAAAA,2DAAAA,EAAkCH;IAExDI,IAAAA,mDAAAA,EAA2BJ;IAE3BK,IAAAA,gDAAAA,EAA4B,8BAA8BL;IAE1D,OAAOM,IAAAA,uCAAAA,EAAwBN,OAAOE;AACxC;AAEAP,SAASY,WAAW,GAAG"}

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/MenuList.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/MenuList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../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  // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\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    /**\n     * States if the MenuList is inside MenuContext\n     */\n    hasMenuContext?: boolean;\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"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MenuList: function() {
+        return _MenuList.MenuList;
+    },
+    menuListClassNames: function() {
+        return _useMenuListStylesstyles.menuListClassNames;
+    },
+    renderMenuList_unstable: function() {
+        return _renderMenuList.renderMenuList_unstable;
+    },
+    useMenuListContextValues_unstable: function() {
+        return _useMenuListContextValues.useMenuListContextValues_unstable;
+    },
+    useMenuListStyles_unstable: function() {
+        return _useMenuListStylesstyles.useMenuListStyles_unstable;
+    },
+    useMenuList_unstable: function() {
+        return _useMenuList.useMenuList_unstable;
+    }
+});
+const _MenuList = require("./MenuList");
+const _renderMenuList = require("./renderMenuList");
+const _useMenuList = require("./useMenuList");
+const _useMenuListStylesstyles = require("./useMenuListStyles.styles");
+const _useMenuListContextValues = require("./useMenuListContextValues");

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuList/index.ts"],"sourcesContent":["export { MenuList } from './MenuList';\nexport type {\n  MenuCheckedValueChangeData,\n  MenuCheckedValueChangeEvent,\n  MenuListContextValues,\n  MenuListProps,\n  MenuListSlots,\n  MenuListState,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  UninitializedMenuListState,\n} from './MenuList.types';\nexport { renderMenuList_unstable } from './renderMenuList';\nexport { useMenuList_unstable } from './useMenuList';\nexport { menuListClassNames, useMenuListStyles_unstable } from './useMenuListStyles.styles';\nexport { useMenuListContextValues_unstable } from './useMenuListContextValues';\n"],"names":["MenuList","menuListClassNames","renderMenuList_unstable","useMenuListContextValues_unstable","useMenuListStyles_unstable","useMenuList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,QAAQ;eAARA,kBAAQ;;IAaRC,kBAAkB;eAAlBA,2CAAkB;;IAFlBC,uBAAuB;eAAvBA,uCAAuB;;IAGvBC,iCAAiC;eAAjCA,2DAAiC;;IADbC,0BAA0B;eAA1BA,mDAA0B;;IAD9CC,oBAAoB;eAApBA,iCAAoB;;;0BAZJ;gCAWe;6BACH;yCAC0B;0CACb"}

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/renderMenuList.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMenuList_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderMenuList_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _menuListContext = require("../../contexts/menuListContext");
+const renderMenuList_unstable = (state, contextValues)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_menuListContext.MenuListProvider, {
+        value: contextValues.menuList,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+    });
+};

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/renderMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuList/renderMenuList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } 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  assertSlots<MenuListSlots>(state);\n\n  return (\n    <MenuListProvider value={contextValues.menuList}>\n      <state.root />\n    </MenuListProvider>\n  );\n};\n"],"names":["renderMenuList_unstable","state","contextValues","assertSlots","_jsx","MenuListProvider","value","menuList","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAC4B;iCAEK;AAK1B,MAAMA,0BAA0B,CAACC,OAAsBC;IAC5DC,IAAAA,2BAAAA,EAA2BF;IAE3B,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,iCAAAA,EAAAA;QAAiBC,OAAOJ,cAAcK,QAAQ;kBAC7C,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/useMenuList.js

@@ -0,0 +1,184 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMenuList_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMenuList_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _reactcontextselector = require("@fluentui/react-context-selector");
+const _menuContext = require("../../contexts/menuContext");
+const useMenuList_unstable = (props, ref)=>{
+    const { findAllFocusable } = (0, _reacttabster.useFocusFinders)();
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const menuContext = useMenuContextSelectors();
+    const hasMenuContext = (0, _reactcontextselector.useHasParentContext)(_menuContext.MenuContext);
+    const focusAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        circular: true
+    });
+    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);
+    _react.useEffect(()=>{
+        const element = innerRef.current;
+        if (hasMenuContext && targetDocument && element) {
+            const onTabsterMoveFocus = (e)=>{
+                const nextElement = e.detail.next;
+                if (nextElement && element.contains(targetDocument.activeElement) && !element.contains(nextElement)) {
+                    // Preventing Tabster from handling Tab press, useMenuPopover will handle it.
+                    e.preventDefault();
+                }
+            };
+            targetDocument.addEventListener(_reacttabster.TabsterMoveFocusEventName, onTabsterMoveFocus);
+            return ()=>{
+                targetDocument.removeEventListener(_reacttabster.TabsterMoveFocusEventName, onTabsterMoveFocus);
+            };
+        }
+    }, [
+        innerRef,
+        targetDocument,
+        hasMenuContext
+    ]);
+    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: {}
+    });
+    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);
+        }
+        handleCheckedValueChange === null || handleCheckedValueChange === void 0 ? void 0 : handleCheckedValueChange(e, {
+            name,
+            checkedItems: newCheckedItems
+        });
+        setCheckedValues((s)=>({
+                ...s,
+                [name]: 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: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            // FIXME:
+            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
+            // but since it would be a breaking change to fix it, we are casting ref to it's proper type
+            ref: (0, _reactutilities.useMergedRefs)(ref, innerRef),
+            role: 'menu',
+            'aria-labelledby': menuContext.triggerId,
+            ...focusAttributes,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        hasIcons: menuContext.hasIcons || false,
+        hasCheckmarks: menuContext.hasCheckmarks || false,
+        checkedValues,
+        hasMenuContext,
+        setFocusByFirstCharacter,
+        selectRadio,
+        toggleCheckbox
+    };
+};
+/**
+ * Adds some sugar to fetching multiple context selector values
+ */ 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;
+        }
+    }
+    return hasMenuContext && isUsingPropsAndContext;
+};

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/useMenuListContextValues.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMenuListContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMenuListContextValues_unstable;
+    }
+});
+function useMenuListContextValues_unstable(state) {
+    const { checkedValues, hasCheckmarks, hasIcons, selectRadio, setFocusByFirstCharacter, toggleCheckbox } = state;
+    // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
+    const menuList = {
+        checkedValues,
+        hasCheckmarks,
+        hasIcons,
+        selectRadio,
+        setFocusByFirstCharacter,
+        toggleCheckbox
+    };
+    return {
+        menuList
+    };
+}

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/useMenuListContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuList/useMenuListContextValues.ts"],"sourcesContent":["import type { MenuListContextValues, MenuListState } from './MenuList.types';\n\nexport function useMenuListContextValues_unstable(state: MenuListState): MenuListContextValues {\n  const { checkedValues, hasCheckmarks, hasIcons, selectRadio, setFocusByFirstCharacter, toggleCheckbox } = state;\n\n  // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n  const menuList = {\n    checkedValues,\n    hasCheckmarks,\n    hasIcons,\n    selectRadio,\n    setFocusByFirstCharacter,\n    toggleCheckbox,\n  };\n\n  return { menuList };\n}\n"],"names":["useMenuListContextValues_unstable","state","checkedValues","hasCheckmarks","hasIcons","selectRadio","setFocusByFirstCharacter","toggleCheckbox","menuList"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,kCAAkCC,KAAoB;IACpE,MAAM,EAAEC,aAAa,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,wBAAwB,EAAEC,cAAc,EAAE,GAAGN;IAE1G,mGAAmG;IACnG,MAAMO,WAAW;QACfN;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,OAAO;QAAEC;IAAS;AACpB"}

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/useMenuListStyles.styles.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    menuListClassNames: function() {
+        return menuListClassNames;
+    },
+    useMenuListStyles_unstable: function() {
+        return useMenuListStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const menuListClassNames = {
+    root: 'fui-MenuList'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        i8kkvl: 0,
+        Belr9w4: 0,
+        rmohyg: "f1t6b6ee"
+    },
+    hasMenuContext: {
+        Bqenvij: "f1l02sjl"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        [
+            ".f1t6b6ee{gap:2px;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1l02sjl{height:100%;}"
+    ]
+});
+const useMenuListStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(menuListClassNames.root, styles.root, state.hasMenuContext && styles.hasMenuContext, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-menu/lib-commonjs/components/MenuList/useMenuListStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMenuListStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nexport const menuListClassNames = {\n    root: 'fui-MenuList'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '2px'\n    },\n    hasMenuContext: {\n        height: '100%'\n    }\n});\n/**\n * Apply styling to the Menu slots based on the state\n */ export const useMenuListStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(menuListClassNames.root, styles.root, state.hasMenuContext && styles.hasMenuContext, state.root.className);\n    return state;\n};\n"],"names":["menuListClassNames","useMenuListStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","rmohyg","hasMenuContext","Bqenvij","d","p","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,kBAAkB;eAAlBA;;IAeIC,0BAA0B;eAA1BA;;;uBAhBwB;AAClC,MAAMD,qBAAqB;IAC9BE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,gBAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA;AAYP,MAAMZ,6BAA8Ba,CAAAA;IAC3C;IACA,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,mBAAmBE,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMJ,cAAc,IAAIK,OAAOL,cAAc,EAAEI,MAAMZ,IAAI,CAACc,SAAS;IAC7I,OAAOF;AACX"}