@fluentui/react-avatar 9.4.4 → 9.4.5

package/lib-commonjs/components/Avatar/useAvatarStyles.js

@@ -1,530 +1,909 @@
 "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, {
+    avatarClassNames: ()=>avatarClassNames,
+    useSizeStyles: ()=>useSizeStyles,
+    useAvatarStyles_unstable: ()=>useAvatarStyles_unstable
 });
-exports.useAvatarStyles_unstable = exports.useSizeStyles = exports.avatarClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-exports.avatarClassNames = {
-  root: 'fui-Avatar',
-  image: 'fui-Avatar__image',
-  initials: 'fui-Avatar__initials',
-  icon: 'fui-Avatar__icon',
-  badge: 'fui-Avatar__badge'
+const _react = require("@griffel/react");
+const _reactTheme = require("@fluentui/react-theme");
+const avatarClassNames = {
+    root: 'fui-Avatar',
+    image: 'fui-Avatar__image',
+    initials: 'fui-Avatar__initials',
+    icon: 'fui-Avatar__icon',
+    badge: 'fui-Avatar__badge'
 };
 const animations = {
-  fastOutSlowInMax: react_theme_1.tokens.curveDecelerateMax,
-  fastOutSlowInMid: react_theme_1.tokens.curveDecelerateMid,
-  fastOutSlowInMin: react_theme_1.tokens.curveDecelerateMin,
-  slowOutFastInMax: react_theme_1.tokens.curveAccelerateMax,
-  slowOutFastInMid: react_theme_1.tokens.curveAccelerateMid,
-  slowOutFastInMin: react_theme_1.tokens.curveAccelerateMin,
-  fastEase: react_theme_1.tokens.curveEasyEaseMax,
-  normalEase: react_theme_1.tokens.curveEasyEase,
-  nullEasing: react_theme_1.tokens.curveLinear
+    fastOutSlowInMax: _reactTheme.tokens.curveDecelerateMax,
+    fastOutSlowInMid: _reactTheme.tokens.curveDecelerateMid,
+    fastOutSlowInMin: _reactTheme.tokens.curveDecelerateMin,
+    slowOutFastInMax: _reactTheme.tokens.curveAccelerateMax,
+    slowOutFastInMid: _reactTheme.tokens.curveAccelerateMid,
+    slowOutFastInMin: _reactTheme.tokens.curveAccelerateMin,
+    fastEase: _reactTheme.tokens.curveEasyEaseMax,
+    normalEase: _reactTheme.tokens.curveEasyEase,
+    nullEasing: _reactTheme.tokens.curveLinear
 };
-const useRootClassName = /*#__PURE__*/react_1.__resetStyles("rz243wu", null, [".rz243wu{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}"]);
-const useImageClassName = /*#__PURE__*/react_1.__resetStyles("r136dc0n", "rjly0nl", [".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}", ".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}"]);
-const useIconInitialsClassName = /*#__PURE__*/react_1.__resetStyles("rip04v", "r31uzil", [".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}", ".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}"]);
-const useStyles = /*#__PURE__*/react_1.__styles({
-  textCaption2Strong: {
-    Be2twd7: "f13mqy1h"
-  },
-  textCaption1Strong: {
-    Be2twd7: "fy9rknc"
-  },
-  textSubtitle2: {
-    Be2twd7: "fod5ikn"
-  },
-  textSubtitle1: {
-    Be2twd7: "f1pp30po"
-  },
-  textTitle3: {
-    Be2twd7: "f1x0m3f5"
-  },
-  squareSmall: {
-    Bbmb7ep: ["f1g3puop", "fi2rrw2"],
-    Beyfa6y: ["fi2rrw2", "f1g3puop"],
-    B7oj6ja: ["f1rstyi9", "f1s4nn1u"],
-    Btl43ni: ["f1s4nn1u", "f1rstyi9"]
-  },
-  squareMedium: {
-    Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
-    Beyfa6y: ["f16jpd5f", "f1aa9q02"],
-    B7oj6ja: ["f1jar5jt", "fyu767a"],
-    Btl43ni: ["fyu767a", "f1jar5jt"]
-  },
-  squareLarge: {
-    Bbmb7ep: ["f1ldthgs", "frrelxk"],
-    Beyfa6y: ["frrelxk", "f1ldthgs"],
-    B7oj6ja: ["fobrfso", "ffisxpw"],
-    Btl43ni: ["ffisxpw", "fobrfso"]
-  },
-  squareXLarge: {
-    Bbmb7ep: ["fnivh3a", "fc7yr5o"],
-    Beyfa6y: ["fc7yr5o", "fnivh3a"],
-    B7oj6ja: ["f1el4m67", "f8yange"],
-    Btl43ni: ["f8yange", "f1el4m67"]
-  },
-  activeOrInactive: {
-    Bz10aip: "ftfx35i",
-    Bmy1vo4: "fv0atk9",
-    B3o57yi: "f1iry5bo",
-    Cwk7ip: "f1gyuh7d",
-    Hwfdqs: "f1onx1g3",
-    Ftih45: "f1wl9k8s",
-    Brfgrao: "f1j7ml58",
-    Bciustq: "ffi060y",
-    Fbdkly: ["f1fzr1x6", "f1f351id"],
-    lawp4y: "fchca7p",
-    mdwyqc: ["f1f351id", "f1fzr1x6"],
-    Budzafs: ["f1kd9phw", "fyf2ch2"],
-    r59vdv: ["fyf2ch2", "f1kd9phw"],
-    n07z76: ["f1gnrg9b", "f1xx2lx6"],
-    ck0cow: ["f1xx2lx6", "f1gnrg9b"],
-    B8bqphf: "f1e9wvyh",
-    h7gv66: "f1vyz52m",
-    Bvy8d8o: "f1rjhkxy",
-    B1pumaf: "f1ak47q9",
-    B17wnbm: "f1apa6og"
-  },
-  ring: {
-    Bdkvgpv: "f163fonl",
-    m598lv: ["f1yq6w5o", "f1jpmc5p"],
-    qa3bma: "f11yjt3y",
-    Bbv0w2i: ["f1jpmc5p", "f1yq6w5o"]
-  },
-  ringThick: {
-    qehafq: "f1rbtjc9",
-    Bicfajf: ["f1wm0e7m", "f1o0l8kp"],
-    susq4k: "f1tz5420",
-    Biibvgv: ["f1o0l8kp", "f1wm0e7m"],
-    B0qfbqy: "f1q30tuz",
-    B4f6apu: ["f9c0djs", "fcwzx2y"],
-    y0oebl: "f1hdqo1a",
-    uvfttm: ["fcwzx2y", "f9c0djs"]
-  },
-  ringThicker: {
-    qehafq: "fk7ejgl",
-    Bicfajf: ["f12sbt0w", "f1tnh028"],
-    susq4k: "fcrsff4",
-    Biibvgv: ["f1tnh028", "f12sbt0w"],
-    B0qfbqy: "f1jrge4j",
-    B4f6apu: ["fc2vpa6", "f133djwz"],
-    y0oebl: "f9hcsm3",
-    uvfttm: ["f133djwz", "fc2vpa6"]
-  },
-  ringThickest: {
-    qehafq: "fl3e39p",
-    Bicfajf: ["f14m8wrz", "fckzhtt"],
-    susq4k: "fnxq6pw",
-    Biibvgv: ["fckzhtt", "f14m8wrz"],
-    B0qfbqy: "fr6r3yi",
-    B4f6apu: ["ftxoq8w", "f4gs2h8"],
-    y0oebl: "f9gga8r",
-    uvfttm: ["f4gs2h8", "ftxoq8w"]
-  },
-  shadow4: {
-    h8m2vh: "f196qwgu"
-  },
-  shadow8: {
-    h8m2vh: "fut48mo"
-  },
-  shadow16: {
-    h8m2vh: "fh2kfig"
-  },
-  shadow28: {
-    h8m2vh: "f4c2u2p"
-  },
-  inactive: {
-    abs64n: "fp25eh",
-    Bz10aip: "f1clczzi",
-    Bmy1vo4: "fv0atk9",
-    B3o57yi: "f1iry5bo",
-    Cwk7ip: "fxm264b",
-    Hwfdqs: "f1onx1g3",
-    Bwz0kr7: "f1o7dfsw",
-    qehafq: "fe3o830",
-    Bicfajf: ["fzynn9s", "f1z0ukd1"],
-    susq4k: "f1kyqvp9",
-    Biibvgv: ["f1z0ukd1", "fzynn9s"],
-    vz82u: "f1dhznln",
-    B8bqphf: "f1e9wvyh",
-    h7gv66: "f1vyz52m",
-    Bvy8d8o: "f1yb2g89",
-    B1pumaf: "f1ak47q9",
-    B17wnbm: "f1apa6og"
-  },
-  badge: {
-    qhf8xq: "f1euv43f",
-    B5kzvoi: "f1yab3r1",
-    j35jbq: ["f1e31b4d", "f1vgc2s3"],
-    E5pizo: "ffo9j2l"
-  },
-  badgeLarge: {
-    E5pizo: "f1nayfl2"
-  },
-  icon12: {
-    Be2twd7: "f1ugzwwg"
-  },
-  icon16: {
-    Be2twd7: "f4ybsrx"
-  },
-  icon20: {
-    Be2twd7: "fe5j1ua"
-  },
-  icon24: {
-    Be2twd7: "f1rt2boy"
-  },
-  icon28: {
-    Be2twd7: "f24l1pt"
-  },
-  icon32: {
-    Be2twd7: "ffl51b"
-  },
-  icon48: {
-    Be2twd7: "f18m8u13"
-  }
+const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rz243wu", null, [
+    ".rz243wu{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}"
+]);
+const useImageClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r136dc0n", "rjly0nl", [
+    ".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}",
+    ".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}"
+]);
+const useIconInitialsClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rip04v", "r31uzil", [
+    ".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}",
+    ".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}"
+]);
+const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    textCaption2Strong: {
+        Be2twd7: "f13mqy1h"
+    },
+    textCaption1Strong: {
+        Be2twd7: "fy9rknc"
+    },
+    textSubtitle2: {
+        Be2twd7: "fod5ikn"
+    },
+    textSubtitle1: {
+        Be2twd7: "f1pp30po"
+    },
+    textTitle3: {
+        Be2twd7: "f1x0m3f5"
+    },
+    squareSmall: {
+        Bbmb7ep: [
+            "f1g3puop",
+            "fi2rrw2"
+        ],
+        Beyfa6y: [
+            "fi2rrw2",
+            "f1g3puop"
+        ],
+        B7oj6ja: [
+            "f1rstyi9",
+            "f1s4nn1u"
+        ],
+        Btl43ni: [
+            "f1s4nn1u",
+            "f1rstyi9"
+        ]
+    },
+    squareMedium: {
+        Bbmb7ep: [
+            "f1aa9q02",
+            "f16jpd5f"
+        ],
+        Beyfa6y: [
+            "f16jpd5f",
+            "f1aa9q02"
+        ],
+        B7oj6ja: [
+            "f1jar5jt",
+            "fyu767a"
+        ],
+        Btl43ni: [
+            "fyu767a",
+            "f1jar5jt"
+        ]
+    },
+    squareLarge: {
+        Bbmb7ep: [
+            "f1ldthgs",
+            "frrelxk"
+        ],
+        Beyfa6y: [
+            "frrelxk",
+            "f1ldthgs"
+        ],
+        B7oj6ja: [
+            "fobrfso",
+            "ffisxpw"
+        ],
+        Btl43ni: [
+            "ffisxpw",
+            "fobrfso"
+        ]
+    },
+    squareXLarge: {
+        Bbmb7ep: [
+            "fnivh3a",
+            "fc7yr5o"
+        ],
+        Beyfa6y: [
+            "fc7yr5o",
+            "fnivh3a"
+        ],
+        B7oj6ja: [
+            "f1el4m67",
+            "f8yange"
+        ],
+        Btl43ni: [
+            "f8yange",
+            "f1el4m67"
+        ]
+    },
+    activeOrInactive: {
+        Bz10aip: "ftfx35i",
+        Bmy1vo4: "fv0atk9",
+        B3o57yi: "f1iry5bo",
+        Cwk7ip: "f1gyuh7d",
+        Hwfdqs: "f1onx1g3",
+        Ftih45: "f1wl9k8s",
+        Brfgrao: "f1j7ml58",
+        Bciustq: "ffi060y",
+        Fbdkly: [
+            "f1fzr1x6",
+            "f1f351id"
+        ],
+        lawp4y: "fchca7p",
+        mdwyqc: [
+            "f1f351id",
+            "f1fzr1x6"
+        ],
+        Budzafs: [
+            "f1kd9phw",
+            "fyf2ch2"
+        ],
+        r59vdv: [
+            "fyf2ch2",
+            "f1kd9phw"
+        ],
+        n07z76: [
+            "f1gnrg9b",
+            "f1xx2lx6"
+        ],
+        ck0cow: [
+            "f1xx2lx6",
+            "f1gnrg9b"
+        ],
+        B8bqphf: "f1e9wvyh",
+        h7gv66: "f1vyz52m",
+        Bvy8d8o: "f1rjhkxy",
+        B1pumaf: "f1ak47q9",
+        B17wnbm: "f1apa6og"
+    },
+    ring: {
+        Bdkvgpv: "f163fonl",
+        m598lv: [
+            "f1yq6w5o",
+            "f1jpmc5p"
+        ],
+        qa3bma: "f11yjt3y",
+        Bbv0w2i: [
+            "f1jpmc5p",
+            "f1yq6w5o"
+        ]
+    },
+    ringThick: {
+        qehafq: "f1rbtjc9",
+        Bicfajf: [
+            "f1wm0e7m",
+            "f1o0l8kp"
+        ],
+        susq4k: "f1tz5420",
+        Biibvgv: [
+            "f1o0l8kp",
+            "f1wm0e7m"
+        ],
+        B0qfbqy: "f1q30tuz",
+        B4f6apu: [
+            "f9c0djs",
+            "fcwzx2y"
+        ],
+        y0oebl: "f1hdqo1a",
+        uvfttm: [
+            "fcwzx2y",
+            "f9c0djs"
+        ]
+    },
+    ringThicker: {
+        qehafq: "fk7ejgl",
+        Bicfajf: [
+            "f12sbt0w",
+            "f1tnh028"
+        ],
+        susq4k: "fcrsff4",
+        Biibvgv: [
+            "f1tnh028",
+            "f12sbt0w"
+        ],
+        B0qfbqy: "f1jrge4j",
+        B4f6apu: [
+            "fc2vpa6",
+            "f133djwz"
+        ],
+        y0oebl: "f9hcsm3",
+        uvfttm: [
+            "f133djwz",
+            "fc2vpa6"
+        ]
+    },
+    ringThickest: {
+        qehafq: "fl3e39p",
+        Bicfajf: [
+            "f14m8wrz",
+            "fckzhtt"
+        ],
+        susq4k: "fnxq6pw",
+        Biibvgv: [
+            "fckzhtt",
+            "f14m8wrz"
+        ],
+        B0qfbqy: "fr6r3yi",
+        B4f6apu: [
+            "ftxoq8w",
+            "f4gs2h8"
+        ],
+        y0oebl: "f9gga8r",
+        uvfttm: [
+            "f4gs2h8",
+            "ftxoq8w"
+        ]
+    },
+    shadow4: {
+        h8m2vh: "f196qwgu"
+    },
+    shadow8: {
+        h8m2vh: "fut48mo"
+    },
+    shadow16: {
+        h8m2vh: "fh2kfig"
+    },
+    shadow28: {
+        h8m2vh: "f4c2u2p"
+    },
+    inactive: {
+        abs64n: "fp25eh",
+        Bz10aip: "f1clczzi",
+        Bmy1vo4: "fv0atk9",
+        B3o57yi: "f1iry5bo",
+        Cwk7ip: "fxm264b",
+        Hwfdqs: "f1onx1g3",
+        Bwz0kr7: "f1o7dfsw",
+        qehafq: "fe3o830",
+        Bicfajf: [
+            "fzynn9s",
+            "f1z0ukd1"
+        ],
+        susq4k: "f1kyqvp9",
+        Biibvgv: [
+            "f1z0ukd1",
+            "fzynn9s"
+        ],
+        vz82u: "f1dhznln",
+        B8bqphf: "f1e9wvyh",
+        h7gv66: "f1vyz52m",
+        Bvy8d8o: "f1yb2g89",
+        B1pumaf: "f1ak47q9",
+        B17wnbm: "f1apa6og"
+    },
+    badge: {
+        qhf8xq: "f1euv43f",
+        B5kzvoi: "f1yab3r1",
+        j35jbq: [
+            "f1e31b4d",
+            "f1vgc2s3"
+        ],
+        E5pizo: "ffo9j2l"
+    },
+    badgeLarge: {
+        E5pizo: "f1nayfl2"
+    },
+    icon12: {
+        Be2twd7: "f1ugzwwg"
+    },
+    icon16: {
+        Be2twd7: "f4ybsrx"
+    },
+    icon20: {
+        Be2twd7: "fe5j1ua"
+    },
+    icon24: {
+        Be2twd7: "f1rt2boy"
+    },
+    icon28: {
+        Be2twd7: "f24l1pt"
+    },
+    icon32: {
+        Be2twd7: "ffl51b"
+    },
+    icon48: {
+        Be2twd7: "f18m8u13"
+    }
 }, {
-  d: [".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}", ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}", ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}", ".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);}", ".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}", ".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}", ".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}", ".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}", ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}", ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}", ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}", ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}", ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}", ".fv0atk9{transition-property:transform,opacity;}", ".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}", ".f1gyuh7d{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}", ".f1wl9k8s::before{content:\"\";}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1fzr1x6::before{left:0;}", ".f1f351id::before{right:0;}", ".fchca7p::before{bottom:0;}", ".f1kd9phw::before{border-bottom-right-radius:inherit;}", ".fyf2ch2::before{border-bottom-left-radius:inherit;}", ".f1gnrg9b::before{border-top-right-radius:inherit;}", ".f1xx2lx6::before{border-top-left-radius:inherit;}", ".f1e9wvyh::before{transition-property:margin,opacity;}", ".f1vyz52m::before{transition-duration:var(--durationUltraSlow),var(--durationSlower);}", ".f1rjhkxy::before{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f1rbtjc9::before{margin-top:calc(-2 * var(--strokeWidthThick));}", ".f1wm0e7m::before{margin-right:calc(-2 * var(--strokeWidthThick));}", ".f1o0l8kp::before{margin-left:calc(-2 * var(--strokeWidthThick));}", ".f1tz5420::before{margin-bottom:calc(-2 * var(--strokeWidthThick));}", ".f1q30tuz::before{border-top-width:var(--strokeWidthThick);}", ".f9c0djs::before{border-right-width:var(--strokeWidthThick);}", ".fcwzx2y::before{border-left-width:var(--strokeWidthThick);}", ".f1hdqo1a::before{border-bottom-width:var(--strokeWidthThick);}", ".fk7ejgl::before{margin-top:calc(-2 * var(--strokeWidthThicker));}", ".f12sbt0w::before{margin-right:calc(-2 * var(--strokeWidthThicker));}", ".f1tnh028::before{margin-left:calc(-2 * var(--strokeWidthThicker));}", ".fcrsff4::before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}", ".f1jrge4j::before{border-top-width:var(--strokeWidthThicker);}", ".fc2vpa6::before{border-right-width:var(--strokeWidthThicker);}", ".f133djwz::before{border-left-width:var(--strokeWidthThicker);}", ".f9hcsm3::before{border-bottom-width:var(--strokeWidthThicker);}", ".fl3e39p::before{margin-top:calc(-2 * var(--strokeWidthThickest));}", ".f14m8wrz::before{margin-right:calc(-2 * var(--strokeWidthThickest));}", ".fckzhtt::before{margin-left:calc(-2 * var(--strokeWidthThickest));}", ".fnxq6pw::before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}", ".fr6r3yi::before{border-top-width:var(--strokeWidthThickest);}", ".ftxoq8w::before{border-right-width:var(--strokeWidthThickest);}", ".f4gs2h8::before{border-left-width:var(--strokeWidthThickest);}", ".f9gga8r::before{border-bottom-width:var(--strokeWidthThickest);}", ".f196qwgu::before{box-shadow:var(--shadow4);}", ".fut48mo::before{box-shadow:var(--shadow8);}", ".fh2kfig::before{box-shadow:var(--shadow16);}", ".f4c2u2p::before{box-shadow:var(--shadow28);}", ".fp25eh{opacity:0.8;}", ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}", ".fxm264b{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}", ".fe3o830::before{margin-top:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".f1kyqvp9::before{margin-bottom:0;}", ".f1dhznln::before{opacity:0;}", ".f1yb2g89::before{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}", ".f1euv43f{position:absolute;}", ".f1yab3r1{bottom:0;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}", ".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}", ".f1ugzwwg{font-size:12px;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".f24l1pt{font-size:28px;}", ".ffl51b{font-size:32px;}", ".f18m8u13{font-size:48px;}"],
-  m: [["@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1o7dfsw{transition-delay:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }]]
+    d: [
+        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".f1pp30po{font-size:var(--fontSizeBase500);}",
+        ".f1x0m3f5{font-size:var(--fontSizeBase600);}",
+        ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}",
+        ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}",
+        ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}",
+        ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}",
+        ".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);}",
+        ".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}",
+        ".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}",
+        ".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}",
+        ".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}",
+        ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}",
+        ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}",
+        ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}",
+        ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}",
+        ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}",
+        ".fv0atk9{transition-property:transform,opacity;}",
+        ".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}",
+        ".f1gyuh7d{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}",
+        ".f1wl9k8s::before{content:\"\";}",
+        ".f1j7ml58::before{position:absolute;}",
+        ".ffi060y::before{top:0;}",
+        ".f1fzr1x6::before{left:0;}",
+        ".f1f351id::before{right:0;}",
+        ".fchca7p::before{bottom:0;}",
+        ".f1kd9phw::before{border-bottom-right-radius:inherit;}",
+        ".fyf2ch2::before{border-bottom-left-radius:inherit;}",
+        ".f1gnrg9b::before{border-top-right-radius:inherit;}",
+        ".f1xx2lx6::before{border-top-left-radius:inherit;}",
+        ".f1e9wvyh::before{transition-property:margin,opacity;}",
+        ".f1vyz52m::before{transition-duration:var(--durationUltraSlow),var(--durationSlower);}",
+        ".f1rjhkxy::before{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}",
+        ".f163fonl::before{border-top-style:solid;}",
+        ".f1yq6w5o::before{border-right-style:solid;}",
+        ".f1jpmc5p::before{border-left-style:solid;}",
+        ".f11yjt3y::before{border-bottom-style:solid;}",
+        ".f1rbtjc9::before{margin-top:calc(-2 * var(--strokeWidthThick));}",
+        ".f1wm0e7m::before{margin-right:calc(-2 * var(--strokeWidthThick));}",
+        ".f1o0l8kp::before{margin-left:calc(-2 * var(--strokeWidthThick));}",
+        ".f1tz5420::before{margin-bottom:calc(-2 * var(--strokeWidthThick));}",
+        ".f1q30tuz::before{border-top-width:var(--strokeWidthThick);}",
+        ".f9c0djs::before{border-right-width:var(--strokeWidthThick);}",
+        ".fcwzx2y::before{border-left-width:var(--strokeWidthThick);}",
+        ".f1hdqo1a::before{border-bottom-width:var(--strokeWidthThick);}",
+        ".fk7ejgl::before{margin-top:calc(-2 * var(--strokeWidthThicker));}",
+        ".f12sbt0w::before{margin-right:calc(-2 * var(--strokeWidthThicker));}",
+        ".f1tnh028::before{margin-left:calc(-2 * var(--strokeWidthThicker));}",
+        ".fcrsff4::before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}",
+        ".f1jrge4j::before{border-top-width:var(--strokeWidthThicker);}",
+        ".fc2vpa6::before{border-right-width:var(--strokeWidthThicker);}",
+        ".f133djwz::before{border-left-width:var(--strokeWidthThicker);}",
+        ".f9hcsm3::before{border-bottom-width:var(--strokeWidthThicker);}",
+        ".fl3e39p::before{margin-top:calc(-2 * var(--strokeWidthThickest));}",
+        ".f14m8wrz::before{margin-right:calc(-2 * var(--strokeWidthThickest));}",
+        ".fckzhtt::before{margin-left:calc(-2 * var(--strokeWidthThickest));}",
+        ".fnxq6pw::before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}",
+        ".fr6r3yi::before{border-top-width:var(--strokeWidthThickest);}",
+        ".ftxoq8w::before{border-right-width:var(--strokeWidthThickest);}",
+        ".f4gs2h8::before{border-left-width:var(--strokeWidthThickest);}",
+        ".f9gga8r::before{border-bottom-width:var(--strokeWidthThickest);}",
+        ".f196qwgu::before{box-shadow:var(--shadow4);}",
+        ".fut48mo::before{box-shadow:var(--shadow8);}",
+        ".fh2kfig::before{box-shadow:var(--shadow16);}",
+        ".f4c2u2p::before{box-shadow:var(--shadow28);}",
+        ".fp25eh{opacity:0.8;}",
+        ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}",
+        ".fxm264b{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}",
+        ".fe3o830::before{margin-top:0;}",
+        ".fzynn9s::before{margin-right:0;}",
+        ".f1z0ukd1::before{margin-left:0;}",
+        ".f1kyqvp9::before{margin-bottom:0;}",
+        ".f1dhznln::before{opacity:0;}",
+        ".f1yb2g89::before{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}",
+        ".f1euv43f{position:absolute;}",
+        ".f1yab3r1{bottom:0;}",
+        ".f1e31b4d{right:0;}",
+        ".f1vgc2s3{left:0;}",
+        ".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}",
+        ".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}",
+        ".f1ugzwwg{font-size:12px;}",
+        ".f4ybsrx{font-size:16px;}",
+        ".fe5j1ua{font-size:20px;}",
+        ".f1rt2boy{font-size:24px;}",
+        ".f24l1pt{font-size:28px;}",
+        ".ffl51b{font-size:32px;}",
+        ".f18m8u13{font-size:48px;}"
+    ],
+    m: [
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1o7dfsw{transition-delay:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ]
+    ]
 });
