@fluentui/react-combobox 9.7.5 → 9.8.0

package/lib-commonjs/components/Option/useOption.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactutilities = require("@fluentui/react-utilities");
 const _reactcontextselector = require("@fluentui/react-context-selector");
+const _reactaria = require("@fluentui/react-aria");
 const _reacticons = require("@fluentui/react-icons");
 const _ComboboxContext = require("../../contexts/ComboboxContext");
 const _ListboxContext = require("../../contexts/ListboxContext");
@@ -54,8 +55,8 @@ const useOption_unstable = (props, ref)=>{
         optionText,
         optionValue
     ]);
+    const { controller: activeDescendantController } = (0, _reactaria.useActiveDescendantContext)();
     // context values
-    const focusVisible = (0, _reactcontextselector.useContextSelector)(_ListboxContext.ListboxContext, (ctx)=>ctx.focusVisible);
     const multiselect = (0, _reactcontextselector.useContextSelector)(_ListboxContext.ListboxContext, (ctx)=>ctx.multiselect);
     const registerOption = (0, _reactcontextselector.useContextSelector)(_ListboxContext.ListboxContext, (ctx)=>ctx.registerOption);
     const selected = (0, _reactcontextselector.useContextSelector)(_ListboxContext.ListboxContext, (ctx)=>{
@@ -63,13 +64,7 @@ const useOption_unstable = (props, ref)=>{
         return !!optionValue && !!selectedOptions.find((o)=>o === optionValue);
     });
     const selectOption = (0, _reactcontextselector.useContextSelector)(_ListboxContext.ListboxContext, (ctx)=>ctx.selectOption);
-    const setActiveOption = (0, _reactcontextselector.useContextSelector)(_ListboxContext.ListboxContext, (ctx)=>ctx.setActiveOption);
     const setOpen = (0, _reactcontextselector.useContextSelector)(_ComboboxContext.ComboboxContext, (ctx)=>ctx.setOpen);
-    // current active option?
-    const active = (0, _reactcontextselector.useContextSelector)(_ListboxContext.ListboxContext, (ctx)=>{
-        var _ctx_activeOption, _ctx_activeOption1;
-        return ((_ctx_activeOption = ctx.activeOption) === null || _ctx_activeOption === void 0 ? void 0 : _ctx_activeOption.id) !== undefined && ((_ctx_activeOption1 = ctx.activeOption) === null || _ctx_activeOption1 === void 0 ? void 0 : _ctx_activeOption1.id) === id;
-    });
     // check icon
     let CheckIcon = /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkFilled, null);
     if (multiselect) {
@@ -82,7 +77,7 @@ const useOption_unstable = (props, ref)=>{
             return;
         }
         // clicked option should always become active option
-        setActiveOption(optionData);
+        activeDescendantController.focus(id);
         // close on option click for single-select options in a combobox
         if (!multiselect) {
             setOpen === null || setOpen === void 0 ? void 0 : setOpen(event, false);
@@ -134,10 +129,11 @@ const useOption_unstable = (props, ref)=>{
             },
             elementType: 'span'
         }),
-        active,
         disabled,
-        focusVisible,
         multiselect,
-        selected
+        selected,
+        // no longer used
+        focusVisible: false,
+        active: false
     };
 };

