@fluentui/react-combobox 9.2.4 → 9.2.6

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

@@ -1,309 +1,659 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    comboboxClassNames: ()=>comboboxClassNames,
+    useComboboxStyles_unstable: ()=>useComboboxStyles_unstable
 });
-exports.useComboboxStyles_unstable = exports.comboboxClassNames = void 0;
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const internalTokens_1 = /*#__PURE__*/require("../../utils/internalTokens");
-exports.comboboxClassNames = {
-  root: 'fui-Combobox',
-  input: 'fui-Combobox__input',
-  expandIcon: 'fui-Combobox__expandIcon',
-  listbox: 'fui-Combobox__listbox'
+const _react = require("@griffel/react");
+const comboboxClassNames = {
+    root: 'fui-Combobox',
+    input: 'fui-Combobox__input',
+    expandIcon: 'fui-Combobox__expandIcon',
+    listbox: 'fui-Combobox__listbox'
 };
 // Matches internal heights for Select and Input, but there are no theme variables for these
 // field heights are 2px less than other controls, since the border is on the parent element.
 const fieldHeights = {
-  small: '22px',
-  medium: '30px',
-  large: '38px'
+    small: '22px',
+    medium: '30px',
+    large: '38px'
 };
 /**
  * Styles for Combobox
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    Bt984gj: "f122n59",
-    Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
-    Beyfa6y: ["f16jpd5f", "f1aa9q02"],
-    B7oj6ja: ["f1jar5jt", "fyu767a"],
-    Btl43ni: ["fyu767a", "f1jar5jt"],
-    B7ck84d: "f1ewtqcl",
-    i8kkvl: "f14mj54c",
-    mc9l5x: "fwk3njj",
-    Budl1dq: "fz17x9o",
-    Brf1p80: "f1869bpl",
-    Bf4jedk: "f1exfvgq",
-    qhf8xq: "f10pi13n",
-    Bbr2w1p: "f14a1fxs",
-    Bduesf4: "f3e99gv",
-    Bpq79vn: "fhljsf7",
-    li1rpt: "f1gw3sf2",
-    Bsft5z2: "f13zj6fq",
-    E3zdtr: "f1mdlcz9",
-    Eqx8gd: ["f1a7op3", "f1cjjd47"],
-    By385i5: "f1gboi2j",
-    B1piin3: ["f1cjjd47", "f1a7op3"],
-    Dlnsje: "f145g4dw",
-    d9w3h3: ["f1kp91vd", "f1ibwz09"],
-    B3778ie: ["f1ibwz09", "f1kp91vd"],
-    Bcgy8vk: "f14pi962",
-    Bw17bha: "f1lh990p",
-    B1q35kw: "f1jc6hxc",
-    Gjdm7m: "f13evtba",
-    b1kco5: "f1yk9hq",
-    Ba2ppi3: "fhwpy7i",
-    F2fol1: "f14ee0xe",
-    lck23g: "f1xhbsuh",
-    df92cz: "fv8e3ye",
-    I188md: "ftb5wc6",
-    umuwi5: "fjw5xc1",
-    Blcqepd: "f1xdyd5c",
-    nplu4u: "fatpbeo",
-    Bioka5o: "fb7uyps",
-    H713fs: "f1cmft4k",
-    B9ooomg: "f1x58t8o",
-    Bercvud: "f1ibeo51"
-  },
-  listbox: {
-    E5pizo: "f1hg901r",
-    Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
-    Beyfa6y: ["f16jpd5f", "f1aa9q02"],
-    B7oj6ja: ["f1jar5jt", "fyu767a"],
-    Btl43ni: ["fyu767a", "f1jar5jt"],
-    Bxyxcbc: "fmmk62d"
-  },
-  listboxCollapsed: {
-    mc9l5x: "fjseox"
-  },
-  small: {
-    z189sj: ["fdw0yi8", "fk8j09s"]
-  },
-  medium: {
-    z189sj: ["f11gcy0p", "f1ng84yb"]
-  },
-  large: {
-    i8kkvl: "f1rjii52",
-    z189sj: ["fw5db7e", "f1uw59to"]
-  },
-  outline: {
-    De3pzq: "fxugw4r",
-    B4j52fo: "f192inf7",
-    Bekrc4i: ["f5tn483", "f1ojsxk5"],
-    Bn0qgzm: "f1vxd6vx",
-    ibv6hh: ["f1ojsxk5", "f5tn483"],
-    icvyot: "fzkkow9",
-    vrafjx: ["fcdblym", "fjik90z"],
-    oivjwe: "fg706s2",
-    wvpqe5: ["fjik90z", "fcdblym"],
-    g2u3we: "fj3muxo",
-    h3c5rm: ["f1akhkt", "f1lxtadh"],
-    B9xav0g: "f1c1zstj",
-    zhjwy3: ["f1lxtadh", "f1akhkt"]
-  },
-  outlineInteractive: {
-    Bgoe8wy: "fvcxoqz",
-    Bwzppfd: ["f1ub3y4t", "f1m52nbi"],
-    oetu4i: "flmw63s",
-    gg5e9n: ["f1m52nbi", "f1ub3y4t"],
-    B6oc9vd: "fvs00aa",
-    ak43y8: ["f1assf6x", "f4ruux4"],
-    wmxk5l: "fqhmt4z",
-    B50zh58: ["f4ruux4", "f1assf6x"]
-  },
-  underline: {
-    De3pzq: "f1c21dwh",
-    Bn0qgzm: "f1vxd6vx",
-    oivjwe: "fg706s2",
-    B9xav0g: "f1c1zstj",
-    Bbmb7ep: ["f1krrbdw", "f1deotkl"],
-    Beyfa6y: ["f1deotkl", "f1krrbdw"],
-    B7oj6ja: ["f10ostut", "f1ozlkrg"],
-    Btl43ni: ["f1ozlkrg", "f10ostut"]
-  },
-  "filled-lighter": {
-    De3pzq: "fxugw4r",
-    B4j52fo: "f192inf7",
-    Bekrc4i: ["f5tn483", "f1ojsxk5"],
-    Bn0qgzm: "f1vxd6vx",
-    ibv6hh: ["f1ojsxk5", "f5tn483"],
-    icvyot: "fzkkow9",
-    vrafjx: ["fcdblym", "fjik90z"],
-    oivjwe: "fg706s2",
-    wvpqe5: ["fjik90z", "fcdblym"],
-    g2u3we: "fghlq4f",
-    h3c5rm: ["f1gn591s", "fjscplz"],
-    B9xav0g: "fb073pr",
-    zhjwy3: ["fjscplz", "f1gn591s"]
-  },
-  "filled-darker": {
-    De3pzq: "f16xq7d1",
-    B4j52fo: "f192inf7",
-    Bekrc4i: ["f5tn483", "f1ojsxk5"],
-    Bn0qgzm: "f1vxd6vx",
-    ibv6hh: ["f1ojsxk5", "f5tn483"],
-    icvyot: "fzkkow9",
-    vrafjx: ["fcdblym", "fjik90z"],
-    oivjwe: "fg706s2",
-    wvpqe5: ["fjik90z", "fcdblym"],
-    g2u3we: "fghlq4f",
-    h3c5rm: ["f1gn591s", "fjscplz"],
-    B9xav0g: "fb073pr",
-    zhjwy3: ["fjscplz", "f1gn591s"]
-  },
-  invalid: {
-    tvckwq: "fs4k3qj",
-    gk2u95: ["fcee079", "fmyw78r"],
-    hhx65j: "f1fgmyf4",
-    Bxowmz0: ["fmyw78r", "fcee079"]
-  },
-  invalidUnderline: {
-    hhx65j: "f1fgmyf4"
-  },
-  disabled: {
-    Bceei9c: "fdrzuqr",
-    De3pzq: "f1c21dwh",
-    g2u3we: "f1jj8ep1",
-    h3c5rm: ["f15xbau", "fy0fskl"],
-    B9xav0g: "f4ikngz",
-    zhjwy3: ["fy0fskl", "f15xbau"],
-    Bjwas2f: "fg455y9",
-    Bn1d65q: ["f1rvyvqg", "f14g86mu"],
-    Bxeuatn: "f1cwzwz",
-    n51gp8: ["f14g86mu", "f1rvyvqg"]
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        Bt984gj: "f122n59",
+        Bbmb7ep: [
+            "f1aa9q02",
+            "f16jpd5f"
+        ],
+        Beyfa6y: [
+            "f16jpd5f",
+            "f1aa9q02"
+        ],
+        B7oj6ja: [
+            "f1jar5jt",
+            "fyu767a"
+        ],
+        Btl43ni: [
+            "fyu767a",
+            "f1jar5jt"
+        ],
+        B7ck84d: "f1ewtqcl",
+        i8kkvl: "f14mj54c",
+        mc9l5x: "fwk3njj",
+        Budl1dq: "fz17x9o",
+        Brf1p80: "f1869bpl",
+        Bf4jedk: "f1exfvgq",
+        qhf8xq: "f10pi13n",
+        Bbr2w1p: "f14a1fxs",
+        Bduesf4: "f3e99gv",
+        Bpq79vn: "fhljsf7",
+        li1rpt: "f1gw3sf2",
+        Bsft5z2: "f13zj6fq",
+        E3zdtr: "f1mdlcz9",
+        Eqx8gd: [
+            "f1a7op3",
+            "f1cjjd47"
+        ],
+        By385i5: "f1gboi2j",
+        B1piin3: [
+            "f1cjjd47",
+            "f1a7op3"
+        ],
+        Dlnsje: "f145g4dw",
+        d9w3h3: [
+            "f1kp91vd",
+            "f1ibwz09"
+        ],
+        B3778ie: [
+            "f1ibwz09",
+            "f1kp91vd"
+        ],
+        Bcgy8vk: "f14pi962",
+        Bw17bha: "f1lh990p",
+        B1q35kw: "f1jc6hxc",
+        Gjdm7m: "f13evtba",
+        b1kco5: "f1yk9hq",
+        Ba2ppi3: "fhwpy7i",
+        F2fol1: "f14ee0xe",
+        lck23g: "f1xhbsuh",
+        df92cz: "fv8e3ye",
+        I188md: "ftb5wc6",
+        umuwi5: "fjw5xc1",
+        Blcqepd: "f1xdyd5c",
+        nplu4u: "fatpbeo",
+        Bioka5o: "fb7uyps",
+        H713fs: "f1cmft4k",
+        B9ooomg: "f1x58t8o",
+        Bercvud: "f1ibeo51"
+    },
+    listbox: {
+        E5pizo: "f1hg901r",
+        Bbmb7ep: [
+            "f1aa9q02",
+            "f16jpd5f"
+        ],
+        Beyfa6y: [
+            "f16jpd5f",
+            "f1aa9q02"
+        ],
+        B7oj6ja: [
+            "f1jar5jt",
+            "fyu767a"
+        ],
+        Btl43ni: [
+            "fyu767a",
+            "f1jar5jt"
+        ],
+        Bxyxcbc: "fmmk62d"
+    },
+    listboxCollapsed: {
+        mc9l5x: "fjseox"
+    },
+    small: {
+        z189sj: [
+            "fdw0yi8",
+            "fk8j09s"
+        ]
+    },
+    medium: {
+        z189sj: [
+            "f11gcy0p",
+            "f1ng84yb"
+        ]
+    },
+    large: {
+        i8kkvl: "f1rjii52",
+        z189sj: [
+            "fw5db7e",
+            "f1uw59to"
+        ]
+    },
+    outline: {
+        De3pzq: "fxugw4r",
+        B4j52fo: "f192inf7",
+        Bekrc4i: [
+            "f5tn483",
+            "f1ojsxk5"
+        ],
+        Bn0qgzm: "f1vxd6vx",
+        ibv6hh: [
+            "f1ojsxk5",
+            "f5tn483"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "fj3muxo",
+        h3c5rm: [
+            "f1akhkt",
+            "f1lxtadh"
+        ],
+        B9xav0g: "f1c1zstj",
+        zhjwy3: [
+            "f1lxtadh",
+            "f1akhkt"
+        ]
+    },
+    outlineInteractive: {
+        Bgoe8wy: "fvcxoqz",
+        Bwzppfd: [
+            "f1ub3y4t",
+            "f1m52nbi"
+        ],
+        oetu4i: "flmw63s",
+        gg5e9n: [
+            "f1m52nbi",
+            "f1ub3y4t"
+        ],
+        B6oc9vd: "fvs00aa",
+        ak43y8: [
+            "f1assf6x",
+            "f4ruux4"
+        ],
+        wmxk5l: "fqhmt4z",
+        B50zh58: [
+            "f4ruux4",
+            "f1assf6x"
+        ]
+    },
+    underline: {
+        De3pzq: "f1c21dwh",
+        Bn0qgzm: "f1vxd6vx",
+        oivjwe: "fg706s2",
+        B9xav0g: "f1c1zstj",
+        Bbmb7ep: [
+            "f1krrbdw",
+            "f1deotkl"
+        ],
+        Beyfa6y: [
+            "f1deotkl",
+            "f1krrbdw"
+        ],
+        B7oj6ja: [
+            "f10ostut",
+            "f1ozlkrg"
+        ],
+        Btl43ni: [
+            "f1ozlkrg",
+            "f10ostut"
+        ]
+    },
+    "filled-lighter": {
+        De3pzq: "fxugw4r",
+        B4j52fo: "f192inf7",
+        Bekrc4i: [
+            "f5tn483",
+            "f1ojsxk5"
+        ],
+        Bn0qgzm: "f1vxd6vx",
+        ibv6hh: [
+            "f1ojsxk5",
+            "f5tn483"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "fghlq4f",
+        h3c5rm: [
+            "f1gn591s",
+            "fjscplz"
+        ],
+        B9xav0g: "fb073pr",
+        zhjwy3: [
+            "fjscplz",
+            "f1gn591s"
+        ]
+    },
+    "filled-darker": {
+        De3pzq: "f16xq7d1",
+        B4j52fo: "f192inf7",
+        Bekrc4i: [
+            "f5tn483",
+            "f1ojsxk5"
+        ],
+        Bn0qgzm: "f1vxd6vx",
+        ibv6hh: [
+            "f1ojsxk5",
+            "f5tn483"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "fghlq4f",
+        h3c5rm: [
+            "f1gn591s",
+            "fjscplz"
+        ],
+        B9xav0g: "fb073pr",
+        zhjwy3: [
+            "fjscplz",
+            "f1gn591s"
+        ]
+    },
+    invalid: {
+        tvckwq: "fs4k3qj",
+        gk2u95: [
+            "fcee079",
+            "fmyw78r"
+        ],
+        hhx65j: "f1fgmyf4",
+        Bxowmz0: [
+            "fmyw78r",
+            "fcee079"
+        ]
+    },
+    invalidUnderline: {
+        hhx65j: "f1fgmyf4"
+    },
+    disabled: {
+        Bceei9c: "fdrzuqr",
+        De3pzq: "f1c21dwh",
+        g2u3we: "f1jj8ep1",
+        h3c5rm: [
+            "f15xbau",
+            "fy0fskl"
+        ],
+        B9xav0g: "f4ikngz",
+        zhjwy3: [
+            "fy0fskl",
+            "f15xbau"
+        ],
+        Bjwas2f: "fg455y9",
+        Bn1d65q: [
+            "f1rvyvqg",
+            "f14g86mu"
+        ],
+        Bxeuatn: "f1cwzwz",
+        n51gp8: [
+            "f14g86mu",
+            "f1rvyvqg"
+        ]
+    }
 }, {
-  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:inline-grid;}", ".fz17x9o{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);}"],
-  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);}"],
-  m: [["@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", {
-    m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}", {
-    m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}", {
-    m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}", {
-    m: "(forced-colors: active)"
-  }]],
-  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);}"],
-  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);}"]
+    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:inline-grid;}",
+        ".fz17x9o{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);}"
+    ],
+    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);}"
+    ],
+    m: [
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ],
+    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);}"
+    ],
+    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);}"
+    ]
 });
-const useInputStyles = /*#__PURE__*/react_1.__styles({
-  input: {
-    De3pzq: "f1c21dwh",
-    B4j52fo: "fre7gi1",
-    Bekrc4i: ["f1358rze", "f1rvrf73"],
-    Bn0qgzm: "fqdk4by",
-    ibv6hh: ["f1rvrf73", "f1358rze"],
-    sj55zd: "f19n0e5",
-    Bahqtrf: "fk6fouc",
-    Brovlpu: "ftqa4ok",
-    yvdlaj: "fwyc1cq",
-    B3o7kgh: "f13ta7ih"
-  },
-  small: {
-    Bqenvij: "f50nw0v",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fwrc4pm",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["fhxju0i", "f1cnd47f"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1xile11", "fqznh8f"]
-  },
-  medium: {
-    Bqenvij: "f1tvdnth",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "f1i3iumi",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["fhxju0i", "f1cnd47f"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1e60jzv", "f135dnwl"]
-  },
-  large: {
-    Bqenvij: "f1ihhdec",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fod5ikn",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "faaz57k",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["fhxju0i", "f1cnd47f"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["fnphzt9", "flt1dlf"]
-  },
-  disabled: {
-    sj55zd: "f1s2aq7o",
-    De3pzq: "f1c21dwh",
-    Bceei9c: "fdrzuqr",
-    yvdlaj: "fahhnxm"
-  }
+const useInputStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    input: {
+        De3pzq: "f1c21dwh",
+        B4j52fo: "fre7gi1",
+        Bekrc4i: [
+            "f1358rze",
+            "f1rvrf73"
+        ],
+        Bn0qgzm: "fqdk4by",
+        ibv6hh: [
+            "f1rvrf73",
+            "f1358rze"
+        ],
+        sj55zd: "f19n0e5",
+        Bahqtrf: "fk6fouc",
+        Brovlpu: "ftqa4ok",
+        yvdlaj: "fwyc1cq",
+        B3o7kgh: "f13ta7ih"
+    },
+    small: {
+        Bqenvij: "f50nw0v",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1xile11",
+            "fqznh8f"
+        ]
+    },
+    medium: {
+        Bqenvij: "f1tvdnth",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1e60jzv",
+            "f135dnwl"
+        ]
+    },
+    large: {
+        Bqenvij: "f1ihhdec",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "faaz57k",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "fnphzt9",
+            "flt1dlf"
+        ]
+    },
+    disabled: {
+        sj55zd: "f1s2aq7o",
+        De3pzq: "f1c21dwh",
+        Bceei9c: "fdrzuqr",
+        yvdlaj: "fahhnxm"
+    }
 }, {
-  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);}"],
-  f: [".ftqa4ok:focus{outline-style:none;}"]
+    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);}"
+    ],
+    f: [
+        ".ftqa4ok:focus{outline-style:none;}"
+    ]
 });
