@fluentui/react-spinbutton 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230227-0424.1

package/lib-commonjs/components/SpinButton/useSpinButtonStyles.js

@@ -1,525 +1,265 @@
 "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, {
-    spinButtonClassNames: ()=>spinButtonClassNames,
-    useSpinButtonStyles_unstable: ()=>useSpinButtonStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const spinButtonClassNames = {
-    root: 'fui-SpinButton',
-    input: 'fui-SpinButton__input',
-    incrementButton: 'fui-SpinButton__incrementButton',
-    decrementButton: 'fui-SpinButton__decrementButton'
+exports.useSpinButtonStyles_unstable = exports.spinButtonClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+exports.spinButtonClassNames = {
+  root: 'fui-SpinButton',
+  input: 'fui-SpinButton__input',
+  incrementButton: 'fui-SpinButton__incrementButton',
+  decrementButton: 'fui-SpinButton__decrementButton'
 };
 const spinButtonExtraClassNames = {
-    buttonActive: 'fui-SpinButton__button_active'
+  buttonActive: 'fui-SpinButton__button_active'
 };
 const fieldHeights = {
-    small: '24px',
-    medium: '32px'
+  small: '24px',
+  medium: '32px'
 };
-const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rkqmps4", "r1trw52p", [
-    ".rkqmps4{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);row-gap:0;position:relative;isolation:isolate;background-color:var(--colorNeutralBackground1);min-height:32px;padding:0 0 0 var(--spacingHorizontalMNudge);border-radius:var(--borderRadiusMedium);}",
-    ".rkqmps4::before{content:\"\";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);border-radius:var(--borderRadiusMedium);}",
-    ".rkqmps4::after{box-sizing:border-box;content:\"\";position:absolute;right:0;bottom:0;left:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}",
-    "@media screen and (prefers-reduced-motion: reduce){.rkqmps4::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
-    ".rkqmps4:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}",
-    "@media screen and (prefers-reduced-motion: reduce){.rkqmps4:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
-    ".rkqmps4:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}",
-    ".rkqmps4:focus-within{outline:2px solid transparent;}",
-    ".r1trw52p{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);row-gap:0;position:relative;isolation:isolate;background-color:var(--colorNeutralBackground1);min-height:32px;padding:0 var(--spacingHorizontalMNudge) 0 0;border-radius:var(--borderRadiusMedium);}",
-    ".r1trw52p::before{content:\"\";box-sizing:border-box;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);border-radius:var(--borderRadiusMedium);}",
-    ".r1trw52p::after{box-sizing:border-box;content:\"\";position:absolute;left:0;bottom:0;right:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}",
-    "@media screen and (prefers-reduced-motion: reduce){.r1trw52p::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
-    ".r1trw52p:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}",
-    "@media screen and (prefers-reduced-motion: reduce){.r1trw52p:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
-    ".r1trw52p:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}",
-    ".r1trw52p:focus-within{outline:2px solid transparent;}"
-]);
-const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    small: {
-        sshi5w: "f1pha7fy",
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fy9rknc",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "fwrc4pm",
-        uwmqm3: [
-            "f1f5gg8d",
-            "f1vdfbxk"
-        ]
-    },
-    medium: {},
-    outline: {},
-    outlineInteractive: {
-        Bo3r8zu: "f1w2y1rc",
-        Hpvxnh: [
-            "f1gofhvl",
-            "f18htlvq"
-        ],
-        Bx11ytk: "ffcnd28",
-        B1rg0w0: [
-            "f18htlvq",
-            "f1gofhvl"
-        ],
-        Bsg1tlv: "f6lmxco",
-        Brjw370: [
-            "fcoc0mf",
-            "f15r4wkl"
-        ],
-        xcfy85: "f1ipdth8",
-        Bcc6kan: [
-            "f15r4wkl",
-            "fcoc0mf"
-        ]
-    },
-    underline: {
-        B0qfbqy: "f1o236ok",
-        B4f6apu: [
-            "faeg28l",
-            "f64aojp"
-        ],
-        y0oebl: "fdw6hkg",
-        uvfttm: [
-            "f64aojp",
-            "faeg28l"
-        ],
-        Budzafs: [
-            "f1vk4jnx",
-            "f1v3v894"
-        ],
-        r59vdv: [
-            "f1v3v894",
-            "f1vk4jnx"
-        ],
-        n07z76: [
-            "fzi2j54",
-            "f1un0uoc"
-        ],
-        ck0cow: [
-            "f1un0uoc",
-            "fzi2j54"
-        ]
-    },
-    underlineInteractive: {
-        Bx11ytk: "ffcnd28",
-        xcfy85: "f1ipdth8",
-        B3778ie: [
-            "f9pmbr4",
-            "ffh3ws5"
-        ],
-        d9w3h3: [
-            "ffh3ws5",
-            "f9pmbr4"
-        ],
-        Bl18szs: [
-            "f19438ov",
-            "f1i9y5j"
-        ],
-        B4j8arr: [
-            "f1i9y5j",
-            "f19438ov"
-        ]
-    },
-    filled: {
-        B0qfbqy: "f1fjh9ub",
-        B4f6apu: [
-            "ff9c942",
-            "f6rdg5o"
-        ],
-        y0oebl: "fdw6hkg",
-        uvfttm: [
-            "f6rdg5o",
-            "ff9c942"
-        ],
-        Bdkvgpv: "f163fonl",
-        m598lv: [
-            "f1yq6w5o",
-            "f1jpmc5p"
-        ],
-        qa3bma: "f11yjt3y",
-        Bbv0w2i: [
-            "f1jpmc5p",
-            "f1yq6w5o"
-        ],
-        Bq4z7u6: "f7dgwnz",
-        Bk5zm6e: [
-            "f1edeodt",
-            "fszsv3f"
-        ],
-        Bqjgrrk: "f1172wan",
-        Bm6vgfq: [
-            "fszsv3f",
-            "f1edeodt"
-        ]
-    },
-    "filled-darker": {
-        De3pzq: "f16xq7d1"
-    },
-    "filled-lighter": {
-        De3pzq: "fxugw4r"
-    },
-    filledInteractive: {
-        B05mzqr: "f1xqt08",
-        tb9y6h: [
-            "fzt5lgo",
-            "f8tv3r9"
-        ],
-        jcehpj: "fyhrops",
-        B23o0hn: [
-            "f8tv3r9",
-            "fzt5lgo"
-        ]
-    },
-    invalid: {
-        emecyz: "fl48pg9",
-        lz0pba: [
-            "f1a168p3",
-            "f1pvdymy"
-        ],
-        Bo1k74p: "f11knvgl",
-        Ba322q7: [
-            "f1pvdymy",
-            "f1a168p3"
-        ]
-    },
-    disabled: {
-        Bceei9c: "fdrzuqr",
-        De3pzq: "f1c21dwh",
-        Bq4z7u6: "f1a0lfh7",
-        Bk5zm6e: [
-            "f1p2ejm6",
-            "fmzytvz"
-        ],
-        Bqjgrrk: "fas2e61",
-        Bm6vgfq: [
-            "fmzytvz",
-            "f1p2ejm6"
-        ],
-        Cffpyd: "flb8es4",
-        hxi8he: [
-            "f1lclws",
-            "frjp63v"
-        ],
-        Bcuq369: "f1yv9wnt",
-        Imo2if: [
-            "frjp63v",
-            "f1lclws"
-        ]
-    }
+const useRootClassName = /*#__PURE__*/react_1.__resetStyles("rkqmps4", "r1trw52p", [".rkqmps4{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);row-gap:0;position:relative;isolation:isolate;background-color:var(--colorNeutralBackground1);min-height:32px;padding:0 0 0 var(--spacingHorizontalMNudge);border-radius:var(--borderRadiusMedium);}", ".rkqmps4::before{content:\"\";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);border-radius:var(--borderRadiusMedium);}", ".rkqmps4::after{box-sizing:border-box;content:\"\";position:absolute;right:0;bottom:0;left:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}", "@media screen and (prefers-reduced-motion: reduce){.rkqmps4::after{transition-duration:0.01ms;transition-delay:0.01ms;}}", ".rkqmps4:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}", "@media screen and (prefers-reduced-motion: reduce){.rkqmps4:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}", ".rkqmps4:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}", ".rkqmps4:focus-within{outline:2px solid transparent;}", ".r1trw52p{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);row-gap:0;position:relative;isolation:isolate;background-color:var(--colorNeutralBackground1);min-height:32px;padding:0 var(--spacingHorizontalMNudge) 0 0;border-radius:var(--borderRadiusMedium);}", ".r1trw52p::before{content:\"\";box-sizing:border-box;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);border-radius:var(--borderRadiusMedium);}", ".r1trw52p::after{box-sizing:border-box;content:\"\";position:absolute;left:0;bottom:0;right:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}", "@media screen and (prefers-reduced-motion: reduce){.r1trw52p::after{transition-duration:0.01ms;transition-delay:0.01ms;}}", ".r1trw52p:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}", "@media screen and (prefers-reduced-motion: reduce){.r1trw52p:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}", ".r1trw52p:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}", ".r1trw52p:focus-within{outline:2px solid transparent;}"]);
+const useRootStyles = /*#__PURE__*/react_1.__styles({
+  small: {
+    sshi5w: "f1pha7fy",
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "fwrc4pm",
+    uwmqm3: ["f1f5gg8d", "f1vdfbxk"]
+  },
+  medium: {},
+  outline: {},
+  outlineInteractive: {
+    Bo3r8zu: "f1w2y1rc",
+    Hpvxnh: ["f1gofhvl", "f18htlvq"],
+    Bx11ytk: "ffcnd28",
+    B1rg0w0: ["f18htlvq", "f1gofhvl"],
+    Bsg1tlv: "f6lmxco",
+    Brjw370: ["fcoc0mf", "f15r4wkl"],
+    xcfy85: "f1ipdth8",
+    Bcc6kan: ["f15r4wkl", "fcoc0mf"]
+  },
+  underline: {
+    B0qfbqy: "f1o236ok",
+    B4f6apu: ["faeg28l", "f64aojp"],
+    y0oebl: "fdw6hkg",
+    uvfttm: ["f64aojp", "faeg28l"],
+    Budzafs: ["f1vk4jnx", "f1v3v894"],
+    r59vdv: ["f1v3v894", "f1vk4jnx"],
+    n07z76: ["fzi2j54", "f1un0uoc"],
+    ck0cow: ["f1un0uoc", "fzi2j54"]
+  },
+  underlineInteractive: {
+    Bx11ytk: "ffcnd28",
+    xcfy85: "f1ipdth8",
+    B3778ie: ["f9pmbr4", "ffh3ws5"],
+    d9w3h3: ["ffh3ws5", "f9pmbr4"],
+    Bl18szs: ["f19438ov", "f1i9y5j"],
+    B4j8arr: ["f1i9y5j", "f19438ov"]
+  },
+  filled: {
+    B0qfbqy: "f1fjh9ub",
+    B4f6apu: ["ff9c942", "f6rdg5o"],
+    y0oebl: "fdw6hkg",
+    uvfttm: ["f6rdg5o", "ff9c942"],
+    Bdkvgpv: "f163fonl",
+    m598lv: ["f1yq6w5o", "f1jpmc5p"],
+    qa3bma: "f11yjt3y",
+    Bbv0w2i: ["f1jpmc5p", "f1yq6w5o"],
+    Bq4z7u6: "f7dgwnz",
+    Bk5zm6e: ["f1edeodt", "fszsv3f"],
+    Bqjgrrk: "f1172wan",
+    Bm6vgfq: ["fszsv3f", "f1edeodt"]
+  },
+  "filled-darker": {
+    De3pzq: "f16xq7d1"
+  },
+  "filled-lighter": {
+    De3pzq: "fxugw4r"
+  },
+  filledInteractive: {
+    B05mzqr: "f1xqt08",
+    tb9y6h: ["fzt5lgo", "f8tv3r9"],
+    jcehpj: "fyhrops",
+    B23o0hn: ["f8tv3r9", "fzt5lgo"]
+  },
+  invalid: {
+    emecyz: "fl48pg9",
+    lz0pba: ["f1a168p3", "f1pvdymy"],
+    Bo1k74p: "f11knvgl",
+    Ba322q7: ["f1pvdymy", "f1a168p3"]
+  },
+  disabled: {
+    Bceei9c: "fdrzuqr",
+    De3pzq: "f1c21dwh",
+    Bq4z7u6: "f1a0lfh7",
+    Bk5zm6e: ["f1p2ejm6", "fmzytvz"],
+    Bqjgrrk: "fas2e61",
+    Bm6vgfq: ["fmzytvz", "f1p2ejm6"],
+    Cffpyd: "flb8es4",
+    hxi8he: ["f1lclws", "frjp63v"],
+    Bcuq369: "f1yv9wnt",
+    Imo2if: ["frjp63v", "f1lclws"]
+  }
 }, {
-    d: [
-        ".f1pha7fy{min-height:24px;}",
-        ".fk6fouc{font-family:var(--fontFamilyBase);}",
-        ".fy9rknc{font-size:var(--fontSizeBase200);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
-        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
-        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
-        ".f1o236ok::before{border-top-width:0;}",
-        ".faeg28l::before{border-right-width:0;}",
-        ".f64aojp::before{border-left-width:0;}",
-        ".fdw6hkg::before{border-bottom-width:1px;}",
-        ".f1vk4jnx::before{border-bottom-right-radius:var(--borderRadiusNone);}",
-        ".f1v3v894::before{border-bottom-left-radius:var(--borderRadiusNone);}",
-        ".fzi2j54::before{border-top-right-radius:var(--borderRadiusNone);}",
-        ".f1un0uoc::before{border-top-left-radius:var(--borderRadiusNone);}",
-        ".f9pmbr4::after{border-bottom-right-radius:var(--borderRadiusNone);}",
-        ".ffh3ws5::after{border-bottom-left-radius:var(--borderRadiusNone);}",
-        ".f19438ov::after{border-top-right-radius:var(--borderRadiusNone);}",
-        ".f1i9y5j::after{border-top-left-radius:var(--borderRadiusNone);}",
-        ".f1fjh9ub::before{border-top-width:1px;}",
-        ".ff9c942::before{border-right-width:1px;}",
-        ".f6rdg5o::before{border-left-width:1px;}",
-        ".f163fonl::before{border-top-style:solid;}",
-        ".f1yq6w5o::before{border-right-style:solid;}",
-        ".f1jpmc5p::before{border-left-style:solid;}",
-        ".f11yjt3y::before{border-bottom-style:solid;}",
-        ".f7dgwnz::before{border-top-color:var(--colorTransparentStroke);}",
-        ".f1edeodt::before{border-right-color:var(--colorTransparentStroke);}",
-        ".fszsv3f::before{border-left-color:var(--colorTransparentStroke);}",
-        ".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}",
-        ".f16xq7d1{background-color:var(--colorNeutralBackground3);}",
-        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
-        ".fl48pg9:not(:focus-within)::before,.fl48pg9:hover:not(:focus-within)::before{border-top-color:var(--colorPaletteRedBorder2);}",
-        ".f1a168p3:not(:focus-within)::before,.f1a168p3:hover:not(:focus-within)::before{border-right-color:var(--colorPaletteRedBorder2);}",
-        ".f1pvdymy:not(:focus-within)::before,.f1pvdymy:hover:not(:focus-within)::before{border-left-color:var(--colorPaletteRedBorder2);}",
-        ".f11knvgl:not(:focus-within)::before,.f11knvgl:hover:not(:focus-within)::before{border-bottom-color:var(--colorPaletteRedBorder2);}",
-        ".fdrzuqr{cursor:not-allowed;}",
-        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
-        ".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}",
-        ".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}",
-        ".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}",
-        ".fas2e61::before{border-bottom-color:var(--colorNeutralStrokeDisabled);}"
-    ],
-    h: [
-        ".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}",
-        ".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}",
-        ".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}",
-        ".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}",
-        ".f1xqt08:hover::before,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}",
-        ".fzt5lgo:hover::before,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}",
-        ".f8tv3r9:hover::before,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}",
-        ".fyhrops:hover::before,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}"
-    ],
-    a: [
-        ".f6lmxco:active::before,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}",
-        ".fcoc0mf:active::before,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}",
-        ".f15r4wkl:active::before,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}",
-        ".f1ipdth8:active::before,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}"
-    ],
-    m: [
-        [
-            "@media (forced-colors: active){.flb8es4::before{border-top-color:GrayText;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1lclws::before{border-right-color:GrayText;}.frjp63v::before{border-left-color:GrayText;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1yv9wnt::before{border-bottom-color:GrayText;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.frjp63v::before{border-left-color:GrayText;}.f1lclws::before{border-right-color:GrayText;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ]
-    ]
+  d: [".f1pha7fy{min-height:24px;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1o236ok::before{border-top-width:0;}", ".faeg28l::before{border-right-width:0;}", ".f64aojp::before{border-left-width:0;}", ".fdw6hkg::before{border-bottom-width:1px;}", ".f1vk4jnx::before{border-bottom-right-radius:var(--borderRadiusNone);}", ".f1v3v894::before{border-bottom-left-radius:var(--borderRadiusNone);}", ".fzi2j54::before{border-top-right-radius:var(--borderRadiusNone);}", ".f1un0uoc::before{border-top-left-radius:var(--borderRadiusNone);}", ".f9pmbr4::after{border-bottom-right-radius:var(--borderRadiusNone);}", ".ffh3ws5::after{border-bottom-left-radius:var(--borderRadiusNone);}", ".f19438ov::after{border-top-right-radius:var(--borderRadiusNone);}", ".f1i9y5j::after{border-top-left-radius:var(--borderRadiusNone);}", ".f1fjh9ub::before{border-top-width:1px;}", ".ff9c942::before{border-right-width:1px;}", ".f6rdg5o::before{border-left-width:1px;}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f7dgwnz::before{border-top-color:var(--colorTransparentStroke);}", ".f1edeodt::before{border-right-color:var(--colorTransparentStroke);}", ".fszsv3f::before{border-left-color:var(--colorTransparentStroke);}", ".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}", ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fl48pg9:not(:focus-within)::before,.fl48pg9:hover:not(:focus-within)::before{border-top-color:var(--colorPaletteRedBorder2);}", ".f1a168p3:not(:focus-within)::before,.f1a168p3:hover:not(:focus-within)::before{border-right-color:var(--colorPaletteRedBorder2);}", ".f1pvdymy:not(:focus-within)::before,.f1pvdymy:hover:not(:focus-within)::before{border-left-color:var(--colorPaletteRedBorder2);}", ".f11knvgl:not(:focus-within)::before,.f11knvgl:hover:not(:focus-within)::before{border-bottom-color:var(--colorPaletteRedBorder2);}", ".fdrzuqr{cursor:not-allowed;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}", ".fas2e61::before{border-bottom-color:var(--colorNeutralStrokeDisabled);}"],
+  h: [".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}", ".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}", ".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1xqt08:hover::before,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fzt5lgo:hover::before,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}", ".f8tv3r9:hover::before,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fyhrops:hover::before,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}"],
+  a: [".f6lmxco:active::before,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}", ".fcoc0mf:active::before,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f15r4wkl:active::before,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1ipdth8:active::before,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}"],
+  m: [["@media (forced-colors: active){.flb8es4::before{border-top-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1lclws::before{border-right-color:GrayText;}.frjp63v::before{border-left-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1yv9wnt::before{border-bottom-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.frjp63v::before{border-left-color:GrayText;}.f1lclws::before{border-right-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }]]
 });
-const useInputClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rekhnij", null, [
-    ".rekhnij{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;outline-style:none;border:0;padding:0;color:var(--colorNeutralForeground1);background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}",
-    ".rekhnij::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
-    ".rekhnij::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
-    ".rekhnij:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
-    ".rekhnij::placeholder{color:var(--colorNeutralForeground4);opacity:1;}"
-]);
-const useInputStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    disabled: {
-        sj55zd: "f1s2aq7o",
-        Bceei9c: "fdrzuqr",
-        De3pzq: "f1c21dwh",
-        yvdlaj: "fahhnxm"
-    }
+const useInputClassName = /*#__PURE__*/react_1.__resetStyles("rekhnij", null, [".rekhnij{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;outline-style:none;border:0;padding:0;color:var(--colorNeutralForeground1);background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}", ".rekhnij::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".rekhnij::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".rekhnij:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".rekhnij::placeholder{color:var(--colorNeutralForeground4);opacity:1;}"]);
+const useInputStyles = /*#__PURE__*/react_1.__styles({
+  disabled: {
+    sj55zd: "f1s2aq7o",
+    Bceei9c: "fdrzuqr",
+    De3pzq: "f1c21dwh",
+    yvdlaj: "fahhnxm"
+  }
 }, {
-    d: [
-        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
-        ".fdrzuqr{cursor:not-allowed;}",
-        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
-        ".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}",
-        ".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}"
-    ]
+  d: [".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}", ".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}"]
 });
-const useBaseButtonClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r1g4chgs", null, [
-    ".r1g4chgs{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border:0;position:absolute;outline-style:none;height:16px;background-color:transparent;color:var(--colorNeutralForeground3);grid-column-start:2;border-radius:0;padding:0 5px 0 5px;}",
-    ".r1g4chgs:active{outline-style:none;}",
-    ".r1g4chgs:enabled:hover{cursor:pointer;color:var(--colorNeutralForeground3Hover);background-color:var(--colorSubtleBackgroundHover);}",
-    ".r1g4chgs:enabled:active{color:var(--colorNeutralForeground3Pressed);background-color:var(--colorSubtleBackgroundPressed);}",
-    ".r1g4chgs:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);background-color:var(--colorSubtleBackgroundPressed);}",
-    ".r1g4chgs:disabled{cursor:not-allowed;color:var(--colorNeutralForegroundDisabled);}"
-]);
-const useButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    increment: {
-        Ijaq50: "f16hsg94",
-        B7oj6ja: [
-            "f1jar5jt",
-            "fyu767a"
-        ],
-        z8tnut: "f10ra9hq",
-        Byoj8tv: "f1brlhvm"
-    },
-    decrement: {
-        Ijaq50: "faunodf",
-        Bbmb7ep: [
-            "f1aa9q02",
-            "f16jpd5f"
-        ],
-        z8tnut: "f1sl3k7w",
-        Byoj8tv: "f1y2xyjm"
-    },
-    incrementButtonSmall: {
-        z8tnut: "f1khb0e9",
-        z189sj: [
-            "f1sgzk6v",
-            "f1bg5zqg"
-        ],
-        Byoj8tv: "f1ov4xf1",
-        uwmqm3: [
-            "fycuoez",
-            "f8wuabp"
-        ],
-        Bqenvij: "fvblgha"
-    },
-    decrementButtonSmall: {
-        z8tnut: "f1nbblvp",
-        z189sj: [
-            "f1sgzk6v",
-            "f1bg5zqg"
-        ],
-        Byoj8tv: "f1jnq6q7",
-        uwmqm3: [
-            "fycuoez",
-            "f8wuabp"
-        ],
-        Bqenvij: "fvblgha"
-    },
-    outline: {},
-    underline: {
-        De3pzq: "f3rmtva",
-        sj55zd: "f11d4kpn",
-        r4wkhp: "f1no7wuu",
-        B95qlz1: "f1bifk9c",
-        p743kt: "fp1zg4s",
-        B7xitij: "fo6hitd",
-        B6siaa6: "f1wiab75",
-        Ba9qmo4: "fj9zm5z",
-        Dyrjrp: "f1cqwcg4"
-    },
-    "filled-darker": {
-        De3pzq: "f3rmtva",
-        sj55zd: "f11d4kpn",
-        r4wkhp: "f1no7wuu",
-        B95qlz1: "fwwxidx",
-        p743kt: "fp1zg4s",
-        B7xitij: "f14i52sd",
-        B6siaa6: "f1wiab75",
-        Ba9qmo4: "fwry2ka",
-        Dyrjrp: "f1cqwcg4"
-    },
-    "filled-lighter": {
-        De3pzq: "f3rmtva",
-        sj55zd: "f11d4kpn",
-        r4wkhp: "f1no7wuu",
-        B95qlz1: "f1yywxnv",
-        drw0cw: "fzaa11h",
-        idzz8t: "f4fpmm9",
-        Dyrjrp: "f1cqwcg4"
-    }
+const useBaseButtonClassName = /*#__PURE__*/react_1.__resetStyles("r1g4chgs", null, [".r1g4chgs{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border:0;position:absolute;outline-style:none;height:16px;background-color:transparent;color:var(--colorNeutralForeground3);grid-column-start:2;border-radius:0;padding:0 5px 0 5px;}", ".r1g4chgs:active{outline-style:none;}", ".r1g4chgs:enabled:hover{cursor:pointer;color:var(--colorNeutralForeground3Hover);background-color:var(--colorSubtleBackgroundHover);}", ".r1g4chgs:enabled:active{color:var(--colorNeutralForeground3Pressed);background-color:var(--colorSubtleBackgroundPressed);}", ".r1g4chgs:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);background-color:var(--colorSubtleBackgroundPressed);}", ".r1g4chgs:disabled{cursor:not-allowed;color:var(--colorNeutralForegroundDisabled);}"]);
+const useButtonStyles = /*#__PURE__*/react_1.__styles({
+  increment: {
+    Ijaq50: "f16hsg94",
+    B7oj6ja: ["f1jar5jt", "fyu767a"],
+    z8tnut: "f10ra9hq",
+    Byoj8tv: "f1brlhvm"
+  },
+  decrement: {
+    Ijaq50: "faunodf",
+    Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
+    z8tnut: "f1sl3k7w",
+    Byoj8tv: "f1y2xyjm"
+  },
+  incrementButtonSmall: {
+    z8tnut: "f1khb0e9",
+    z189sj: ["f1sgzk6v", "f1bg5zqg"],
+    Byoj8tv: "f1ov4xf1",
+    uwmqm3: ["fycuoez", "f8wuabp"],
+    Bqenvij: "fvblgha"
+  },
+  decrementButtonSmall: {
+    z8tnut: "f1nbblvp",
+    z189sj: ["f1sgzk6v", "f1bg5zqg"],
+    Byoj8tv: "f1jnq6q7",
+    uwmqm3: ["fycuoez", "f8wuabp"],
+    Bqenvij: "fvblgha"
+  },
+  outline: {},
+  underline: {
+    De3pzq: "f3rmtva",
+    sj55zd: "f11d4kpn",
+    r4wkhp: "f1no7wuu",
+    B95qlz1: "f1bifk9c",
+    p743kt: "fp1zg4s",
+    B7xitij: "fo6hitd",
+    B6siaa6: "f1wiab75",
+    Ba9qmo4: "fj9zm5z",
+    Dyrjrp: "f1cqwcg4"
+  },
+  "filled-darker": {
+    De3pzq: "f3rmtva",
+    sj55zd: "f11d4kpn",
+    r4wkhp: "f1no7wuu",
+    B95qlz1: "fwwxidx",
+    p743kt: "fp1zg4s",
+    B7xitij: "f14i52sd",
+    B6siaa6: "f1wiab75",
+    Ba9qmo4: "fwry2ka",
+    Dyrjrp: "f1cqwcg4"
+  },
+  "filled-lighter": {
+    De3pzq: "f3rmtva",
+    sj55zd: "f11d4kpn",
+    r4wkhp: "f1no7wuu",
+    B95qlz1: "f1yywxnv",
+    drw0cw: "fzaa11h",
+    idzz8t: "f4fpmm9",
+    Dyrjrp: "f1cqwcg4"
+  }
 }, {
-    d: [
-        ".f16hsg94{grid-row-start:1;}",
-        ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
-        ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
-        ".f10ra9hq{padding-top:4px;}",
-        ".f1brlhvm{padding-bottom:1px;}",
-        ".faunodf{grid-row-start:2;}",
-        ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
-        ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
-        ".f1sl3k7w{padding-top:1px;}",
-        ".f1y2xyjm{padding-bottom:4px;}",
-        ".f1khb0e9{padding-top:3px;}",
-        ".f1sgzk6v{padding-right:6px;}",
-        ".f1bg5zqg{padding-left:6px;}",
-        ".f1ov4xf1{padding-bottom:0px;}",
-        ".fycuoez{padding-left:4px;}",
-        ".f8wuabp{padding-right:4px;}",
-        ".fvblgha{height:12px;}",
-        ".f1nbblvp{padding-top:0px;}",
-        ".f1jnq6q7{padding-bottom:3px;}",
-        ".f3rmtva{background-color:transparent;}",
-        ".f11d4kpn{color:var(--colorNeutralForeground3);}",
-        ".f1no7wuu:enabled:hover{color:var(--colorNeutralForeground3Hover);}",
-        ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}",
-        ".fp1zg4s:enabled:active{color:var(--colorNeutralForeground3Pressed);}",
-        ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}",
-        ".f1wiab75:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}",
-        ".fj9zm5z:enabled.fui-SpinButton__button_active{background-color:var(--colorSubtleBackgroundPressed);}",
-        ".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}",
-        ".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}",
-        ".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}",
-        ".fwry2ka:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground3Pressed);}",
-        ".f1yywxnv:enabled:hover{background-color:var(--colorNeutralBackground1Hover);}",
-        ".fzaa11h:enabled:active,.fzaa11h:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}",
-        ".f4fpmm9:enabled:active,.f4fpmm9:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground1Pressed);}"
-    ]
+  d: [".f16hsg94{grid-row-start:1;}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f10ra9hq{padding-top:4px;}", ".f1brlhvm{padding-bottom:1px;}", ".faunodf{grid-row-start:2;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1sl3k7w{padding-top:1px;}", ".f1y2xyjm{padding-bottom:4px;}", ".f1khb0e9{padding-top:3px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1ov4xf1{padding-bottom:0px;}", ".fycuoez{padding-left:4px;}", ".f8wuabp{padding-right:4px;}", ".fvblgha{height:12px;}", ".f1nbblvp{padding-top:0px;}", ".f1jnq6q7{padding-bottom:3px;}", ".f3rmtva{background-color:transparent;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f1no7wuu:enabled:hover{color:var(--colorNeutralForeground3Hover);}", ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}", ".fp1zg4s:enabled:active{color:var(--colorNeutralForeground3Pressed);}", ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1wiab75:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}", ".fj9zm5z:enabled.fui-SpinButton__button_active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}", ".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}", ".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}", ".fwry2ka:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground3Pressed);}", ".f1yywxnv:enabled:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fzaa11h:enabled:active,.fzaa11h:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}", ".f4fpmm9:enabled:active,.f4fpmm9:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground1Pressed);}"]
 });
 // Cannot just disable button as they need to remain
 // exposed to ATs like screen readers.