package/lib-commonjs/components/Option/useOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useOption.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useContextSelector } from '@fluentui/react-context-selector';\nimport { CheckmarkFilled, Checkmark12Filled } from '@fluentui/react-icons';\nimport { ComboboxContext } from '../../contexts/ComboboxContext';\nimport { ListboxContext } from '../../contexts/ListboxContext';\nfunction getTextString(text, children) {\n    if (text !== undefined) {\n        return text;\n    }\n    let textString = '';\n    let hasNonStringChild = false;\n    React.Children.forEach(children, (child)=>{\n        if (typeof child === 'string') {\n            textString += child;\n        } else {\n            hasNonStringChild = true;\n        }\n    });\n    // warn if an Option has non-string children and no text prop\n    if (hasNonStringChild) {\n        // eslint-disable-next-line no-console\n        console.warn('Provide a `text` prop to Option components when they contain non-string children.');\n    }\n    return textString;\n}\n/**\n * Create the state required to render Option.\n *\n * The returned state can be modified with hooks such as useOptionStyles_unstable,\n * before being passed to renderOption_unstable.\n *\n * @param props - props from this instance of Option\n * @param ref - reference to root HTMLElement of Option\n */ export const useOption_unstable = (props, ref)=>{\n    const { children, disabled, text, value } = props;\n    const optionRef = React.useRef(null);\n    const optionText = getTextString(text, children);\n    const optionValue = value !== null && value !== void 0 ? value : optionText;\n    // use the id if provided, otherwise use a generated id\n    const id = useId('fluent-option', props.id);\n    // data used for context registration & events\n    const optionData = React.useMemo(()=>({\n            id,\n            disabled,\n            text: optionText,\n            value: optionValue\n        }), [\n        id,\n        disabled,\n        optionText,\n        optionValue\n    ]);\n    // context values\n    const focusVisible = useContextSelector(ListboxContext, (ctx)=>ctx.focusVisible);\n    const multiselect = useContextSelector(ListboxContext, (ctx)=>ctx.multiselect);\n    const registerOption = useContextSelector(ListboxContext, (ctx)=>ctx.registerOption);\n    const selected = useContextSelector(ListboxContext, (ctx)=>{\n        const selectedOptions = ctx.selectedOptions;\n        return !!optionValue && !!selectedOptions.find((o)=>o === optionValue);\n    });\n    const selectOption = useContextSelector(ListboxContext, (ctx)=>ctx.selectOption);\n    const setActiveOption = useContextSelector(ListboxContext, (ctx)=>ctx.setActiveOption);\n    const setOpen = useContextSelector(ComboboxContext, (ctx)=>ctx.setOpen);\n    // current active option?\n    const active = useContextSelector(ListboxContext, (ctx)=>{\n        var _ctx_activeOption, _ctx_activeOption1;\n        return ((_ctx_activeOption = ctx.activeOption) === null || _ctx_activeOption === void 0 ? void 0 : _ctx_activeOption.id) !== undefined && ((_ctx_activeOption1 = ctx.activeOption) === null || _ctx_activeOption1 === void 0 ? void 0 : _ctx_activeOption1.id) === id;\n    });\n    // check icon\n    let CheckIcon = /*#__PURE__*/ React.createElement(CheckmarkFilled, null);\n    if (multiselect) {\n        CheckIcon = selected ? /*#__PURE__*/ React.createElement(Checkmark12Filled, null) : '';\n    }\n    const onClick = (event)=>{\n        var _props_onClick;\n        if (disabled) {\n            event.preventDefault();\n            return;\n        }\n        // clicked option should always become active option\n        setActiveOption(optionData);\n        // close on option click for single-select options in a combobox\n        if (!multiselect) {\n            setOpen === null || setOpen === void 0 ? void 0 : setOpen(event, false);\n        }\n        // handle selection change\n        selectOption(event, optionData);\n        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);\n    };\n    // register option data with context\n    React.useEffect(()=>{\n        if (id && optionRef.current) {\n            return registerOption(optionData, optionRef.current);\n        }\n    }, [\n        id,\n        optionData,\n        registerOption\n    ]);\n    const semanticProps = multiselect ? {\n        role: 'menuitemcheckbox',\n        'aria-checked': selected\n    } : {\n        role: 'option',\n        'aria-selected': selected\n    };\n    return {\n        components: {\n            root: 'div',\n            checkIcon: 'span'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            // FIXME:\n            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n            // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n            ref: useMergedRefs(ref, optionRef),\n            'aria-disabled': disabled ? 'true' : undefined,\n            id,\n            ...semanticProps,\n            ...props,\n            onClick\n        }), {\n            elementType: 'div'\n        }),\n        checkIcon: slot.optional(props.checkIcon, {\n            renderByDefault: true,\n            defaultProps: {\n                'aria-hidden': 'true',\n                children: CheckIcon\n            },\n            elementType: 'span'\n        }),\n        active,\n        disabled,\n        focusVisible,\n        multiselect,\n        selected\n    };\n};\n"],"names":["useOption_unstable","getTextString","text","children","undefined","textString","hasNonStringChild","React","Children","forEach","child","console","warn","props","ref","disabled","value","optionRef","useRef","optionText","optionValue","id","useId","optionData","useMemo","focusVisible","useContextSelector","ListboxContext","ctx","multiselect","registerOption","selected","selectedOptions","find","o","selectOption","setActiveOption","setOpen","ComboboxContext","active","_ctx_activeOption","_ctx_activeOption1","activeOption","CheckIcon","createElement","CheckmarkFilled","Checkmark12Filled","onClick","event","_props_onClick","preventDefault","call","useEffect","current","semanticProps","role","components","root","checkIcon","slot","always","getIntrinsicElementProps","useMergedRefs","elementType","optional","renderByDefault","defaultProps"],"mappings":"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"}
+{"version":3,"sources":["useOption.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useContextSelector } from '@fluentui/react-context-selector';\nimport { useActiveDescendantContext } from '@fluentui/react-aria';\nimport { CheckmarkFilled, Checkmark12Filled } from '@fluentui/react-icons';\nimport { ComboboxContext } from '../../contexts/ComboboxContext';\nimport { ListboxContext } from '../../contexts/ListboxContext';\nfunction getTextString(text, children) {\n    if (text !== undefined) {\n        return text;\n    }\n    let textString = '';\n    let hasNonStringChild = false;\n    React.Children.forEach(children, (child)=>{\n        if (typeof child === 'string') {\n            textString += child;\n        } else {\n            hasNonStringChild = true;\n        }\n    });\n    // warn if an Option has non-string children and no text prop\n    if (hasNonStringChild) {\n        // eslint-disable-next-line no-console\n        console.warn('Provide a `text` prop to Option components when they contain non-string children.');\n    }\n    return textString;\n}\n/**\n * Create the state required to render Option.\n *\n * The returned state can be modified with hooks such as useOptionStyles_unstable,\n * before being passed to renderOption_unstable.\n *\n * @param props - props from this instance of Option\n * @param ref - reference to root HTMLElement of Option\n */ export const useOption_unstable = (props, ref)=>{\n    const { children, disabled, text, value } = props;\n    const optionRef = React.useRef(null);\n    const optionText = getTextString(text, children);\n    const optionValue = value !== null && value !== void 0 ? value : optionText;\n    // use the id if provided, otherwise use a generated id\n    const id = useId('fluent-option', props.id);\n    // data used for context registration & events\n    const optionData = React.useMemo(()=>({\n            id,\n            disabled,\n            text: optionText,\n            value: optionValue\n        }), [\n        id,\n        disabled,\n        optionText,\n        optionValue\n    ]);\n    const { controller: activeDescendantController } = useActiveDescendantContext();\n    // context values\n    const multiselect = useContextSelector(ListboxContext, (ctx)=>ctx.multiselect);\n    const registerOption = useContextSelector(ListboxContext, (ctx)=>ctx.registerOption);\n    const selected = useContextSelector(ListboxContext, (ctx)=>{\n        const selectedOptions = ctx.selectedOptions;\n        return !!optionValue && !!selectedOptions.find((o)=>o === optionValue);\n    });\n    const selectOption = useContextSelector(ListboxContext, (ctx)=>ctx.selectOption);\n    const setOpen = useContextSelector(ComboboxContext, (ctx)=>ctx.setOpen);\n    // check icon\n    let CheckIcon = /*#__PURE__*/ React.createElement(CheckmarkFilled, null);\n    if (multiselect) {\n        CheckIcon = selected ? /*#__PURE__*/ React.createElement(Checkmark12Filled, null) : '';\n    }\n    const onClick = (event)=>{\n        var _props_onClick;\n        if (disabled) {\n            event.preventDefault();\n            return;\n        }\n        // clicked option should always become active option\n        activeDescendantController.focus(id);\n        // close on option click for single-select options in a combobox\n        if (!multiselect) {\n            setOpen === null || setOpen === void 0 ? void 0 : setOpen(event, false);\n        }\n        // handle selection change\n        selectOption(event, optionData);\n        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);\n    };\n    // register option data with context\n    React.useEffect(()=>{\n        if (id && optionRef.current) {\n            return registerOption(optionData, optionRef.current);\n        }\n    }, [\n        id,\n        optionData,\n        registerOption\n    ]);\n    const semanticProps = multiselect ? {\n        role: 'menuitemcheckbox',\n        'aria-checked': selected\n    } : {\n        role: 'option',\n        'aria-selected': selected\n    };\n    return {\n        components: {\n            root: 'div',\n            checkIcon: 'span'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            // FIXME:\n            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n            // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n            ref: useMergedRefs(ref, optionRef),\n            'aria-disabled': disabled ? 'true' : undefined,\n            id,\n            ...semanticProps,\n            ...props,\n            onClick\n        }), {\n            elementType: 'div'\n        }),\n        checkIcon: slot.optional(props.checkIcon, {\n            renderByDefault: true,\n            defaultProps: {\n                'aria-hidden': 'true',\n                children: CheckIcon\n            },\n            elementType: 'span'\n        }),\n        disabled,\n        multiselect,\n        selected,\n        // no longer used\n        focusVisible: false,\n        active: false\n    };\n};\n"],"names":["useOption_unstable","getTextString","text","children","undefined","textString","hasNonStringChild","React","Children","forEach","child","console","warn","props","ref","disabled","value","optionRef","useRef","optionText","optionValue","id","useId","optionData","useMemo","controller","activeDescendantController","useActiveDescendantContext","multiselect","useContextSelector","ListboxContext","ctx","registerOption","selected","selectedOptions","find","o","selectOption","setOpen","ComboboxContext","CheckIcon","createElement","CheckmarkFilled","Checkmark12Filled","onClick","event","_props_onClick","preventDefault","focus","call","useEffect","current","semanticProps","role","components","root","checkIcon","slot","always","getIntrinsicElementProps","useMergedRefs","elementType","optional","renderByDefault","defaultProps","focusVisible","active"],"mappings":"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"}

package/lib-commonjs/components/Option/useOptionStyles.styles.js

@@ -86,65 +86,65 @@ const optionClassNames = {
         ]
     },
     active: {
-        Bsft5z2: "f13zj6fq",
-        E3zdtr: "f1mdlcz9",
-        B80jsxd: "f1nwj1ja",
-        t2ki1e: "ffmd2fr",
-        Bm2nyyq: "f8rth92",
-        Barhvk9: [
-            "flthirb",
-            "ftkbnf5"
-        ],
-        Bw17bha: "f1lh990p",
-        vfts7: [
-            "ftkbnf5",
-            "flthirb"
-        ],
-        xrcqlc: "fc9v8v1",
-        Ihftqj: [
-            "f1mwfetb",
-            "f18mat8f"
-        ],
-        Bcgy8vk: "f1cb6c3",
-        Bhxzhr1: [
-            "f18mat8f",
-            "f1mwfetb"
-        ],
-        B3778ie: [
-            "f1ibwz09",
-            "f1kp91vd"
-        ],
-        d9w3h3: [
-            "f1kp91vd",
-            "f1ibwz09"
-        ],
-        Bl18szs: [
-            "f1pix4dl",
-            "f13nd1z4"
-        ],
-        B4j8arr: [
-            "f13nd1z4",
-            "f1pix4dl"
-        ],
-        B0n5ga8: "f1qw5sz7",
-        s924m2: [
-            "f19va7ni",
-            "f1a9v3mw"
-        ],
-        B1q35kw: "fkkziue",
-        Gp14am: [
-            "f1a9v3mw",
-            "f19va7ni"
-        ],
-        bn5sak: "f1a97anr",
-        By385i5: "f5226zp",
-        Eqx8gd: [
-            "fa2bdqt",
-            "fei6g0k"
-        ],
-        B1piin3: [
-            "fei6g0k",
-            "fa2bdqt"
+        Bowz1zl: "f11vrvdw",
+        oxogb1: "f17hxjb7",
+        Ix2sn8: "f1dha69c",
+        q7v32p: "f1lm7500",
+        Btq9bd3: "fuyp35s",
+        Bertapg: [
+            "f1a9nstl",
+            "fhk0hgg"
+        ],
+        b50fsz: "f1rdp6f1",
+        avt0cx: [
+            "fhk0hgg",
+            "f1a9nstl"
+        ],
+        Bqfxd14: "f1tj24la",
+        B53xpsf: [
+            "f1td3xda",
+            "f73totv"
+        ],
+        B1wzb3v: "f2ge7d1",
+        f0sref: [
+            "f73totv",
+            "f1td3xda"
+        ],
+        Bttcd12: [
+            "ftb4b3e",
+            "f1scq65d"
+        ],
+        Fffuxt: [
+            "f1scq65d",
+            "ftb4b3e"
+        ],
+        Bqougee: [
+            "f2me9eq",
+            "fgk4qqi"
+        ],
+        Beitzug: [
+            "fgk4qqi",
+            "f2me9eq"
+        ],
+        B39dzdd: "ffd7rjx",
+        Be3o27t: [
+            "fobu5kn",
+            "f1dbet5w"
+        ],
+        Bewtojm: "f1ap9jj5",
+        B37u8z8: [
+            "f1dbet5w",
+            "fobu5kn"
+        ],
+        Bhijsxg: "fwq15dy",
+        kktds4: "f1pb3wry",
+        Bmau3bo: [
+            "ftjv2f4",
+            "f1flhb1f"
+        ],
+        npektv: [
+            "f1flhb1f",
+            "ftjv2f4"
         ]
     },
     disabled: {
@@ -298,30 +298,30 @@ const optionClassNames = {
         ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
         ".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}",
         ".f10pi13n{position:relative;}",
-        ".f13zj6fq::after{content:\"\";}",
-        ".f1mdlcz9::after{position:absolute;}",
-        ".f1nwj1ja::after{pointer-events:none;}",
-        ".ffmd2fr::after{z-index:1;}",
-        ".f8rth92::after{border-top-style:solid;}",
-        ".flthirb::after{border-right-style:solid;}",
-        ".ftkbnf5::after{border-left-style:solid;}",
-        ".f1lh990p::after{border-bottom-style:solid;}",
-        ".fc9v8v1::after{border-top-width:2px;}",
-        ".f1mwfetb::after{border-right-width:2px;}",
-        ".f18mat8f::after{border-left-width:2px;}",
-        ".f1cb6c3::after{border-bottom-width:2px;}",
-        ".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
-        ".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
-        ".f1pix4dl::after{border-top-right-radius:var(--borderRadiusMedium);}",
-        ".f13nd1z4::after{border-top-left-radius:var(--borderRadiusMedium);}",
-        ".f1qw5sz7::after{border-top-color:var(--colorStrokeFocus2);}",
-        ".f19va7ni::after{border-right-color:var(--colorStrokeFocus2);}",
-        ".f1a9v3mw::after{border-left-color:var(--colorStrokeFocus2);}",
-        ".fkkziue::after{border-bottom-color:var(--colorStrokeFocus2);}",
-        ".f1a97anr::after{top:-2px;}",
-        ".f5226zp::after{bottom:-2px;}",
-        ".fa2bdqt::after{left:-2px;}",
-        ".fei6g0k::after{right:-2px;}",
+        ".f11vrvdw[data-activedescendant-focusvisible]::after{content:\"\";}",
+        ".f17hxjb7[data-activedescendant-focusvisible]::after{position:absolute;}",
+        ".f1dha69c[data-activedescendant-focusvisible]::after{pointer-events:none;}",
+        ".f1lm7500[data-activedescendant-focusvisible]::after{z-index:1;}",
+        ".fuyp35s[data-activedescendant-focusvisible]::after{border-top-style:solid;}",
+        ".f1a9nstl[data-activedescendant-focusvisible]::after{border-right-style:solid;}",
+        ".fhk0hgg[data-activedescendant-focusvisible]::after{border-left-style:solid;}",
+        ".f1rdp6f1[data-activedescendant-focusvisible]::after{border-bottom-style:solid;}",
+        ".f1tj24la[data-activedescendant-focusvisible]::after{border-top-width:2px;}",
+        ".f1td3xda[data-activedescendant-focusvisible]::after{border-right-width:2px;}",
+        ".f73totv[data-activedescendant-focusvisible]::after{border-left-width:2px;}",
+        ".f2ge7d1[data-activedescendant-focusvisible]::after{border-bottom-width:2px;}",
+        ".ftb4b3e[data-activedescendant-focusvisible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f1scq65d[data-activedescendant-focusvisible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f2me9eq[data-activedescendant-focusvisible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fgk4qqi[data-activedescendant-focusvisible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".ffd7rjx[data-activedescendant-focusvisible]::after{border-top-color:var(--colorStrokeFocus2);}",
+        ".fobu5kn[data-activedescendant-focusvisible]::after{border-right-color:var(--colorStrokeFocus2);}",
+        ".f1dbet5w[data-activedescendant-focusvisible]::after{border-left-color:var(--colorStrokeFocus2);}",
+        ".f1ap9jj5[data-activedescendant-focusvisible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
+        ".fwq15dy[data-activedescendant-focusvisible]::after{top:-2px;}",
+        ".f1pb3wry[data-activedescendant-focusvisible]::after{bottom:-2px;}",
+        ".ftjv2f4[data-activedescendant-focusvisible]::after{left:-2px;}",
+        ".f1flhb1f[data-activedescendant-focusvisible]::after{right:-2px;}",
         ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
         ".fod5ikn{font-size:var(--fontSizeBase400);}",
         ".f18b9hdq{margin-left:calc(var(--spacingHorizontalXXS) * -1);}",
@@ -402,9 +402,9 @@ const optionClassNames = {
     ]
 });
 const useOptionStyles_unstable = (state)=>{
-    const { active, disabled, focusVisible, multiselect, selected } = state;
+    const { disabled, multiselect, selected } = state;
     const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(optionClassNames.root, styles.root, active && focusVisible && styles.active, disabled && styles.disabled, selected && styles.selected, state.root.className);
+    state.root.className = (0, _react.mergeClasses)(optionClassNames.root, styles.root, styles.active, disabled && styles.disabled, selected && styles.selected, state.root.className);
     if (state.checkIcon) {
         state.checkIcon.className = (0, _react.mergeClasses)(optionClassNames.checkIcon, styles.checkIcon, multiselect && styles.multiselectCheck, selected && styles.selectedCheck, selected && multiselect && styles.selectedMultiselectCheck, disabled && styles.checkDisabled, disabled && multiselect && styles.multiselectCheckDisabled, state.checkIcon.className);
     }

package/lib-commonjs/components/Option/useOptionStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useOptionStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const optionClassNames = {\n  root: 'fui-Option',\n  checkIcon: 'fui-Option__checkIcon'\n};\n/**\n * Styles for the root slot\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    sj55zd: \"f19n0e5\",\n    i8kkvl: \"f1ufnopg\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"f22iagw\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bg96gwp: \"f1i3iumi\",\n    z8tnut: \"fp2oml8\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1tdddsa\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    qhf8xq: \"f10pi13n\",\n    Jwef8y: \"f1knas48\",\n    Bi91k9c: \"feu1g3u\",\n    zqbkvg: \"fo79ri9\",\n    h82x05: [\"f1osiabc\", \"f1e8le25\"],\n    cqj998: \"f1yusjty\",\n    j3hlsh: [\"f1e8le25\", \"f1osiabc\"],\n    ecr2s2: \"fb40n2d\",\n    lj723h: \"f1g4hkjv\",\n    Btxx2vb: \"f1lnr2zp\",\n    sltcwy: [\"f1ogfk9z\", \"f1g7j8ec\"],\n    dnwvvm: \"fiuf46r\",\n    Blyvkvs: [\"f1g7j8ec\", \"f1ogfk9z\"]\n  },\n  active: {\n    Bsft5z2: \"f13zj6fq\",\n    E3zdtr: \"f1mdlcz9\",\n    B80jsxd: \"f1nwj1ja\",\n    t2ki1e: \"ffmd2fr\",\n    Bm2nyyq: \"f8rth92\",\n    Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n    Bw17bha: \"f1lh990p\",\n    vfts7: [\"ftkbnf5\", \"flthirb\"],\n    xrcqlc: \"fc9v8v1\",\n    Ihftqj: [\"f1mwfetb\", \"f18mat8f\"],\n    Bcgy8vk: \"f1cb6c3\",\n    Bhxzhr1: [\"f18mat8f\", \"f1mwfetb\"],\n    B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n    d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n    Bl18szs: [\"f1pix4dl\", \"f13nd1z4\"],\n    B4j8arr: [\"f13nd1z4\", \"f1pix4dl\"],\n    B0n5ga8: \"f1qw5sz7\",\n    s924m2: [\"f19va7ni\", \"f1a9v3mw\"],\n    B1q35kw: \"fkkziue\",\n    Gp14am: [\"f1a9v3mw\", \"f19va7ni\"],\n    bn5sak: \"f1a97anr\",\n    By385i5: \"f5226zp\",\n    Eqx8gd: [\"fa2bdqt\", \"fei6g0k\"],\n    B1piin3: [\"fei6g0k\", \"fa2bdqt\"]\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    Jwef8y: \"f9ql6rf\",\n    Bi91k9c: \"fvgxktp\",\n    zqbkvg: \"f185j3qj\",\n    h82x05: [\"f1dligi3\", \"f1vydzie\"],\n    cqj998: \"fjw1di3\",\n    j3hlsh: [\"f1vydzie\", \"f1dligi3\"],\n    ecr2s2: \"fgj9um3\",\n    lj723h: \"f19wldhg\",\n    Btxx2vb: \"f1ss0kt2\",\n    sltcwy: [\"f1t6oli3\", \"fjy9ci8\"],\n    dnwvvm: \"fresaxk\",\n    Blyvkvs: [\"fjy9ci8\", \"f1t6oli3\"],\n    Bbusuzp: \"f1dcs8yz\"\n  },\n  selected: {},\n  checkIcon: {\n    Be2twd7: \"fod5ikn\",\n    Frg6f3: [\"f18b9hdq\", \"fn6qj8t\"],\n    t21cq0: [\"f1xk557c\", \"f1h9en5y\"],\n    Bcdw1i0: \"fd7fpy0\",\n    Bo70h7d: \"fvc9v3g\"\n  },\n  selectedCheck: {\n    Bcdw1i0: \"f1022m68\"\n  },\n  multiselectCheck: {\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: \"fq0vr37\",\n    h3c5rm: [\"f1byw159\", \"f11cr0be\"],\n    B9xav0g: \"f1c1zstj\",\n    zhjwy3: [\"f11cr0be\", \"f1byw159\"],\n    Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n    Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n    B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n    Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"],\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bkfmm31: \"f1w9h62z\",\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fd461yt\",\n    a9b677: \"fjw5fx7\",\n    Bcdw1i0: \"f1022m68\"\n  },\n  selectedMultiselectCheck: {\n    De3pzq: \"ftywsgz\",\n    sj55zd: \"fqpbvvt\",\n    g2u3we: \"f3xi7mh\",\n    h3c5rm: [\"ftovhe4\", \"f1wczvin\"],\n    B9xav0g: \"f68vbr6\",\n    zhjwy3: [\"f1wczvin\", \"ftovhe4\"]\n  },\n  checkDisabled: {\n    sj55zd: \"f1s2aq7o\",\n    Bbusuzp: \"f1dcs8yz\"\n  },\n  multiselectCheckDisabled: {\n    g2u3we: \"f1r1t4y1\",\n    h3c5rm: [\"fmj8ijw\", \"figx54m\"],\n    B9xav0g: \"f360ss8\",\n    zhjwy3: [\"figx54m\", \"fmj8ijw\"]\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);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f1k6fduh{cursor:pointer;}\", \".f22iagw{display:flex;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fp2oml8{padding-top:var(--spacingVerticalSNudge);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}\", \".f10pi13n{position:relative;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".f1nwj1ja::after{pointer-events:none;}\", \".ffmd2fr::after{z-index:1;}\", \".f8rth92::after{border-top-style:solid;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".fc9v8v1::after{border-top-width:2px;}\", \".f1mwfetb::after{border-right-width:2px;}\", \".f18mat8f::after{border-left-width:2px;}\", \".f1cb6c3::after{border-bottom-width:2px;}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1pix4dl::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".f13nd1z4::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1qw5sz7::after{border-top-color:var(--colorStrokeFocus2);}\", \".f19va7ni::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1a9v3mw::after{border-left-color:var(--colorStrokeFocus2);}\", \".fkkziue::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f1a97anr::after{top:-2px;}\", \".f5226zp::after{bottom:-2px;}\", \".fa2bdqt::after{left:-2px;}\", \".fei6g0k::after{right:-2px;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f18b9hdq{margin-left:calc(var(--spacingHorizontalXXS) * -1);}\", \".fn6qj8t{margin-right:calc(var(--spacingHorizontalXXS) * -1);}\", \".f1xk557c{margin-right:var(--spacingHorizontalXXS);}\", \".f1h9en5y{margin-left:var(--spacingHorizontalXXS);}\", \".fd7fpy0{visibility:hidden;}\", \".fvc9v3g svg{display:block;}\", \".f1022m68{visibility:visible;}\", \".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;}\", \".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}\", \".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}\", \".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}\", \".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f4d9j23{justify-content:center;}\", \".f1w9h62z{fill:currentColor;}\", \".f1ugzwwg{font-size:12px;}\", \".fd461yt{height:16px;}\", \".fjw5fx7{width:16px;}\", \".ftywsgz{background-color:var(--colorCompoundBrandBackground);}\", \".fqpbvvt{color:var(--colorNeutralForegroundInverted);}\", \".f3xi7mh{border-top-color:var(--colorCompoundBrandBackground);}\", \".ftovhe4{border-right-color:var(--colorCompoundBrandBackground);}\", \".f1wczvin{border-left-color:var(--colorCompoundBrandBackground);}\", \".f68vbr6{border-bottom-color:var(--colorCompoundBrandBackground);}\", \".f1r1t4y1{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".fmj8ijw{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".figx54m{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".f360ss8{border-bottom-color:var(--colorNeutralForegroundDisabled);}\"],\n  h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".fo79ri9:hover .fui-Option__checkIcon{border-top-color:var(--colorNeutralForeground1Hover);}\", \".f1osiabc:hover .fui-Option__checkIcon{border-right-color:var(--colorNeutralForeground1Hover);}\", \".f1e8le25:hover .fui-Option__checkIcon{border-left-color:var(--colorNeutralForeground1Hover);}\", \".f1yusjty:hover .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForeground1Hover);}\", \".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f185j3qj:hover .fui-Option__checkIcon{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".f1dligi3:hover .fui-Option__checkIcon{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".f1vydzie:hover .fui-Option__checkIcon{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".fjw1di3:hover .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForegroundDisabled);}\"],\n  a: [\".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".f1lnr2zp:active .fui-Option__checkIcon{border-top-color:var(--colorNeutralForeground1Hover);}\", \".f1ogfk9z:active .fui-Option__checkIcon{border-right-color:var(--colorNeutralForeground1Hover);}\", \".f1g7j8ec:active .fui-Option__checkIcon{border-left-color:var(--colorNeutralForeground1Hover);}\", \".fiuf46r:active .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForeground1Hover);}\", \".fgj9um3:active{background-color:var(--colorTransparentBackground);}\", \".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}\", \".f1ss0kt2:active .fui-Option__checkIcon{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".f1t6oli3:active .fui-Option__checkIcon{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".fjy9ci8:active .fui-Option__checkIcon{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".fresaxk:active .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForegroundDisabled);}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the Option slots based on the state\n */\nexport const useOptionStyles_unstable = state => {\n  const {\n    active,\n    disabled,\n    focusVisible,\n    multiselect,\n    selected\n  } = state;\n  const styles = useStyles();\n  state.root.className = mergeClasses(optionClassNames.root, styles.root, active && focusVisible && styles.active, disabled && styles.disabled, selected && styles.selected, state.root.className);\n  if (state.checkIcon) {\n    state.checkIcon.className = mergeClasses(optionClassNames.checkIcon, styles.checkIcon, multiselect && styles.multiselectCheck, selected && styles.selectedCheck, selected && multiselect && styles.selectedMultiselectCheck, disabled && styles.checkDisabled, disabled && multiselect && styles.multiselectCheckDisabled, state.checkIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useOptionStyles.styles.js.map"],"names":["optionClassNames","useOptionStyles_unstable","root","checkIcon","useStyles","__styles","Bt984gj","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","i8kkvl","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bg96gwp","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","Jwef8y","Bi91k9c","zqbkvg","h82x05","cqj998","j3hlsh","ecr2s2","lj723h","Btxx2vb","sltcwy","dnwvvm","Blyvkvs","active","Bsft5z2","E3zdtr","B80jsxd","t2ki1e","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","B3778ie","d9w3h3","Bl18szs","B4j8arr","B0n5ga8","s924m2","B1q35kw","Gp14am","bn5sak","By385i5","Eqx8gd","B1piin3","disabled","Bbusuzp","selected","Frg6f3","t21cq0","Bcdw1i0","Bo70h7d","selectedCheck","multiselectCheck","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","B7ck84d","Brf1p80","Bkfmm31","Bqenvij","a9b677","selectedMultiselectCheck","De3pzq","checkDisabled","multiselectCheckDisabled","d","h","a","m","state","focusVisible","multiselect","styles","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useOptionStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { ACTIVEDESCENDANT_FOCUSVISIBLE_ATTRIBUTE } from '@fluentui/react-aria';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const optionClassNames = {\n  root: 'fui-Option',\n  checkIcon: 'fui-Option__checkIcon'\n};\n/**\n * Styles for the root slot\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    sj55zd: \"f19n0e5\",\n    i8kkvl: \"f1ufnopg\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"f22iagw\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bg96gwp: \"f1i3iumi\",\n    z8tnut: \"fp2oml8\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1tdddsa\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    qhf8xq: \"f10pi13n\",\n    Jwef8y: \"f1knas48\",\n    Bi91k9c: \"feu1g3u\",\n    zqbkvg: \"fo79ri9\",\n    h82x05: [\"f1osiabc\", \"f1e8le25\"],\n    cqj998: \"f1yusjty\",\n    j3hlsh: [\"f1e8le25\", \"f1osiabc\"],\n    ecr2s2: \"fb40n2d\",\n    lj723h: \"f1g4hkjv\",\n    Btxx2vb: \"f1lnr2zp\",\n    sltcwy: [\"f1ogfk9z\", \"f1g7j8ec\"],\n    dnwvvm: \"fiuf46r\",\n    Blyvkvs: [\"f1g7j8ec\", \"f1ogfk9z\"]\n  },\n  active: {\n    Bowz1zl: \"f11vrvdw\",\n    oxogb1: \"f17hxjb7\",\n    Ix2sn8: \"f1dha69c\",\n    q7v32p: \"f1lm7500\",\n    Btq9bd3: \"fuyp35s\",\n    Bertapg: [\"f1a9nstl\", \"fhk0hgg\"],\n    b50fsz: \"f1rdp6f1\",\n    avt0cx: [\"fhk0hgg\", \"f1a9nstl\"],\n    Bqfxd14: \"f1tj24la\",\n    B53xpsf: [\"f1td3xda\", \"f73totv\"],\n    B1wzb3v: \"f2ge7d1\",\n    f0sref: [\"f73totv\", \"f1td3xda\"],\n    Bttcd12: [\"ftb4b3e\", \"f1scq65d\"],\n    Fffuxt: [\"f1scq65d\", \"ftb4b3e\"],\n    Bqougee: [\"f2me9eq\", \"fgk4qqi\"],\n    Beitzug: [\"fgk4qqi\", \"f2me9eq\"],\n    B39dzdd: \"ffd7rjx\",\n    Be3o27t: [\"fobu5kn\", \"f1dbet5w\"],\n    Bewtojm: \"f1ap9jj5\",\n    B37u8z8: [\"f1dbet5w\", \"fobu5kn\"],\n    Bhijsxg: \"fwq15dy\",\n    kktds4: \"f1pb3wry\",\n    Bmau3bo: [\"ftjv2f4\", \"f1flhb1f\"],\n    npektv: [\"f1flhb1f\", \"ftjv2f4\"]\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    Jwef8y: \"f9ql6rf\",\n    Bi91k9c: \"fvgxktp\",\n    zqbkvg: \"f185j3qj\",\n    h82x05: [\"f1dligi3\", \"f1vydzie\"],\n    cqj998: \"fjw1di3\",\n    j3hlsh: [\"f1vydzie\", \"f1dligi3\"],\n    ecr2s2: \"fgj9um3\",\n    lj723h: \"f19wldhg\",\n    Btxx2vb: \"f1ss0kt2\",\n    sltcwy: [\"f1t6oli3\", \"fjy9ci8\"],\n    dnwvvm: \"fresaxk\",\n    Blyvkvs: [\"fjy9ci8\", \"f1t6oli3\"],\n    Bbusuzp: \"f1dcs8yz\"\n  },\n  selected: {},\n  checkIcon: {\n    Be2twd7: \"fod5ikn\",\n    Frg6f3: [\"f18b9hdq\", \"fn6qj8t\"],\n    t21cq0: [\"f1xk557c\", \"f1h9en5y\"],\n    Bcdw1i0: \"fd7fpy0\",\n    Bo70h7d: \"fvc9v3g\"\n  },\n  selectedCheck: {\n    Bcdw1i0: \"f1022m68\"\n  },\n  multiselectCheck: {\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: \"fq0vr37\",\n    h3c5rm: [\"f1byw159\", \"f11cr0be\"],\n    B9xav0g: \"f1c1zstj\",\n    zhjwy3: [\"f11cr0be\", \"f1byw159\"],\n    Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n    Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n    B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n    Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"],\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bkfmm31: \"f1w9h62z\",\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fd461yt\",\n    a9b677: \"fjw5fx7\",\n    Bcdw1i0: \"f1022m68\"\n  },\n  selectedMultiselectCheck: {\n    De3pzq: \"ftywsgz\",\n    sj55zd: \"fqpbvvt\",\n    g2u3we: \"f3xi7mh\",\n    h3c5rm: [\"ftovhe4\", \"f1wczvin\"],\n    B9xav0g: \"f68vbr6\",\n    zhjwy3: [\"f1wczvin\", \"ftovhe4\"]\n  },\n  checkDisabled: {\n    sj55zd: \"f1s2aq7o\",\n    Bbusuzp: \"f1dcs8yz\"\n  },\n  multiselectCheckDisabled: {\n    g2u3we: \"f1r1t4y1\",\n    h3c5rm: [\"fmj8ijw\", \"figx54m\"],\n    B9xav0g: \"f360ss8\",\n    zhjwy3: [\"figx54m\", \"fmj8ijw\"]\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);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f1k6fduh{cursor:pointer;}\", \".f22iagw{display:flex;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fp2oml8{padding-top:var(--spacingVerticalSNudge);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}\", \".f10pi13n{position:relative;}\", \".f11vrvdw[data-activedescendant-focusvisible]::after{content:\\\"\\\";}\", \".f17hxjb7[data-activedescendant-focusvisible]::after{position:absolute;}\", \".f1dha69c[data-activedescendant-focusvisible]::after{pointer-events:none;}\", \".f1lm7500[data-activedescendant-focusvisible]::after{z-index:1;}\", \".fuyp35s[data-activedescendant-focusvisible]::after{border-top-style:solid;}\", \".f1a9nstl[data-activedescendant-focusvisible]::after{border-right-style:solid;}\", \".fhk0hgg[data-activedescendant-focusvisible]::after{border-left-style:solid;}\", \".f1rdp6f1[data-activedescendant-focusvisible]::after{border-bottom-style:solid;}\", \".f1tj24la[data-activedescendant-focusvisible]::after{border-top-width:2px;}\", \".f1td3xda[data-activedescendant-focusvisible]::after{border-right-width:2px;}\", \".f73totv[data-activedescendant-focusvisible]::after{border-left-width:2px;}\", \".f2ge7d1[data-activedescendant-focusvisible]::after{border-bottom-width:2px;}\", \".ftb4b3e[data-activedescendant-focusvisible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1scq65d[data-activedescendant-focusvisible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2me9eq[data-activedescendant-focusvisible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fgk4qqi[data-activedescendant-focusvisible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".ffd7rjx[data-activedescendant-focusvisible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fobu5kn[data-activedescendant-focusvisible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1dbet5w[data-activedescendant-focusvisible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".f1ap9jj5[data-activedescendant-focusvisible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fwq15dy[data-activedescendant-focusvisible]::after{top:-2px;}\", \".f1pb3wry[data-activedescendant-focusvisible]::after{bottom:-2px;}\", \".ftjv2f4[data-activedescendant-focusvisible]::after{left:-2px;}\", \".f1flhb1f[data-activedescendant-focusvisible]::after{right:-2px;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f18b9hdq{margin-left:calc(var(--spacingHorizontalXXS) * -1);}\", \".fn6qj8t{margin-right:calc(var(--spacingHorizontalXXS) * -1);}\", \".f1xk557c{margin-right:var(--spacingHorizontalXXS);}\", \".f1h9en5y{margin-left:var(--spacingHorizontalXXS);}\", \".fd7fpy0{visibility:hidden;}\", \".fvc9v3g svg{display:block;}\", \".f1022m68{visibility:visible;}\", \".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;}\", \".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}\", \".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}\", \".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}\", \".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f4d9j23{justify-content:center;}\", \".f1w9h62z{fill:currentColor;}\", \".f1ugzwwg{font-size:12px;}\", \".fd461yt{height:16px;}\", \".fjw5fx7{width:16px;}\", \".ftywsgz{background-color:var(--colorCompoundBrandBackground);}\", \".fqpbvvt{color:var(--colorNeutralForegroundInverted);}\", \".f3xi7mh{border-top-color:var(--colorCompoundBrandBackground);}\", \".ftovhe4{border-right-color:var(--colorCompoundBrandBackground);}\", \".f1wczvin{border-left-color:var(--colorCompoundBrandBackground);}\", \".f68vbr6{border-bottom-color:var(--colorCompoundBrandBackground);}\", \".f1r1t4y1{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".fmj8ijw{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".figx54m{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".f360ss8{border-bottom-color:var(--colorNeutralForegroundDisabled);}\"],\n  h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".fo79ri9:hover .fui-Option__checkIcon{border-top-color:var(--colorNeutralForeground1Hover);}\", \".f1osiabc:hover .fui-Option__checkIcon{border-right-color:var(--colorNeutralForeground1Hover);}\", \".f1e8le25:hover .fui-Option__checkIcon{border-left-color:var(--colorNeutralForeground1Hover);}\", \".f1yusjty:hover .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForeground1Hover);}\", \".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f185j3qj:hover .fui-Option__checkIcon{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".f1dligi3:hover .fui-Option__checkIcon{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".f1vydzie:hover .fui-Option__checkIcon{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".fjw1di3:hover .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForegroundDisabled);}\"],\n  a: [\".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".f1lnr2zp:active .fui-Option__checkIcon{border-top-color:var(--colorNeutralForeground1Hover);}\", \".f1ogfk9z:active .fui-Option__checkIcon{border-right-color:var(--colorNeutralForeground1Hover);}\", \".f1g7j8ec:active .fui-Option__checkIcon{border-left-color:var(--colorNeutralForeground1Hover);}\", \".fiuf46r:active .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForeground1Hover);}\", \".fgj9um3:active{background-color:var(--colorTransparentBackground);}\", \".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}\", \".f1ss0kt2:active .fui-Option__checkIcon{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".f1t6oli3:active .fui-Option__checkIcon{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".fjy9ci8:active .fui-Option__checkIcon{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".fresaxk:active .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForegroundDisabled);}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the Option slots based on the state\n */\nexport const useOptionStyles_unstable = state => {\n  const {\n    disabled,\n    multiselect,\n    selected\n  } = state;\n  const styles = useStyles();\n  state.root.className = mergeClasses(optionClassNames.root, styles.root, styles.active, disabled && styles.disabled, selected && styles.selected, state.root.className);\n  if (state.checkIcon) {\n    state.checkIcon.className = mergeClasses(optionClassNames.checkIcon, styles.checkIcon, multiselect && styles.multiselectCheck, selected && styles.selectedCheck, selected && multiselect && styles.selectedMultiselectCheck, disabled && styles.checkDisabled, disabled && multiselect && styles.multiselectCheckDisabled, state.checkIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useOptionStyles.styles.js.map"],"names":["optionClassNames","useOptionStyles_unstable","root","checkIcon","useStyles","__styles","Bt984gj","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","i8kkvl","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bg96gwp","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","Jwef8y","Bi91k9c","zqbkvg","h82x05","cqj998","j3hlsh","ecr2s2","lj723h","Btxx2vb","sltcwy","dnwvvm","Blyvkvs","active","Bowz1zl","oxogb1","Ix2sn8","q7v32p","Btq9bd3","Bertapg","b50fsz","avt0cx","Bqfxd14","B53xpsf","B1wzb3v","f0sref","Bttcd12","Fffuxt","Bqougee","Beitzug","B39dzdd","Be3o27t","Bewtojm","B37u8z8","Bhijsxg","kktds4","Bmau3bo","npektv","disabled","Bbusuzp","selected","Frg6f3","t21cq0","Bcdw1i0","Bo70h7d","selectedCheck","multiselectCheck","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","B7ck84d","Brf1p80","Bkfmm31","Bqenvij","a9b677","selectedMultiselectCheck","De3pzq","checkDisabled","multiselectCheckDisabled","d","h","a","m","state","multiselect","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,gBAAgB;eAAhBA;;IAoJAC,wBAAwB;eAAxBA;;;uBArJsC;AAC5C,MAAMD,mBAAmB;IAC9BE,MAAM;IACNC,WAAW;AACb;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAY;SAAW;IACnC;IACAC,QAAQ;QACNC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,UAAU;QACRjD,QAAQ;QACRY,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChC2B,SAAS;IACX;IACAC,UAAU,CAAC;IACX3D,WAAW;QACTa,SAAS;QACT+C,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;IACX;IACAC,eAAe;QACbF,SAAS;IACX;IACAG,kBAAkB;QAChBC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCzE,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCuE,SAAS;QACTnE,QAAQ;QACRR,SAAS;QACT4E,SAAS;QACTC,SAAS;QACTnE,SAAS;QACToE,SAAS;QACTC,QAAQ;QACRpB,SAAS;IACX;IACAqB,0BAA0B;QACxBC,QAAQ;QACR5E,QAAQ;QACRkE,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAQ,eAAe;QACb7E,QAAQ;QACRkD,SAAS;IACX;IACA4B,0BAA0B;QACxBZ,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDU,GAAG;QAAC;QAAiC;QAAoE;QAAmE;QAAiE;QAA+D;QAAmD;QAAqD;QAA8B;QAA2B;QAAgD;QAA+C;QAAoD;QAAuD;QAAuD;QAAsD;QAA2D;QAAiC;QAAuE;QAA4E;QAA8E;QAAoE;QAAgF;QAAmF;QAAiF;QAAoF;QAA+E;QAAiF;QAA+E;QAAiF;QAA8G;QAA8G;QAA2G;QAA0G;QAAmG;QAAqG;QAAqG;QAAuG;QAAkE;QAAsE;QAAmE;QAAqE;QAA2D;QAA+C;QAAkE;QAAkE;QAAwD;QAAuD;QAAgC;QAAgC;QAAkC;QAAuD;QAAwD;QAAwD;QAA0D;QAAqC;QAAuC;QAAsC;QAAwC;QAAmE;QAAsE;QAAqE;QAAuE;QAAmE;QAAiE;QAAgE;QAA+D;QAAqC;QAAqC;QAAiC;QAA8B;QAA0B;QAAyB;QAAmE;QAA0D;QAAmE;QAAqE;QAAqE;QAAsE;QAAsE;QAAuE;QAAsE;KAAuE;IAC1hKC,GAAG;QAAC;QAA0E;QAA8D;QAAgG;QAAmG;QAAkG;QAAoG;QAAuE;QAAgE;QAAmG;QAAqG;QAAoG;KAAoG;IAC5iCC,GAAG;QAAC;QAA4E;QAAkE;QAAkG;QAAoG;QAAmG;QAAoG;QAAwE;QAAkE;QAAoG;QAAsG;QAAoG;KAAqG;IAC5jCC,GAAG;QAAC;YAAC;YAA8D;gBACjEA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAM5F,2BAA2B6F,CAAAA;IACtC,MAAM,EACJlC,QAAQ,EACRmC,WAAW,EACXjC,QAAQ,EACT,GAAGgC;IACJ,MAAME,SAAS5F;IACf0F,MAAM5F,IAAI,CAAC+F,SAAS,GAAGC,IAAAA,mBAAY,EAAClG,iBAAiBE,IAAI,EAAE8F,OAAO9F,IAAI,EAAE8F,OAAO7D,MAAM,EAAEyB,YAAYoC,OAAOpC,QAAQ,EAAEE,YAAYkC,OAAOlC,QAAQ,EAAEgC,MAAM5F,IAAI,CAAC+F,SAAS;IACrK,IAAIH,MAAM3F,SAAS,EAAE;QACnB2F,MAAM3F,SAAS,CAAC8F,SAAS,GAAGC,IAAAA,mBAAY,EAAClG,iBAAiBG,SAAS,EAAE6F,OAAO7F,SAAS,EAAE4F,eAAeC,OAAO5B,gBAAgB,EAAEN,YAAYkC,OAAO7B,aAAa,EAAEL,YAAYiC,eAAeC,OAAOV,wBAAwB,EAAE1B,YAAYoC,OAAOR,aAAa,EAAE5B,YAAYmC,eAAeC,OAAOP,wBAAwB,EAAEK,MAAM3F,SAAS,CAAC8F,SAAS;IACtV;IACA,OAAOH;AACT,GACA,kDAAkD"}

package/lib-commonjs/contexts/useComboboxContextValues.js

@@ -8,21 +8,29 @@ Object.defineProperty(exports, "useComboboxContextValues", {
         return useComboboxContextValues;
     }
 });
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function useComboboxContextValues(state) {
-    const { activeOption, appearance, focusVisible, open, registerOption, selectedOptions, selectOption, setActiveOption, setOpen, size } = state;
+    const { appearance, open, registerOption, selectedOptions, selectOption, setOpen, size, activeDescendantController, activeOption: UNSAFE_activeOption, setActiveOption: UNSAFE_setActiveOption } = state;
     const combobox = {
-        activeOption,
+        activeOption: UNSAFE_activeOption,
         appearance,
-        focusVisible,
+        focusVisible: false,
         open,
         registerOption,
         selectedOptions,
         selectOption,
-        setActiveOption,
+        setActiveOption: UNSAFE_setActiveOption,
         setOpen,
         size
     };
+    const activeDescendant = _react.useMemo(()=>({
+            controller: activeDescendantController
+        }), [
+        activeDescendantController
+    ]);
     return {
-        combobox
+        combobox,
+        activeDescendant
     };
 }

package/lib-commonjs/contexts/useComboboxContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useComboboxContextValues.js"],"sourcesContent":["export function useComboboxContextValues(state) {\n    const { activeOption, appearance, focusVisible, open, registerOption, selectedOptions, selectOption, setActiveOption, setOpen, size } = state;\n    const combobox = {\n        activeOption,\n        appearance,\n        focusVisible,\n        open,\n        registerOption,\n        selectedOptions,\n        selectOption,\n        setActiveOption,\n        setOpen,\n        size\n    };\n    return {\n        combobox\n    };\n}\n"],"names":["useComboboxContextValues","state","activeOption","appearance","focusVisible","open","registerOption","selectedOptions","selectOption","setActiveOption","setOpen","size","combobox"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,yBAAyBC,KAAK;IAC1C,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAEC,YAAY,EAAEC,IAAI,EAAEC,cAAc,EAAEC,eAAe,EAAEC,YAAY,EAAEC,eAAe,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGV;IACxI,MAAMW,WAAW;QACbV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}
+{"version":3,"sources":["useComboboxContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useComboboxContextValues(state) {\n    const { appearance, open, registerOption, selectedOptions, selectOption, setOpen, size, activeDescendantController, // eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation\n    activeOption: UNSAFE_activeOption, // eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation\n    setActiveOption: UNSAFE_setActiveOption } = state;\n    const combobox = {\n        activeOption: UNSAFE_activeOption,\n        appearance,\n        focusVisible: false,\n        open,\n        registerOption,\n        selectedOptions,\n        selectOption,\n        setActiveOption: UNSAFE_setActiveOption,\n        setOpen,\n        size\n    };\n    const activeDescendant = React.useMemo(()=>({\n            controller: activeDescendantController\n        }), [\n        activeDescendantController\n    ]);\n    return {\n        combobox,\n        activeDescendant\n    };\n}\n"],"names":["useComboboxContextValues","state","appearance","open","registerOption","selectedOptions","selectOption","setOpen","size","activeDescendantController","activeOption","UNSAFE_activeOption","setActiveOption","UNSAFE_setActiveOption","combobox","focusVisible","activeDescendant","React","useMemo","controller"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,yBAAyBC,KAAK;IAC1C,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAEC,cAAc,EAAEC,eAAe,EAAEC,YAAY,EAAEC,OAAO,EAAEC,IAAI,EAAEC,0BAA0B,EAClHC,cAAcC,mBAAmB,EACjCC,iBAAiBC,sBAAsB,EAAE,GAAGZ;IAC5C,MAAMa,WAAW;QACbJ,cAAcC;QACdT;QACAa,cAAc;QACdZ;QACAC;QACAC;QACAC;QACAM,iBAAiBC;QACjBN;QACAC;IACJ;IACA,MAAMQ,mBAAmBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACpCC,YAAYV;QAChB,CAAA,GAAI;QACJA;KACH;IACD,OAAO;QACHK;QACAE;IACJ;AACJ"}

package/lib-commonjs/contexts/useListboxContextValues.js

@@ -8,24 +8,32 @@ Object.defineProperty(exports, "useListboxContextValues", {
         return useListboxContextValues;
     }
 });
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactcontextselector = require("@fluentui/react-context-selector");
 const _ComboboxContext = require("./ComboboxContext");
 function useListboxContextValues(state) {
     const hasComboboxContext = (0, _reactcontextselector.useHasParentContext)(_ComboboxContext.ComboboxContext);
-    const { activeOption, focusVisible, multiselect, registerOption, selectedOptions, selectOption, setActiveOption } = state;
+    const { multiselect, registerOption, selectedOptions, selectOption, activeDescendantController } = state;
     // get register/unregister functions from parent combobox context
     const comboboxRegisterOption = (0, _reactcontextselector.useContextSelector)(_ComboboxContext.ComboboxContext, (ctx)=>ctx.registerOption);
     const registerOptionValue = hasComboboxContext ? comboboxRegisterOption : registerOption;
     const listbox = {
-        activeOption,
-        focusVisible,
+        activeOption: undefined,
+        focusVisible: false,
         multiselect,
         registerOption: registerOptionValue,
         selectedOptions,
         selectOption,
-        setActiveOption
+        setActiveOption: ()=>undefined
     };
+    const activeDescendant = _react.useMemo(()=>({
+            controller: activeDescendantController
+        }), [
+        activeDescendantController
+    ]);
     return {
-        listbox
+        listbox,
+        activeDescendant
     };
 }

package/lib-commonjs/contexts/useListboxContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useListboxContextValues.js"],"sourcesContent":["import { useContextSelector, useHasParentContext } from '@fluentui/react-context-selector';\nimport { ComboboxContext } from './ComboboxContext';\nexport function useListboxContextValues(state) {\n    const hasComboboxContext = useHasParentContext(ComboboxContext);\n    const { activeOption, focusVisible, multiselect, registerOption, selectedOptions, selectOption, setActiveOption } = state;\n    // get register/unregister functions from parent combobox context\n    const comboboxRegisterOption = useContextSelector(ComboboxContext, (ctx)=>ctx.registerOption);\n    const registerOptionValue = hasComboboxContext ? comboboxRegisterOption : registerOption;\n    const listbox = {\n        activeOption,\n        focusVisible,\n        multiselect,\n        registerOption: registerOptionValue,\n        selectedOptions,\n        selectOption,\n        setActiveOption\n    };\n    return {\n        listbox\n    };\n}\n"],"names":["useListboxContextValues","state","hasComboboxContext","useHasParentContext","ComboboxContext","activeOption","focusVisible","multiselect","registerOption","selectedOptions","selectOption","setActiveOption","comboboxRegisterOption","useContextSelector","ctx","registerOptionValue","listbox"],"mappings":";;;;+BAEgBA;;;eAAAA;;;sCAFwC;iCACxB;AACzB,SAASA,wBAAwBC,KAAK;IACzC,MAAMC,qBAAqBC,IAAAA,yCAAmB,EAACC,gCAAe;IAC9D,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,EAAEC,cAAc,EAAEC,eAAe,EAAEC,YAAY,EAAEC,eAAe,EAAE,GAAGV;IACpH,iEAAiE;IACjE,MAAMW,yBAAyBC,IAAAA,wCAAkB,EAACT,gCAAe,EAAE,CAACU,MAAMA,IAAIN,cAAc;IAC5F,MAAMO,sBAAsBb,qBAAqBU,yBAAyBJ;IAC1E,MAAMQ,UAAU;QACZX;QACAC;QACAC;QACAC,gBAAgBO;QAChBN;QACAC;QACAC;IACJ;IACA,OAAO;QACHK;IACJ;AACJ"}
+{"version":3,"sources":["useListboxContextValues.js"],"sourcesContent":["import * as React from 'react';\nimport { useContextSelector, useHasParentContext } from '@fluentui/react-context-selector';\nimport { ComboboxContext } from './ComboboxContext';\nexport function useListboxContextValues(state) {\n    const hasComboboxContext = useHasParentContext(ComboboxContext);\n    const { multiselect, registerOption, selectedOptions, selectOption, activeDescendantController } = state;\n    // get register/unregister functions from parent combobox context\n    const comboboxRegisterOption = useContextSelector(ComboboxContext, (ctx)=>ctx.registerOption);\n    const registerOptionValue = hasComboboxContext ? comboboxRegisterOption : registerOption;\n    const listbox = {\n        activeOption: undefined,\n        focusVisible: false,\n        multiselect,\n        registerOption: registerOptionValue,\n        selectedOptions,\n        selectOption,\n        setActiveOption: ()=>undefined\n    };\n    const activeDescendant = React.useMemo(()=>({\n            controller: activeDescendantController\n        }), [\n        activeDescendantController\n    ]);\n    return {\n        listbox,\n        activeDescendant\n    };\n}\n"],"names":["useListboxContextValues","state","hasComboboxContext","useHasParentContext","ComboboxContext","multiselect","registerOption","selectedOptions","selectOption","activeDescendantController","comboboxRegisterOption","useContextSelector","ctx","registerOptionValue","listbox","activeOption","undefined","focusVisible","setActiveOption","activeDescendant","React","useMemo","controller"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;sCACiC;iCACxB;AACzB,SAASA,wBAAwBC,KAAK;IACzC,MAAMC,qBAAqBC,IAAAA,yCAAmB,EAACC,gCAAe;IAC9D,MAAM,EAAEC,WAAW,EAAEC,cAAc,EAAEC,eAAe,EAAEC,YAAY,EAAEC,0BAA0B,EAAE,GAAGR;IACnG,iEAAiE;IACjE,MAAMS,yBAAyBC,IAAAA,wCAAkB,EAACP,gCAAe,EAAE,CAACQ,MAAMA,IAAIN,cAAc;IAC5F,MAAMO,sBAAsBX,qBAAqBQ,yBAAyBJ;IAC1E,MAAMQ,UAAU;QACZC,cAAcC;QACdC,cAAc;QACdZ;QACAC,gBAAgBO;QAChBN;QACAC;QACAU,iBAAiB,IAAIF;IACzB;IACA,MAAMG,mBAAmBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACpCC,YAAYb;QAChB,CAAA,GAAI;QACJA;KACH;IACD,OAAO;QACHK;QACAK;IACJ;AACJ"}

package/lib-commonjs/utils/dropdownKeyActions.js

@@ -2,18 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    getDropdownActionFromKey: function() {
+Object.defineProperty(exports, "getDropdownActionFromKey", {
+    enumerable: true,
+    get: function() {
         return getDropdownActionFromKey;
-    },
-    getIndexFromAction: function() {
-        return getIndexFromAction;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
@@ -70,22 +62,3 @@ function getDropdownActionFromKey(e, options = {}) {
     // if nothing matched, return none
     return 'None';
 }
-function getIndexFromAction(action, currentIndex, maxIndex) {
-    switch(action){
-        case 'Next':
-            return Math.min(maxIndex, currentIndex + 1);
-            break;
-        case 'Previous':
-            return Math.max(0, currentIndex - 1);
-        case 'First':
-            return 0;
-        case 'Last':
-            return maxIndex;
-        case 'PageDown':
-            return Math.min(maxIndex, currentIndex + 10);
-        case 'PageUp':
-            return Math.max(0, currentIndex - 10);
-        default:
-            return currentIndex;
-    }
-}

package/lib-commonjs/utils/dropdownKeyActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["dropdownKeyActions.js"],"sourcesContent":["import * as keys from '@fluentui/keyboard-keys';\nimport * as React from 'react';\n/**\n * Converts a keyboard interaction into a defined action\n */ export function getDropdownActionFromKey(e, options = {}) {\n    const { open = true, multiselect = false } = options;\n    const code = e.key;\n    const { altKey, ctrlKey, key, metaKey } = e;\n    // typing action occurs whether open or closed\n    if (key.length === 1 && code !== keys.Space && !altKey && !ctrlKey && !metaKey) {\n        return 'Type';\n    }\n    // handle opening the dropdown if closed\n    if (!open) {\n        if (code === keys.ArrowDown || code === keys.ArrowUp || code === keys.Enter || code === keys.Space) {\n            return 'Open';\n        }\n        // if the dropdown is closed and an action did not match the above, do nothing\n        return 'None';\n    }\n    // select or close actions\n    if (code === keys.ArrowUp && altKey || code === keys.Enter || !multiselect && code === keys.Space) {\n        return 'CloseSelect';\n    }\n    if (multiselect && code === keys.Space) {\n        return 'Select';\n    }\n    if (code === keys.Escape) {\n        return 'Close';\n    }\n    // navigation interactions\n    if (code === keys.ArrowDown) {\n        return 'Next';\n    }\n    if (code === keys.ArrowUp) {\n        return 'Previous';\n    }\n    if (code === keys.Home) {\n        return 'First';\n    }\n    if (code === keys.End) {\n        return 'Last';\n    }\n    if (code === keys.PageUp) {\n        return 'PageUp';\n    }\n    if (code === keys.PageDown) {\n        return 'PageDown';\n    }\n    if (code === keys.Tab) {\n        return 'Tab';\n    }\n    // if nothing matched, return none\n    return 'None';\n}\n/**\n * Returns the requested option index from an action\n */ export function getIndexFromAction(action, currentIndex, maxIndex) {\n    switch(action){\n        case 'Next':\n            return Math.min(maxIndex, currentIndex + 1);\n            break;\n        case 'Previous':\n            return Math.max(0, currentIndex - 1);\n        case 'First':\n            return 0;\n        case 'Last':\n            return maxIndex;\n        case 'PageDown':\n            return Math.min(maxIndex, currentIndex + 10);\n        case 'PageUp':\n            return Math.max(0, currentIndex - 10);\n        default:\n            return currentIndex;\n    }\n}\n"],"names":["getDropdownActionFromKey","getIndexFromAction","e","options","open","multiselect","code","key","altKey","ctrlKey","metaKey","length","keys","Space","ArrowDown","ArrowUp","Enter","Escape","Home","End","PageUp","PageDown","Tab","action","currentIndex","maxIndex","Math","min","max"],"mappings":";;;;;;;;;;;IAIoBA,wBAAwB;eAAxBA;;IAqDAC,kBAAkB;eAAlBA;;;;wEAzDE;iEACC;AAGZ,SAASD,yBAAyBE,CAAC,EAAEC,UAAU,CAAC,CAAC;IACxD,MAAM,EAAEC,OAAO,IAAI,EAAEC,cAAc,KAAK,EAAE,GAAGF;IAC7C,MAAMG,OAAOJ,EAAEK,GAAG;IAClB,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEF,GAAG,EAAEG,OAAO,EAAE,GAAGR;IAC1C,8CAA8C;IAC9C,IAAIK,IAAII,MAAM,KAAK,KAAKL,SAASM,cAAKC,KAAK,IAAI,CAACL,UAAU,CAACC,WAAW,CAACC,SAAS;QAC5E,OAAO;IACX;IACA,wCAAwC;IACxC,IAAI,CAACN,MAAM;QACP,IAAIE,SAASM,cAAKE,SAAS,IAAIR,SAASM,cAAKG,OAAO,IAAIT,SAASM,cAAKI,KAAK,IAAIV,SAASM,cAAKC,KAAK,EAAE;YAChG,OAAO;QACX;QACA,8EAA8E;QAC9E,OAAO;IACX;IACA,0BAA0B;IAC1B,IAAIP,SAASM,cAAKG,OAAO,IAAIP,UAAUF,SAASM,cAAKI,KAAK,IAAI,CAACX,eAAeC,SAASM,cAAKC,KAAK,EAAE;QAC/F,OAAO;IACX;IACA,IAAIR,eAAeC,SAASM,cAAKC,KAAK,EAAE;QACpC,OAAO;IACX;IACA,IAAIP,SAASM,cAAKK,MAAM,EAAE;QACtB,OAAO;IACX;IACA,0BAA0B;IAC1B,IAAIX,SAASM,cAAKE,SAAS,EAAE;QACzB,OAAO;IACX;IACA,IAAIR,SAASM,cAAKG,OAAO,EAAE;QACvB,OAAO;IACX;IACA,IAAIT,SAASM,cAAKM,IAAI,EAAE;QACpB,OAAO;IACX;IACA,IAAIZ,SAASM,cAAKO,GAAG,EAAE;QACnB,OAAO;IACX;IACA,IAAIb,SAASM,cAAKQ,MAAM,EAAE;QACtB,OAAO;IACX;IACA,IAAId,SAASM,cAAKS,QAAQ,EAAE;QACxB,OAAO;IACX;IACA,IAAIf,SAASM,cAAKU,GAAG,EAAE;QACnB,OAAO;IACX;IACA,kCAAkC;IAClC,OAAO;AACX;AAGW,SAASrB,mBAAmBsB,MAAM,EAAEC,YAAY,EAAEC,QAAQ;IACjE,OAAOF;QACH,KAAK;YACD,OAAOG,KAAKC,GAAG,CAACF,UAAUD,eAAe;YACzC;QACJ,KAAK;YACD,OAAOE,KAAKE,GAAG,CAAC,GAAGJ,eAAe;QACtC,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAOC;QACX,KAAK;YACD,OAAOC,KAAKC,GAAG,CAACF,UAAUD,eAAe;QAC7C,KAAK;YACD,OAAOE,KAAKE,GAAG,CAAC,GAAGJ,eAAe;QACtC;YACI,OAAOA;IACf;AACJ"}
+{"version":3,"sources":["dropdownKeyActions.js"],"sourcesContent":["import * as keys from '@fluentui/keyboard-keys';\nimport * as React from 'react';\n/**\n * Converts a keyboard interaction into a defined action\n */ export function getDropdownActionFromKey(e, options = {}) {\n    const { open = true, multiselect = false } = options;\n    const code = e.key;\n    const { altKey, ctrlKey, key, metaKey } = e;\n    // typing action occurs whether open or closed\n    if (key.length === 1 && code !== keys.Space && !altKey && !ctrlKey && !metaKey) {\n        return 'Type';\n    }\n    // handle opening the dropdown if closed\n    if (!open) {\n        if (code === keys.ArrowDown || code === keys.ArrowUp || code === keys.Enter || code === keys.Space) {\n            return 'Open';\n        }\n        // if the dropdown is closed and an action did not match the above, do nothing\n        return 'None';\n    }\n    // select or close actions\n    if (code === keys.ArrowUp && altKey || code === keys.Enter || !multiselect && code === keys.Space) {\n        return 'CloseSelect';\n    }\n    if (multiselect && code === keys.Space) {\n        return 'Select';\n    }\n    if (code === keys.Escape) {\n        return 'Close';\n    }\n    // navigation interactions\n    if (code === keys.ArrowDown) {\n        return 'Next';\n    }\n    if (code === keys.ArrowUp) {\n        return 'Previous';\n    }\n    if (code === keys.Home) {\n        return 'First';\n    }\n    if (code === keys.End) {\n        return 'Last';\n    }\n    if (code === keys.PageUp) {\n        return 'PageUp';\n    }\n    if (code === keys.PageDown) {\n        return 'PageDown';\n    }\n    if (code === keys.Tab) {\n        return 'Tab';\n    }\n    // if nothing matched, return none\n    return 'None';\n}\n"],"names":["getDropdownActionFromKey","e","options","open","multiselect","code","key","altKey","ctrlKey","metaKey","length","keys","Space","ArrowDown","ArrowUp","Enter","Escape","Home","End","PageUp","PageDown","Tab"],"mappings":";;;;+BAIoBA;;;eAAAA;;;;wEAJE;iEACC;AAGZ,SAASA,yBAAyBC,CAAC,EAAEC,UAAU,CAAC,CAAC;IACxD,MAAM,EAAEC,OAAO,IAAI,EAAEC,cAAc,KAAK,EAAE,GAAGF;IAC7C,MAAMG,OAAOJ,EAAEK,GAAG;IAClB,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEF,GAAG,EAAEG,OAAO,EAAE,GAAGR;IAC1C,8CAA8C;IAC9C,IAAIK,IAAII,MAAM,KAAK,KAAKL,SAASM,cAAKC,KAAK,IAAI,CAACL,UAAU,CAACC,WAAW,CAACC,SAAS;QAC5E,OAAO;IACX;IACA,wCAAwC;IACxC,IAAI,CAACN,MAAM;QACP,IAAIE,SAASM,cAAKE,SAAS,IAAIR,SAASM,cAAKG,OAAO,IAAIT,SAASM,cAAKI,KAAK,IAAIV,SAASM,cAAKC,KAAK,EAAE;YAChG,OAAO;QACX;QACA,8EAA8E;QAC9E,OAAO;IACX;IACA,0BAA0B;IAC1B,IAAIP,SAASM,cAAKG,OAAO,IAAIP,UAAUF,SAASM,cAAKI,KAAK,IAAI,CAACX,eAAeC,SAASM,cAAKC,KAAK,EAAE;QAC/F,OAAO;IACX;IACA,IAAIR,eAAeC,SAASM,cAAKC,KAAK,EAAE;QACpC,OAAO;IACX;IACA,IAAIP,SAASM,cAAKK,MAAM,EAAE;QACtB,OAAO;IACX;IACA,0BAA0B;IAC1B,IAAIX,SAASM,cAAKE,SAAS,EAAE;QACzB,OAAO;IACX;IACA,IAAIR,SAASM,cAAKG,OAAO,EAAE;QACvB,OAAO;IACX;IACA,IAAIT,SAASM,cAAKM,IAAI,EAAE;QACpB,OAAO;IACX;IACA,IAAIZ,SAASM,cAAKO,GAAG,EAAE;QACnB,OAAO;IACX;IACA,IAAIb,SAASM,cAAKQ,MAAM,EAAE;QACtB,OAAO;IACX;IACA,IAAId,SAASM,cAAKS,QAAQ,EAAE;QACxB,OAAO;IACX;IACA,IAAIf,SAASM,cAAKU,GAAG,EAAE;QACnB,OAAO;IACX;IACA,kCAAkC;IAClC,OAAO;AACX"}