@fluentui/react-select 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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

@@ -1,34 +1,26 @@
 "use strict";
+
 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, {
-    selectClassNames: ()=>selectClassNames,
-    useSelectStyles_unstable: ()=>useSelectStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const _reactTheme = require("@fluentui/react-theme");
-const selectClassNames = {
-    root: "fui-Select",
-    select: "fui-Select__select",
-    icon: "fui-Select__icon"
+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 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:
@@ -36,582 +28,273 @@ const fieldHeights = {
  * 2. Icon width
  * 3. Content-icon spacing
  * 4. Content inner padding
- */ const paddingRight = {
-    small: `calc(${_reactTheme.tokens.spacingHorizontalSNudge}
+ */
+const paddingRight = {
+  small: `calc(${react_theme_1.tokens.spacingHorizontalSNudge}
     + ${iconSizes.small}
-    + ${_reactTheme.tokens.spacingHorizontalXXS}
-    + ${_reactTheme.tokens.spacingHorizontalXXS})`,
-    medium: `calc(${_reactTheme.tokens.spacingHorizontalMNudge}
+    + ${react_theme_1.tokens.spacingHorizontalXXS}
+    + ${react_theme_1.tokens.spacingHorizontalXXS})`,
+  medium: `calc(${react_theme_1.tokens.spacingHorizontalMNudge}
     + ${iconSizes.medium}
-    + ${_reactTheme.tokens.spacingHorizontalXXS}
-    + ${_reactTheme.tokens.spacingHorizontalXXS})`,
-    large: `calc(${_reactTheme.tokens.spacingHorizontalM}
+    + ${react_theme_1.tokens.spacingHorizontalXXS}
+    + ${react_theme_1.tokens.spacingHorizontalXXS})`,
+  large: `calc(${react_theme_1.tokens.spacingHorizontalM}
     + ${iconSizes.large}
-    + ${_reactTheme.tokens.spacingHorizontalSNudge}
-    + ${_reactTheme.tokens.spacingHorizontalSNudge})`
+    + ${react_theme_1.tokens.spacingHorizontalSNudge}
+    + ${react_theme_1.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(${_reactTheme.tokens.spacingHorizontalSNudge} + ${_reactTheme.tokens.spacingHorizontalXXS})`,
-    medium: `calc(${_reactTheme.tokens.spacingHorizontalMNudge} + ${_reactTheme.tokens.spacingHorizontalXXS})`,
-    large: `calc(${_reactTheme.tokens.spacingHorizontalM} + ${_reactTheme.tokens.spacingHorizontalSNudge})`
+ * 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})`
 };
-/* 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"
-    }
+/* 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"
+  }
 }, {
-    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__*/ (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"
-    }
+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"
+  }
 }, {
-    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__*/ (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"
-    }
+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"
+  }
 }, {
-    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)"
+  }]]
 });
-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
-
+/**
+ * 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;
 //# sourceMappingURL=useSelectStyles.js.map