-const useButtonDisabledStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    base: {
-        Bceei9c: "fdrzuqr",
-        eoavqd: "fphbwmw"
-    },
-    outline: {
-        sj55zd: "f1s2aq7o",
-        r4wkhp: "few7wvn",
-        B95qlz1: "f110wuh6",
-        p743kt: "f9s4mys",
-        B7xitij: "f10404rc",
-        B6siaa6: "fwzu9cz",
-        Ba9qmo4: "f1snwkb6"
-    },
-    underline: {
-        sj55zd: "f1s2aq7o",
-        r4wkhp: "few7wvn",
-        B95qlz1: "f110wuh6",
-        p743kt: "f9s4mys",
-        B7xitij: "f10404rc",
-        B6siaa6: "fwzu9cz",
-        Ba9qmo4: "f1snwkb6"
-    },
-    "filled-darker": {
-        sj55zd: "f1s2aq7o",
-        r4wkhp: "few7wvn",
-        B95qlz1: "f110wuh6",
-        p743kt: "f9s4mys",
-        B7xitij: "f10404rc",
-        B6siaa6: "fwzu9cz",
-        Ba9qmo4: "f1snwkb6"
-    },
-    "filled-lighter": {
-        sj55zd: "f1s2aq7o",
-        r4wkhp: "few7wvn",
-        B95qlz1: "f110wuh6",
-        p743kt: "f9s4mys",
-        B7xitij: "f10404rc",
-        B6siaa6: "fwzu9cz",
-        Ba9qmo4: "f1snwkb6"
-    }
+const useButtonDisabledStyles = /*#__PURE__*/react_1.__styles({
+  base: {
+    Bceei9c: "fdrzuqr",
+    eoavqd: "fphbwmw"
+  },
+  outline: {
+    sj55zd: "f1s2aq7o",
+    r4wkhp: "few7wvn",
+    B95qlz1: "f110wuh6",
+    p743kt: "f9s4mys",
+    B7xitij: "f10404rc",
+    B6siaa6: "fwzu9cz",
+    Ba9qmo4: "f1snwkb6"
+  },
+  underline: {
+    sj55zd: "f1s2aq7o",
+    r4wkhp: "few7wvn",
+    B95qlz1: "f110wuh6",
+    p743kt: "f9s4mys",
+    B7xitij: "f10404rc",
+    B6siaa6: "fwzu9cz",
+    Ba9qmo4: "f1snwkb6"
+  },
+  "filled-darker": {
+    sj55zd: "f1s2aq7o",
+    r4wkhp: "few7wvn",
+    B95qlz1: "f110wuh6",
+    p743kt: "f9s4mys",
+    B7xitij: "f10404rc",
+    B6siaa6: "fwzu9cz",
+    Ba9qmo4: "f1snwkb6"
+  },
+  "filled-lighter": {
+    sj55zd: "f1s2aq7o",
+    r4wkhp: "few7wvn",
+    B95qlz1: "f110wuh6",
+    p743kt: "f9s4mys",
+    B7xitij: "f10404rc",
+    B6siaa6: "fwzu9cz",
+    Ba9qmo4: "f1snwkb6"
+  }
 }, {
-    d: [
-        ".fdrzuqr{cursor:not-allowed;}",
-        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
-        ".few7wvn:enabled:hover{color:var(--colorNeutralForegroundDisabled);}",
-        ".f110wuh6:enabled:hover{background-color:transparent;}",
-        ".f9s4mys:enabled:active{color:var(--colorNeutralForegroundDisabled);}",
-        ".f10404rc:enabled:active{background-color:transparent;}",
-        ".fwzu9cz:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForegroundDisabled);}",
-        ".f1snwkb6:enabled.fui-SpinButton__button_active{background-color:transparent;}"
-    ],
-    h: [
-        ".fphbwmw:hover{cursor:not-allowed;}"
-    ]
+  d: [".fdrzuqr{cursor:not-allowed;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".few7wvn:enabled:hover{color:var(--colorNeutralForegroundDisabled);}", ".f110wuh6:enabled:hover{background-color:transparent;}", ".f9s4mys:enabled:active{color:var(--colorNeutralForegroundDisabled);}", ".f10404rc:enabled:active{background-color:transparent;}", ".fwzu9cz:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForegroundDisabled);}", ".f1snwkb6:enabled.fui-SpinButton__button_active{background-color:transparent;}"],
+  h: [".fphbwmw:hover{cursor:not-allowed;}"]
 });