-const useIconStyles = /*#__PURE__*/react_1.__styles({
-  icon: {
-    B7ck84d: "f1ewtqcl",
-    sj55zd: "fxkbij4",
-    Bceei9c: "f1k6fduh",
-    mc9l5x: "ftgm304",
-    Be2twd7: "f1pp30po",
-    Bo70h7d: "fvc9v3g"
-  },
-  small: {
-    Be2twd7: "f4ybsrx",
-    Frg6f3: ["f1h9en5y", "f1xk557c"]
-  },
-  medium: {
-    Be2twd7: "fe5j1ua",
-    Frg6f3: ["f1h9en5y", "f1xk557c"]
-  },
-  large: {
-    Be2twd7: "f1rt2boy",
-    Frg6f3: ["f1t5qyk5", "f1ikr372"]
-  },
-  disabled: {
-    sj55zd: "f1s2aq7o",
-    Bceei9c: "fdrzuqr"
-  }
+const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    icon: {
+        B7ck84d: "f1ewtqcl",
+        sj55zd: "fxkbij4",
+        Bceei9c: "f1k6fduh",
+        mc9l5x: "ftgm304",
+        Be2twd7: "f1pp30po",
+        Bo70h7d: "fvc9v3g"
+    },
+    small: {
+        Be2twd7: "f4ybsrx",
+        Frg6f3: [
+            "f1h9en5y",
+            "f1xk557c"
+        ]
+    },
+    medium: {
+        Be2twd7: "fe5j1ua",
+        Frg6f3: [
+            "f1h9en5y",
+            "f1xk557c"
+        ]
+    },
+    large: {
+        Be2twd7: "f1rt2boy",
+        Frg6f3: [
+            "f1t5qyk5",
+            "f1ikr372"
+        ]
+    },
+    disabled: {
+        sj55zd: "f1s2aq7o",
+        Bceei9c: "fdrzuqr"
+    }
 }, {
-  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;}"]
+    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;}"
+    ]
 });
