@fluentui/react-select 9.1.3 → 9.1.5

package/lib-commonjs/components/Select/useSelectStyles.js

@@ -1,26 +1,34 @@
 "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, {
+    selectClassNames: ()=>selectClassNames,
+    useSelectStyles_unstable: ()=>useSelectStyles_unstable
 });
-exports.useSelectStyles_unstable = exports.selectClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-exports.selectClassNames = {
-  root: 'fui-Select',
-  select: 'fui-Select__select',
-  icon: 'fui-Select__icon'
+const _react = require("@griffel/react");
+const _reactTheme = require("@fluentui/react-theme");
+const selectClassNames = {
+    root: 'fui-Select',
+    select: 'fui-Select__select',
+    icon: 'fui-Select__icon'
 };
 const iconSizes = {
-  small: '16px',
-  medium: '20px',
-  large: '24px'
+    small: '16px',
+    medium: '20px',
+    large: '24px'
 };
 //TODO: Should fieldHeights be a set of global design tokens or constants?
 const fieldHeights = {
-  small: '24px',
-  medium: '32px',
-  large: '40px'
+    small: '24px',
+    medium: '32px',
+    large: '40px'
 };
 /* Since the <select> element must span the full width and cannot have children,
  * the right padding needs to be calculated from the sum of the following:
@@ -28,273 +36,582 @@ const fieldHeights = {
  * 2. Icon width
  * 3. Content-icon spacing
  * 4. Content inner padding
- */
-const paddingRight = {
-  small: `calc(${react_theme_1.tokens.spacingHorizontalSNudge}
+ */ const paddingRight = {
+    small: `calc(${_reactTheme.tokens.spacingHorizontalSNudge}
     + ${iconSizes.small}
-    + ${react_theme_1.tokens.spacingHorizontalXXS}
-    + ${react_theme_1.tokens.spacingHorizontalXXS})`,
-  medium: `calc(${react_theme_1.tokens.spacingHorizontalMNudge}
+    + ${_reactTheme.tokens.spacingHorizontalXXS}
+    + ${_reactTheme.tokens.spacingHorizontalXXS})`,
+    medium: `calc(${_reactTheme.tokens.spacingHorizontalMNudge}
     + ${iconSizes.medium}
-    + ${react_theme_1.tokens.spacingHorizontalXXS}
-    + ${react_theme_1.tokens.spacingHorizontalXXS})`,
-  large: `calc(${react_theme_1.tokens.spacingHorizontalM}
+    + ${_reactTheme.tokens.spacingHorizontalXXS}
+    + ${_reactTheme.tokens.spacingHorizontalXXS})`,
+    large: `calc(${_reactTheme.tokens.spacingHorizontalM}
     + ${iconSizes.large}
-    + ${react_theme_1.tokens.spacingHorizontalSNudge}
-    + ${react_theme_1.tokens.spacingHorizontalSNudge})`
+    + ${_reactTheme.tokens.spacingHorizontalSNudge}
+    + ${_reactTheme.tokens.spacingHorizontalSNudge})`
 };
 /* Left padding is calculated from the outer padding + inner content padding values
- * since <select> can't have additional child content or custom inner layout */
-const paddingLeft = {
-  small: `calc(${react_theme_1.tokens.spacingHorizontalSNudge} + ${react_theme_1.tokens.spacingHorizontalXXS})`,
-  medium: `calc(${react_theme_1.tokens.spacingHorizontalMNudge} + ${react_theme_1.tokens.spacingHorizontalXXS})`,
-  large: `calc(${react_theme_1.tokens.spacingHorizontalM} + ${react_theme_1.tokens.spacingHorizontalSNudge})`
+ * since <select> can't have additional child content or custom inner layout */ const paddingLeft = {
+    small: `calc(${_reactTheme.tokens.spacingHorizontalSNudge} + ${_reactTheme.tokens.spacingHorizontalXXS})`,
+    medium: `calc(${_reactTheme.tokens.spacingHorizontalMNudge} + ${_reactTheme.tokens.spacingHorizontalXXS})`,
+    large: `calc(${_reactTheme.tokens.spacingHorizontalM} + ${_reactTheme.tokens.spacingHorizontalSNudge})`
 };
-/* end of shared values */
-const useRootStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    Bt984gj: "f122n59",
-    B7ck84d: "f1ewtqcl",
-    mc9l5x: "f22iagw",
-    Eh141a: "flvyvdh",
-    Bahqtrf: "fk6fouc",
-    qhf8xq: "f10pi13n",
-    h62rwi: "f7ll8cq",
-    B3778ie: ["f1ibwz09", "f1kp91vd"],
-    d9w3h3: ["f1kp91vd", "f1ibwz09"],
-    Bl18szs: ["f18vqdqu", "f53nyzz"],
-    B4j8arr: ["f53nyzz", "f18vqdqu"],
-    li1rpt: "f1gw3sf2",
-    Bsft5z2: "f13zj6fq",
-    Dlnsje: "fhwjr99",
-    E3zdtr: "f1mdlcz9",
-    By385i5: "fo72kxq",
-    Eqx8gd: ["f1n6gb5g", "f15yvnhg"],
-    B1piin3: ["f15yvnhg", "f1n6gb5g"],
-    b1kco5: "f1yk9hq",
-    Ba2ppi3: "fhwpy7i",
-    F2fol1: "f14ee0xe",
-    lck23g: "f1xhbsuh",
-    df92cz: "fv8e3ye",
-    I188md: "ftb5wc6",
-    umuwi5: "fjw5xc1",
-    Blcqepd: "f1xdyd5c",
-    nplu4u: "fatpbeo",
-    Bioka5o: "fb7uyps",
-    H713fs: "f1cmft4k",
-    B9ooomg: "f1x58t8o"
-  }
+/* end of shared values */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Bt984gj: "f122n59",
+        B7ck84d: "f1ewtqcl",
+        mc9l5x: "f22iagw",
+        Eh141a: "flvyvdh",
+        Bahqtrf: "fk6fouc",
+        qhf8xq: "f10pi13n",
+        h62rwi: "f7ll8cq",
+        B3778ie: [
+            "f1ibwz09",
+            "f1kp91vd"
+        ],
+        d9w3h3: [
+            "f1kp91vd",
+            "f1ibwz09"
+        ],
+        Bl18szs: [
+            "f18vqdqu",
+            "f53nyzz"
+        ],
+        B4j8arr: [
+            "f53nyzz",
+            "f18vqdqu"
+        ],
+        li1rpt: "f1gw3sf2",
+        Bsft5z2: "f13zj6fq",
+        Dlnsje: "fhwjr99",
+        E3zdtr: "f1mdlcz9",
+        By385i5: "fo72kxq",
+        Eqx8gd: [
+            "f1n6gb5g",
+            "f15yvnhg"
+        ],
+        B1piin3: [
+            "f15yvnhg",
+            "f1n6gb5g"
+        ],
+        b1kco5: "f1yk9hq",
+        Ba2ppi3: "fhwpy7i",
+        F2fol1: "f14ee0xe",
+        lck23g: "f1xhbsuh",
+        df92cz: "fv8e3ye",
+        I188md: "ftb5wc6",
+        umuwi5: "fjw5xc1",
+        Blcqepd: "f1xdyd5c",
+        nplu4u: "fatpbeo",
+        Bioka5o: "fb7uyps",
+        H713fs: "f1cmft4k",
+        B9ooomg: "f1x58t8o"
+    }
 }, {
-  d: [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f10pi13n{position:relative;}", ".f7ll8cq::after{background-image:linear-gradient(\n        0deg,\n        var(--colorCompoundBrandStroke) 0%,\n        var(--colorCompoundBrandStroke) 50%,\n        transparent 50%,\n        transparent 100%\n      );}", ".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f18vqdqu::after{border-top-right-radius:0;}", ".f53nyzz::after{border-top-left-radius:0;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f13zj6fq::after{content:\"\";}", ".fhwjr99::after{height:var(--borderRadiusMedium);}", ".f1mdlcz9::after{position:absolute;}", ".fo72kxq::after{bottom:0;}", ".f1n6gb5g::after{left:0;}", ".f15yvnhg::after{right: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);}"],
-  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)"
-  }]],
-  w: [".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);}"]
+    d: [
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".f10pi13n{position:relative;}",
+        ".f7ll8cq::after{background-image:linear-gradient(\n        0deg,\n        var(--colorCompoundBrandStroke) 0%,\n        var(--colorCompoundBrandStroke) 50%,\n        transparent 50%,\n        transparent 100%\n      );}",
+        ".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f18vqdqu::after{border-top-right-radius:0;}",
+        ".f53nyzz::after{border-top-left-radius:0;}",
+        ".f1gw3sf2::after{box-sizing:border-box;}",
+        ".f13zj6fq::after{content:\"\";}",
+        ".fhwjr99::after{height:var(--borderRadiusMedium);}",
+        ".f1mdlcz9::after{position:absolute;}",
+        ".fo72kxq::after{bottom:0;}",
+        ".f1n6gb5g::after{left:0;}",
+        ".f15yvnhg::after{right: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);}"
+    ],
+    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)"
+            }
+        ]
+    ],
+    w: [
+        ".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);}"
+    ]
 });
