@fluentui/react-combobox 9.5.8 → 9.5.10

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./Dropdown"), exports);
-_exportStar(require("./Dropdown.types"), exports);
-_exportStar(require("./renderDropdown"), exports);
-_exportStar(require("./useDropdown"), exports);
-_exportStar(require("./useDropdownStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Dropdown"), exports);
+_export_star._(require("./Dropdown.types"), exports);
+_export_star._(require("./renderDropdown"), exports);
+_export_star._(require("./useDropdown"), exports);
+_export_star._(require("./useDropdownStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Dropdown';\nexport * from './Dropdown.types';\nexport * from './renderDropdown';\nexport * from './useDropdown';\nexport * from './useDropdownStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Dropdown';\nexport * from './Dropdown.types';\nexport * from './renderDropdown';\nexport * from './useDropdown';\nexport * from './useDropdownStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/Dropdown/renderDropdown.js

@@ -1,20 +1,34 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderDropdown_unstable", {
     enumerable: true,
-    get: ()=>renderDropdown_unstable
+    get: function() {
+        return renderDropdown_unstable;
+    }
 });
-const _reactPortal = require("@fluentui/react-portal");
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _comboboxContext = require("../../contexts/ComboboxContext");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactportal = require("@fluentui/react-portal");
+const _reactutilities = require("@fluentui/react-utilities");
+const _ComboboxContext = require("../../contexts/ComboboxContext");
 const renderDropdown_unstable = (state, contextValues)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_comboboxContext.ComboboxContext.Provider, {
-        value: contextValues.combobox
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.button, null, state.button.children, state.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.expandIcon, null)), state.listbox && (state.inlinePopup ? /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.listbox, null) : /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPortal.Portal, {
-        mountNode: state.mountNode
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.listbox, null)))));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ComboboxContext.ComboboxContext.Provider, {
+            value: contextValues.combobox,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.button, {
+                    children: [
+                        state.button.children,
+                        state.expandIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.expandIcon, {})
+                    ]
+                }),
+                state.listbox && (state.inlinePopup ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.listbox, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactportal.Portal, {
+                    mountNode: state.mountNode,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.listbox, {})
+                }))
+            ]
+        })
+    });
 };