-exports.useSizeStyles = /*#__PURE__*/react_1.__styles({
-  "16": {
-    a9b677: "fjw5fx7",
-    Bqenvij: "fd461yt"
-  },
-  "20": {
-    a9b677: "f64fuq3",
-    Bqenvij: "fjamq6b"
-  },
-  "24": {
-    a9b677: "fq4mcun",
-    Bqenvij: "frvgh55"
-  },
-  "28": {
-    a9b677: "f1w9dchk",
-    Bqenvij: "fxldao9"
-  },
-  "32": {
-    a9b677: "f1szoe96",
-    Bqenvij: "f1d2rq10"
-  },
-  "36": {
-    a9b677: "fpdz1er",
-    Bqenvij: "f8ljn23"
-  },
-  "40": {
-    a9b677: "feqmc2u",
-    Bqenvij: "fbhnoac"
-  },
-  "48": {
-    a9b677: "f124akge",
-    Bqenvij: "ff2sm71"
-  },
-  "56": {
-    a9b677: "f1u66zr1",
-    Bqenvij: "fzki0ko"
-  },
-  "64": {
-    a9b677: "fa9ln6p",
-    Bqenvij: "f16k9i2m"
-  },
-  "72": {
-    a9b677: "fhcae8x",
-    Bqenvij: "f1shusfg"
-  },
-  "96": {
-    a9b677: "f1kyr2gn",
-    Bqenvij: "fypu0ge"
-  },
-  "120": {
-    a9b677: "fwfqyga",
-    Bqenvij: "fjr5b71"
-  },
-  "128": {
-    a9b677: "f1iksgmy",
-    Bqenvij: "fele2au"
-  }
+const useSizeStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    "16": {
+        a9b677: "fjw5fx7",
+        Bqenvij: "fd461yt"
+    },
+    "20": {
+        a9b677: "f64fuq3",
+        Bqenvij: "fjamq6b"
+    },
+    "24": {
+        a9b677: "fq4mcun",
+        Bqenvij: "frvgh55"
+    },
+    "28": {
+        a9b677: "f1w9dchk",
+        Bqenvij: "fxldao9"
+    },
+    "32": {
+        a9b677: "f1szoe96",
+        Bqenvij: "f1d2rq10"
+    },
+    "36": {
+        a9b677: "fpdz1er",
+        Bqenvij: "f8ljn23"
+    },
+    "40": {
+        a9b677: "feqmc2u",
+        Bqenvij: "fbhnoac"
+    },
+    "48": {
+        a9b677: "f124akge",
+        Bqenvij: "ff2sm71"
+    },
+    "56": {
+        a9b677: "f1u66zr1",
+        Bqenvij: "fzki0ko"
+    },
+    "64": {
+        a9b677: "fa9ln6p",
+        Bqenvij: "f16k9i2m"
+    },
+    "72": {
+        a9b677: "fhcae8x",
+        Bqenvij: "f1shusfg"
+    },
+    "96": {
+        a9b677: "f1kyr2gn",
+        Bqenvij: "fypu0ge"
+    },
+    "120": {
+        a9b677: "fwfqyga",
+        Bqenvij: "fjr5b71"
+    },
+    "128": {
+        a9b677: "f1iksgmy",
+        Bqenvij: "fele2au"
+    }
 }, {
-  d: [".fjw5fx7{width:16px;}", ".fd461yt{height:16px;}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".fq4mcun{width:24px;}", ".frvgh55{height:24px;}", ".f1w9dchk{width:28px;}", ".fxldao9{height:28px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}", ".fpdz1er{width:36px;}", ".f8ljn23{height:36px;}", ".feqmc2u{width:40px;}", ".fbhnoac{height:40px;}", ".f124akge{width:48px;}", ".ff2sm71{height:48px;}", ".f1u66zr1{width:56px;}", ".fzki0ko{height:56px;}", ".fa9ln6p{width:64px;}", ".f16k9i2m{height:64px;}", ".fhcae8x{width:72px;}", ".f1shusfg{height:72px;}", ".f1kyr2gn{width:96px;}", ".fypu0ge{height:96px;}", ".fwfqyga{width:120px;}", ".fjr5b71{height:120px;}", ".f1iksgmy{width:128px;}", ".fele2au{height:128px;}"]
+    d: [
+        ".fjw5fx7{width:16px;}",
+        ".fd461yt{height:16px;}",
+        ".f64fuq3{width:20px;}",
+        ".fjamq6b{height:20px;}",
+        ".fq4mcun{width:24px;}",
+        ".frvgh55{height:24px;}",
+        ".f1w9dchk{width:28px;}",
+        ".fxldao9{height:28px;}",
+        ".f1szoe96{width:32px;}",
+        ".f1d2rq10{height:32px;}",
+        ".fpdz1er{width:36px;}",
+        ".f8ljn23{height:36px;}",
+        ".feqmc2u{width:40px;}",
+        ".fbhnoac{height:40px;}",
+        ".f124akge{width:48px;}",
+        ".ff2sm71{height:48px;}",
+        ".f1u66zr1{width:56px;}",
+        ".fzki0ko{height:56px;}",
+        ".fa9ln6p{width:64px;}",
+        ".f16k9i2m{height:64px;}",
+        ".fhcae8x{width:72px;}",
+        ".f1shusfg{height:72px;}",
+        ".f1kyr2gn{width:96px;}",
+        ".fypu0ge{height:96px;}",
+        ".fwfqyga{width:120px;}",
+        ".fjr5b71{height:120px;}",
+        ".f1iksgmy{width:128px;}",
+        ".fele2au{height:128px;}"
+    ]
 });
-const useColorStyles = /*#__PURE__*/react_1.__styles({
-  neutral: {
-    sj55zd: "f11d4kpn",
-    De3pzq: "f18f03hv",
-    Bic5iru: "f1uuiafn"
-  },
-  brand: {
-    sj55zd: "fonrgv7",
-    De3pzq: "f1blnnmj",
-    Bic5iru: "f1uuiafn"
-  },
-  "dark-red": {
-    sj55zd: "fqjd1y1",
-    De3pzq: "f1vq2oo4",
-    Bic5iru: "f1t2x9on"
-  },
-  cranberry: {
-    sj55zd: "fg9gses",
-    De3pzq: "f1lwxszt",
-    Bic5iru: "f1pvshc9"
-  },
-  red: {
-    sj55zd: "f23f7i0",
-    De3pzq: "f1q9qhfq",
-    Bic5iru: "f1ectbk9"
-  },
-  pumpkin: {
-    sj55zd: "fjnan08",
-    De3pzq: "fz91bi3",
-    Bic5iru: "fvzpl0b"
-  },
-  peach: {
-    sj55zd: "fknu15p",
-    De3pzq: "f1b9nr51",
-    Bic5iru: "fwj2kd7"
-  },
-  marigold: {
-    sj55zd: "f9603vw",
-    De3pzq: "f3z4w6d",
-    Bic5iru: "fr120vy"
-  },
-  gold: {
-    sj55zd: "fmq0uwp",
-    De3pzq: "fg50kya",
-    Bic5iru: "f8xmmar"
-  },
-  brass: {
-    sj55zd: "f28g5vo",
-    De3pzq: "f4w2gd0",
-    Bic5iru: "f1hbety2"
-  },
-  brown: {
-    sj55zd: "ftl572b",
-    De3pzq: "f14wu1f4",
-    Bic5iru: "f1vg3s4g"
-  },
-  forest: {
-    sj55zd: "f1gymlvd",
-    De3pzq: "f19ut4y6",
-    Bic5iru: "f1m3olm5"
-  },
-  seafoam: {
-    sj55zd: "fnnb6wn",
-    De3pzq: "f1n057jc",
-    Bic5iru: "f17xiqtr"
-  },
-  "dark-green": {
-    sj55zd: "ff58qw8",
-    De3pzq: "f11t05wk",
-    Bic5iru: "fx32vyh"
-  },
-  "light-teal": {
-    sj55zd: "f1up9qbj",
-    De3pzq: "f42feg1",
-    Bic5iru: "f1mkihwv"
-  },
-  teal: {
-    sj55zd: "f135dsb4",
-    De3pzq: "f6hvv1p",
-    Bic5iru: "fecnooh"
-  },
-  steel: {
-    sj55zd: "f151dlcp",
-    De3pzq: "f1lnp8zf",
-    Bic5iru: "f15hfgzm"
-  },
-  blue: {
-    sj55zd: "f1rjv50u",
-    De3pzq: "f1ggcpy6",
-    Bic5iru: "fqproka"
-  },
-  "royal-blue": {
-    sj55zd: "f1emykk5",
-    De3pzq: "f12rj61f",
-    Bic5iru: "f17v2w59"
-  },
-  cornflower: {
-    sj55zd: "fqsigj7",
-    De3pzq: "f8k7hur",
-    Bic5iru: "fp0q1mo"
-  },
-  navy: {
-    sj55zd: "f1nj97xi",
-    De3pzq: "f19gw0ux",
-    Bic5iru: "f1nlym55"
-  },
-  lavender: {
-    sj55zd: "fwctg0i",
-    De3pzq: "ff379vm",
-    Bic5iru: "f62vk8h"
-  },
-  purple: {
-    sj55zd: "fjrsgpu",
-    De3pzq: "f1mzf1e1",
-    Bic5iru: "f15zl69q"
-  },
-  grape: {
-    sj55zd: "f1fiiydq",
-    De3pzq: "f1o4k8oy",
-    Bic5iru: "f53w4j7"
-  },
-  lilac: {
-    sj55zd: "f1res9jt",
-    De3pzq: "f1x6mz1o",
-    Bic5iru: "fu2771t"
-  },
-  pink: {
-    sj55zd: "fv3fbbi",
-    De3pzq: "fydlv6t",
-    Bic5iru: "fzflscs"
-  },
-  magenta: {
-    sj55zd: "f1f1fwnz",
-    De3pzq: "f4xb6j5",
-    Bic5iru: "fb6rmqc"
-  },
-  plum: {
-    sj55zd: "f8ptl6j",
-    De3pzq: "fqo8e26",
-    Bic5iru: "f1a4gm5b"
-  },
-  beige: {
-    sj55zd: "f1ntv3ld",
-    De3pzq: "f101elhj",
-    Bic5iru: "f1qpf9z1"
-  },
-  mink: {
-    sj55zd: "f1fscmp",
-    De3pzq: "f13g8o5c",
-    Bic5iru: "f1l7or83"
-  },
-  platinum: {
-    sj55zd: "f1dr00v2",
-    De3pzq: "fkh7blw",
-    Bic5iru: "fzrj0iu"
-  },
-  anchor: {
-    sj55zd: "f1f3ti53",
-    De3pzq: "fu4yj0j",
-    Bic5iru: "f8oz6wf"
-  }
+const useColorStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    neutral: {
+        sj55zd: "f11d4kpn",
+        De3pzq: "f18f03hv",
+        Bic5iru: "f1uuiafn"
+    },
+    brand: {
+        sj55zd: "fonrgv7",
+        De3pzq: "f1blnnmj",
+        Bic5iru: "f1uuiafn"
+    },
+    "dark-red": {
+        sj55zd: "fqjd1y1",
+        De3pzq: "f1vq2oo4",
+        Bic5iru: "f1t2x9on"
+    },
+    cranberry: {
+        sj55zd: "fg9gses",
+        De3pzq: "f1lwxszt",
+        Bic5iru: "f1pvshc9"
+    },
+    red: {
+        sj55zd: "f23f7i0",
+        De3pzq: "f1q9qhfq",
+        Bic5iru: "f1ectbk9"
+    },
+    pumpkin: {
+        sj55zd: "fjnan08",
+        De3pzq: "fz91bi3",
+        Bic5iru: "fvzpl0b"
+    },
+    peach: {
+        sj55zd: "fknu15p",
+        De3pzq: "f1b9nr51",
+        Bic5iru: "fwj2kd7"
+    },
+    marigold: {
+        sj55zd: "f9603vw",
+        De3pzq: "f3z4w6d",
+        Bic5iru: "fr120vy"
+    },
+    gold: {
+        sj55zd: "fmq0uwp",
+        De3pzq: "fg50kya",
+        Bic5iru: "f8xmmar"
+    },
+    brass: {
+        sj55zd: "f28g5vo",
+        De3pzq: "f4w2gd0",
+        Bic5iru: "f1hbety2"
+    },
+    brown: {
+        sj55zd: "ftl572b",
+        De3pzq: "f14wu1f4",
+        Bic5iru: "f1vg3s4g"
+    },
+    forest: {
+        sj55zd: "f1gymlvd",
+        De3pzq: "f19ut4y6",
+        Bic5iru: "f1m3olm5"
+    },
+    seafoam: {
+        sj55zd: "fnnb6wn",
+        De3pzq: "f1n057jc",
+        Bic5iru: "f17xiqtr"
+    },
+    "dark-green": {
+        sj55zd: "ff58qw8",
+        De3pzq: "f11t05wk",
+        Bic5iru: "fx32vyh"
+    },
+    "light-teal": {
+        sj55zd: "f1up9qbj",
+        De3pzq: "f42feg1",
+        Bic5iru: "f1mkihwv"
+    },
+    teal: {
+        sj55zd: "f135dsb4",
+        De3pzq: "f6hvv1p",
+        Bic5iru: "fecnooh"
+    },
+    steel: {
+        sj55zd: "f151dlcp",
+        De3pzq: "f1lnp8zf",
+        Bic5iru: "f15hfgzm"
+    },
+    blue: {
+        sj55zd: "f1rjv50u",
+        De3pzq: "f1ggcpy6",
+        Bic5iru: "fqproka"
+    },
+    "royal-blue": {
+        sj55zd: "f1emykk5",
+        De3pzq: "f12rj61f",
+        Bic5iru: "f17v2w59"
+    },
+    cornflower: {
+        sj55zd: "fqsigj7",
+        De3pzq: "f8k7hur",
+        Bic5iru: "fp0q1mo"
+    },
+    navy: {
+        sj55zd: "f1nj97xi",
+        De3pzq: "f19gw0ux",
+        Bic5iru: "f1nlym55"
+    },
+    lavender: {
+        sj55zd: "fwctg0i",
+        De3pzq: "ff379vm",
+        Bic5iru: "f62vk8h"
+    },
+    purple: {
+        sj55zd: "fjrsgpu",
+        De3pzq: "f1mzf1e1",
+        Bic5iru: "f15zl69q"
+    },
+    grape: {
+        sj55zd: "f1fiiydq",
+        De3pzq: "f1o4k8oy",
+        Bic5iru: "f53w4j7"
+    },
+    lilac: {
+        sj55zd: "f1res9jt",
+        De3pzq: "f1x6mz1o",
+        Bic5iru: "fu2771t"
+    },
+    pink: {
+        sj55zd: "fv3fbbi",
+        De3pzq: "fydlv6t",
+        Bic5iru: "fzflscs"
+    },
+    magenta: {
+        sj55zd: "f1f1fwnz",
+        De3pzq: "f4xb6j5",
+        Bic5iru: "fb6rmqc"
+    },
+    plum: {
+        sj55zd: "f8ptl6j",
+        De3pzq: "fqo8e26",
+        Bic5iru: "f1a4gm5b"
+    },
+    beige: {
+        sj55zd: "f1ntv3ld",
+        De3pzq: "f101elhj",
+        Bic5iru: "f1qpf9z1"
+    },
+    mink: {
+        sj55zd: "f1fscmp",
+        De3pzq: "f13g8o5c",
+        Bic5iru: "f1l7or83"
+    },
+    platinum: {
+        sj55zd: "f1dr00v2",
+        De3pzq: "fkh7blw",
+        Bic5iru: "fzrj0iu"
+    },
+    anchor: {
+        sj55zd: "f1f3ti53",
+        De3pzq: "fu4yj0j",
+        Bic5iru: "f8oz6wf"
+    }
 }, {
-  d: [".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".f1uuiafn::before{color:var(--colorBrandStroke1);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}", ".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}", ".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}", ".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}", ".fg9gses{color:var(--colorPaletteCranberryForeground2);}", ".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}", ".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}", ".f23f7i0{color:var(--colorPaletteRedForeground2);}", ".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}", ".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}", ".fjnan08{color:var(--colorPalettePumpkinForeground2);}", ".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}", ".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}", ".fknu15p{color:var(--colorPalettePeachForeground2);}", ".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}", ".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}", ".f9603vw{color:var(--colorPaletteMarigoldForeground2);}", ".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}", ".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}", ".fmq0uwp{color:var(--colorPaletteGoldForeground2);}", ".fg50kya{background-color:var(--colorPaletteGoldBackground2);}", ".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}", ".f28g5vo{color:var(--colorPaletteBrassForeground2);}", ".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}", ".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}", ".ftl572b{color:var(--colorPaletteBrownForeground2);}", ".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}", ".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}", ".f1gymlvd{color:var(--colorPaletteForestForeground2);}", ".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}", ".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}", ".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}", ".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}", ".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}", ".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}", ".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}", ".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}", ".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}", ".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}", ".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}", ".f135dsb4{color:var(--colorPaletteTealForeground2);}", ".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}", ".fecnooh::before{color:var(--colorPaletteTealBorderActive);}", ".f151dlcp{color:var(--colorPaletteSteelForeground2);}", ".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}", ".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}", ".f1rjv50u{color:var(--colorPaletteBlueForeground2);}", ".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}", ".fqproka::before{color:var(--colorPaletteBlueBorderActive);}", ".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}", ".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}", ".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}", ".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}", ".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}", ".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}", ".f1nj97xi{color:var(--colorPaletteNavyForeground2);}", ".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}", ".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}", ".fwctg0i{color:var(--colorPaletteLavenderForeground2);}", ".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}", ".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}", ".fjrsgpu{color:var(--colorPalettePurpleForeground2);}", ".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}", ".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}", ".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}", ".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}", ".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}", ".f1res9jt{color:var(--colorPaletteLilacForeground2);}", ".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}", ".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}", ".fv3fbbi{color:var(--colorPalettePinkForeground2);}", ".fydlv6t{background-color:var(--colorPalettePinkBackground2);}", ".fzflscs::before{color:var(--colorPalettePinkBorderActive);}", ".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}", ".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}", ".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}", ".f8ptl6j{color:var(--colorPalettePlumForeground2);}", ".fqo8e26{background-color:var(--colorPalettePlumBackground2);}", ".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}", ".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}", ".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}", ".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}", ".f1fscmp{color:var(--colorPaletteMinkForeground2);}", ".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}", ".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}", ".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}", ".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}", ".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}", ".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}", ".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}", ".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}"]
+    d: [
+        ".f11d4kpn{color:var(--colorNeutralForeground3);}",
+        ".f18f03hv{background-color:var(--colorNeutralBackground6);}",
+        ".f1uuiafn::before{color:var(--colorBrandStroke1);}",
+        ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}",
+        ".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}",
+        ".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}",
+        ".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}",
+        ".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}",
+        ".fg9gses{color:var(--colorPaletteCranberryForeground2);}",
+        ".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}",
+        ".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}",
+        ".f23f7i0{color:var(--colorPaletteRedForeground2);}",
+        ".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}",
+        ".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}",
+        ".fjnan08{color:var(--colorPalettePumpkinForeground2);}",
+        ".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}",
+        ".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}",
+        ".fknu15p{color:var(--colorPalettePeachForeground2);}",
+        ".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}",
+        ".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}",
+        ".f9603vw{color:var(--colorPaletteMarigoldForeground2);}",
+        ".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}",
+        ".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}",
+        ".fmq0uwp{color:var(--colorPaletteGoldForeground2);}",
+        ".fg50kya{background-color:var(--colorPaletteGoldBackground2);}",
+        ".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}",
+        ".f28g5vo{color:var(--colorPaletteBrassForeground2);}",
+        ".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}",
+        ".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}",
+        ".ftl572b{color:var(--colorPaletteBrownForeground2);}",
+        ".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}",
+        ".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}",
+        ".f1gymlvd{color:var(--colorPaletteForestForeground2);}",
+        ".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}",
+        ".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}",
+        ".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}",
+        ".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}",
+        ".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}",
+        ".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}",
+        ".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}",
+        ".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}",
+        ".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}",
+        ".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}",
+        ".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}",
+        ".f135dsb4{color:var(--colorPaletteTealForeground2);}",
+        ".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}",
+        ".fecnooh::before{color:var(--colorPaletteTealBorderActive);}",
+        ".f151dlcp{color:var(--colorPaletteSteelForeground2);}",
+        ".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}",
+        ".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}",
+        ".f1rjv50u{color:var(--colorPaletteBlueForeground2);}",
+        ".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}",
+        ".fqproka::before{color:var(--colorPaletteBlueBorderActive);}",
+        ".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}",
+        ".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}",
+        ".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}",
+        ".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}",
+        ".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}",
+        ".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}",
+        ".f1nj97xi{color:var(--colorPaletteNavyForeground2);}",
+        ".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}",
+        ".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}",
+        ".fwctg0i{color:var(--colorPaletteLavenderForeground2);}",
+        ".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}",
+        ".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}",
+        ".fjrsgpu{color:var(--colorPalettePurpleForeground2);}",
+        ".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}",
+        ".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}",
+        ".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}",
+        ".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}",
+        ".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}",
+        ".f1res9jt{color:var(--colorPaletteLilacForeground2);}",
+        ".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}",
+        ".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}",
+        ".fv3fbbi{color:var(--colorPalettePinkForeground2);}",
+        ".fydlv6t{background-color:var(--colorPalettePinkBackground2);}",
+        ".fzflscs::before{color:var(--colorPalettePinkBorderActive);}",
+        ".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}",
+        ".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}",
+        ".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}",
+        ".f8ptl6j{color:var(--colorPalettePlumForeground2);}",
+        ".fqo8e26{background-color:var(--colorPalettePlumBackground2);}",
+        ".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}",
+        ".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}",
+        ".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}",
+        ".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}",
+        ".f1fscmp{color:var(--colorPaletteMinkForeground2);}",
+        ".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}",
+        ".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}",
+        ".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}",
+        ".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}",
+        ".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}",
+        ".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}",
+        ".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}",
+        ".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}"
+    ]
 });