-const useSelectStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    Bowrso0: "fqrijq1",
-    B4j52fo: "f5ogflp",
-    Bekrc4i: ["f1hqa2wf", "finvdd3"],
-    Bn0qgzm: "f1f09k3d",
-    ibv6hh: ["finvdd3", "f1hqa2wf"],
-    icvyot: "fzkkow9",
-    vrafjx: ["fcdblym", "fjik90z"],
-    oivjwe: "fg706s2",
-    wvpqe5: ["fjik90z", "fcdblym"],
-    g2u3we: "f1p3nwhy",
-    h3c5rm: ["f11589ue", "f1pdflbu"],
-    B9xav0g: "f1q5o8ev",
-    zhjwy3: ["f1pdflbu", "f11589ue"],
-    Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
-    Beyfa6y: ["f16jpd5f", "f1aa9q02"],
-    B7oj6ja: ["f1jar5jt", "fyu767a"],
-    Btl43ni: ["fyu767a", "f1jar5jt"],
-    E5pizo: "f1couhl3",
-    B7ck84d: "f1ewtqcl",
-    sj55zd: "f19n0e5",
-    Bceei9c: "f1k6fduh",
-    Bh6795r: "fqerorx",
-    B2u0y6b: "f6dzj5z",
-    Byoj8tv: "f1qch9an",
-    z8tnut: "f1g0x7ka",
-    B3aqqti: "fatbyko",
-    Brovlpu: "f1grzc83",
-    Bxa1mx5: "f19shzzi"
-  },
-  disabled: {
-    De3pzq: "f1c21dwh",
-    g2u3we: "f1jj8ep1",
-    h3c5rm: ["f15xbau", "fy0fskl"],
-    B9xav0g: "f4ikngz",
-    zhjwy3: ["fy0fskl", "f15xbau"],
-    sj55zd: "f1s2aq7o",
-    Bceei9c: "fdrzuqr",
-    Bjwas2f: "fg455y9",
-    Bn1d65q: ["f1rvyvqg", "f14g86mu"],
-    Bxeuatn: "f1cwzwz",
-    n51gp8: ["f14g86mu", "f1rvyvqg"]
-  },
-  disabledUnderline: {
-    g2u3we: "fgig46g",
-    h3c5rm: ["f1mxt3zg", "fziff3p"],
-    B9xav0g: "f4ikngz",
-    zhjwy3: ["fziff3p", "f1mxt3zg"]
-  },
-  small: {
-    Bqenvij: "frvgh55",
-    uwmqm3: ["f1xile11", "fqznh8f"],
-    z189sj: ["fiqd4sw", "f11fkzut"],
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fwrc4pm"
-  },
-  medium: {
-    Bqenvij: "f1d2rq10",
-    uwmqm3: ["f1e60jzv", "f135dnwl"],
-    z189sj: ["f154vowv", "flqamny"],
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "f1i3iumi"
-  },
-  large: {
-    Bqenvij: "fbhnoac",
-    uwmqm3: ["fnphzt9", "flt1dlf"],
-    z189sj: ["f1xi5ia2", "f1xi1l47"],
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fod5ikn",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "faaz57k"
-  },
-  outline: {
-    De3pzq: "fxugw4r",
-    B4j52fo: "f5ogflp",
-    Bekrc4i: ["f1hqa2wf", "finvdd3"],
-    Bn0qgzm: "f1f09k3d",
-    ibv6hh: ["finvdd3", "f1hqa2wf"],
-    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: "f1f09k3d",
-    oivjwe: "fg706s2",
-    B9xav0g: "f1c1zstj",
-    Bbmb7ep: ["f1krrbdw", "f1deotkl"],
-    Beyfa6y: ["f1deotkl", "f1krrbdw"],
-    B7oj6ja: ["f10ostut", "f1ozlkrg"],
-    Btl43ni: ["f1ozlkrg", "f10ostut"]
-  },
-  "filled-lighter": {
-    De3pzq: "fxugw4r"
-  },
-  "filled-darker": {
-    De3pzq: "f16xq7d1"
-  },
-  invalid: {
-    tvckwq: "fs4k3qj",
-    gk2u95: ["fcee079", "fmyw78r"],
-    hhx65j: "f1fgmyf4",
-    Bxowmz0: ["fmyw78r", "fcee079"]
-  },
-  invalidUnderline: {
-    hhx65j: "f1fgmyf4"
-  }
+const useSelectStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Bowrso0: "fqrijq1",
+        B4j52fo: "f5ogflp",
+        Bekrc4i: [
+            "f1hqa2wf",
+            "finvdd3"
+        ],
+        Bn0qgzm: "f1f09k3d",
+        ibv6hh: [
+            "finvdd3",
+            "f1hqa2wf"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "f1p3nwhy",
+        h3c5rm: [
+            "f11589ue",
+            "f1pdflbu"
+        ],
+        B9xav0g: "f1q5o8ev",
+        zhjwy3: [
+            "f1pdflbu",
+            "f11589ue"
+        ],
+        Bbmb7ep: [
+            "f1aa9q02",
+            "f16jpd5f"
+        ],
+        Beyfa6y: [
+            "f16jpd5f",
+            "f1aa9q02"
+        ],
+        B7oj6ja: [
+            "f1jar5jt",
+            "fyu767a"
+        ],
+        Btl43ni: [
+            "fyu767a",
+            "f1jar5jt"
+        ],
+        E5pizo: "f1couhl3",
+        B7ck84d: "f1ewtqcl",
+        sj55zd: "f19n0e5",
+        Bceei9c: "f1k6fduh",
+        Bh6795r: "fqerorx",
+        B2u0y6b: "f6dzj5z",
+        Byoj8tv: "f1qch9an",
+        z8tnut: "f1g0x7ka",
+        B3aqqti: "fatbyko",
+        Brovlpu: "f1grzc83",
+        Bxa1mx5: "f19shzzi"
+    },
+    disabled: {
+        De3pzq: "f1c21dwh",
+        g2u3we: "f1jj8ep1",
+        h3c5rm: [
+            "f15xbau",
+            "fy0fskl"
+        ],
+        B9xav0g: "f4ikngz",
+        zhjwy3: [
+            "fy0fskl",
+            "f15xbau"
+        ],
+        sj55zd: "f1s2aq7o",
+        Bceei9c: "fdrzuqr",
+        Bjwas2f: "fg455y9",
+        Bn1d65q: [
+            "f1rvyvqg",
+            "f14g86mu"
+        ],
+        Bxeuatn: "f1cwzwz",
+        n51gp8: [
+            "f14g86mu",
+            "f1rvyvqg"
+        ]
+    },
+    disabledUnderline: {
+        g2u3we: "fgig46g",
+        h3c5rm: [
+            "f1mxt3zg",
+            "fziff3p"
+        ],
+        B9xav0g: "f4ikngz",
+        zhjwy3: [
+            "fziff3p",
+            "f1mxt3zg"
+        ]
+    },
+    small: {
+        Bqenvij: "frvgh55",
+        uwmqm3: [
+            "f1xile11",
+            "fqznh8f"
+        ],
+        z189sj: [
+            "fiqd4sw",
+            "f11fkzut"
+        ],
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm"
+    },
+    medium: {
+        Bqenvij: "f1d2rq10",
+        uwmqm3: [
+            "f1e60jzv",
+            "f135dnwl"
+        ],
+        z189sj: [
+            "f154vowv",
+            "flqamny"
+        ],
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi"
+    },
+    large: {
+        Bqenvij: "fbhnoac",
+        uwmqm3: [
+            "fnphzt9",
+            "flt1dlf"
+        ],
+        z189sj: [
+            "f1xi5ia2",
+            "f1xi1l47"
+        ],
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "faaz57k"
+    },
+    outline: {
+        De3pzq: "fxugw4r",
+        B4j52fo: "f5ogflp",
+        Bekrc4i: [
+            "f1hqa2wf",
+            "finvdd3"
+        ],
+        Bn0qgzm: "f1f09k3d",
+        ibv6hh: [
+            "finvdd3",
+            "f1hqa2wf"
+        ],
+        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: "f1f09k3d",
+        oivjwe: "fg706s2",
+        B9xav0g: "f1c1zstj",
+        Bbmb7ep: [
+            "f1krrbdw",
+            "f1deotkl"
+        ],
+        Beyfa6y: [
+            "f1deotkl",
+            "f1krrbdw"
+        ],
+        B7oj6ja: [
+            "f10ostut",
+            "f1ozlkrg"
+        ],
+        Btl43ni: [
+            "f1ozlkrg",
+            "f10ostut"
+        ]
+    },
+    "filled-lighter": {
+        De3pzq: "fxugw4r"
+    },
+    "filled-darker": {
+        De3pzq: "f16xq7d1"
+    },
+    invalid: {
+        tvckwq: "fs4k3qj",
+        gk2u95: [
+            "fcee079",
+            "fmyw78r"
+        ],
+        hhx65j: "f1fgmyf4",
+        Bxowmz0: [
+            "fmyw78r",
+            "fcee079"
+        ]
+    },
+    invalidUnderline: {
+        hhx65j: "f1fgmyf4"
+    }
 }, {
-  d: [".fqrijq1{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".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);}", ".f1couhl3{box-shadow:none;}", ".f1ewtqcl{box-sizing:border-box;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1k6fduh{cursor:pointer;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f6dzj5z{max-width:100%;}", ".f1qch9an{padding-bottom:0;}", ".f1g0x7ka{padding-top:0;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}", ".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}", ".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}", ".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}", ".frvgh55{height:24px;}", ".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", ".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", ".fiqd4sw{padding-right:calc(var(--spacingHorizontalSNudge)\n    + 16px\n    + var(--spacingHorizontalXXS)\n    + var(--spacingHorizontalXXS));}", ".f11fkzut{padding-left:calc(var(--spacingHorizontalSNudge)\n    + 16px\n    + var(--spacingHorizontalXXS)\n    + var(--spacingHorizontalXXS));}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1d2rq10{height:32px;}", ".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}", ".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}", ".f154vowv{padding-right:calc(var(--spacingHorizontalMNudge)\n    + 20px\n    + var(--spacingHorizontalXXS)\n    + var(--spacingHorizontalXXS));}", ".flqamny{padding-left:calc(var(--spacingHorizontalMNudge)\n    + 20px\n    + var(--spacingHorizontalXXS)\n    + var(--spacingHorizontalXXS));}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fbhnoac{height:40px;}", ".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}", ".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}", ".f1xi5ia2{padding-right:calc(var(--spacingHorizontalM)\n    + 24px\n    + var(--spacingHorizontalSNudge)\n    + var(--spacingHorizontalSNudge));}", ".f1xi1l47{padding-left:calc(var(--spacingHorizontalM)\n    + 24px\n    + var(--spacingHorizontalSNudge)\n    + var(--spacingHorizontalSNudge));}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f1krrbdw{border-bottom-right-radius:0;}", ".f1deotkl{border-bottom-left-radius:0;}", ".f10ostut{border-top-right-radius:0;}", ".f1ozlkrg{border-top-left-radius:0;}", ".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);}"],
-  f: [".fatbyko:focus{outline-width:2px;}", ".f1grzc83:focus{outline-style:solid;}", ".f19shzzi:focus{outline-color:transparent;}"],
-  m: [["@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: [
+        ".fqrijq1{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}",
+        ".f5ogflp{border-top-width:1px;}",
+        ".f1hqa2wf{border-right-width:1px;}",
+        ".finvdd3{border-left-width:1px;}",
+        ".f1f09k3d{border-bottom-width:1px;}",
+        ".fzkkow9{border-top-style:solid;}",
+        ".fcdblym{border-right-style:solid;}",
+        ".fjik90z{border-left-style:solid;}",
+        ".fg706s2{border-bottom-style:solid;}",
+        ".f1p3nwhy{border-top-color:transparent;}",
+        ".f11589ue{border-right-color:transparent;}",
+        ".f1pdflbu{border-left-color:transparent;}",
+        ".f1q5o8ev{border-bottom-color:transparent;}",
+        ".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);}",
+        ".f1couhl3{box-shadow:none;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".f1k6fduh{cursor:pointer;}",
+        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
+        ".f6dzj5z{max-width:100%;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
+        ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
+        ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}",
+        ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
+        ".fdrzuqr{cursor:not-allowed;}",
+        ".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}",
+        ".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}",
+        ".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}",
+        ".frvgh55{height:24px;}",
+        ".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}",
+        ".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}",
+        ".fiqd4sw{padding-right:calc(var(--spacingHorizontalSNudge)\n    + 16px\n    + var(--spacingHorizontalXXS)\n    + var(--spacingHorizontalXXS));}",
+        ".f11fkzut{padding-left:calc(var(--spacingHorizontalSNudge)\n    + 16px\n    + var(--spacingHorizontalXXS)\n    + var(--spacingHorizontalXXS));}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".f1d2rq10{height:32px;}",
+        ".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}",
+        ".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}",
+        ".f154vowv{padding-right:calc(var(--spacingHorizontalMNudge)\n    + 20px\n    + var(--spacingHorizontalXXS)\n    + var(--spacingHorizontalXXS));}",
+        ".flqamny{padding-left:calc(var(--spacingHorizontalMNudge)\n    + 20px\n    + var(--spacingHorizontalXXS)\n    + var(--spacingHorizontalXXS));}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".fbhnoac{height:40px;}",
+        ".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}",
+        ".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}",
+        ".f1xi5ia2{padding-right:calc(var(--spacingHorizontalM)\n    + 24px\n    + var(--spacingHorizontalSNudge)\n    + var(--spacingHorizontalSNudge));}",
+        ".f1xi1l47{padding-left:calc(var(--spacingHorizontalM)\n    + 24px\n    + var(--spacingHorizontalSNudge)\n    + var(--spacingHorizontalSNudge));}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}",
+        ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}",
+        ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}",
+        ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}",
+        ".f1krrbdw{border-bottom-right-radius:0;}",
+        ".f1deotkl{border-bottom-left-radius:0;}",
+        ".f10ostut{border-top-right-radius:0;}",
+        ".f1ozlkrg{border-top-left-radius:0;}",
+        ".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);}"
+    ],
+    f: [
+        ".fatbyko:focus{outline-width:2px;}",
+        ".f1grzc83:focus{outline-style:solid;}",
+        ".f19shzzi:focus{outline-color:transparent;}"
+    ],
+    m: [
+        [
+            "@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 useIconStyles = /*#__PURE__*/react_1.__styles({
-  icon: {
-    B7ck84d: "f1ewtqcl",
-    sj55zd: "fxkbij4",
-    mc9l5x: "ftgm304",
-    qhf8xq: "f1euv43f",
-    Bkecrkj: "f1aehjj5",
-    Bo70h7d: "fvc9v3g"
-  },
-  disabled: {
-    sj55zd: "f1s2aq7o",
-    Bbusuzp: "f1dcs8yz"
-  },
-  small: {
-    Be2twd7: "f4ybsrx",
-    Bqenvij: "fd461yt",
-    j35jbq: ["f13lnp83", "f1i5nn0v"],
-    a9b677: "fjw5fx7"
-  },
-  medium: {
-    Be2twd7: "fe5j1ua",
-    Bqenvij: "fjamq6b",
-    j35jbq: ["fnyteob", "f1enpzzf"],
-    a9b677: "f64fuq3"
-  },
-  large: {
-    Be2twd7: "f1rt2boy",
-    Bqenvij: "frvgh55",
-    j35jbq: ["f8b87gs", "fedtrts"],
-    a9b677: "fq4mcun"
-  }
+const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    icon: {
+        B7ck84d: "f1ewtqcl",
+        sj55zd: "fxkbij4",
+        mc9l5x: "ftgm304",
+        qhf8xq: "f1euv43f",
+        Bkecrkj: "f1aehjj5",
+        Bo70h7d: "fvc9v3g"
+    },
+    disabled: {
+        sj55zd: "f1s2aq7o",
+        Bbusuzp: "f1dcs8yz"
+    },
+    small: {
+        Be2twd7: "f4ybsrx",
+        Bqenvij: "fd461yt",
+        j35jbq: [
+            "f13lnp83",
+            "f1i5nn0v"
+        ],
+        a9b677: "fjw5fx7"
+    },
+    medium: {
+        Be2twd7: "fe5j1ua",
+        Bqenvij: "fjamq6b",
+        j35jbq: [
+            "fnyteob",
+            "f1enpzzf"
+        ],
+        a9b677: "f64fuq3"
+    },
+    large: {
+        Be2twd7: "f1rt2boy",
+        Bqenvij: "frvgh55",
+        j35jbq: [
+            "f8b87gs",
+            "fedtrts"
+        ],
+        a9b677: "fq4mcun"
+    }
 }, {
-  d: [".f1ewtqcl{box-sizing:border-box;}", ".fxkbij4{color:var(--colorNeutralStrokeAccessible);}", ".ftgm304{display:block;}", ".f1euv43f{position:absolute;}", ".f1aehjj5{pointer-events:none;}", ".fvc9v3g svg{display:block;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f4ybsrx{font-size:16px;}", ".fd461yt{height:16px;}", ".f13lnp83{right:var(--spacingHorizontalSNudge);}", ".f1i5nn0v{left:var(--spacingHorizontalSNudge);}", ".fjw5fx7{width:16px;}", ".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".fnyteob{right:var(--spacingHorizontalMNudge);}", ".f1enpzzf{left:var(--spacingHorizontalMNudge);}", ".f64fuq3{width:20px;}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".f8b87gs{right:var(--spacingHorizontalM);}", ".fedtrts{left:var(--spacingHorizontalM);}", ".fq4mcun{width:24px;}"],
-  m: [["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
-    m: "(forced-colors: active)"
-  }]]
+    d: [
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".fxkbij4{color:var(--colorNeutralStrokeAccessible);}",
+        ".ftgm304{display:block;}",
+        ".f1euv43f{position:absolute;}",
+        ".f1aehjj5{pointer-events:none;}",
+        ".fvc9v3g svg{display:block;}",
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
+        ".f4ybsrx{font-size:16px;}",
+        ".fd461yt{height:16px;}",
+        ".f13lnp83{right:var(--spacingHorizontalSNudge);}",
+        ".f1i5nn0v{left:var(--spacingHorizontalSNudge);}",
+        ".fjw5fx7{width:16px;}",
+        ".fe5j1ua{font-size:20px;}",
+        ".fjamq6b{height:20px;}",
+        ".fnyteob{right:var(--spacingHorizontalMNudge);}",
+        ".f1enpzzf{left:var(--spacingHorizontalMNudge);}",
+        ".f64fuq3{width:20px;}",
+        ".f1rt2boy{font-size:24px;}",
+        ".frvgh55{height:24px;}",
+        ".f8b87gs{right:var(--spacingHorizontalM);}",
+        ".fedtrts{left:var(--spacingHorizontalM);}",
+        ".fq4mcun{width:24px;}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
 });
