@fluentui/react-spinbutton 9.2.4 → 9.2.5

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

@@ -1,265 +1,525 @@
 "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, {
+    spinButtonClassNames: ()=>spinButtonClassNames,
+    useSpinButtonStyles_unstable: ()=>useSpinButtonStyles_unstable
 });
-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 _react = require("@griffel/react");
+const 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__*/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"]
-  }
+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"
+        ]
+    }
 }, {
-  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__*/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"
-  }
+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"
+    }
 }, {
-  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__*/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"
-  }
+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"
+    }
 }, {
-  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__*/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"
-  }
+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"
+    }
 }, {
-  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;}"
+    ]
 });
-/**
- * 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;
+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
+
 //# sourceMappingURL=useSpinButtonStyles.js.map