-/**
- * Apply styling to the Combobox slots based on the state
- */
-const useComboboxStyles_unstable = state => {
-  const {
-    appearance,
-    open,
-    size
-  } = state;
-  const invalid = `${state.input['aria-invalid']}` === 'true';
-  const disabled = state.input.disabled;
-  const styles = useStyles();
-  const iconStyles = useIconStyles();
-  const inputStyles = useInputStyles();
-  state.root.className = react_1.mergeClasses(exports.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);
-  state.input.className = react_1.mergeClasses(exports.comboboxClassNames.input, inputStyles.input, inputStyles[size], disabled && inputStyles.disabled, state.input.className);
-  if (state.listbox) {
-    state.listbox.className = react_1.mergeClasses(exports.comboboxClassNames.listbox, styles.listbox, !open && styles.listboxCollapsed, state.listbox.className);
-  }
-  if (state.expandIcon) {
-    state.expandIcon.className = react_1.mergeClasses(exports.comboboxClassNames.expandIcon, iconStyles.icon, iconStyles[size], disabled && iconStyles.disabled, state.expandIcon.className);
-  }
-  return state;
-};
-exports.useComboboxStyles_unstable = useComboboxStyles_unstable;
+const useComboboxStyles_unstable = (state)=>{
+    const { appearance , open , size  } = state;
+    const invalid = `${state.input['aria-invalid']}` === 'true';
+    const disabled = state.input.disabled;
+    const styles = useStyles();
+    const iconStyles = useIconStyles();
+    const inputStyles = useInputStyles();
+    state.root.className = (0, _react.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);
+    state.input.className = (0, _react.mergeClasses)(comboboxClassNames.input, inputStyles.input, inputStyles[size], disabled && inputStyles.disabled, state.input.className);
+    if (state.listbox) {
+        state.listbox.className = (0, _react.mergeClasses)(comboboxClassNames.listbox, styles.listbox, !open && styles.listboxCollapsed, state.listbox.className);
+    }
+    if (state.expandIcon) {
+        state.expandIcon.className = (0, _react.mergeClasses)(comboboxClassNames.expandIcon, iconStyles.icon, iconStyles[size], disabled && iconStyles.disabled, state.expandIcon.className);
+    }
+    return state;
+}; //# sourceMappingURL=useComboboxStyles.js.map
+
 //# sourceMappingURL=useComboboxStyles.js.map