-/**
- * Apply styling to the Select slots based on the state
- */
-const useSelectStyles_unstable = state => {
-  const {
-    size,
-    appearance
-  } = state;
-  const disabled = state.select.disabled;
-  const invalid = `${state.select['aria-invalid']}` === 'true';
-  const iconStyles = useIconStyles();
-  const rootStyles = useRootStyles();
-  const selectStyles = useSelectStyles();
-  state.root.className = react_1.mergeClasses(exports.selectClassNames.root, rootStyles.base, state.root.className);
-  state.select.className = react_1.mergeClasses(exports.selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);
-  if (state.icon) {
-    state.icon.className = react_1.mergeClasses(exports.selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);
-  }
-  return state;
-};
-exports.useSelectStyles_unstable = useSelectStyles_unstable;
+const useSelectStyles_unstable = (state)=>{
+    const { size , appearance  } = state;
+    const disabled = state.select.disabled;
+    const invalid = `${state.select['aria-invalid']}` === 'true';
+    const iconStyles = useIconStyles();
+    const rootStyles = useRootStyles();
+    const selectStyles = useSelectStyles();
+    state.root.className = (0, _react.mergeClasses)(selectClassNames.root, rootStyles.base, state.root.className);
+    state.select.className = (0, _react.mergeClasses)(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);
+    }
+    return state;
+}; //# sourceMappingURL=useSelectStyles.js.map
+
 //# sourceMappingURL=useSelectStyles.js.map