package/lib-commonjs/components/Dropdown/renderDropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderDropdown.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { Portal } from '@fluentui/react-portal';\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ComboboxContext } from '../../contexts/ComboboxContext';\n/**\n * Render the final JSX of Dropdown\n */ export const renderDropdown_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(ComboboxContext.Provider, {\n        value: contextValues.combobox\n    }, /*#__PURE__*/ createElement(state.button, null, state.button.children, state.expandIcon && /*#__PURE__*/ createElement(state.expandIcon, null)), state.listbox && (state.inlinePopup ? /*#__PURE__*/ createElement(state.listbox, null) : /*#__PURE__*/ createElement(Portal, {\n        mountNode: state.mountNode\n    }, /*#__PURE__*/ createElement(state.listbox, null)))));\n};\n"],"names":["renderDropdown_unstable","state","contextValues","assertSlots","createElement","root","ComboboxContext","Provider","value","combobox","button","children","expandIcon","listbox","inlinePopup","Portal","mountNode"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;6BAN2D;iCAC9C;gCACF;iCACI;AAGrB,MAAMA,0BAA0B,CAACC,OAAOC,gBAAgB;IAC/DC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,gCAAe,CAACC,QAAQ,EAAE;QACvGC,OAAON,cAAcO,QAAQ;IACjC,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,MAAM,EAAE,IAAI,EAAET,MAAMS,MAAM,CAACC,QAAQ,EAAEV,MAAMW,UAAU,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,UAAU,EAAE,IAAI,IAAIX,MAAMY,OAAO,IAAKZ,CAAAA,MAAMa,WAAW,GAAG,WAAW,GAAGV,IAAAA,8BAAa,EAACH,MAAMY,OAAO,EAAE,IAAI,IAAI,WAAW,GAAGT,IAAAA,8BAAa,EAACW,mBAAM,EAAE;QAC7QC,WAAWf,MAAMe,SAAS;IAC9B,GAAG,WAAW,GAAGZ,IAAAA,8BAAa,EAACH,MAAMY,OAAO,EAAE,IAAI,EAAE,AAAD;AACvD"}
+{"version":3,"sources":["renderDropdown.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { Portal } from '@fluentui/react-portal';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ComboboxContext } from '../../contexts/ComboboxContext';\n/**\n * Render the final JSX of Dropdown\n */ export const renderDropdown_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: /*#__PURE__*/ _jsxs(ComboboxContext.Provider, {\n            value: contextValues.combobox,\n            children: [\n                /*#__PURE__*/ _jsxs(state.button, {\n                    children: [\n                        state.button.children,\n                        state.expandIcon && /*#__PURE__*/ _jsx(state.expandIcon, {})\n                    ]\n                }),\n                state.listbox && (state.inlinePopup ? /*#__PURE__*/ _jsx(state.listbox, {}) : /*#__PURE__*/ _jsx(Portal, {\n                    mountNode: state.mountNode,\n                    children: /*#__PURE__*/ _jsx(state.listbox, {})\n                }))\n            ]\n        })\n    });\n};\n"],"names":["renderDropdown_unstable","state","contextValues","assertSlots","_jsx","root","children","_jsxs","ComboboxContext","Provider","value","combobox","button","expandIcon","listbox","inlinePopup","Portal","mountNode"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAM7DA;;;eAAAA;;;4BAN2G;6BACrG;gCACK;iCACI;AAGrB,MAAMA,0BAA0B,CAACC,OAAOC;IAC/CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACH,MAAMI,IAAI,EAAE;QAClCC,UAAU,WAAW,GAAGC,IAAAA,gBAAK,EAACC,gCAAe,CAACC,QAAQ,EAAE;YACpDC,OAAOR,cAAcS,QAAQ;YAC7BL,UAAU;gBACN,WAAW,GAAGC,IAAAA,gBAAK,EAACN,MAAMW,MAAM,EAAE;oBAC9BN,UAAU;wBACNL,MAAMW,MAAM,CAACN,QAAQ;wBACrBL,MAAMY,UAAU,IAAI,WAAW,GAAGT,IAAAA,eAAI,EAACH,MAAMY,UAAU,EAAE,CAAC;qBAC7D;gBACL;gBACAZ,MAAMa,OAAO,IAAKb,CAAAA,MAAMc,WAAW,GAAG,WAAW,GAAGX,IAAAA,eAAI,EAACH,MAAMa,OAAO,EAAE,CAAC,KAAK,WAAW,GAAGV,IAAAA,eAAI,EAACY,mBAAM,EAAE;oBACrGC,WAAWhB,MAAMgB,SAAS;oBAC1BX,UAAU,WAAW,GAAGF,IAAAA,eAAI,EAACH,MAAMa,OAAO,EAAE,CAAC;gBACjD,EAAC;aACJ;QACL;IACJ;AACJ"}

package/lib-commonjs/components/Dropdown/useDropdown.js

@@ -4,27 +4,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useDropdown_unstable", {
     enumerable: true,
-    get: ()=>useDropdown_unstable
+    get: function() {
+        return useDropdown_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactField = require("@fluentui/react-field");
-const _reactIcons = require("@fluentui/react-icons");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactfield = require("@fluentui/react-field");
+const _reacticons = require("@fluentui/react-icons");
+const _reactutilities = require("@fluentui/react-utilities");
 const _dropdownKeyActions = require("../../utils/dropdownKeyActions");
 const _useComboboxBaseState = require("../../utils/useComboboxBaseState");
 const _useComboboxPopup = require("../../utils/useComboboxPopup");
 const _useTriggerListboxSlots = require("../../utils/useTriggerListboxSlots");
-const _listbox = require("../Listbox/Listbox");
+const _Listbox = require("../Listbox/Listbox");
 const useDropdown_unstable = (props, ref)=>{
+    var _listboxSlot;
     // Merge props from surrounding <Field>, if any
-    props = (0, _reactField.useFieldControlProps_unstable)(props, {
+    props = (0, _reactfield.useFieldControlProps_unstable)(props, {
         supportsLabelFor: true,
         supportsSize: true
     });
     const baseState = (0, _useComboboxBaseState.useComboboxBaseState)(props);
-    const { activeOption , getIndexOfId , getOptionsMatchingText , open , setActiveOption , setFocusVisible , setOpen  } = baseState;
-    const { primary: triggerNativeProps , root: rootNativeProps  } = (0, _reactUtilities.getPartitionedNativeProps)({
+    const { activeOption, getIndexOfId, getOptionsMatchingText, open, setActiveOption, setFocusVisible, setOpen } = baseState;
+    const { primary: triggerNativeProps, root: rootNativeProps } = (0, _reactutilities.getPartitionedNativeProps)({
         props,
         primarySlotTagName: 'button',
         excludedPropNames: [
@@ -43,7 +46,7 @@ const useDropdown_unstable = (props, ref)=>{
     ]);
     // jump to matching option based on typing
     const searchString = _react.useRef('');
-    const [setKeyTimeout, clearKeyTimeout] = (0, _reactUtilities.useTimeout)();
+    const [setKeyTimeout, clearKeyTimeout] = (0, _reactutilities.useTimeout)();
     const getNextMatchingOption = ()=>{
         // first check for matches for the full searchString
         let matcher = (optionText)=>optionText.toLowerCase().indexOf(searchString.current) === 0;
@@ -95,7 +98,7 @@ const useDropdown_unstable = (props, ref)=>{
     // resolve button and listbox slot props
     let triggerSlot;
     let listboxSlot;
-    triggerSlot = _reactUtilities.slot.always(props.button, {
+    triggerSlot = _reactutilities.slot.always(props.button, {
         defaultProps: {
             type: 'button',
             children: baseState.value || props.placeholder,
@@ -103,8 +106,8 @@ const useDropdown_unstable = (props, ref)=>{
         },
         elementType: 'button'
     });
-    triggerSlot.onKeyDown = (0, _reactUtilities.mergeCallbacks)(onTriggerKeyDown, triggerSlot.onKeyDown);
-    listboxSlot = baseState.open || baseState.hasFocus ? _reactUtilities.slot.optional(props.listbox, {
+    triggerSlot.onKeyDown = (0, _reactutilities.mergeCallbacks)(onTriggerKeyDown, triggerSlot.onKeyDown);
+    listboxSlot = baseState.open || baseState.hasFocus ? _reactutilities.slot.optional(props.listbox, {
         renderByDefault: true,
         defaultProps: {
             children: props.children,
@@ -112,7 +115,7 @@ const useDropdown_unstable = (props, ref)=>{
                 width: popupWidth
             }
         },
-        elementType: _listbox.Listbox
+        elementType: _Listbox.Listbox
     }) : undefined;
     [triggerSlot, listboxSlot] = (0, _useComboboxPopup.useComboboxPopup)(props, triggerSlot, listboxSlot);
     [triggerSlot, listboxSlot] = (0, _useTriggerListboxSlots.useTriggerListboxSlots)(props, baseState, ref, triggerSlot, listboxSlot);
@@ -121,11 +124,11 @@ const useDropdown_unstable = (props, ref)=>{
             root: 'div',
             button: 'button',
             expandIcon: 'span',
-            listbox: _listbox.Listbox
+            listbox: _Listbox.Listbox
         },
-        root: _reactUtilities.slot.always(props.root, {
+        root: _reactutilities.slot.always(props.root, {
             defaultProps: {
-                'aria-owns': !props.inlinePopup ? listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id : undefined,
+                'aria-owns': !props.inlinePopup ? (_listboxSlot = listboxSlot) === null || _listboxSlot === void 0 ? void 0 : _listboxSlot.id : undefined,
                 children: props.children,
                 ...rootNativeProps
             },
@@ -133,16 +136,16 @@ const useDropdown_unstable = (props, ref)=>{
         }),
         button: triggerSlot,
         listbox: listboxSlot,
-        expandIcon: _reactUtilities.slot.optional(props.expandIcon, {
+        expandIcon: _reactutilities.slot.optional(props.expandIcon, {
             renderByDefault: true,
             defaultProps: {
-                children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null)
+                children: /*#__PURE__*/ _react.createElement(_reacticons.ChevronDownRegular, null)
             },
             elementType: 'span'
         }),
         placeholderVisible: !baseState.value && !!props.placeholder,
         ...baseState
     };
-    state.root.ref = (0, _reactUtilities.useMergedRefs)(state.root.ref, rootRef);
+    state.root.ref = (0, _reactutilities.useMergedRefs)(state.root.ref, rootRef);
     return state;
 };

package/lib-commonjs/components/Dropdown/useDropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDropdown.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { ChevronDownRegular as ChevronDownIcon } from '@fluentui/react-icons';\nimport { getPartitionedNativeProps, mergeCallbacks, useMergedRefs, useTimeout, slot } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from '../../utils/dropdownKeyActions';\nimport { useComboboxBaseState } from '../../utils/useComboboxBaseState';\nimport { useComboboxPopup } from '../../utils/useComboboxPopup';\nimport { useTriggerListboxSlots } from '../../utils/useTriggerListboxSlots';\nimport { Listbox } from '../Listbox/Listbox';\n/**\n * Create the state required to render Dropdown.\n *\n * The returned state can be modified with hooks such as useDropdownStyles_unstable,\n * before being passed to renderDropdown_unstable.\n *\n * @param props - props from this instance of Dropdown\n * @param ref - reference to root HTMLElement of Dropdown\n */ export const useDropdown_unstable = (props, ref)=>{\n    // Merge props from surrounding <Field>, if any\n    props = useFieldControlProps_unstable(props, {\n        supportsLabelFor: true,\n        supportsSize: true\n    });\n    const baseState = useComboboxBaseState(props);\n    const { activeOption , getIndexOfId , getOptionsMatchingText , open , setActiveOption , setFocusVisible , setOpen  } = baseState;\n    const { primary: triggerNativeProps , root: rootNativeProps  } = getPartitionedNativeProps({\n        props,\n        primarySlotTagName: 'button',\n        excludedPropNames: [\n            'children'\n        ]\n    });\n    // set listbox popup width based off the root/trigger width\n    const rootRef = React.useRef(null);\n    const [popupWidth, setPopupWidth] = React.useState();\n    React.useEffect(()=>{\n        var _rootRef_current;\n        const width = open ? `${(_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.clientWidth}px` : undefined;\n        setPopupWidth(width);\n    }, [\n        open\n    ]);\n    // jump to matching option based on typing\n    const searchString = React.useRef('');\n    const [setKeyTimeout, clearKeyTimeout] = useTimeout();\n    const getNextMatchingOption = ()=>{\n        // first check for matches for the full searchString\n        let matcher = (optionText)=>optionText.toLowerCase().indexOf(searchString.current) === 0;\n        let matches = getOptionsMatchingText(matcher);\n        let startIndex = activeOption ? getIndexOfId(activeOption.id) : 0;\n        // if the dropdown is already open and the searchstring is a single character,\n        // then look after the current activeOption for letters\n        // this is so slowly typing the same letter will cycle through matches\n        if (open && searchString.current.length === 1) {\n            startIndex++;\n        }\n        // if there are no direct matches, check if the search is all the same letter, e.g. \"aaa\"\n        if (!matches.length) {\n            const letters = searchString.current.split('');\n            const allSameLetter = letters.length && letters.every((letter)=>letter === letters[0]);\n            // if the search is all the same letter, cycle through options starting with that letter\n            if (allSameLetter) {\n                startIndex++;\n                matcher = (optionText)=>optionText.toLowerCase().indexOf(letters[0]) === 0;\n                matches = getOptionsMatchingText(matcher);\n            }\n        }\n        // if there is an active option and multiple matches,\n        // return first matching option after the current active option, looping back to the top\n        if (matches.length > 1 && activeOption) {\n            const nextMatch = matches.find((option)=>getIndexOfId(option.id) >= startIndex);\n            return nextMatch !== null && nextMatch !== void 0 ? nextMatch : matches[0];\n        }\n        var _matches_;\n        return (_matches_ = matches[0]) !== null && _matches_ !== void 0 ? _matches_ : undefined;\n    };\n    const onTriggerKeyDown = (ev)=>{\n        // clear timeout, if it exists\n        clearKeyTimeout();\n        // if the key was a char key, update search string\n        if (getDropdownActionFromKey(ev) === 'Type') {\n            // update search string\n            searchString.current += ev.key.toLowerCase();\n            setKeyTimeout(()=>{\n                searchString.current = '';\n            }, 500);\n            // update state\n            !open && setOpen(ev, true);\n            const nextOption = getNextMatchingOption();\n            setActiveOption(nextOption);\n            setFocusVisible(true);\n        }\n    };\n    // resolve button and listbox slot props\n    let triggerSlot;\n    let listboxSlot;\n    triggerSlot = slot.always(props.button, {\n        defaultProps: {\n            type: 'button',\n            children: baseState.value || props.placeholder,\n            ...triggerNativeProps\n        },\n        elementType: 'button'\n    });\n    triggerSlot.onKeyDown = mergeCallbacks(onTriggerKeyDown, triggerSlot.onKeyDown);\n    listboxSlot = baseState.open || baseState.hasFocus ? slot.optional(props.listbox, {\n        renderByDefault: true,\n        defaultProps: {\n            children: props.children,\n            style: {\n                width: popupWidth\n            }\n        },\n        elementType: Listbox\n    }) : undefined;\n    [triggerSlot, listboxSlot] = useComboboxPopup(props, triggerSlot, listboxSlot);\n    [triggerSlot, listboxSlot] = useTriggerListboxSlots(props, baseState, ref, triggerSlot, listboxSlot);\n    const state = {\n        components: {\n            root: 'div',\n            button: 'button',\n            expandIcon: 'span',\n            listbox: Listbox\n        },\n        root: slot.always(props.root, {\n            defaultProps: {\n                'aria-owns': !props.inlinePopup ? listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id : undefined,\n                children: props.children,\n                ...rootNativeProps\n            },\n            elementType: 'div'\n        }),\n        button: triggerSlot,\n        listbox: listboxSlot,\n        expandIcon: slot.optional(props.expandIcon, {\n            renderByDefault: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownIcon, null)\n            },\n            elementType: 'span'\n        }),\n        placeholderVisible: !baseState.value && !!props.placeholder,\n        ...baseState\n    };\n    state.root.ref = useMergedRefs(state.root.ref, rootRef);\n    return state;\n};\n"],"names":["useDropdown_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","supportsSize","baseState","useComboboxBaseState","activeOption","getIndexOfId","getOptionsMatchingText","open","setActiveOption","setFocusVisible","setOpen","primary","triggerNativeProps","root","rootNativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","rootRef","React","useRef","popupWidth","setPopupWidth","useState","useEffect","_rootRef_current","width","current","clientWidth","undefined","searchString","setKeyTimeout","clearKeyTimeout","useTimeout","getNextMatchingOption","matcher","optionText","toLowerCase","indexOf","matches","startIndex","id","length","letters","split","allSameLetter","every","letter","nextMatch","find","option","_matches_","onTriggerKeyDown","ev","getDropdownActionFromKey","key","nextOption","triggerSlot","listboxSlot","slot","always","button","defaultProps","type","children","value","placeholder","elementType","onKeyDown","mergeCallbacks","hasFocus","optional","listbox","renderByDefault","style","Listbox","useComboboxPopup","useTriggerListboxSlots","state","components","expandIcon","inlinePopup","createElement","ChevronDownIcon","placeholderVisible","useMergedRefs"],"mappings":"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"}
+{"version":3,"sources":["useDropdown.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { ChevronDownRegular as ChevronDownIcon } from '@fluentui/react-icons';\nimport { getPartitionedNativeProps, mergeCallbacks, useMergedRefs, useTimeout, slot } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from '../../utils/dropdownKeyActions';\nimport { useComboboxBaseState } from '../../utils/useComboboxBaseState';\nimport { useComboboxPopup } from '../../utils/useComboboxPopup';\nimport { useTriggerListboxSlots } from '../../utils/useTriggerListboxSlots';\nimport { Listbox } from '../Listbox/Listbox';\n/**\n * Create the state required to render Dropdown.\n *\n * The returned state can be modified with hooks such as useDropdownStyles_unstable,\n * before being passed to renderDropdown_unstable.\n *\n * @param props - props from this instance of Dropdown\n * @param ref - reference to root HTMLElement of Dropdown\n */ export const useDropdown_unstable = (props, ref)=>{\n    var _listboxSlot;\n    // Merge props from surrounding <Field>, if any\n    props = useFieldControlProps_unstable(props, {\n        supportsLabelFor: true,\n        supportsSize: true\n    });\n    const baseState = useComboboxBaseState(props);\n    const { activeOption, getIndexOfId, getOptionsMatchingText, open, setActiveOption, setFocusVisible, setOpen } = baseState;\n    const { primary: triggerNativeProps, root: rootNativeProps } = getPartitionedNativeProps({\n        props,\n        primarySlotTagName: 'button',\n        excludedPropNames: [\n            'children'\n        ]\n    });\n    // set listbox popup width based off the root/trigger width\n    const rootRef = React.useRef(null);\n    const [popupWidth, setPopupWidth] = React.useState();\n    React.useEffect(()=>{\n        var _rootRef_current;\n        const width = open ? `${(_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.clientWidth}px` : undefined;\n        setPopupWidth(width);\n    }, [\n        open\n    ]);\n    // jump to matching option based on typing\n    const searchString = React.useRef('');\n    const [setKeyTimeout, clearKeyTimeout] = useTimeout();\n    const getNextMatchingOption = ()=>{\n        // first check for matches for the full searchString\n        let matcher = (optionText)=>optionText.toLowerCase().indexOf(searchString.current) === 0;\n        let matches = getOptionsMatchingText(matcher);\n        let startIndex = activeOption ? getIndexOfId(activeOption.id) : 0;\n        // if the dropdown is already open and the searchstring is a single character,\n        // then look after the current activeOption for letters\n        // this is so slowly typing the same letter will cycle through matches\n        if (open && searchString.current.length === 1) {\n            startIndex++;\n        }\n        // if there are no direct matches, check if the search is all the same letter, e.g. \"aaa\"\n        if (!matches.length) {\n            const letters = searchString.current.split('');\n            const allSameLetter = letters.length && letters.every((letter)=>letter === letters[0]);\n            // if the search is all the same letter, cycle through options starting with that letter\n            if (allSameLetter) {\n                startIndex++;\n                matcher = (optionText)=>optionText.toLowerCase().indexOf(letters[0]) === 0;\n                matches = getOptionsMatchingText(matcher);\n            }\n        }\n        // if there is an active option and multiple matches,\n        // return first matching option after the current active option, looping back to the top\n        if (matches.length > 1 && activeOption) {\n            const nextMatch = matches.find((option)=>getIndexOfId(option.id) >= startIndex);\n            return nextMatch !== null && nextMatch !== void 0 ? nextMatch : matches[0];\n        }\n        var _matches_;\n        return (_matches_ = matches[0]) !== null && _matches_ !== void 0 ? _matches_ : undefined;\n    };\n    const onTriggerKeyDown = (ev)=>{\n        // clear timeout, if it exists\n        clearKeyTimeout();\n        // if the key was a char key, update search string\n        if (getDropdownActionFromKey(ev) === 'Type') {\n            // update search string\n            searchString.current += ev.key.toLowerCase();\n            setKeyTimeout(()=>{\n                searchString.current = '';\n            }, 500);\n            // update state\n            !open && setOpen(ev, true);\n            const nextOption = getNextMatchingOption();\n            setActiveOption(nextOption);\n            setFocusVisible(true);\n        }\n    };\n    // resolve button and listbox slot props\n    let triggerSlot;\n    let listboxSlot;\n    triggerSlot = slot.always(props.button, {\n        defaultProps: {\n            type: 'button',\n            children: baseState.value || props.placeholder,\n            ...triggerNativeProps\n        },\n        elementType: 'button'\n    });\n    triggerSlot.onKeyDown = mergeCallbacks(onTriggerKeyDown, triggerSlot.onKeyDown);\n    listboxSlot = baseState.open || baseState.hasFocus ? slot.optional(props.listbox, {\n        renderByDefault: true,\n        defaultProps: {\n            children: props.children,\n            style: {\n                width: popupWidth\n            }\n        },\n        elementType: Listbox\n    }) : undefined;\n    [triggerSlot, listboxSlot] = useComboboxPopup(props, triggerSlot, listboxSlot);\n    [triggerSlot, listboxSlot] = useTriggerListboxSlots(props, baseState, ref, triggerSlot, listboxSlot);\n    const state = {\n        components: {\n            root: 'div',\n            button: 'button',\n            expandIcon: 'span',\n            listbox: Listbox\n        },\n        root: slot.always(props.root, {\n            defaultProps: {\n                'aria-owns': !props.inlinePopup ? (_listboxSlot = listboxSlot) === null || _listboxSlot === void 0 ? void 0 : _listboxSlot.id : undefined,\n                children: props.children,\n                ...rootNativeProps\n            },\n            elementType: 'div'\n        }),\n        button: triggerSlot,\n        listbox: listboxSlot,\n        expandIcon: slot.optional(props.expandIcon, {\n            renderByDefault: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownIcon, null)\n            },\n            elementType: 'span'\n        }),\n        placeholderVisible: !baseState.value && !!props.placeholder,\n        ...baseState\n    };\n    state.root.ref = useMergedRefs(state.root.ref, rootRef);\n    return state;\n};\n"],"names":["useDropdown_unstable","props","ref","_listboxSlot","useFieldControlProps_unstable","supportsLabelFor","supportsSize","baseState","useComboboxBaseState","activeOption","getIndexOfId","getOptionsMatchingText","open","setActiveOption","setFocusVisible","setOpen","primary","triggerNativeProps","root","rootNativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","rootRef","React","useRef","popupWidth","setPopupWidth","useState","useEffect","_rootRef_current","width","current","clientWidth","undefined","searchString","setKeyTimeout","clearKeyTimeout","useTimeout","getNextMatchingOption","matcher","optionText","toLowerCase","indexOf","matches","startIndex","id","length","letters","split","allSameLetter","every","letter","nextMatch","find","option","_matches_","onTriggerKeyDown","ev","getDropdownActionFromKey","key","nextOption","triggerSlot","listboxSlot","slot","always","button","defaultProps","type","children","value","placeholder","elementType","onKeyDown","mergeCallbacks","hasFocus","optional","listbox","renderByDefault","style","Listbox","useComboboxPopup","useTriggerListboxSlots","state","components","expandIcon","inlinePopup","createElement","ChevronDownIcon","placeholderVisible","useMergedRefs"],"mappings":";;;;+BAiBiBA;;;eAAAA;;;;iEAjBM;4BACuB;4BACQ;gCACqC;oCAClD;sCACJ;kCACJ;wCACM;yBACf;AASb,MAAMA,uBAAuB,CAACC,OAAOC;IAC5C,IAAIC;IACJ,+CAA+C;IAC/CF,QAAQG,IAAAA,yCAA6B,EAACH,OAAO;QACzCI,kBAAkB;QAClBC,cAAc;IAClB;IACA,MAAMC,YAAYC,IAAAA,0CAAoB,EAACP;IACvC,MAAM,EAAEQ,YAAY,EAAEC,YAAY,EAAEC,sBAAsB,EAAEC,IAAI,EAAEC,eAAe,EAAEC,eAAe,EAAEC,OAAO,EAAE,GAAGR;IAChH,MAAM,EAAES,SAASC,kBAAkB,EAAEC,MAAMC,eAAe,EAAE,GAAGC,IAAAA,yCAAyB,EAAC;QACrFnB;QACAoB,oBAAoB;QACpBC,mBAAmB;YACf;SACH;IACL;IACA,2DAA2D;IAC3D,MAAMC,UAAUC,OAAMC,MAAM,CAAC;IAC7B,MAAM,CAACC,YAAYC,cAAc,GAAGH,OAAMI,QAAQ;IAClDJ,OAAMK,SAAS,CAAC;QACZ,IAAIC;QACJ,MAAMC,QAAQnB,OAAO,CAAC,EAAE,AAACkB,CAAAA,mBAAmBP,QAAQS,OAAO,AAAD,MAAO,QAAQF,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBG,WAAW,CAAC,EAAE,CAAC,GAAGC;QACnJP,cAAcI;IAClB,GAAG;QACCnB;KACH;IACD,0CAA0C;IAC1C,MAAMuB,eAAeX,OAAMC,MAAM,CAAC;IAClC,MAAM,CAACW,eAAeC,gBAAgB,GAAGC,IAAAA,0BAAU;IACnD,MAAMC,wBAAwB;QAC1B,oDAAoD;QACpD,IAAIC,UAAU,CAACC,aAAaA,WAAWC,WAAW,GAAGC,OAAO,CAACR,aAAaH,OAAO,MAAM;QACvF,IAAIY,UAAUjC,uBAAuB6B;QACrC,IAAIK,aAAapC,eAAeC,aAAaD,aAAaqC,EAAE,IAAI;QAChE,8EAA8E;QAC9E,uDAAuD;QACvD,sEAAsE;QACtE,IAAIlC,QAAQuB,aAAaH,OAAO,CAACe,MAAM,KAAK,GAAG;YAC3CF;QACJ;QACA,yFAAyF;QACzF,IAAI,CAACD,QAAQG,MAAM,EAAE;YACjB,MAAMC,UAAUb,aAAaH,OAAO,CAACiB,KAAK,CAAC;YAC3C,MAAMC,gBAAgBF,QAAQD,MAAM,IAAIC,QAAQG,KAAK,CAAC,CAACC,SAASA,WAAWJ,OAAO,CAAC,EAAE;YACrF,wFAAwF;YACxF,IAAIE,eAAe;gBACfL;gBACAL,UAAU,CAACC,aAAaA,WAAWC,WAAW,GAAGC,OAAO,CAACK,OAAO,CAAC,EAAE,MAAM;gBACzEJ,UAAUjC,uBAAuB6B;YACrC;QACJ;QACA,qDAAqD;QACrD,wFAAwF;QACxF,IAAII,QAAQG,MAAM,GAAG,KAAKtC,cAAc;YACpC,MAAM4C,YAAYT,QAAQU,IAAI,CAAC,CAACC,SAAS7C,aAAa6C,OAAOT,EAAE,KAAKD;YACpE,OAAOQ,cAAc,QAAQA,cAAc,KAAK,IAAIA,YAAYT,OAAO,CAAC,EAAE;QAC9E;QACA,IAAIY;QACJ,OAAO,AAACA,CAAAA,YAAYZ,OAAO,CAAC,EAAE,AAAD,MAAO,QAAQY,cAAc,KAAK,IAAIA,YAAYtB;IACnF;IACA,MAAMuB,mBAAmB,CAACC;QACtB,8BAA8B;QAC9BrB;QACA,kDAAkD;QAClD,IAAIsB,IAAAA,4CAAwB,EAACD,QAAQ,QAAQ;YACzC,uBAAuB;YACvBvB,aAAaH,OAAO,IAAI0B,GAAGE,GAAG,CAAClB,WAAW;YAC1CN,cAAc;gBACVD,aAAaH,OAAO,GAAG;YAC3B,GAAG;YACH,eAAe;YACf,CAACpB,QAAQG,QAAQ2C,IAAI;YACrB,MAAMG,aAAatB;YACnB1B,gBAAgBgD;YAChB/C,gBAAgB;QACpB;IACJ;IACA,wCAAwC;IACxC,IAAIgD;IACJ,IAAIC;IACJD,cAAcE,oBAAI,CAACC,MAAM,CAAChE,MAAMiE,MAAM,EAAE;QACpCC,cAAc;YACVC,MAAM;YACNC,UAAU9D,UAAU+D,KAAK,IAAIrE,MAAMsE,WAAW;YAC9C,GAAGtD,kBAAkB;QACzB;QACAuD,aAAa;IACjB;IACAV,YAAYW,SAAS,GAAGC,IAAAA,8BAAc,EAACjB,kBAAkBK,YAAYW,SAAS;IAC9EV,cAAcxD,UAAUK,IAAI,IAAIL,UAAUoE,QAAQ,GAAGX,oBAAI,CAACY,QAAQ,CAAC3E,MAAM4E,OAAO,EAAE;QAC9EC,iBAAiB;QACjBX,cAAc;YACVE,UAAUpE,MAAMoE,QAAQ;YACxBU,OAAO;gBACHhD,OAAOL;YACX;QACJ;QACA8C,aAAaQ,gBAAO;IACxB,KAAK9C;IACL,CAAC4B,aAAaC,YAAY,GAAGkB,IAAAA,kCAAgB,EAAChF,OAAO6D,aAAaC;IAClE,CAACD,aAAaC,YAAY,GAAGmB,IAAAA,8CAAsB,EAACjF,OAAOM,WAAWL,KAAK4D,aAAaC;IACxF,MAAMoB,QAAQ;QACVC,YAAY;YACRlE,MAAM;YACNgD,QAAQ;YACRmB,YAAY;YACZR,SAASG,gBAAO;QACpB;QACA9D,MAAM8C,oBAAI,CAACC,MAAM,CAAChE,MAAMiB,IAAI,EAAE;YAC1BiD,cAAc;gBACV,aAAa,CAAClE,MAAMqF,WAAW,GAAG,AAACnF,CAAAA,eAAe4D,WAAU,MAAO,QAAQ5D,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAa2C,EAAE,GAAGZ;gBAChImC,UAAUpE,MAAMoE,QAAQ;gBACxB,GAAGlD,eAAe;YACtB;YACAqD,aAAa;QACjB;QACAN,QAAQJ;QACRe,SAASd;QACTsB,YAAYrB,oBAAI,CAACY,QAAQ,CAAC3E,MAAMoF,UAAU,EAAE;YACxCP,iBAAiB;YACjBX,cAAc;gBACVE,UAAU,WAAW,GAAG7C,OAAM+D,aAAa,CAACC,8BAAe,EAAE;YACjE;YACAhB,aAAa;QACjB;QACAiB,oBAAoB,CAAClF,UAAU+D,KAAK,IAAI,CAAC,CAACrE,MAAMsE,WAAW;QAC3D,GAAGhE,SAAS;IAChB;IACA4E,MAAMjE,IAAI,CAAChB,GAAG,GAAGwF,IAAAA,6BAAa,EAACP,MAAMjE,IAAI,CAAChB,GAAG,EAAEqB;IAC/C,OAAO4D;AACX"}

package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    dropdownClassNames: ()=>dropdownClassNames,
-    useDropdownStyles_unstable: ()=>useDropdownStyles_unstable
+    dropdownClassNames: function() {
+        return dropdownClassNames;
+    },
+    useDropdownStyles_unstable: function() {
+        return useDropdownStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const dropdownClassNames = {
@@ -21,7 +25,7 @@ const dropdownClassNames = {
 };
 /**
  * Styles for Dropdown
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
         Bbmb7ep: [
             "f1aa9q02",
@@ -550,7 +554,7 @@ const dropdownClassNames = {
         ".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}"
     ]
 });
-const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     icon: {
         B7ck84d: "f1ewtqcl",
         sj55zd: "fxkbij4",
@@ -604,7 +608,7 @@ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
     ]
 });
 const useDropdownStyles_unstable = (state)=>{
-    const { appearance , open , placeholderVisible , size  } = state;
+    const { appearance, open, placeholderVisible, size } = state;
     const invalid = `${state.button['aria-invalid']}` === 'true';
     const disabled = state.button.disabled;
     const styles = useStyles();

package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDropdownStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { iconSizes } from '../../utils/internalTokens';\nexport const dropdownClassNames = {\n  root: 'fui-Dropdown',\n  button: 'fui-Dropdown__button',\n  expandIcon: 'fui-Dropdown__expandIcon',\n  listbox: 'fui-Dropdown__listbox'\n};\n/**\n * Styles for Dropdown\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f14t3ns0\",\n    Bf4jedk: \"f1exfvgq\",\n    qhf8xq: \"f10pi13n\",\n    Bbr2w1p: \"f14a1fxs\",\n    Bduesf4: \"f3e99gv\",\n    Bpq79vn: \"fhljsf7\",\n    li1rpt: \"f1gw3sf2\",\n    Bsft5z2: \"f13zj6fq\",\n    E3zdtr: \"f1mdlcz9\",\n    Eqx8gd: [\"f1a7op3\", \"f1cjjd47\"],\n    By385i5: \"f1gboi2j\",\n    B1piin3: [\"f1cjjd47\", \"f1a7op3\"],\n    Dlnsje: \"ffyw7fx\",\n    d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n    B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n    Bcgy8vk: \"f14pi962\",\n    Bw17bha: \"f1lh990p\",\n    B1q35kw: \"f1jc6hxc\",\n    Gjdm7m: \"f13evtba\",\n    b1kco5: \"f1yk9hq\",\n    Ba2ppi3: \"fhwpy7i\",\n    F2fol1: \"f14ee0xe\",\n    lck23g: \"f1xhbsuh\",\n    df92cz: \"fv8e3ye\",\n    I188md: \"ftb5wc6\",\n    umuwi5: \"fjw5xc1\",\n    Blcqepd: \"f1xdyd5c\",\n    nplu4u: \"fatpbeo\",\n    Bioka5o: \"fb7uyps\",\n    H713fs: \"f1cmft4k\",\n    B9ooomg: \"f1x58t8o\",\n    Bercvud: \"f1ibeo51\"\n  },\n  listbox: {\n    E5pizo: \"f1hg901r\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    Bxyxcbc: \"fmmk62d\"\n  },\n  listboxCollapsed: {\n    mc9l5x: \"fjseox\"\n  },\n  button: {\n    Bt984gj: \"f122n59\",\n    De3pzq: \"f1c21dwh\",\n    B4j52fo: \"fre7gi1\",\n    Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n    Bn0qgzm: \"fqdk4by\",\n    ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"f19n0e5\",\n    i8kkvl: \"f14mj54c\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"f13qh94s\",\n    Bahqtrf: \"fk6fouc\",\n    Budl1dq: \"f12nh0o2\",\n    Brf1p80: \"f1869bpl\",\n    fsow6f: [\"f1o700av\", \"fes3tcz\"],\n    a9b677: \"fly5x3f\",\n    Brovlpu: \"ftqa4ok\"\n  },\n  placeholder: {\n    sj55zd: \"fxc4j92\"\n  },\n  small: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    z8tnut: \"f1khb0e9\",\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Byoj8tv: \"f1jnq6q7\",\n    uwmqm3: [\"f1xile11\", \"fqznh8f\"]\n  },\n  medium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    z8tnut: \"f1sbtcvk\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"fdghr9\",\n    uwmqm3: [\"f1e60jzv\", \"f135dnwl\"]\n  },\n  large: {\n    i8kkvl: \"f1rjii52\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\",\n    z8tnut: \"f1a1bwwz\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"fy7v416\",\n    uwmqm3: [\"fnphzt9\", \"flt1dlf\"]\n  },\n  outline: {\n    De3pzq: \"fxugw4r\",\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1c1zstj\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n  },\n  outlineInteractive: {\n    Bgoe8wy: \"fvcxoqz\",\n    Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n    oetu4i: \"flmw63s\",\n    gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n    B6oc9vd: \"fvs00aa\",\n    ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n    wmxk5l: \"fqhmt4z\",\n    B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n  },\n  underline: {\n    De3pzq: \"f1c21dwh\",\n    Bn0qgzm: \"f1vxd6vx\",\n    oivjwe: \"fg706s2\",\n    B9xav0g: \"f1c1zstj\",\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n  },\n  \"filled-lighter\": {\n    De3pzq: \"fxugw4r\",\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"]\n  },\n  \"filled-darker\": {\n    De3pzq: \"f16xq7d1\",\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"]\n  },\n  invalid: {\n    tvckwq: \"fs4k3qj\",\n    gk2u95: [\"fcee079\", \"fmyw78r\"],\n    hhx65j: \"f1fgmyf4\",\n    Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n  },\n  invalidUnderline: {\n    hhx65j: \"f1fgmyf4\"\n  },\n  disabled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n    Bjwas2f: \"fg455y9\",\n    Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n    Bxeuatn: \"f1cwzwz\",\n    n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n  },\n  disabledText: {\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\"\n  }\n}, {\n  d: [\".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f14t3ns0{display:inline-block;}\", \".f1exfvgq{min-width:250px;}\", \".f10pi13n{position:relative;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".f1a7op3::after{left:-1px;}\", \".f1cjjd47::after{right:-1px;}\", \".f1gboi2j::after{bottom:-1px;}\", \".ffyw7fx::after{height:max(var(--strokeWidthThick), var(--borderRadiusMedium));}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f14pi962::after{border-bottom-width:var(--strokeWidthThick);}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f1jc6hxc::after{border-bottom-color:var(--colorCompoundBrandStroke);}\", \".f13evtba::after{clip-path:inset(calc(100% - 2px) 0 0 0);}\", \".f1yk9hq::after{transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\", \".f1hg901r{box-shadow:var(--shadow16);}\", \".fmmk62d{max-height:80vh;}\", \".fjseox{display:none;}\", \".f122n59{align-items:center;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f14mj54c{column-gap:var(--spacingHorizontalXXS);}\", \".f1k6fduh{cursor:pointer;}\", \".f13qh94s{display:grid;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f12nh0o2{grid-template-columns:[content] 1fr [icon] auto [end];}\", \".f1869bpl{justify-content:space-between;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".fly5x3f{width:100%;}\", \".fxc4j92{color:var(--colorNeutralForeground4);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1khb0e9{padding-top:3px;}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1jnq6q7{padding-bottom:3px;}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1sbtcvk{padding-top:5px;}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".fdghr9{padding-bottom:5px;}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1a1bwwz{padding-top:7px;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".fy7v416{padding-bottom:7px;}\", \".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\"],\n  w: [\".f14a1fxs:focus-within{outline-width:2px;}\", \".f3e99gv:focus-within{outline-style:solid;}\", \".fhljsf7:focus-within{outline-color:transparent;}\", \".fjw5xc1:focus-within::after{transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\", \".f1ibeo51:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".flmw63s:hover{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"],\n  a: [\".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  icon: {\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxkbij4\",\n    mc9l5x: \"ftgm304\",\n    Be2twd7: \"f1pp30po\",\n    Br312pm: \"f12w6cgp\",\n    Bw0ie65: \"f8bv1bt\",\n    Bo70h7d: \"fvc9v3g\"\n  },\n  small: {\n    Be2twd7: \"f4ybsrx\",\n    Frg6f3: [\"f1h9en5y\", \"f1xk557c\"]\n  },\n  medium: {\n    Be2twd7: \"fe5j1ua\",\n    Frg6f3: [\"f1h9en5y\", \"f1xk557c\"]\n  },\n  large: {\n    Be2twd7: \"f1rt2boy\",\n    Frg6f3: [\"f1t5qyk5\", \"f1ikr372\"]\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\"\n  }\n}, {\n  d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".ftgm304{display:block;}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f12w6cgp{grid-column-start:icon;}\", \".f8bv1bt{grid-column-end:end;}\", \".fvc9v3g svg{display:block;}\", \".f4ybsrx{font-size:16px;}\", \".f1h9en5y{margin-left:var(--spacingHorizontalXXS);}\", \".f1xk557c{margin-right:var(--spacingHorizontalXXS);}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}\", \".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\"]\n});\n/**\n * Apply styling to the Dropdown slots based on the state\n */\nexport const useDropdownStyles_unstable = state => {\n  const {\n    appearance,\n    open,\n    placeholderVisible,\n    size\n  } = state;\n  const invalid = `${state.button['aria-invalid']}` === 'true';\n  const disabled = state.button.disabled;\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  state.root.className = mergeClasses(dropdownClassNames.root, styles.root, styles[appearance], !disabled && appearance === 'outline' && styles.outlineInteractive, invalid && appearance !== 'underline' && styles.invalid, invalid && appearance === 'underline' && styles.invalidUnderline, disabled && styles.disabled, state.root.className);\n  state.button.className = mergeClasses(dropdownClassNames.button, styles.button, styles[size], placeholderVisible && styles.placeholder, disabled && styles.disabledText, state.button.className);\n  if (state.listbox) {\n    state.listbox.className = mergeClasses(dropdownClassNames.listbox, styles.listbox, !open && styles.listboxCollapsed, state.listbox.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(dropdownClassNames.expandIcon, iconStyles.icon, iconStyles[size], disabled && iconStyles.disabled, state.expandIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDropdownStyles.styles.js.map"],"names":["dropdownClassNames","useDropdownStyles_unstable","root","button","expandIcon","listbox","useStyles","__styles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","mc9l5x","Bf4jedk","qhf8xq","Bbr2w1p","Bduesf4","Bpq79vn","li1rpt","Bsft5z2","E3zdtr","Eqx8gd","By385i5","B1piin3","Dlnsje","d9w3h3","B3778ie","Bcgy8vk","Bw17bha","B1q35kw","Gjdm7m","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","Bercvud","E5pizo","Bxyxcbc","listboxCollapsed","Bt984gj","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sj55zd","i8kkvl","Bceei9c","Bahqtrf","Budl1dq","Brf1p80","fsow6f","a9b677","Brovlpu","placeholder","small","Be2twd7","Bhrd7zp","Bg96gwp","z8tnut","z189sj","Byoj8tv","uwmqm3","medium","large","outline","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","disabled","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledText","d","w","m","f","h","a","useIconStyles","icon","Br312pm","Bw0ie65","Bo70h7d","Frg6f3","state","appearance","open","placeholderVisible","size","styles","iconStyles","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useDropdownStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { iconSizes } from '../../utils/internalTokens';\nexport const dropdownClassNames = {\n  root: 'fui-Dropdown',\n  button: 'fui-Dropdown__button',\n  expandIcon: 'fui-Dropdown__expandIcon',\n  listbox: 'fui-Dropdown__listbox'\n};\n/**\n * Styles for Dropdown\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f14t3ns0\",\n    Bf4jedk: \"f1exfvgq\",\n    qhf8xq: \"f10pi13n\",\n    Bbr2w1p: \"f14a1fxs\",\n    Bduesf4: \"f3e99gv\",\n    Bpq79vn: \"fhljsf7\",\n    li1rpt: \"f1gw3sf2\",\n    Bsft5z2: \"f13zj6fq\",\n    E3zdtr: \"f1mdlcz9\",\n    Eqx8gd: [\"f1a7op3\", \"f1cjjd47\"],\n    By385i5: \"f1gboi2j\",\n    B1piin3: [\"f1cjjd47\", \"f1a7op3\"],\n    Dlnsje: \"ffyw7fx\",\n    d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n    B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n    Bcgy8vk: \"f14pi962\",\n    Bw17bha: \"f1lh990p\",\n    B1q35kw: \"f1jc6hxc\",\n    Gjdm7m: \"f13evtba\",\n    b1kco5: \"f1yk9hq\",\n    Ba2ppi3: \"fhwpy7i\",\n    F2fol1: \"f14ee0xe\",\n    lck23g: \"f1xhbsuh\",\n    df92cz: \"fv8e3ye\",\n    I188md: \"ftb5wc6\",\n    umuwi5: \"fjw5xc1\",\n    Blcqepd: \"f1xdyd5c\",\n    nplu4u: \"fatpbeo\",\n    Bioka5o: \"fb7uyps\",\n    H713fs: \"f1cmft4k\",\n    B9ooomg: \"f1x58t8o\",\n    Bercvud: \"f1ibeo51\"\n  },\n  listbox: {\n    E5pizo: \"f1hg901r\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    Bxyxcbc: \"fmmk62d\"\n  },\n  listboxCollapsed: {\n    mc9l5x: \"fjseox\"\n  },\n  button: {\n    Bt984gj: \"f122n59\",\n    De3pzq: \"f1c21dwh\",\n    B4j52fo: \"fre7gi1\",\n    Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n    Bn0qgzm: \"fqdk4by\",\n    ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"f19n0e5\",\n    i8kkvl: \"f14mj54c\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"f13qh94s\",\n    Bahqtrf: \"fk6fouc\",\n    Budl1dq: \"f12nh0o2\",\n    Brf1p80: \"f1869bpl\",\n    fsow6f: [\"f1o700av\", \"fes3tcz\"],\n    a9b677: \"fly5x3f\",\n    Brovlpu: \"ftqa4ok\"\n  },\n  placeholder: {\n    sj55zd: \"fxc4j92\"\n  },\n  small: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    z8tnut: \"f1khb0e9\",\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Byoj8tv: \"f1jnq6q7\",\n    uwmqm3: [\"f1xile11\", \"fqznh8f\"]\n  },\n  medium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    z8tnut: \"f1sbtcvk\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"fdghr9\",\n    uwmqm3: [\"f1e60jzv\", \"f135dnwl\"]\n  },\n  large: {\n    i8kkvl: \"f1rjii52\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\",\n    z8tnut: \"f1a1bwwz\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"fy7v416\",\n    uwmqm3: [\"fnphzt9\", \"flt1dlf\"]\n  },\n  outline: {\n    De3pzq: \"fxugw4r\",\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1c1zstj\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n  },\n  outlineInteractive: {\n    Bgoe8wy: \"fvcxoqz\",\n    Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n    oetu4i: \"flmw63s\",\n    gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n    B6oc9vd: \"fvs00aa\",\n    ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n    wmxk5l: \"fqhmt4z\",\n    B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n  },\n  underline: {\n    De3pzq: \"f1c21dwh\",\n    Bn0qgzm: \"f1vxd6vx\",\n    oivjwe: \"fg706s2\",\n    B9xav0g: \"f1c1zstj\",\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n  },\n  \"filled-lighter\": {\n    De3pzq: \"fxugw4r\",\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"]\n  },\n  \"filled-darker\": {\n    De3pzq: \"f16xq7d1\",\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"]\n  },\n  invalid: {\n    tvckwq: \"fs4k3qj\",\n    gk2u95: [\"fcee079\", \"fmyw78r\"],\n    hhx65j: \"f1fgmyf4\",\n    Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n  },\n  invalidUnderline: {\n    hhx65j: \"f1fgmyf4\"\n  },\n  disabled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n    Bjwas2f: \"fg455y9\",\n    Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n    Bxeuatn: \"f1cwzwz\",\n    n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n  },\n  disabledText: {\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\"\n  }\n}, {\n  d: [\".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f14t3ns0{display:inline-block;}\", \".f1exfvgq{min-width:250px;}\", \".f10pi13n{position:relative;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".f1a7op3::after{left:-1px;}\", \".f1cjjd47::after{right:-1px;}\", \".f1gboi2j::after{bottom:-1px;}\", \".ffyw7fx::after{height:max(var(--strokeWidthThick), var(--borderRadiusMedium));}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f14pi962::after{border-bottom-width:var(--strokeWidthThick);}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f1jc6hxc::after{border-bottom-color:var(--colorCompoundBrandStroke);}\", \".f13evtba::after{clip-path:inset(calc(100% - 2px) 0 0 0);}\", \".f1yk9hq::after{transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\", \".f1hg901r{box-shadow:var(--shadow16);}\", \".fmmk62d{max-height:80vh;}\", \".fjseox{display:none;}\", \".f122n59{align-items:center;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f14mj54c{column-gap:var(--spacingHorizontalXXS);}\", \".f1k6fduh{cursor:pointer;}\", \".f13qh94s{display:grid;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f12nh0o2{grid-template-columns:[content] 1fr [icon] auto [end];}\", \".f1869bpl{justify-content:space-between;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".fly5x3f{width:100%;}\", \".fxc4j92{color:var(--colorNeutralForeground4);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1khb0e9{padding-top:3px;}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1jnq6q7{padding-bottom:3px;}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1sbtcvk{padding-top:5px;}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".fdghr9{padding-bottom:5px;}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1a1bwwz{padding-top:7px;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".fy7v416{padding-bottom:7px;}\", \".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\"],\n  w: [\".f14a1fxs:focus-within{outline-width:2px;}\", \".f3e99gv:focus-within{outline-style:solid;}\", \".fhljsf7:focus-within{outline-color:transparent;}\", \".fjw5xc1:focus-within::after{transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\", \".f1ibeo51:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".flmw63s:hover{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"],\n  a: [\".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  icon: {\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxkbij4\",\n    mc9l5x: \"ftgm304\",\n    Be2twd7: \"f1pp30po\",\n    Br312pm: \"f12w6cgp\",\n    Bw0ie65: \"f8bv1bt\",\n    Bo70h7d: \"fvc9v3g\"\n  },\n  small: {\n    Be2twd7: \"f4ybsrx\",\n    Frg6f3: [\"f1h9en5y\", \"f1xk557c\"]\n  },\n  medium: {\n    Be2twd7: \"fe5j1ua\",\n    Frg6f3: [\"f1h9en5y\", \"f1xk557c\"]\n  },\n  large: {\n    Be2twd7: \"f1rt2boy\",\n    Frg6f3: [\"f1t5qyk5\", \"f1ikr372\"]\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\"\n  }\n}, {\n  d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".ftgm304{display:block;}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f12w6cgp{grid-column-start:icon;}\", \".f8bv1bt{grid-column-end:end;}\", \".fvc9v3g svg{display:block;}\", \".f4ybsrx{font-size:16px;}\", \".f1h9en5y{margin-left:var(--spacingHorizontalXXS);}\", \".f1xk557c{margin-right:var(--spacingHorizontalXXS);}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}\", \".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\"]\n});\n/**\n * Apply styling to the Dropdown slots based on the state\n */\nexport const useDropdownStyles_unstable = state => {\n  const {\n    appearance,\n    open,\n    placeholderVisible,\n    size\n  } = state;\n  const invalid = `${state.button['aria-invalid']}` === 'true';\n  const disabled = state.button.disabled;\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  state.root.className = mergeClasses(dropdownClassNames.root, styles.root, styles[appearance], !disabled && appearance === 'outline' && styles.outlineInteractive, invalid && appearance !== 'underline' && styles.invalid, invalid && appearance === 'underline' && styles.invalidUnderline, disabled && styles.disabled, state.root.className);\n  state.button.className = mergeClasses(dropdownClassNames.button, styles.button, styles[size], placeholderVisible && styles.placeholder, disabled && styles.disabledText, state.button.className);\n  if (state.listbox) {\n    state.listbox.className = mergeClasses(dropdownClassNames.listbox, styles.listbox, !open && styles.listboxCollapsed, state.listbox.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(dropdownClassNames.expandIcon, iconStyles.icon, iconStyles[size], disabled && iconStyles.disabled, state.expandIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDropdownStyles.styles.js.map"],"names":["dropdownClassNames","useDropdownStyles_unstable","root","button","expandIcon","listbox","useStyles","__styles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","mc9l5x","Bf4jedk","qhf8xq","Bbr2w1p","Bduesf4","Bpq79vn","li1rpt","Bsft5z2","E3zdtr","Eqx8gd","By385i5","B1piin3","Dlnsje","d9w3h3","B3778ie","Bcgy8vk","Bw17bha","B1q35kw","Gjdm7m","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","Bercvud","E5pizo","Bxyxcbc","listboxCollapsed","Bt984gj","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sj55zd","i8kkvl","Bceei9c","Bahqtrf","Budl1dq","Brf1p80","fsow6f","a9b677","Brovlpu","placeholder","small","Be2twd7","Bhrd7zp","Bg96gwp","z8tnut","z189sj","Byoj8tv","uwmqm3","medium","large","outline","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","disabled","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledText","d","w","m","f","h","a","useIconStyles","icon","Br312pm","Bw0ie65","Bo70h7d","Frg6f3","state","appearance","open","placeholderVisible","size","styles","iconStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IAgQAC,0BAA0B;eAA1BA;;;uBAlQsC;AAE5C,MAAMD,qBAAqB;IAChCE,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCL,MAAM;QACJM,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAvC,SAAS;QACPwC,QAAQ;QACRrC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCmC,SAAS;IACX;IACAC,kBAAkB;QAChBlC,QAAQ;IACV;IACAV,QAAQ;QACN6C,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCzC,SAAS;QACT0C,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACT3C,QAAQ;QACR4C,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;IACX;IACAC,aAAa;QACXT,QAAQ;IACV;IACAU,OAAO;QACLP,SAAS;QACTQ,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,QAAQ;QACNf,SAAS;QACTQ,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAE,OAAO;QACLlB,QAAQ;QACRE,SAAS;QACTQ,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAG,SAAS;QACPzB,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BsB,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,oBAAoB;QAClBC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;IAClC;IACAC,WAAW;QACT3C,QAAQ;QACRG,SAAS;QACTyB,QAAQ;QACRI,SAAS;QACTzE,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;IACnC;IACA,kBAAkB;QAChBsC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BsB,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,iBAAiB;QACfjC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BsB,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAW,SAAS;QACPC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAU;IACjC;IACAC,kBAAkB;QAChBF,QAAQ;IACV;IACAG,UAAU;QACR3C,SAAS;QACTP,QAAQ;QACR8B,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BkB,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,cAAc;QACZlD,QAAQ;QACRE,SAAS;IACX;AACF,GAAG;IACDiD,GAAG;QAAC;QAAoE;QAAmE;QAAiE;QAA+D;QAAqC;QAAoC;QAA+B;QAAiC;QAA4C;QAAmC;QAAwC;QAA+B;QAAiC;QAAkC;QAAoF;QAA0E;QAA2E;QAAkE;QAAgD;QAA0E;QAA8D;QAAyC;QAAmD;QAAmE;QAAiE;QAA0C;QAA8B;QAA0B;QAAiC;QAAkE;QAAiC;QAAoC;QAAmC;QAAoC;QAAmD;QAAsD;QAA8B;QAA4B;QAAgD;QAAqE;QAA6C;QAA+B;QAA+B;QAAyB;QAAmD;QAA+C;QAAmD;QAAmD;QAA+B;QAA2D;QAA0D;QAAkC;QAA+F;QAA+F;QAA+C;QAAoD;QAA+B;QAA4D;QAA2D;QAAgC;QAA+F;QAAgG;QAAyD;QAA+C;QAAmD;QAA+B;QAAsD;QAAsD;QAAiC;QAA4F;QAA6F;QAA8D;QAAuD;QAAwD;QAAwD;QAA0D;QAAqC;QAAuC;QAAsC;QAAwC;QAA0D;QAA4D;QAA4D;QAAuE;QAA4C;QAA2C;QAAyC;QAAwC;QAA4C;QAA8C;QAA6C;QAA+C;QAA+D;QAAkH;QAAoH;QAAmH;QAAuH;QAAiC;QAAkE;QAAmE;QAAkE;QAAoE;KAA0D;IACt7KC,GAAG;QAAC;QAA8C;QAA+C;QAAqD;QAAsD;QAAiE;QAA4E;QAA6E;KAAoG;IAC1gBC,GAAG;QAAC;YAAC;YAAoG;gBACvGA,GAAG;YACL;SAAE;QAAE;YAAC;YAAiG;gBACpGA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkH;gBACrHA,GAAG;YACL;SAAE;QAAE;YAAC;YAA+G;gBAClHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAwE;gBAC3EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAiH;gBACpHA,GAAG;YACL;SAAE;QAAE;YAAC;YAA2E;gBAC9EA,GAAG;YACL;SAAE;KAAC;IACHC,GAAG;QAAC;KAAsC;IAC1CC,GAAG;QAAC;QAAqE;QAAwE;QAAuE;KAA2E;IACnSC,GAAG;QAAC;QAAwE;QAA2E;QAAyE;KAA4E;AAC9S;AACA,MAAMC,gBAAgB,WAAW,GAAExG,IAAAA,eAAQ,EAAC;IAC1CyG,MAAM;QACJpG,SAAS;QACT0C,QAAQ;QACRzC,QAAQ;QACRoD,SAAS;QACTgD,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAnD,OAAO;QACLC,SAAS;QACTmD,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA5C,QAAQ;QACNP,SAAS;QACTmD,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA3C,OAAO;QACLR,SAAS;QACTmD,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAjB,UAAU;QACR7C,QAAQ;IACV;AACF,GAAG;IACDmD,GAAG;QAAC;QAAqC;QAAwD;QAA4B;QAAgD;QAAsC;QAAkC;QAAgC;QAA6B;QAAuD;QAAwD;QAA6B;QAA8B;QAA0D;QAA2D;KAA0D;AAC7oB;AAIO,MAAMxG,6BAA6BoH,CAAAA;IACxC,MAAM,EACJC,UAAU,EACVC,IAAI,EACJC,kBAAkB,EAClBC,IAAI,EACL,GAAGJ;IACJ,MAAMxB,UAAU,CAAC,EAAEwB,MAAMlH,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK;IACtD,MAAMgG,WAAWkB,MAAMlH,MAAM,CAACgG,QAAQ;IACtC,MAAMuB,SAASpH;IACf,MAAMqH,aAAaZ;IACnBM,MAAMnH,IAAI,CAAC0H,SAAS,GAAGC,IAAAA,mBAAY,EAAC7H,mBAAmBE,IAAI,EAAEwH,OAAOxH,IAAI,EAAEwH,MAAM,CAACJ,WAAW,EAAE,CAACnB,YAAYmB,eAAe,aAAaI,OAAOvC,kBAAkB,EAAEU,WAAWyB,eAAe,eAAeI,OAAO7B,OAAO,EAAEA,WAAWyB,eAAe,eAAeI,OAAOxB,gBAAgB,EAAEC,YAAYuB,OAAOvB,QAAQ,EAAEkB,MAAMnH,IAAI,CAAC0H,SAAS;IAC9UP,MAAMlH,MAAM,CAACyH,SAAS,GAAGC,IAAAA,mBAAY,EAAC7H,mBAAmBG,MAAM,EAAEuH,OAAOvH,MAAM,EAAEuH,MAAM,CAACD,KAAK,EAAED,sBAAsBE,OAAO3D,WAAW,EAAEoC,YAAYuB,OAAOlB,YAAY,EAAEa,MAAMlH,MAAM,CAACyH,SAAS;IAC/L,IAAIP,MAAMhH,OAAO,EAAE;QACjBgH,MAAMhH,OAAO,CAACuH,SAAS,GAAGC,IAAAA,mBAAY,EAAC7H,mBAAmBK,OAAO,EAAEqH,OAAOrH,OAAO,EAAE,CAACkH,QAAQG,OAAO3E,gBAAgB,EAAEsE,MAAMhH,OAAO,CAACuH,SAAS;IAC9I;IACA,IAAIP,MAAMjH,UAAU,EAAE;QACpBiH,MAAMjH,UAAU,CAACwH,SAAS,GAAGC,IAAAA,mBAAY,EAAC7H,mBAAmBI,UAAU,EAAEuH,WAAWX,IAAI,EAAEW,UAAU,CAACF,KAAK,EAAEtB,YAAYwB,WAAWxB,QAAQ,EAAEkB,MAAMjH,UAAU,CAACwH,SAAS;IACzK;IACA,OAAOP;AACT,GACA,oDAAoD"}

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

@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Listbox", {
     enumerable: true,
-    get: ()=>Listbox
+    get: function() {
+        return Listbox;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useListbox = require("./useListbox");
 const _renderListbox = require("./renderListbox");
-const _useListboxStylesStyles = require("./useListboxStyles.styles");
+const _useListboxStylesstyles = require("./useListboxStyles.styles");
 const _useListboxContextValues = require("../../contexts/useListboxContextValues");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const Listbox = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useListbox.useListbox_unstable)(props, ref);
     const contextValues = (0, _useListboxContextValues.useListboxContextValues)(state);
-    (0, _useListboxStylesStyles.useListboxStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useListboxStyles_unstable')(state);
+    (0, _useListboxStylesstyles.useListboxStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useListboxStyles_unstable')(state);
     return (0, _renderListbox.renderListbox_unstable)(state, contextValues);
 });
 Listbox.displayName = 'Listbox';

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

@@ -1 +1 @@
-{"version":3,"sources":["Listbox.js"],"sourcesContent":["import * as React from 'react';\nimport { useListbox_unstable } from './useListbox';\nimport { renderListbox_unstable } from './renderListbox';\nimport { useListboxStyles_unstable } from './useListboxStyles.styles';\nimport { useListboxContextValues } from '../../contexts/useListboxContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Listbox component: a standalone selection control, or the popup in a Combobox\n */ export const Listbox = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useListbox_unstable(props, ref);\n    const contextValues = useListboxContextValues(state);\n    useListboxStyles_unstable(state);\n    useCustomStyleHook_unstable('useListboxStyles_unstable')(state);\n    return renderListbox_unstable(state, contextValues);\n});\nListbox.displayName = 'Listbox';\n"],"names":["Listbox","React","forwardRef","props","ref","state","useListbox_unstable","contextValues","useListboxContextValues","useListboxStyles_unstable","useCustomStyleHook_unstable","renderListbox_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;4BACa;+BACG;wCACG;yCACF;qCACI;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACpE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,gDAAuB,EAACH;IAC9CI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACzC;AACAP,QAAQY,WAAW,GAAG"}
+{"version":3,"sources":["Listbox.js"],"sourcesContent":["import * as React from 'react';\nimport { useListbox_unstable } from './useListbox';\nimport { renderListbox_unstable } from './renderListbox';\nimport { useListboxStyles_unstable } from './useListboxStyles.styles';\nimport { useListboxContextValues } from '../../contexts/useListboxContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Listbox component: a standalone selection control, or the popup in a Combobox\n */ export const Listbox = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useListbox_unstable(props, ref);\n    const contextValues = useListboxContextValues(state);\n    useListboxStyles_unstable(state);\n    useCustomStyleHook_unstable('useListboxStyles_unstable')(state);\n    return renderListbox_unstable(state, contextValues);\n});\nListbox.displayName = 'Listbox';\n"],"names":["Listbox","React","forwardRef","props","ref","state","useListbox_unstable","contextValues","useListboxContextValues","useListboxStyles_unstable","useCustomStyleHook_unstable","renderListbox_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;4BACa;+BACG;wCACG;yCACF;qCACI;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC9D,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,gDAAuB,EAACH;IAC9CI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACzC;AACAP,QAAQY,WAAW,GAAG"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./Listbox"), exports);
-_exportStar(require("./Listbox.types"), exports);
-_exportStar(require("./renderListbox"), exports);
-_exportStar(require("./useListbox"), exports);
-_exportStar(require("./useListboxStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Listbox"), exports);
+_export_star._(require("./Listbox.types"), exports);
+_export_star._(require("./renderListbox"), exports);
+_export_star._(require("./useListbox"), exports);
+_export_star._(require("./useListboxStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Listbox';\nexport * from './Listbox.types';\nexport * from './renderListbox';\nexport * from './useListbox';\nexport * from './useListboxStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Listbox';\nexport * from './Listbox.types';\nexport * from './renderListbox';\nexport * from './useListbox';\nexport * from './useListboxStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/Listbox/renderListbox.js

@@ -1,17 +1,20 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderListbox_unstable", {
     enumerable: true,
-    get: ()=>renderListbox_unstable
+    get: function() {
+        return renderListbox_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _listboxContext = require("../../contexts/ListboxContext");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _ListboxContext = require("../../contexts/ListboxContext");
 const renderListbox_unstable = (state, contextValues)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_listboxContext.ListboxContext.Provider, {
-        value: contextValues.listbox
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ListboxContext.ListboxContext.Provider, {
+        value: contextValues.listbox,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+    });
 };

package/lib-commonjs/components/Listbox/renderListbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderListbox.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ListboxContext } from '../../contexts/ListboxContext';\n/**\n * Render the final JSX of Listbox\n */ export const renderListbox_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(ListboxContext.Provider, {\n        value: contextValues.listbox\n    }, /*#__PURE__*/ createElement(state.root, null));\n};\n"],"names":["renderListbox_unstable","state","contextValues","assertSlots","createElement","ListboxContext","Provider","value","listbox","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;gCACG;AAGpB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAgB;IAC9DC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACC,8BAAc,CAACC,QAAQ,EAAE;QACxDC,OAAOL,cAAcM,OAAO;IAChC,GAAG,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,IAAI,EAAE,IAAI;AACnD"}
+{"version":3,"sources":["renderListbox.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ListboxContext } from '../../contexts/ListboxContext';\n/**\n * Render the final JSX of Listbox\n */ export const renderListbox_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(ListboxContext.Provider, {\n        value: contextValues.listbox,\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderListbox_unstable","state","contextValues","assertSlots","_jsx","ListboxContext","Provider","value","listbox","children","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL4F;gCACjF;gCACG;AAGpB,MAAMA,yBAAyB,CAACC,OAAOC;IAC9CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,8BAAc,CAACC,QAAQ,EAAE;QAC/CC,OAAOL,cAAcM,OAAO;QAC5BC,UAAU,WAAW,GAAGL,IAAAA,eAAI,EAACH,MAAMS,IAAI,EAAE,CAAC;IAC9C;AACJ"}