-const useSpinButtonStyles_unstable = (state)=>{
-    const { appearance , atBound , spinState , size  } = state;
-    const disabled = state.input.disabled;
-    const invalid = `${state.input['aria-invalid']}` === 'true';
-    const filled = appearance.startsWith('filled');
-    const rootStyles = useRootStyles();
-    const buttonStyles = useButtonStyles();
-    const buttonDisabledStyles = useButtonDisabledStyles();
-    const inputStyles = useInputStyles();
-    state.root.className = (0, _react.mergeClasses)(spinButtonClassNames.root, useRootClassName(), rootStyles[size], rootStyles[appearance], filled && rootStyles.filled, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);
-    state.incrementButton.className = (0, _react.mergeClasses)(spinButtonClassNames.incrementButton, spinState === 'up' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.increment, buttonStyles[appearance], size === 'small' && buttonStyles.incrementButtonSmall, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles[appearance], state.incrementButton.className);
-    state.decrementButton.className = (0, _react.mergeClasses)(spinButtonClassNames.decrementButton, spinState === 'down' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.decrement, buttonStyles[appearance], size === 'small' && buttonStyles.decrementButtonSmall, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles[appearance], state.decrementButton.className);
-    state.input.className = (0, _react.mergeClasses)(spinButtonClassNames.input, useInputClassName(), disabled && inputStyles.disabled, state.input.className);
-    return state;
-}; //# sourceMappingURL=useSpinButtonStyles.js.map
-
+/**
+ * Apply styling to the SpinButton slots based on the state
+ */
+const useSpinButtonStyles_unstable = state => {
+  const {
+    appearance,
+    atBound,
+    spinState,
+    size
+  } = state;
+  const disabled = state.input.disabled;
+  const invalid = `${state.input['aria-invalid']}` === 'true';
+  const filled = appearance.startsWith('filled');
+  const rootStyles = useRootStyles();
+  const buttonStyles = useButtonStyles();
+  const buttonDisabledStyles = useButtonDisabledStyles();
+  const inputStyles = useInputStyles();
+  state.root.className = react_1.mergeClasses(exports.spinButtonClassNames.root, useRootClassName(), rootStyles[size], rootStyles[appearance], filled && rootStyles.filled, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);
+  state.incrementButton.className = react_1.mergeClasses(exports.spinButtonClassNames.incrementButton, spinState === 'up' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.increment, buttonStyles[appearance], size === 'small' && buttonStyles.incrementButtonSmall, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles[appearance], state.incrementButton.className);
+  state.decrementButton.className = react_1.mergeClasses(exports.spinButtonClassNames.decrementButton, spinState === 'down' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.decrement, buttonStyles[appearance], size === 'small' && buttonStyles.decrementButtonSmall, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles[appearance], state.decrementButton.className);
+  state.input.className = react_1.mergeClasses(exports.spinButtonClassNames.input, useInputClassName(), disabled && inputStyles.disabled, state.input.className);
+  return state;
+};
+exports.useSpinButtonStyles_unstable = useSpinButtonStyles_unstable;
 //# sourceMappingURL=useSpinButtonStyles.js.map