@fluentui/react-combobox 9.5.1 → 9.5.3

package/lib-commonjs/components/Combobox/renderCombobox.js

@@ -11,10 +11,10 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _comboboxContext = require("../../contexts/ComboboxContext");
 const renderCombobox_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_comboboxContext.ComboboxContext.Provider, {
+    (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)(slots.input, slotProps.input), slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon), slots.listbox && (state.inlinePopup ? /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.listbox, slotProps.listbox) : /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPortal.Portal, {
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.input, null), 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)(slots.listbox, slotProps.listbox)))));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.listbox, null)))));
 };

package/lib-commonjs/components/Combobox/renderCombobox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderCombobox.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { Portal } from '@fluentui/react-portal';\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ComboboxContext } from '../../contexts/ComboboxContext';\n/**\n * Render the final JSX of Combobox\n */ export const renderCombobox_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(ComboboxContext.Provider, {\n        value: contextValues.combobox\n    }, /*#__PURE__*/ createElement(slots.input, slotProps.input), slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon), slots.listbox && (state.inlinePopup ? /*#__PURE__*/ createElement(slots.listbox, slotProps.listbox) : /*#__PURE__*/ createElement(Portal, {\n        mountNode: state.mountNode\n    }, /*#__PURE__*/ createElement(slots.listbox, slotProps.listbox)))));\n};\n"],"names":["renderCombobox_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","ComboboxContext","Provider","value","combobox","input","expandIcon","listbox","inlinePopup","Portal","mountNode"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;6BAN2D;iCAC9C;gCACD;iCACG;AAGrB,MAAMA,0BAA0B,CAACC,OAAOC,gBAAgB;IAC/D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,gCAAe,CAACC,QAAQ,EAAE;QACjHC,OAAOR,cAAcS,QAAQ;IACjC,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,KAAK,EAAER,UAAUQ,KAAK,GAAGT,MAAMU,UAAU,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,UAAU,EAAET,UAAUS,UAAU,GAAGV,MAAMW,OAAO,IAAKb,CAAAA,MAAMc,WAAW,GAAG,WAAW,GAAGT,IAAAA,8BAAa,EAACH,MAAMW,OAAO,EAAEV,UAAUU,OAAO,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACU,mBAAM,EAAE;QAC7RC,WAAWhB,MAAMgB,SAAS;IAC9B,GAAG,WAAW,GAAGX,IAAAA,8BAAa,EAACH,MAAMW,OAAO,EAAEV,UAAUU,OAAO,EAAE,AAAD;AACpE"}
+{"version":3,"sources":["renderCombobox.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 Combobox\n */ export const renderCombobox_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.input, null), 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":["renderCombobox_unstable","state","contextValues","assertSlots","createElement","root","ComboboxContext","Provider","value","combobox","input","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,KAAK,EAAE,IAAI,GAAGT,MAAMU,UAAU,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,UAAU,EAAE,IAAI,GAAGV,MAAMW,OAAO,IAAKX,CAAAA,MAAMY,WAAW,GAAG,WAAW,GAAGT,IAAAA,8BAAa,EAACH,MAAMW,OAAO,EAAE,IAAI,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACU,mBAAM,EAAE;QACrPC,WAAWd,MAAMc,SAAS;IAC9B,GAAG,WAAW,GAAGX,IAAAA,8BAAa,EAACH,MAAMW,OAAO,EAAE,IAAI,EAAE,AAAD;AACvD"}

package/lib-commonjs/components/Combobox/useCombobox.js

@@ -125,25 +125,25 @@ const useCombobox_unstable = (props, ref)=>{
     // resolve input and listbox slot props
     let triggerSlot;
     let listboxSlot;
-    triggerSlot = (0, _reactUtilities.resolveShorthand)(props.input, {
-        required: true,
+    triggerSlot = _reactUtilities.slot.always(props.input, {
         defaultProps: {
             ref: (0, _reactUtilities.useMergedRefs)((_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.ref, triggerRef),
             type: 'text',
             value: value !== null && value !== void 0 ? value : '',
             ...triggerNativeProps
-        }
+        },
+        elementType: 'input'
     });
     const resolvedPropsOnKeyDown = triggerSlot.onKeyDown;
     triggerSlot.onChange = (0, _reactUtilities.mergeCallbacks)(triggerSlot.onChange, onTriggerChange);
-    triggerSlot.onBlur = (0, _reactUtilities.mergeCallbacks)(triggerSlot.onBlur, onTriggerBlur);
-    // only resolve listbox slot if needed
-    listboxSlot = open || hasFocus ? (0, _reactUtilities.resolveShorthand)(props.listbox, {
-        required: true,
+    triggerSlot.onBlur = (0, _reactUtilities.mergeCallbacks)(triggerSlot.onBlur, onTriggerBlur); // only resolve listbox slot if needed
+    listboxSlot = open || hasFocus ? _reactUtilities.slot.optional(props.listbox, {
+        renderByDefault: true,
         defaultProps: {
             children: props.children,
             style: popupDimensions
-        }
+        },
+        elementType: _listbox.Listbox
     }) : undefined;
     [triggerSlot, listboxSlot] = (0, _useComboboxPopup.useComboboxPopup)(props, triggerSlot, listboxSlot);
     [triggerSlot, listboxSlot] = (0, _useTriggerListboxSlots.useTriggerListboxSlots)(props, baseState, ref, triggerSlot, listboxSlot);
@@ -157,22 +157,23 @@ const useCombobox_unstable = (props, ref)=>{
             expandIcon: 'span',
             listbox: _listbox.Listbox
         },
-        root: (0, _reactUtilities.resolveShorthand)(props.root, {
-            required: true,
+        root: _reactUtilities.slot.always(props.root, {
             defaultProps: {
                 'aria-owns': !inlinePopup ? listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id : undefined,
                 ...rootNativeProps
-            }
+            },
+            elementType: 'div'
         }),
         input: triggerSlot,
         listbox: listboxSlot,
-        expandIcon: (0, _reactUtilities.resolveShorthand)(props.expandIcon, {
-            required: true,
+        expandIcon: _reactUtilities.slot.optional(props.expandIcon, {
+            renderByDefault: true,
             defaultProps: {
                 'aria-expanded': open,
                 children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null),
                 role: 'button'
-            }
+            },
+            elementType: 'span'
         }),
         ...baseState
     };

package/lib-commonjs/components/Combobox/useCombobox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCombobox.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';\nimport { ChevronDownRegular as ChevronDownIcon } from '@fluentui/react-icons';\nimport { getPartitionedNativeProps, resolveShorthand, mergeCallbacks, useEventCallback, useId, useMergedRefs } 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 Combobox.\n *\n * The returned state can be modified with hooks such as useComboboxStyles_unstable,\n * before being passed to renderCombobox_unstable.\n *\n * @param props - props from this instance of Combobox\n * @param ref - reference to root HTMLElement of Combobox\n */ export const useCombobox_unstable = (props, ref)=>{\n    var _props_input;\n    // Merge props from surrounding <Field>, if any\n    props = useFieldControlProps_unstable(props, {\n        supportsLabelFor: true,\n        supportsRequired: true,\n        supportsSize: true\n    });\n    const baseState = useComboboxBaseState({\n        ...props,\n        editable: true\n    });\n    const { activeOption , clearSelection , getIndexOfId , getOptionsMatchingText , hasFocus , open , selectOption , selectedOptions , setActiveOption , setFocusVisible , setOpen , setValue , value  } = baseState;\n    const { disabled , freeform , inlinePopup , multiselect  } = props;\n    const comboId = useId('combobox-');\n    const { primary: triggerNativeProps , root: rootNativeProps  } = getPartitionedNativeProps({\n        props,\n        primarySlotTagName: 'input',\n        excludedPropNames: [\n            'children',\n            'size'\n        ]\n    });\n    const rootRef = React.useRef(null);\n    const triggerRef = React.useRef(null);\n    // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set\n    // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows\n    // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888\n    const [hideActiveDescendant, setHideActiveDescendant] = React.useState(false);\n    // save the typing vs. navigating options state, as the space key should behave differently in each case\n    // we do not want to update the combobox when this changes, just save the value between renders\n    const isTyping = React.useRef(false);\n    // calculate listbox width style based on trigger width\n    const [popupDimensions, setPopupDimensions] = React.useState();\n    React.useEffect(()=>{\n        // only recalculate width when opening\n        if (open) {\n            var _rootRef_current;\n            const width = `${(_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.clientWidth}px`;\n            if (width !== (popupDimensions === null || popupDimensions === void 0 ? void 0 : popupDimensions.width)) {\n                setPopupDimensions({\n                    width\n                });\n            }\n        }\n    }, [\n        open,\n        popupDimensions\n    ]);\n    // set active option and selection based on typing\n    const getOptionFromInput = (inputValue)=>{\n        const searchString = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim().toLowerCase();\n        if (!searchString || searchString.length === 0) {\n            return;\n        }\n        const matcher = (optionText)=>optionText.toLowerCase().indexOf(searchString) === 0;\n        const matches = getOptionsMatchingText(matcher);\n        // return first matching option after the current active option, looping back to the top\n        if (matches.length > 1 && activeOption) {\n            const startIndex = getIndexOfId(activeOption.id);\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    /* Handle typed input */ // reset any typed value when an option is selected\n    baseState.selectOption = (ev, option)=>{\n        setValue(undefined);\n        selectOption(ev, option);\n    };\n    const onTriggerBlur = (ev)=>{\n        // handle selection and updating value if freeform is false\n        if (!baseState.open && !freeform) {\n            // select matching option, if the value fully matches\n            if (value && activeOption && value.trim().toLowerCase() === (activeOption === null || activeOption === void 0 ? void 0 : activeOption.text.toLowerCase())) {\n                baseState.selectOption(ev, activeOption);\n            }\n            // reset typed value when the input loses focus while collapsed, unless freeform is true\n            setValue(undefined);\n        }\n    };\n    baseState.setOpen = (ev, newState)=>{\n        if (disabled) {\n            return;\n        }\n        if (!newState && !freeform) {\n            setValue(undefined);\n        }\n        setOpen(ev, newState);\n    };\n    // update value and active option based on input\n    const onTriggerChange = (ev)=>{\n        const inputValue = ev.target.value;\n        // update uncontrolled value\n        baseState.setValue(inputValue);\n        // handle updating active option based on input\n        const matchingOption = getOptionFromInput(inputValue);\n        setActiveOption(matchingOption);\n        setFocusVisible(true);\n        // clear selection for single-select if the input value no longer matches the selection\n        if (!multiselect && selectedOptions.length === 1 && (inputValue.length < 1 || !matchingOption)) {\n            clearSelection(ev);\n        }\n    };\n    // resolve input and listbox slot props\n    let triggerSlot;\n    let listboxSlot;\n    triggerSlot = resolveShorthand(props.input, {\n        required: true,\n        defaultProps: {\n            ref: useMergedRefs((_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.ref, triggerRef),\n            type: 'text',\n            value: value !== null && value !== void 0 ? value : '',\n            ...triggerNativeProps\n        }\n    });\n    const resolvedPropsOnKeyDown = triggerSlot.onKeyDown;\n    triggerSlot.onChange = mergeCallbacks(triggerSlot.onChange, onTriggerChange);\n    triggerSlot.onBlur = mergeCallbacks(triggerSlot.onBlur, onTriggerBlur);\n    // only resolve listbox slot if needed\n    listboxSlot = open || hasFocus ? resolveShorthand(props.listbox, {\n        required: true,\n        defaultProps: {\n            children: props.children,\n            style: popupDimensions\n        }\n    }) : undefined;\n    [triggerSlot, listboxSlot] = useComboboxPopup(props, triggerSlot, listboxSlot);\n    [triggerSlot, listboxSlot] = useTriggerListboxSlots(props, baseState, ref, triggerSlot, listboxSlot);\n    if (hideActiveDescendant) {\n        triggerSlot['aria-activedescendant'] = undefined;\n    }\n    const state = {\n        components: {\n            root: 'div',\n            input: 'input',\n            expandIcon: 'span',\n            listbox: Listbox\n        },\n        root: resolveShorthand(props.root, {\n            required: true,\n            defaultProps: {\n                'aria-owns': !inlinePopup ? listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id : undefined,\n                ...rootNativeProps\n            }\n        }),\n        input: triggerSlot,\n        listbox: listboxSlot,\n        expandIcon: resolveShorthand(props.expandIcon, {\n            required: true,\n            defaultProps: {\n                'aria-expanded': open,\n                children: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),\n                role: 'button'\n            }\n        }),\n        ...baseState\n    };\n    state.root.ref = useMergedRefs(state.root.ref, rootRef);\n    /* Set input.onKeyDown here, so we can override the default behavior for spacebar */ const defaultOnTriggerKeyDown = state.input.onKeyDown;\n    state.input.onKeyDown = useEventCallback((ev)=>{\n        if (!open && getDropdownActionFromKey(ev) === 'Type') {\n            baseState.setOpen(ev, true);\n        }\n        // clear activedescendant when moving the text insertion cursor\n        if (ev.key === ArrowLeft || ev.key === ArrowRight) {\n            setHideActiveDescendant(true);\n        } else {\n            setHideActiveDescendant(false);\n        }\n        // update typing state to true if the user is typing\n        const action = getDropdownActionFromKey(ev, {\n            open,\n            multiselect\n        });\n        if (action === 'Type') {\n            isTyping.current = true;\n        } else if (action === 'Open' && ev.key !== ' ' || action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {\n            isTyping.current = false;\n        }\n        // allow space to insert a character if freeform & the last action was typing, or if the popup is closed\n        if (freeform && (isTyping.current || !open) && ev.key === ' ') {\n            resolvedPropsOnKeyDown === null || resolvedPropsOnKeyDown === void 0 ? void 0 : resolvedPropsOnKeyDown(ev);\n            return;\n        }\n        // if we're not allowing space to type, continue with default behavior\n        defaultOnTriggerKeyDown === null || defaultOnTriggerKeyDown === void 0 ? void 0 : defaultOnTriggerKeyDown(ev);\n    });\n    /* handle open/close + focus change when clicking expandIcon */ const { onMouseDown: onIconMouseDown , onClick: onIconClick  } = state.expandIcon || {};\n    const onExpandIconMouseDown = useEventCallback(mergeCallbacks(onIconMouseDown, ()=>{\n        // do not dismiss on blur when closing via clicking the icon\n        if (open) {\n            baseState.ignoreNextBlur.current = true;\n        }\n    }));\n    const onExpandIconClick = useEventCallback(mergeCallbacks(onIconClick, (event)=>{\n        var _triggerRef_current;\n        // open and set focus\n        state.setOpen(event, !state.open);\n        (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();\n        // set focus visible=false, since this can only be done with the mouse/pointer\n        setFocusVisible(false);\n    }));\n    if (state.expandIcon) {\n        state.expandIcon.onMouseDown = onExpandIconMouseDown;\n        state.expandIcon.onClick = onExpandIconClick;\n        // If there is no explicit aria-label, calculate default accName attribute for expandIcon button,\n        // using the following steps:\n        // 1. If there is an aria-label, it is \"Open [aria-label]\"\n        // 2. If there is an aria-labelledby, it is \"Open [aria-labelledby target]\" (using aria-labelledby + ids)\n        // 3. If there is no aria-label/ledby attr, it falls back to \"Open\"\n        // We can't fall back to a label/htmlFor name because of https://github.com/w3c/accname/issues/179\n        const hasExpandLabel = state.expandIcon['aria-label'] || state.expandIcon['aria-labelledby'];\n        const defaultOpenString = 'Open'; // this is english-only since it is the fallback\n        if (!hasExpandLabel) {\n            if (props['aria-labelledby']) {\n                var _state_expandIcon_id;\n                const chevronId = (_state_expandIcon_id = state.expandIcon.id) !== null && _state_expandIcon_id !== void 0 ? _state_expandIcon_id : `${comboId}-chevron`;\n                const chevronLabelledBy = `${chevronId} ${state.input['aria-labelledby']}`;\n                state.expandIcon['aria-label'] = defaultOpenString;\n                state.expandIcon.id = chevronId;\n                state.expandIcon['aria-labelledby'] = chevronLabelledBy;\n            } else if (props['aria-label']) {\n                state.expandIcon['aria-label'] = `${defaultOpenString} ${props['aria-label']}`;\n            } else {\n                state.expandIcon['aria-label'] = defaultOpenString;\n            }\n        }\n    }\n    return state;\n};\n"],"names":["useCombobox_unstable","props","ref","_props_input","useFieldControlProps_unstable","supportsLabelFor","supportsRequired","supportsSize","baseState","useComboboxBaseState","editable","activeOption","clearSelection","getIndexOfId","getOptionsMatchingText","hasFocus","open","selectOption","selectedOptions","setActiveOption","setFocusVisible","setOpen","setValue","value","disabled","freeform","inlinePopup","multiselect","comboId","useId","primary","triggerNativeProps","root","rootNativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","rootRef","React","useRef","triggerRef","hideActiveDescendant","setHideActiveDescendant","useState","isTyping","popupDimensions","setPopupDimensions","useEffect","_rootRef_current","width","current","clientWidth","getOptionFromInput","inputValue","searchString","trim","toLowerCase","length","matcher","optionText","indexOf","matches","startIndex","id","nextMatch","find","option","_matches_","undefined","ev","onTriggerBlur","text","newState","onTriggerChange","target","matchingOption","triggerSlot","listboxSlot","resolveShorthand","input","required","defaultProps","useMergedRefs","type","resolvedPropsOnKeyDown","onKeyDown","onChange","mergeCallbacks","onBlur","listbox","children","style","useComboboxPopup","useTriggerListboxSlots","state","components","expandIcon","Listbox","createElement","ChevronDownIcon","role","defaultOnTriggerKeyDown","useEventCallback","getDropdownActionFromKey","key","ArrowLeft","ArrowRight","action","onMouseDown","onIconMouseDown","onClick","onIconClick","onExpandIconMouseDown","ignoreNextBlur","onExpandIconClick","event","_triggerRef_current","focus","hasExpandLabel","defaultOpenString","_state_expandIcon_id","chevronId","chevronLabelledBy"],"mappings":"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"}
+{"version":3,"sources":["useCombobox.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';\nimport { ChevronDownRegular as ChevronDownIcon } from '@fluentui/react-icons';\nimport { getPartitionedNativeProps, mergeCallbacks, useEventCallback, useId, useMergedRefs, 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 Combobox.\n *\n * The returned state can be modified with hooks such as useComboboxStyles_unstable,\n * before being passed to renderCombobox_unstable.\n *\n * @param props - props from this instance of Combobox\n * @param ref - reference to root HTMLElement of Combobox\n */ export const useCombobox_unstable = (props, ref)=>{\n    var _props_input;\n    // Merge props from surrounding <Field>, if any\n    props = useFieldControlProps_unstable(props, {\n        supportsLabelFor: true,\n        supportsRequired: true,\n        supportsSize: true\n    });\n    const baseState = useComboboxBaseState({\n        ...props,\n        editable: true\n    });\n    const { activeOption , clearSelection , getIndexOfId , getOptionsMatchingText , hasFocus , open , selectOption , selectedOptions , setActiveOption , setFocusVisible , setOpen , setValue , value  } = baseState;\n    const { disabled , freeform , inlinePopup , multiselect  } = props;\n    const comboId = useId('combobox-');\n    const { primary: triggerNativeProps , root: rootNativeProps  } = getPartitionedNativeProps({\n        props,\n        primarySlotTagName: 'input',\n        excludedPropNames: [\n            'children',\n            'size'\n        ]\n    });\n    const rootRef = React.useRef(null);\n    const triggerRef = React.useRef(null);\n    // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set\n    // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows\n    // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888\n    const [hideActiveDescendant, setHideActiveDescendant] = React.useState(false);\n    // save the typing vs. navigating options state, as the space key should behave differently in each case\n    // we do not want to update the combobox when this changes, just save the value between renders\n    const isTyping = React.useRef(false);\n    // calculate listbox width style based on trigger width\n    const [popupDimensions, setPopupDimensions] = React.useState();\n    React.useEffect(()=>{\n        // only recalculate width when opening\n        if (open) {\n            var _rootRef_current;\n            const width = `${(_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.clientWidth}px`;\n            if (width !== (popupDimensions === null || popupDimensions === void 0 ? void 0 : popupDimensions.width)) {\n                setPopupDimensions({\n                    width\n                });\n            }\n        }\n    }, [\n        open,\n        popupDimensions\n    ]);\n    // set active option and selection based on typing\n    const getOptionFromInput = (inputValue)=>{\n        const searchString = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim().toLowerCase();\n        if (!searchString || searchString.length === 0) {\n            return;\n        }\n        const matcher = (optionText)=>optionText.toLowerCase().indexOf(searchString) === 0;\n        const matches = getOptionsMatchingText(matcher);\n        // return first matching option after the current active option, looping back to the top\n        if (matches.length > 1 && activeOption) {\n            const startIndex = getIndexOfId(activeOption.id);\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    /* Handle typed input */ // reset any typed value when an option is selected\n    baseState.selectOption = (ev, option)=>{\n        setValue(undefined);\n        selectOption(ev, option);\n    };\n    const onTriggerBlur = (ev)=>{\n        // handle selection and updating value if freeform is false\n        if (!baseState.open && !freeform) {\n            // select matching option, if the value fully matches\n            if (value && activeOption && value.trim().toLowerCase() === (activeOption === null || activeOption === void 0 ? void 0 : activeOption.text.toLowerCase())) {\n                baseState.selectOption(ev, activeOption);\n            }\n            // reset typed value when the input loses focus while collapsed, unless freeform is true\n            setValue(undefined);\n        }\n    };\n    baseState.setOpen = (ev, newState)=>{\n        if (disabled) {\n            return;\n        }\n        if (!newState && !freeform) {\n            setValue(undefined);\n        }\n        setOpen(ev, newState);\n    };\n    // update value and active option based on input\n    const onTriggerChange = (ev)=>{\n        const inputValue = ev.target.value;\n        // update uncontrolled value\n        baseState.setValue(inputValue);\n        // handle updating active option based on input\n        const matchingOption = getOptionFromInput(inputValue);\n        setActiveOption(matchingOption);\n        setFocusVisible(true);\n        // clear selection for single-select if the input value no longer matches the selection\n        if (!multiselect && selectedOptions.length === 1 && (inputValue.length < 1 || !matchingOption)) {\n            clearSelection(ev);\n        }\n    };\n    // resolve input and listbox slot props\n    let triggerSlot;\n    let listboxSlot;\n    triggerSlot = slot.always(props.input, {\n        defaultProps: {\n            ref: useMergedRefs((_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.ref, triggerRef),\n            type: 'text',\n            value: value !== null && value !== void 0 ? value : '',\n            ...triggerNativeProps\n        },\n        elementType: 'input'\n    });\n    const resolvedPropsOnKeyDown = triggerSlot.onKeyDown;\n    triggerSlot.onChange = mergeCallbacks(triggerSlot.onChange, onTriggerChange);\n    triggerSlot.onBlur = mergeCallbacks(triggerSlot.onBlur, onTriggerBlur); // only resolve listbox slot if needed\n    listboxSlot = open || hasFocus ? slot.optional(props.listbox, {\n        renderByDefault: true,\n        defaultProps: {\n            children: props.children,\n            style: popupDimensions\n        },\n        elementType: Listbox\n    }) : undefined;\n    [triggerSlot, listboxSlot] = useComboboxPopup(props, triggerSlot, listboxSlot);\n    [triggerSlot, listboxSlot] = useTriggerListboxSlots(props, baseState, ref, triggerSlot, listboxSlot);\n    if (hideActiveDescendant) {\n        triggerSlot['aria-activedescendant'] = undefined;\n    }\n    const state = {\n        components: {\n            root: 'div',\n            input: 'input',\n            expandIcon: 'span',\n            listbox: Listbox\n        },\n        root: slot.always(props.root, {\n            defaultProps: {\n                'aria-owns': !inlinePopup ? listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id : undefined,\n                ...rootNativeProps\n            },\n            elementType: 'div'\n        }),\n        input: triggerSlot,\n        listbox: listboxSlot,\n        expandIcon: slot.optional(props.expandIcon, {\n            renderByDefault: true,\n            defaultProps: {\n                'aria-expanded': open,\n                children: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),\n                role: 'button'\n            },\n            elementType: 'span'\n        }),\n        ...baseState\n    };\n    state.root.ref = useMergedRefs(state.root.ref, rootRef);\n    /* Set input.onKeyDown here, so we can override the default behavior for spacebar */ const defaultOnTriggerKeyDown = state.input.onKeyDown;\n    state.input.onKeyDown = useEventCallback((ev)=>{\n        if (!open && getDropdownActionFromKey(ev) === 'Type') {\n            baseState.setOpen(ev, true);\n        }\n        // clear activedescendant when moving the text insertion cursor\n        if (ev.key === ArrowLeft || ev.key === ArrowRight) {\n            setHideActiveDescendant(true);\n        } else {\n            setHideActiveDescendant(false);\n        }\n        // update typing state to true if the user is typing\n        const action = getDropdownActionFromKey(ev, {\n            open,\n            multiselect\n        });\n        if (action === 'Type') {\n            isTyping.current = true;\n        } else if (action === 'Open' && ev.key !== ' ' || action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {\n            isTyping.current = false;\n        }\n        // allow space to insert a character if freeform & the last action was typing, or if the popup is closed\n        if (freeform && (isTyping.current || !open) && ev.key === ' ') {\n            resolvedPropsOnKeyDown === null || resolvedPropsOnKeyDown === void 0 ? void 0 : resolvedPropsOnKeyDown(ev);\n            return;\n        }\n        // if we're not allowing space to type, continue with default behavior\n        defaultOnTriggerKeyDown === null || defaultOnTriggerKeyDown === void 0 ? void 0 : defaultOnTriggerKeyDown(ev);\n    });\n    /* handle open/close + focus change when clicking expandIcon */ const { onMouseDown: onIconMouseDown , onClick: onIconClick  } = state.expandIcon || {};\n    const onExpandIconMouseDown = useEventCallback(mergeCallbacks(onIconMouseDown, ()=>{\n        // do not dismiss on blur when closing via clicking the icon\n        if (open) {\n            baseState.ignoreNextBlur.current = true;\n        }\n    }));\n    const onExpandIconClick = useEventCallback(mergeCallbacks(onIconClick, (event)=>{\n        var _triggerRef_current;\n        // open and set focus\n        state.setOpen(event, !state.open);\n        (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();\n        // set focus visible=false, since this can only be done with the mouse/pointer\n        setFocusVisible(false);\n    }));\n    if (state.expandIcon) {\n        state.expandIcon.onMouseDown = onExpandIconMouseDown;\n        state.expandIcon.onClick = onExpandIconClick;\n        // If there is no explicit aria-label, calculate default accName attribute for expandIcon button,\n        // using the following steps:\n        // 1. If there is an aria-label, it is \"Open [aria-label]\"\n        // 2. If there is an aria-labelledby, it is \"Open [aria-labelledby target]\" (using aria-labelledby + ids)\n        // 3. If there is no aria-label/ledby attr, it falls back to \"Open\"\n        // We can't fall back to a label/htmlFor name because of https://github.com/w3c/accname/issues/179\n        const hasExpandLabel = state.expandIcon['aria-label'] || state.expandIcon['aria-labelledby'];\n        const defaultOpenString = 'Open'; // this is english-only since it is the fallback\n        if (!hasExpandLabel) {\n            if (props['aria-labelledby']) {\n                var _state_expandIcon_id;\n                const chevronId = (_state_expandIcon_id = state.expandIcon.id) !== null && _state_expandIcon_id !== void 0 ? _state_expandIcon_id : `${comboId}-chevron`;\n                const chevronLabelledBy = `${chevronId} ${state.input['aria-labelledby']}`;\n                state.expandIcon['aria-label'] = defaultOpenString;\n                state.expandIcon.id = chevronId;\n                state.expandIcon['aria-labelledby'] = chevronLabelledBy;\n            } else if (props['aria-label']) {\n                state.expandIcon['aria-label'] = `${defaultOpenString} ${props['aria-label']}`;\n            } else {\n                state.expandIcon['aria-label'] = defaultOpenString;\n            }\n        }\n    }\n    return state;\n};\n"],"names":["useCombobox_unstable","props","ref","_props_input","useFieldControlProps_unstable","supportsLabelFor","supportsRequired","supportsSize","baseState","useComboboxBaseState","editable","activeOption","clearSelection","getIndexOfId","getOptionsMatchingText","hasFocus","open","selectOption","selectedOptions","setActiveOption","setFocusVisible","setOpen","setValue","value","disabled","freeform","inlinePopup","multiselect","comboId","useId","primary","triggerNativeProps","root","rootNativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","rootRef","React","useRef","triggerRef","hideActiveDescendant","setHideActiveDescendant","useState","isTyping","popupDimensions","setPopupDimensions","useEffect","_rootRef_current","width","current","clientWidth","getOptionFromInput","inputValue","searchString","trim","toLowerCase","length","matcher","optionText","indexOf","matches","startIndex","id","nextMatch","find","option","_matches_","undefined","ev","onTriggerBlur","text","newState","onTriggerChange","target","matchingOption","triggerSlot","listboxSlot","slot","always","input","defaultProps","useMergedRefs","type","elementType","resolvedPropsOnKeyDown","onKeyDown","onChange","mergeCallbacks","onBlur","optional","listbox","renderByDefault","children","style","Listbox","useComboboxPopup","useTriggerListboxSlots","state","components","expandIcon","createElement","ChevronDownIcon","role","defaultOnTriggerKeyDown","useEventCallback","getDropdownActionFromKey","key","ArrowLeft","ArrowRight","action","onMouseDown","onIconMouseDown","onClick","onIconClick","onExpandIconMouseDown","ignoreNextBlur","onExpandIconClick","event","_triggerRef_current","focus","hasExpandLabel","defaultOpenString","_state_expandIcon_id","chevronId","chevronLabelledBy"],"mappings":"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"}

package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js

@@ -322,16 +322,16 @@ const fieldHeights = {
     }
 }, {
     d: [
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".f122n59{align-items:center;}",
         ".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;}",
-        ".f14mj54c{-webkit-column-gap:var(--spacingHorizontalXXS);column-gap:var(--spacingHorizontalXXS);}",
-        ".fwk3njj{display:-ms-inline-grid;display:inline-grid;}",
-        ".fz17x9o{-ms-grid-columns:1fr auto;grid-template-columns:1fr auto;}",
-        ".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}",
+        ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}",
+        ".fwk3njj{display:inline-grid;}",
+        ".fz17x9o{grid-template-columns:1fr auto;}",
+        ".f1869bpl{justify-content:space-between;}",
         ".f1exfvgq{min-width:250px;}",
         ".f10pi13n{position:relative;}",
         ".f1gw3sf2::after{box-sizing:border-box;}",
@@ -346,8 +346,8 @@ const fieldHeights = {
         ".f14pi962::after{border-bottom-width:var(--strokeWidthThick);}",
         ".f1lh990p::after{border-bottom-style:solid;}",
         ".f1jc6hxc::after{border-bottom-color:var(--colorCompoundBrandStroke);}",
-        ".f13evtba::after{-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);}",
-        ".f1yk9hq::after{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}",
+        ".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);}",
@@ -358,7 +358,7 @@ const fieldHeights = {
         ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}",
         ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}",
         ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}",
-        ".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}",
+        ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}",
         ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
         ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
         ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
@@ -398,7 +398,7 @@ const fieldHeights = {
         ".f14a1fxs:focus-within{outline-width:2px;}",
         ".f3e99gv:focus-within{outline-style:solid;}",
         ".fhljsf7:focus-within{outline-color:transparent;}",
-        ".fjw5xc1:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}",
+        ".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);}",
@@ -446,12 +446,6 @@ const fieldHeights = {
             {
                 m: "(forced-colors: active)"
             }
-        ],
-        [
-            "@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}",
-            {
-                m: "(forced-colors: active)"
-            }
         ]
     ],
     h: [

package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useComboboxStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { iconSizes } from '../../utils/internalTokens';\nexport const comboboxClassNames = {\n  root: 'fui-Combobox',\n  input: 'fui-Combobox__input',\n  expandIcon: 'fui-Combobox__expandIcon',\n  listbox: 'fui-Combobox__listbox'\n};\n// Matches internal heights for Select and Input, but there are no theme variables for these\n// field heights are 2px less than other controls, since the border is on the parent element.\nconst fieldHeights = {\n  small: '22px',\n  medium: '30px',\n  large: '38px'\n};\n/**\n * Styles for Combobox\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bt984gj: \"f122n59\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    B7ck84d: \"f1ewtqcl\",\n    i8kkvl: \"f14mj54c\",\n    mc9l5x: \"fwk3njj\",\n    Budl1dq: \"fz17x9o\",\n    Brf1p80: \"f1869bpl\",\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: \"f145g4dw\",\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  small: {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  },\n  medium: {\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n  },\n  large: {\n    i8kkvl: \"f1rjii52\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"]\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: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"]\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: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"]\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}, {\n  d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".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;}\", \".f14mj54c{-webkit-column-gap:var(--spacingHorizontalXXS);column-gap:var(--spacingHorizontalXXS);}\", \".fwk3njj{display:-ms-inline-grid;display:inline-grid;}\", \".fz17x9o{-ms-grid-columns:1fr auto;grid-template-columns:1fr auto;}\", \".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}\", \".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;}\", \".f145g4dw::after{height:max(2px, 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{-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);}\", \".f1yk9hq::after{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);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;}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".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);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".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);}\"],\n  w: [\".f14a1fxs:focus-within{outline-width:2px;}\", \".f3e99gv:focus-within{outline-style:solid;}\", \".fhljsf7:focus-within{outline-color:transparent;}\", \".fjw5xc1:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);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  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\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 useInputStyles = /*#__PURE__*/__styles({\n  input: {\n    De3pzq: \"f1c21dwh\",\n    B4j52fo: \"fre7gi1\",\n    Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n    Bn0qgzm: \"fqdk4by\",\n    ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n    sj55zd: \"f19n0e5\",\n    Bahqtrf: \"fk6fouc\",\n    Brovlpu: \"ftqa4ok\",\n    yvdlaj: \"fwyc1cq\",\n    B3o7kgh: \"f13ta7ih\"\n  },\n  small: {\n    Bqenvij: \"f50nw0v\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1xile11\", \"fqznh8f\"]\n  },\n  medium: {\n    Bqenvij: \"f1tvdnth\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1e60jzv\", \"f135dnwl\"]\n  },\n  large: {\n    Bqenvij: \"f1ihhdec\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fnphzt9\", \"flt1dlf\"]\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    De3pzq: \"f1c21dwh\",\n    Bceei9c: \"fdrzuqr\",\n    yvdlaj: \"fahhnxm\"\n  }\n}, {\n  d: [\".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);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fwyc1cq::-webkit-input-placeholder{color:var(--colorNeutralForeground4);}\", \".fwyc1cq::-moz-placeholder{color:var(--colorNeutralForeground4);}\", \".f13ta7ih::-webkit-input-placeholder{opacity:1;}\", \".f13ta7ih::-moz-placeholder{opacity:1;}\", \".f50nw0v{height:22px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".f1tvdnth{height:30px;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f1ihhdec{height:38px;}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\"],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  icon: {\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxkbij4\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"ftgm304\",\n    Be2twd7: \"f1pp30po\",\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    Bceei9c: \"fdrzuqr\"\n  }\n}, {\n  d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".f1k6fduh{cursor:pointer;}\", \".ftgm304{display:block;}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".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);}\", \".fdrzuqr{cursor:not-allowed;}\"]\n});\n/**\n * Apply styling to the Combobox slots based on the state\n */\nexport const useComboboxStyles_unstable = state => {\n  const {\n    appearance,\n    open,\n    size\n  } = state;\n  const invalid = `${state.input['aria-invalid']}` === 'true';\n  const disabled = state.input.disabled;\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  const inputStyles = useInputStyles();\n  state.root.className = mergeClasses(comboboxClassNames.root, styles.root, styles[appearance], styles[size], !disabled && appearance === 'outline' && styles.outlineInteractive, invalid && appearance !== 'underline' && styles.invalid, invalid && appearance === 'underline' && styles.invalidUnderline, disabled && styles.disabled, state.root.className);\n  state.input.className = mergeClasses(comboboxClassNames.input, inputStyles.input, inputStyles[size], disabled && inputStyles.disabled, state.input.className);\n  if (state.listbox) {\n    state.listbox.className = mergeClasses(comboboxClassNames.listbox, styles.listbox, !open && styles.listboxCollapsed, state.listbox.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(comboboxClassNames.expandIcon, iconStyles.icon, iconStyles[size], disabled && iconStyles.disabled, state.expandIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useComboboxStyles.styles.js.map"],"names":["comboboxClassNames","useComboboxStyles_unstable","root","input","expandIcon","listbox","fieldHeights","small","medium","large","useStyles","__styles","Bt984gj","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","i8kkvl","mc9l5x","Budl1dq","Brf1p80","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","z189sj","outline","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","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","Bceei9c","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","d","w","m","h","a","useInputStyles","sj55zd","Bahqtrf","Brovlpu","yvdlaj","B3o7kgh","Bqenvij","Be2twd7","Bhrd7zp","Bg96gwp","z8tnut","Byoj8tv","uwmqm3","f","useIconStyles","icon","Bo70h7d","Frg6f3","state","appearance","open","size","styles","iconStyles","inputStyles","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useComboboxStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { iconSizes } from '../../utils/internalTokens';\nexport const comboboxClassNames = {\n  root: 'fui-Combobox',\n  input: 'fui-Combobox__input',\n  expandIcon: 'fui-Combobox__expandIcon',\n  listbox: 'fui-Combobox__listbox'\n};\n// Matches internal heights for Select and Input, but there are no theme variables for these\n// field heights are 2px less than other controls, since the border is on the parent element.\nconst fieldHeights = {\n  small: '22px',\n  medium: '30px',\n  large: '38px'\n};\n/**\n * Styles for Combobox\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bt984gj: \"f122n59\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    B7ck84d: \"f1ewtqcl\",\n    i8kkvl: \"f14mj54c\",\n    mc9l5x: \"fwk3njj\",\n    Budl1dq: \"fz17x9o\",\n    Brf1p80: \"f1869bpl\",\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: \"f145g4dw\",\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  small: {\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  },\n  medium: {\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n  },\n  large: {\n    i8kkvl: \"f1rjii52\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"]\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: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"]\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: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"]\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}, {\n  d: [\".f122n59{align-items:center;}\", \".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;}\", \".f14mj54c{column-gap:var(--spacingHorizontalXXS);}\", \".fwk3njj{display:inline-grid;}\", \".fz17x9o{grid-template-columns:1fr auto;}\", \".f1869bpl{justify-content:space-between;}\", \".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;}\", \".f145g4dw::after{height:max(2px, 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;}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".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);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".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);}\"],\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  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 useInputStyles = /*#__PURE__*/__styles({\n  input: {\n    De3pzq: \"f1c21dwh\",\n    B4j52fo: \"fre7gi1\",\n    Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n    Bn0qgzm: \"fqdk4by\",\n    ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n    sj55zd: \"f19n0e5\",\n    Bahqtrf: \"fk6fouc\",\n    Brovlpu: \"ftqa4ok\",\n    yvdlaj: \"fwyc1cq\",\n    B3o7kgh: \"f13ta7ih\"\n  },\n  small: {\n    Bqenvij: \"f50nw0v\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1xile11\", \"fqznh8f\"]\n  },\n  medium: {\n    Bqenvij: \"f1tvdnth\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1e60jzv\", \"f135dnwl\"]\n  },\n  large: {\n    Bqenvij: \"f1ihhdec\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fnphzt9\", \"flt1dlf\"]\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    De3pzq: \"f1c21dwh\",\n    Bceei9c: \"fdrzuqr\",\n    yvdlaj: \"fahhnxm\"\n  }\n}, {\n  d: [\".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);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fwyc1cq::-webkit-input-placeholder{color:var(--colorNeutralForeground4);}\", \".fwyc1cq::-moz-placeholder{color:var(--colorNeutralForeground4);}\", \".f13ta7ih::-webkit-input-placeholder{opacity:1;}\", \".f13ta7ih::-moz-placeholder{opacity:1;}\", \".f50nw0v{height:22px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".f1tvdnth{height:30px;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f1ihhdec{height:38px;}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\"],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  icon: {\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxkbij4\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"ftgm304\",\n    Be2twd7: \"f1pp30po\",\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    Bceei9c: \"fdrzuqr\"\n  }\n}, {\n  d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".f1k6fduh{cursor:pointer;}\", \".ftgm304{display:block;}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".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);}\", \".fdrzuqr{cursor:not-allowed;}\"]\n});\n/**\n * Apply styling to the Combobox slots based on the state\n */\nexport const useComboboxStyles_unstable = state => {\n  const {\n    appearance,\n    open,\n    size\n  } = state;\n  const invalid = `${state.input['aria-invalid']}` === 'true';\n  const disabled = state.input.disabled;\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  const inputStyles = useInputStyles();\n  state.root.className = mergeClasses(comboboxClassNames.root, styles.root, styles[appearance], styles[size], !disabled && appearance === 'outline' && styles.outlineInteractive, invalid && appearance !== 'underline' && styles.invalid, invalid && appearance === 'underline' && styles.invalidUnderline, disabled && styles.disabled, state.root.className);\n  state.input.className = mergeClasses(comboboxClassNames.input, inputStyles.input, inputStyles[size], disabled && inputStyles.disabled, state.input.className);\n  if (state.listbox) {\n    state.listbox.className = mergeClasses(comboboxClassNames.listbox, styles.listbox, !open && styles.listboxCollapsed, state.listbox.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(comboboxClassNames.expandIcon, iconStyles.icon, iconStyles[size], disabled && iconStyles.disabled, state.expandIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useComboboxStyles.styles.js.map"],"names":["comboboxClassNames","useComboboxStyles_unstable","root","input","expandIcon","listbox","fieldHeights","small","medium","large","useStyles","__styles","Bt984gj","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","i8kkvl","mc9l5x","Budl1dq","Brf1p80","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","z189sj","outline","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","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","Bceei9c","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","d","w","m","h","a","useInputStyles","sj55zd","Bahqtrf","Brovlpu","yvdlaj","B3o7kgh","Bqenvij","Be2twd7","Bhrd7zp","Bg96gwp","z8tnut","Byoj8tv","uwmqm3","f","useIconStyles","icon","Bo70h7d","Frg6f3","state","appearance","open","size","styles","iconStyles","inputStyles","className","mergeClasses"],"mappings":"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"}

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

@@ -11,10 +11,10 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _comboboxContext = require("../../contexts/ComboboxContext");
 const renderDropdown_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_comboboxContext.ComboboxContext.Provider, {
+    (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)(slots.button, slotProps.button, slotProps.button.children, slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon)), slots.listbox && (state.inlinePopup ? /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.listbox, slotProps.listbox) : /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPortal.Portal, {
+    }, /*#__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)(slots.listbox, slotProps.listbox)))));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.listbox, null)))));
 };

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 { getSlotsNext } 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    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(ComboboxContext.Provider, {\n        value: contextValues.combobox\n    }, /*#__PURE__*/ createElement(slots.button, slotProps.button, slotProps.button.children, slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon)), slots.listbox && (state.inlinePopup ? /*#__PURE__*/ createElement(slots.listbox, slotProps.listbox) : /*#__PURE__*/ createElement(Portal, {\n        mountNode: state.mountNode\n    }, /*#__PURE__*/ createElement(slots.listbox, slotProps.listbox)))));\n};\n"],"names":["renderDropdown_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","ComboboxContext","Provider","value","combobox","button","children","expandIcon","listbox","inlinePopup","Portal","mountNode"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;6BAN2D;iCAC9C;gCACD;iCACG;AAGrB,MAAMA,0BAA0B,CAACC,OAAOC,gBAAgB;IAC/D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,gCAAe,CAACC,QAAQ,EAAE;QACjHC,OAAOR,cAAcS,QAAQ;IACjC,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,MAAM,EAAER,UAAUQ,MAAM,EAAER,UAAUQ,MAAM,CAACC,QAAQ,EAAEV,MAAMW,UAAU,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,UAAU,EAAEV,UAAUU,UAAU,IAAIX,MAAMY,OAAO,IAAKd,CAAAA,MAAMe,WAAW,GAAG,WAAW,GAAGV,IAAAA,8BAAa,EAACH,MAAMY,OAAO,EAAEX,UAAUW,OAAO,IAAI,WAAW,GAAGT,IAAAA,8BAAa,EAACW,mBAAM,EAAE;QAC1TC,WAAWjB,MAAMiB,SAAS;IAC9B,GAAG,WAAW,GAAGZ,IAAAA,8BAAa,EAACH,MAAMY,OAAO,EAAEX,UAAUW,OAAO,EAAE,AAAD;AACpE"}
+{"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"}

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

@@ -95,23 +95,24 @@ const useDropdown_unstable = (props, ref)=>{
     // resolve button and listbox slot props
     let triggerSlot;
     let listboxSlot;
-    triggerSlot = (0, _reactUtilities.resolveShorthand)(props.button, {
-        required: true,
+    triggerSlot = _reactUtilities.slot.always(props.button, {
         defaultProps: {
             type: 'button',
             children: baseState.value || props.placeholder,
             ...triggerNativeProps
-        }
+        },
+        elementType: 'button'
     });
     triggerSlot.onKeyDown = (0, _reactUtilities.mergeCallbacks)(onTriggerKeyDown, triggerSlot.onKeyDown);
-    listboxSlot = baseState.open || baseState.hasFocus ? (0, _reactUtilities.resolveShorthand)(props.listbox, {
-        required: true,
+    listboxSlot = baseState.open || baseState.hasFocus ? _reactUtilities.slot.optional(props.listbox, {
+        renderByDefault: true,
         defaultProps: {
             children: props.children,
             style: {
                 width: popupWidth
             }
-        }
+        },
+        elementType: _listbox.Listbox
     }) : undefined;
     [triggerSlot, listboxSlot] = (0, _useComboboxPopup.useComboboxPopup)(props, triggerSlot, listboxSlot);
     [triggerSlot, listboxSlot] = (0, _useTriggerListboxSlots.useTriggerListboxSlots)(props, baseState, ref, triggerSlot, listboxSlot);
@@ -122,21 +123,22 @@ const useDropdown_unstable = (props, ref)=>{
             expandIcon: 'span',
             listbox: _listbox.Listbox
         },
-        root: (0, _reactUtilities.resolveShorthand)(props.root, {
-            required: true,
+        root: _reactUtilities.slot.always(props.root, {
             defaultProps: {
                 'aria-owns': !props.inlinePopup ? listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id : undefined,
                 children: props.children,
                 ...rootNativeProps
-            }
+            },
+            elementType: 'div'
         }),
         button: triggerSlot,
         listbox: listboxSlot,
-        expandIcon: (0, _reactUtilities.resolveShorthand)(props.expandIcon, {
-            required: true,
+        expandIcon: _reactUtilities.slot.optional(props.expandIcon, {
+            renderByDefault: true,
             defaultProps: {
                 children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null)
-            }
+            },
+            elementType: 'span'
         }),
         placeholderVisible: !baseState.value && !!props.placeholder,
         ...baseState

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, resolveShorthand, useTimeout } 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';\nimport { useMergedRefs } from '@fluentui/react-utilities';\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 = resolveShorthand(props.button, {\n        required: true,\n        defaultProps: {\n            type: 'button',\n            children: baseState.value || props.placeholder,\n            ...triggerNativeProps\n        }\n    });\n    triggerSlot.onKeyDown = mergeCallbacks(onTriggerKeyDown, triggerSlot.onKeyDown);\n    listboxSlot = baseState.open || baseState.hasFocus ? resolveShorthand(props.listbox, {\n        required: true,\n        defaultProps: {\n            children: props.children,\n            style: {\n                width: popupWidth\n            }\n        }\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: resolveShorthand(props.root, {\n            required: true,\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        }),\n        button: triggerSlot,\n        listbox: listboxSlot,\n        expandIcon: resolveShorthand(props.expandIcon, {\n            required: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownIcon, null)\n            }\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","resolveShorthand","button","required","defaultProps","type","children","value","placeholder","onKeyDown","mergeCallbacks","hasFocus","listbox","style","useComboboxPopup","useTriggerListboxSlots","state","components","expandIcon","Listbox","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    // 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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"}