-const useAvatarStyles_unstable = state => {
-  const {
-    size,
-    shape,
-    active,
-    activeAppearance,
-    color
-  } = state;
-  const rootClassName = useRootClassName();
-  const imageClassName = useImageClassName();
-  const iconInitialsClassName = useIconInitialsClassName();
-  const styles = useStyles();
-  const sizeStyles = exports.useSizeStyles();
-  const colorStyles = useColorStyles();
-  const rootClasses = [rootClassName, size !== 32 && sizeStyles[size], colorStyles[color]];
-  if (size <= 24) {
-    rootClasses.push(styles.textCaption2Strong);
-  } else if (size <= 28) {
-    rootClasses.push(styles.textCaption1Strong);
-  } else if (size <= 40) {
-    // Default text size included in useRootClassName
-  } else if (size <= 56) {
-    rootClasses.push(styles.textSubtitle2);
-  } else if (size <= 96) {
-    rootClasses.push(styles.textSubtitle1);
-  } else {
-    rootClasses.push(styles.textTitle3);
-  }
-  if (shape === 'square') {
+const useAvatarStyles_unstable = (state)=>{
+    const { size , shape , active , activeAppearance , color  } = state;
+    const rootClassName = useRootClassName();
+    const imageClassName = useImageClassName();
+    const iconInitialsClassName = useIconInitialsClassName();
+    const styles = useStyles();
+    const sizeStyles = useSizeStyles();
+    const colorStyles = useColorStyles();
+    const rootClasses = [
+        rootClassName,
+        size !== 32 && sizeStyles[size],
+        colorStyles[color]
+    ];
     if (size <= 24) {
-      rootClasses.push(styles.squareSmall);
-    } else if (size <= 48) {
-      rootClasses.push(styles.squareMedium);
-    } else if (size <= 72) {
-      rootClasses.push(styles.squareLarge);
+        rootClasses.push(styles.textCaption2Strong);
+    } else if (size <= 28) {
+        rootClasses.push(styles.textCaption1Strong);
+    } else if (size <= 40) {
+    // Default text size included in useRootClassName
+    } else if (size <= 56) {
+        rootClasses.push(styles.textSubtitle2);
+    } else if (size <= 96) {
+        rootClasses.push(styles.textSubtitle1);
     } else {
-      rootClasses.push(styles.squareXLarge);
+        rootClasses.push(styles.textTitle3);
     }
-  }
-  if (active === 'active' || active === 'inactive') {
-    rootClasses.push(styles.activeOrInactive);
-    if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {
-      rootClasses.push(styles.ring);
-      if (size <= 48) {
-        rootClasses.push(styles.ringThick);
-      } else if (size <= 64) {
-        rootClasses.push(styles.ringThicker);
-      } else {
-        rootClasses.push(styles.ringThickest);
-      }
+    if (shape === 'square') {
+        if (size <= 24) {
+            rootClasses.push(styles.squareSmall);
+        } else if (size <= 48) {
+            rootClasses.push(styles.squareMedium);
+        } else if (size <= 72) {
+            rootClasses.push(styles.squareLarge);
+        } else {
+            rootClasses.push(styles.squareXLarge);
+        }
     }
-    if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {
-      if (size <= 28) {
-        rootClasses.push(styles.shadow4);
-      } else if (size <= 48) {
-        rootClasses.push(styles.shadow8);
-      } else if (size <= 64) {
-        rootClasses.push(styles.shadow16);
-      } else {
-        rootClasses.push(styles.shadow28);
-      }
+    if (active === 'active' || active === 'inactive') {
+        rootClasses.push(styles.activeOrInactive);
+        if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {
+            rootClasses.push(styles.ring);
+            if (size <= 48) {
+                rootClasses.push(styles.ringThick);
+            } else if (size <= 64) {
+                rootClasses.push(styles.ringThicker);
+            } else {
+                rootClasses.push(styles.ringThickest);
+            }
+        }
+        if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {
+            if (size <= 28) {
+                rootClasses.push(styles.shadow4);
+            } else if (size <= 48) {
+                rootClasses.push(styles.shadow8);
+            } else if (size <= 64) {
+                rootClasses.push(styles.shadow16);
+            } else {
+                rootClasses.push(styles.shadow28);
+            }
+        }
+        // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them
+        if (active === 'inactive') {
+            rootClasses.push(styles.inactive);
+        }
     }
-    // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them
-    if (active === 'inactive') {
-      rootClasses.push(styles.inactive);
+    state.root.className = (0, _react.mergeClasses)(avatarClassNames.root, ...rootClasses, state.root.className);
+    if (state.badge) {
+        state.badge.className = (0, _react.mergeClasses)(avatarClassNames.badge, styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);
     }
-  }
-  state.root.className = react_1.mergeClasses(exports.avatarClassNames.root, ...rootClasses, state.root.className);
-  if (state.badge) {
-    state.badge.className = react_1.mergeClasses(exports.avatarClassNames.badge, styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);
-  }
-  if (state.image) {
-    state.image.className = react_1.mergeClasses(exports.avatarClassNames.image, imageClassName, state.image.className);
-  }
-  if (state.initials) {
-    state.initials.className = react_1.mergeClasses(exports.avatarClassNames.initials, iconInitialsClassName, state.initials.className);
-  }
-  if (state.icon) {
-    let iconSizeClass;
-    if (size <= 16) {
-      iconSizeClass = styles.icon12;
-    } else if (size <= 24) {
-      iconSizeClass = styles.icon16;
-    } else if (size <= 40) {
-      iconSizeClass = styles.icon20;
-    } else if (size <= 48) {
-      iconSizeClass = styles.icon24;
-    } else if (size <= 56) {
-      iconSizeClass = styles.icon28;
-    } else if (size <= 72) {
-      iconSizeClass = styles.icon32;
-    } else {
-      iconSizeClass = styles.icon48;
+    if (state.image) {
+        state.image.className = (0, _react.mergeClasses)(avatarClassNames.image, imageClassName, state.image.className);
     }
-    state.icon.className = react_1.mergeClasses(exports.avatarClassNames.icon, iconInitialsClassName, iconSizeClass, state.icon.className);
-  }
-  return state;
-};
-exports.useAvatarStyles_unstable = useAvatarStyles_unstable;
+    if (state.initials) {
+        state.initials.className = (0, _react.mergeClasses)(avatarClassNames.initials, iconInitialsClassName, state.initials.className);
+    }
+    if (state.icon) {
+        let iconSizeClass;
+        if (size <= 16) {
+            iconSizeClass = styles.icon12;
+        } else if (size <= 24) {
+            iconSizeClass = styles.icon16;
+        } else if (size <= 40) {
+            iconSizeClass = styles.icon20;
+        } else if (size <= 48) {
+            iconSizeClass = styles.icon24;
+        } else if (size <= 56) {
+            iconSizeClass = styles.icon28;
+        } else if (size <= 72) {
+            iconSizeClass = styles.icon32;
+        } else {
+            iconSizeClass = styles.icon48;
+        }
+        state.icon.className = (0, _react.mergeClasses)(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, state.icon.className);
+    }
+    return state;
+}; //# sourceMappingURL=useAvatarStyles.js.map
+
 //# sourceMappingURL=useAvatarStyles.js.map