@hitachivantara/uikit-react-core 5.0.0-next.9 → 5.0.0

package/dist/esm/components/Avatar/Avatar.js

@@ -1,9 +1,9 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { User } from "@hitachivantara/uikit-react-icons";
 import { theme } from "@hitachivantara/uikit-styles";
 import clsx from "clsx";
 import { StyledImg, StyledContainer, StyledStatus, StyledBadge, StyledAvatar } from "./Avatar.styles.js";
 import avatarClasses from "./avatarClasses.js";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useImageLoaded } from "../../hooks/useImageLoaded.js";
 import { decreaseSize } from "../../utils/sizes.js";
 const getColor = (color, defaultColor) => theme.colors[color] || color || defaultColor;
@@ -13,8 +13,8 @@ const HvAvatar = ({
   classes,
   children: childrenProp,
   component = "div",
-  size = "SM",
-  backgroundColor = "acce1",
+  size = "sm",
+  backgroundColor = "secondary",
   color = "atmo1",
   src,
   srcSet,
@@ -32,13 +32,24 @@ const HvAvatar = ({
   const hasImg = src || srcSet;
   const hasImgNotFailing = hasImg && imageLoaded !== "error";
   if (hasImgNotFailing) {
-    children = /* @__PURE__ */ jsx(StyledImg, { alt, src, srcSet, sizes, className: clsx(classes == null ? void 0 : classes.img, avatarClasses.img), ...imgProps });
+    children = /* @__PURE__ */ jsx(StyledImg, {
+      alt,
+      src,
+      srcSet,
+      sizes,
+      className: clsx(classes == null ? void 0 : classes.img, avatarClasses.img),
+      ...imgProps
+    });
   } else if (childrenProp != null) {
     children = childrenProp;
   } else if (hasImg && alt) {
     [children] = alt;
   } else {
-    children = /* @__PURE__ */ jsx(User, { color, iconSize: decreaseSize(size), className: clsx(avatarClasses.fallback, classes == null ? void 0 : classes.fallback) });
+    children = /* @__PURE__ */ jsx(User, {
+      color,
+      iconSize: decreaseSize(size),
+      className: clsx(avatarClasses.fallback, classes == null ? void 0 : classes.fallback)
+    });
   }
   const inlineStyle = {
     ...style
@@ -47,21 +58,39 @@ const HvAvatar = ({
     inlineStyle.borderRadius = "50%";
   }
   if (!hasImgNotFailing) {
-    inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.acce1);
+    inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.secondary);
     inlineStyle.color = getColor(color, theme.colors.atmo1);
   }
   const statusInlineStyle = {};
   if (status) {
-    const statusColor = getColor(status, theme.colors.sema1);
+    const statusColor = getColor(status, theme.colors.positive);
     statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;
   }
-  const badgeColor = getColor(badge || "", theme.colors.sema1);
-  return /* @__PURE__ */ jsx(StyledContainer, { className: clsx(avatarClasses.container, classes == null ? void 0 : classes.container), ...others, children: /* @__PURE__ */ jsxs(StyledStatus, { className: clsx(avatarClasses.status, classes == null ? void 0 : classes.status, avatarClasses[variant], classes == null ? void 0 : classes[variant], avatarClasses[size], classes == null ? void 0 : classes[size]), style: statusInlineStyle, $variant: variant, $size: size, children: [
-    badge && /* @__PURE__ */ jsx(StyledBadge, { className: clsx(avatarClasses.badge, classes == null ? void 0 : classes.badge), style: {
-      backgroundColor: badgeColor
-    } }),
-    /* @__PURE__ */ jsx(StyledAvatar, { component, className: clsx(className, avatarClasses.root, classes == null ? void 0 : classes.root, avatarClasses.avatar, classes == null ? void 0 : classes.avatar, avatarClasses[size], classes == null ? void 0 : classes[size]), style: inlineStyle, variant, size, ...avatarProps, children })
-  ] }) });
+  const badgeColor = getColor(badge || "", theme.colors.positive);
+  return /* @__PURE__ */ jsx(StyledContainer, {
+    className: clsx(avatarClasses.container, classes == null ? void 0 : classes.container),
+    ...others,
+    children: /* @__PURE__ */ jsxs(StyledStatus, {
+      className: clsx(avatarClasses.status, classes == null ? void 0 : classes.status, avatarClasses[variant], classes == null ? void 0 : classes[variant], avatarClasses[size], classes == null ? void 0 : classes[size]),
+      style: statusInlineStyle,
+      $variant: variant,
+      $size: size,
+      children: [badge && /* @__PURE__ */ jsx(StyledBadge, {
+        className: clsx(avatarClasses.badge, classes == null ? void 0 : classes.badge),
+        style: {
+          backgroundColor: badgeColor
+        }
+      }), /* @__PURE__ */ jsx(StyledAvatar, {
+        component,
+        className: clsx(className, avatarClasses.root, classes == null ? void 0 : classes.root, avatarClasses.avatar, classes == null ? void 0 : classes.avatar, avatarClasses[size], classes == null ? void 0 : classes[size]),
+        style: inlineStyle,
+        variant,
+        size,
+        ...avatarProps,
+        children
+      })]
+    })
+  });
 };
 export {
   HvAvatar

package/dist/esm/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { useImageLoaded } from \"hooks\";\nimport { decreaseSize } from \"utils\";\nimport {\n  StyledAvatar,\n  StyledBadge,\n  StyledContainer,\n  StyledImg,\n  StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" | \"square\";\n\nexport type HvAvatarSize = \"XS\" | \"SM\" | \"MD\" | \"LG\" | \"XL\";\n\nexport type HvAvatarProps = HvBaseProps & {\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** The component used for the root node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Sets one of the standard sizes of the icons */\n  size?: HvAvatarSize;\n  /**\n   * A String representing the foreground color of the avatar's\n   * letters or the generic User icon fallback.\n   * You can use either an HEX or color name from the palette.\n   */\n  color?: string;\n  /** A String representing the background color of the avatar. You can use either an HEX or color name from the palette. */\n  backgroundColor?: string;\n  /** The `src` attribute for the `img` element. */\n  src?: string;\n  /** The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. */\n  srcSet?: string;\n  /** The `sizes` attribute for the `img` element. */\n  sizes?: string;\n  /** Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. */\n  alt?: string;\n  /**\n   * Attributes applied to the `img` element if the component is used to display an image.\n   * It can be used to listen for the loading error event.\n   */\n  imgProps?: HTMLAttributes<HTMLImageElement>;\n  /** A string representing the type of avatar to display, circular or square. */\n  variant?: HvAvatarVariant;\n  /** A string representing the color of the avatar border that represents its status. */\n  status?: string;\n  /** A string representing the color of the avatar badge. */\n  badge?: string;\n  /** Attributes applied to the avatar element. */\n  avatarProps?: MuiAvatarProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAvatarClasses;\n};\n\n/**\n * Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n */\nconst getColor = (color: string, defaultColor: string): string =>\n  theme.colors[color] || color || defaultColor;\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n  className,\n  style,\n  classes,\n  children: childrenProp,\n  component = \"div\",\n  size = \"SM\",\n  backgroundColor = \"acce1\",\n  color = \"atmo1\",\n  src,\n  srcSet,\n  sizes,\n  alt,\n  imgProps,\n  status,\n  badge,\n  variant = \"circular\",\n  avatarProps,\n  ...others\n}: HvAvatarProps) => {\n  let children: React.ReactNode;\n\n  // Use a hook instead of onError on the img element to support server-side rendering.\n  const imageLoaded = useImageLoaded(src, srcSet);\n  const hasImg = src || srcSet;\n  const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n  if (hasImgNotFailing) {\n    children = (\n      <StyledImg\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={clsx(classes?.img, avatarClasses.img)}\n        {...imgProps}\n      />\n    );\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    [children] = alt;\n  } else {\n    children = (\n      <User\n        color={color}\n        iconSize={decreaseSize(size)}\n        className={clsx(avatarClasses.fallback, classes?.fallback)}\n      />\n    );\n  }\n\n  const inlineStyle: CSSProperties = {\n    ...style,\n  };\n\n  if (component != null && typeof component !== \"string\") {\n    // override border-radius with custom components\n    inlineStyle.borderRadius = \"50%\";\n  }\n\n  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.acce1);\n    inlineStyle.color = getColor(color, theme.colors.atmo1);\n  }\n\n  const statusInlineStyle: CSSProperties = {};\n  if (status) {\n    // set the status border. we're using the boxShadow property to set the border\n    // to be inside the container and not on its edge.\n    const statusColor = getColor(status, theme.colors.sema1);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(badge || \"\", theme.colors.sema1);\n\n  return (\n    <StyledContainer\n      className={clsx(avatarClasses.container, classes?.container)}\n      {...others}\n    >\n      <StyledStatus\n        className={clsx(\n          avatarClasses.status,\n          classes?.status,\n          avatarClasses[variant],\n          classes?.[variant],\n          avatarClasses[size],\n          classes?.[size]\n        )}\n        style={statusInlineStyle}\n        $variant={variant}\n        $size={size}\n      >\n        {badge && (\n          <StyledBadge\n            className={clsx(avatarClasses.badge, classes?.badge)}\n            style={{ backgroundColor: badgeColor }}\n          />\n        )}\n        <StyledAvatar\n          component={component}\n          className={clsx(\n            className,\n            avatarClasses.root,\n            classes?.root,\n            avatarClasses.avatar,\n            classes?.avatar,\n            avatarClasses[size],\n            classes?.[size]\n          )}\n          style={inlineStyle}\n          variant={variant}\n          size={size}\n          {...avatarProps}\n        >\n          {children}\n        </StyledAvatar>\n      </StyledStatus>\n    </StyledContainer>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","clsx","img","avatarClasses","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","container","root","avatar"],"mappings":";;;;;;;;AAmEA,MAAMA,WAAWA,CAACC,OAAeC,iBAC/BC,MAAMC,OAAOH,UAAUA,SAASC;AAM3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACVC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,kBAAkB;AAAA,EAClBZ,QAAQ;AAAA,EACRa;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACU,MAAM;AACfd,MAAAA;AAGEe,QAAAA,cAAcC,eAAeX,KAAKC,MAAM;AAC9C,QAAMW,SAASZ,OAAOC;AAChBY,QAAAA,mBAAmBD,UAAUF,gBAAgB;AAEnD,MAAIG,kBAAkB;AACpBlB,eACG,oBAAA,WAAA,EACC,KACA,KACA,QACA,OACA,WAAWmB,KAAKpB,mCAASqB,KAAKC,cAAcD,GAAG,GAC/C,GAAIX,SAEP,CAAA;AAAA,EAAA,WACQR,gBAAgB,MAAM;AACpBA,eAAAA;AAAAA,EAAAA,WACFgB,UAAUT,KAAK;AACxB,KAACR,QAAQ,IAAIQ;AAAAA,EAAAA,OACR;AACLR,eACG,oBAAA,MAAA,EACC,OACA,UAAUsB,aAAanB,IAAI,GAC3B,WAAWgB,KAAKE,cAAcE,UAAUxB,mCAASwB,QAAQ,EAE5D,CAAA;AAAA,EACH;AAEA,QAAMC,cAA6B;AAAA,IACjC,GAAG1B;AAAAA,EAAAA;AAGL,MAAII,aAAa,QAAQ,OAAOA,cAAc,UAAU;AAEtDsB,gBAAYC,eAAe;AAAA,EAC7B;AAEA,MAAI,CAACP,kBAAkB;AACrBM,gBAAYpB,kBAAkBb,SAASa,iBAAiBV,MAAMC,OAAO+B,KAAK;AAC1EF,gBAAYhC,QAAQD,SAASC,OAAOE,MAAMC,OAAOgC,KAAK;AAAA,EACxD;AAEA,QAAMC,oBAAmC,CAAA;AACzC,MAAIlB,QAAQ;AAGV,UAAMmB,cAActC,SAASmB,QAAQhB,MAAMC,OAAOmC,KAAK;AACvDF,sBAAkBG,YAAa,yBAAwBF;AAAAA,EACzD;AAEA,QAAMG,aAAazC,SAASoB,SAAS,IAAIjB,MAAMC,OAAOmC,KAAK;AAE3D,SACG,oBAAA,iBAAA,EACC,WAAWX,KAAKE,cAAcY,WAAWlC,mCAASkC,SAAS,GAC3D,GAAInB,QAEJ,UAAC,qBAAA,cAAA,EACC,WAAWK,KACTE,cAAcX,QACdX,mCAASW,QACTW,cAAcT,UACdb,mCAAUa,UACVS,cAAclB,OACdJ,mCAAUI,KAAK,GAEjB,OAAOyB,mBACP,UAAUhB,SACV,OAAOT,MAENQ,UAAAA;AAAAA,IACC,SAAA,oBAAC,eACC,WAAWQ,KAAKE,cAAcV,OAAOZ,mCAASY,KAAK,GACnD,OAAO;AAAA,MAAEP,iBAAiB4B;AAAAA,IAAAA,GAE7B;AAAA,IACD,oBAAC,cACC,EAAA,WACA,WAAWb,KACTtB,WACAwB,cAAca,MACdnC,mCAASmC,MACTb,cAAcc,QACdpC,mCAASoC,QACTd,cAAclB,OACdJ,mCAAUI,KAAK,GAEjB,OAAOqB,aACP,SACA,MACA,GAAIX,aAEHb,SACH,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { useImageLoaded } from \"hooks\";\nimport { decreaseSize } from \"utils\";\nimport {\n  StyledAvatar,\n  StyledBadge,\n  StyledContainer,\n  StyledImg,\n  StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" | \"square\";\n\nexport type HvAvatarSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type HvAvatarProps = HvBaseProps & {\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** The component used for the root node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Sets one of the standard sizes of the icons */\n  size?: HvAvatarSize;\n  /**\n   * A String representing the foreground color of the avatar's\n   * letters or the generic User icon fallback.\n   * You can use either an HEX or color name from the palette.\n   */\n  color?: string;\n  /** A String representing the background color of the avatar. You can use either an HEX or color name from the palette. */\n  backgroundColor?: string;\n  /** The `src` attribute for the `img` element. */\n  src?: string;\n  /** The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. */\n  srcSet?: string;\n  /** The `sizes` attribute for the `img` element. */\n  sizes?: string;\n  /** Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. */\n  alt?: string;\n  /**\n   * Attributes applied to the `img` element if the component is used to display an image.\n   * It can be used to listen for the loading error event.\n   */\n  imgProps?: HTMLAttributes<HTMLImageElement>;\n  /** A string representing the type of avatar to display, circular or square. */\n  variant?: HvAvatarVariant;\n  /** A string representing the color of the avatar border that represents its status. */\n  status?: string;\n  /** A string representing the color of the avatar badge. */\n  badge?: string;\n  /** Attributes applied to the avatar element. */\n  avatarProps?: MuiAvatarProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAvatarClasses;\n};\n\n/**\n * Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n */\nconst getColor = (color: string, defaultColor: string): string =>\n  theme.colors[color] || color || defaultColor;\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n  className,\n  style,\n  classes,\n  children: childrenProp,\n  component = \"div\",\n  size = \"sm\",\n  backgroundColor = \"secondary\",\n  color = \"atmo1\",\n  src,\n  srcSet,\n  sizes,\n  alt,\n  imgProps,\n  status,\n  badge,\n  variant = \"circular\",\n  avatarProps,\n  ...others\n}: HvAvatarProps) => {\n  let children: React.ReactNode;\n\n  // Use a hook instead of onError on the img element to support server-side rendering.\n  const imageLoaded = useImageLoaded(src, srcSet);\n  const hasImg = src || srcSet;\n  const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n  if (hasImgNotFailing) {\n    children = (\n      <StyledImg\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={clsx(classes?.img, avatarClasses.img)}\n        {...imgProps}\n      />\n    );\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    [children] = alt;\n  } else {\n    children = (\n      <User\n        color={color}\n        iconSize={decreaseSize(size)}\n        className={clsx(avatarClasses.fallback, classes?.fallback)}\n      />\n    );\n  }\n\n  const inlineStyle: CSSProperties = {\n    ...style,\n  };\n\n  if (component != null && typeof component !== \"string\") {\n    // override border-radius with custom components\n    inlineStyle.borderRadius = \"50%\";\n  }\n\n  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(\n      backgroundColor,\n      theme.colors.secondary\n    );\n    inlineStyle.color = getColor(color, theme.colors.atmo1);\n  }\n\n  const statusInlineStyle: CSSProperties = {};\n  if (status) {\n    // set the status border. we're using the boxShadow property to set the border\n    // to be inside the container and not on its edge.\n    const statusColor = getColor(status, theme.colors.positive);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(badge || \"\", theme.colors.positive);\n\n  return (\n    <StyledContainer\n      className={clsx(avatarClasses.container, classes?.container)}\n      {...others}\n    >\n      <StyledStatus\n        className={clsx(\n          avatarClasses.status,\n          classes?.status,\n          avatarClasses[variant],\n          classes?.[variant],\n          avatarClasses[size],\n          classes?.[size]\n        )}\n        style={statusInlineStyle}\n        $variant={variant}\n        $size={size}\n      >\n        {badge && (\n          <StyledBadge\n            className={clsx(avatarClasses.badge, classes?.badge)}\n            style={{ backgroundColor: badgeColor }}\n          />\n        )}\n        <StyledAvatar\n          component={component}\n          className={clsx(\n            className,\n            avatarClasses.root,\n            classes?.root,\n            avatarClasses.avatar,\n            classes?.avatar,\n            avatarClasses[size],\n            classes?.[size]\n          )}\n          style={inlineStyle}\n          variant={variant}\n          size={size}\n          {...avatarProps}\n        >\n          {children}\n        </StyledAvatar>\n      </StyledStatus>\n    </StyledContainer>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","StyledImg","clsx","img","avatarClasses","User","iconSize","decreaseSize","fallback","inlineStyle","borderRadius","secondary","atmo1","statusInlineStyle","statusColor","positive","boxShadow","badgeColor","StyledContainer","container","StyledStatus","$variant","$size","_jsx","StyledBadge","StyledAvatar","root","avatar"],"mappings":"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"}

package/dist/esm/components/Avatar/Avatar.styles.js

@@ -49,7 +49,7 @@ const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
     ...outlineStyles,
     borderRadius: 0
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQXZhdGFyIGFzIE11aUF2YXRhciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiLi4vLi4vdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgSHZBdmF0YXJTaXplLCBIdkF2YXRhclZhcmlhbnQgfSBmcm9tIFwiLi9BdmF0YXJcIjtcblxuY29uc3QgRVhUUkFfU01BTEwgPSB7IGNvbnRhaW5lcjogXCIzMnB4XCIsIGF2YXRhcjogXCIyNHB4XCIgfTtcbmNvbnN0IFNNQUxMID0geyBjb250YWluZXI6IFwiNDBweFwiLCBhdmF0YXI6IFwiMzJweFwiIH07XG5jb25zdCBNRURJVU0gPSB7IGNvbnRhaW5lcjogXCI0OHB4XCIsIGF2YXRhcjogXCI0MHB4XCIgfTtcbmNvbnN0IExBUkdFID0geyBjb250YWluZXI6IFwiNjBweFwiLCBhdmF0YXI6IFwiNTJweFwiIH07XG5jb25zdCBFWFRSQV9MQVJHRSA9IHsgY29udGFpbmVyOiBcIjk2cHhcIiwgYXZhdGFyOiBcIjg4cHhcIiB9O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgLy8gSGFuZGxlIG5vbi1zcXVhcmUgaW1hZ2UuIFRoZSBwcm9wZXJ0eSBpc24ndCBzdXBwb3J0ZWQgYnkgSUUgMTEuXG4gIG9iamVjdEZpdDogXCJjb3ZlclwiLFxuICAvLyBIaWRlIGFsdCB0ZXh0LlxuICBjb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAvLyBIaWRlIHRoZSBpbWFnZSBicm9rZW4gaWNvbiwgb25seSB3b3JrcyBvbiBDaHJvbWUuXG4gIHRleHRJbmRlbnQ6IDEwMDAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTdGF0dXMgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZhcmlhbnQsXG4gICAgJHNpemUsXG4gIH06IHtcbiAgICAkdmFyaWFudDogSHZBdmF0YXJWYXJpYW50O1xuICAgICRzaXplOiBIdkF2YXRhclNpemU7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJjaXJjdWxhclwiICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICB9KSxcbiAgICAvLyBzaXplXG4gICAgLi4uKCRzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiTURcIiAmJiB7XG4gICAgICB3aWR0aDogTUVESVVNLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTUVESVVNLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQXZhdGFyIGFzIE11aUF2YXRhciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiLi4vLi4vdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgSHZBdmF0YXJTaXplLCBIdkF2YXRhclZhcmlhbnQgfSBmcm9tIFwiLi9BdmF0YXJcIjtcblxuY29uc3QgRVhUUkFfU01BTEwgPSB7IGNvbnRhaW5lcjogXCIzMnB4XCIsIGF2YXRhcjogXCIyNHB4XCIgfTtcbmNvbnN0IFNNQUxMID0geyBjb250YWluZXI6IFwiNDBweFwiLCBhdmF0YXI6IFwiMzJweFwiIH07XG5jb25zdCBNRURJVU0gPSB7IGNvbnRhaW5lcjogXCI0OHB4XCIsIGF2YXRhcjogXCI0MHB4XCIgfTtcbmNvbnN0IExBUkdFID0geyBjb250YWluZXI6IFwiNjBweFwiLCBhdmF0YXI6IFwiNTJweFwiIH07XG5jb25zdCBFWFRSQV9MQVJHRSA9IHsgY29udGFpbmVyOiBcIjk2cHhcIiwgYXZhdGFyOiBcIjg4cHhcIiB9O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgLy8gSGFuZGxlIG5vbi1zcXVhcmUgaW1hZ2UuIFRoZSBwcm9wZXJ0eSBpc24ndCBzdXBwb3J0ZWQgYnkgSUUgMTEuXG4gIG9iamVjdEZpdDogXCJjb3ZlclwiLFxuICAvLyBIaWRlIGFsdCB0ZXh0LlxuICBjb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAvLyBIaWRlIHRoZSBpbWFnZSBicm9rZW4gaWNvbiwgb25seSB3b3JrcyBvbiBDaHJvbWUuXG4gIHRleHRJbmRlbnQ6IDEwMDAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTdGF0dXMgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZhcmlhbnQsXG4gICAgJHNpemUsXG4gIH06IHtcbiAgICAkdmFyaWFudDogSHZBdmF0YXJWYXJpYW50O1xuICAgICRzaXplOiBIdkF2YXRhclNpemU7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJjaXJjdWxhclwiICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICB9KSxcbiAgICAvLyBzaXplXG4gICAgLi4uKCRzaXplID09PSBcInhzXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJzbVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwibWRcIiAmJiB7XG4gICAgICB3aWR0aDogTUVESVVNLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTUVESVVNLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwibGdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcInhsXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwic21cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIm1kXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibGdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJ4bFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */");
 const StyledImg = /* @__PURE__ */ _styled("img", process.env.NODE_ENV === "production" ? {
   target: "e1sw81qd3"
 } : {
@@ -61,7 +61,7 @@ const StyledImg = /* @__PURE__ */ _styled("img", process.env.NODE_ENV === "produ
 } : {
   name: "p646uu",
   styles: "width:100%;height:100%;text-align:center;object-fit:cover;color:transparent;text-indent:10000px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJ4c1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwic21cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIm1kXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcImxnXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJ4bFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJ4c1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcInNtXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtZFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxnXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwieGxcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledStatus = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
@@ -77,68 +77,73 @@ const StyledStatus = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pr
   alignItems: "center",
   justifyContent: "center",
   position: "relative",
+  // variant
   ...$variant === "circular" && {
     borderRadius: "50%"
   },
-  ...$size === "XS" && {
+  // size
+  ...$size === "xs" && {
     width: EXTRA_SMALL.container,
     height: EXTRA_SMALL.container
   },
-  ...$size === "SM" && {
+  ...$size === "sm" && {
     width: SMALL.container,
     height: SMALL.container
   },
-  ...$size === "MD" && {
+  ...$size === "md" && {
     width: MEDIUM.container,
     height: MEDIUM.container
   },
-  ...$size === "LG" && {
+  ...$size === "lg" && {
     width: LARGE.container,
     height: LARGE.container
   },
-  ...$size === "XL" && {
+  ...$size === "xl" && {
     width: EXTRA_LARGE.container,
     height: EXTRA_LARGE.container
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJ4c1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwic21cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIm1kXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcImxnXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJ4bFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJ4c1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcInNtXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtZFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxnXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwieGxcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */");
 const StyledAvatar = /* @__PURE__ */ _styled(Avatar, process.env.NODE_ENV === "production" ? {
   target: "e1sw81qd1"
 } : {
   target: "e1sw81qd1",
   label: "StyledAvatar"
 })(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   ({
     component,
     size
   }) => ({
+    // root
     fontSize: "1rem",
-    ...size === "XS" && {
+    // avatar
+    ...size === "xs" && {
       width: EXTRA_SMALL.avatar,
       height: EXTRA_SMALL.avatar,
       fontSize: "0.5rem"
     },
-    ...size === "SM" && {
+    ...size === "sm" && {
       width: SMALL.avatar,
       height: SMALL.avatar,
       fontSize: "0.625rem"
     },
-    ...size === "MD" && {
+    ...size === "md" && {
       width: MEDIUM.avatar,
       height: MEDIUM.avatar,
       fontSize: "1rem"
     },
-    ...size === "LG" && {
+    ...size === "lg" && {
       width: LARGE.avatar,
       height: LARGE.avatar,
       fontSize: "1.5rem"
     },
-    ...size === "XL" && {
+    ...size === "xl" && {
       width: EXTRA_LARGE.avatar,
       height: EXTRA_LARGE.avatar,
       fontSize: "2rem"
     }
   }),
-  process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJFNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */"
+  process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJFNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJ4c1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwic21cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIm1kXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcImxnXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJ4bFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJ4c1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcInNtXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtZFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxnXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwieGxcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */"
 );
 const StyledBadge = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1sw81qd0"
@@ -151,7 +156,7 @@ const StyledBadge = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
 } : {
   name: "1318xp0",
   styles: "width:8px;height:8px;position:absolute;top:0;right:0;border-radius:50%;z-index:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZHMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZHMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJ4c1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwic21cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIm1kXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcImxnXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJ4bFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJ4c1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcInNtXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtZFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxnXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwieGxcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export {

package/dist/esm/components/Avatar/Avatar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.js","sources":["../../../../src/components/Avatar/Avatar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Avatar as MuiAvatar } from \"@mui/material\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"../../utils/focusUtils\";\nimport { HvAvatarSize, HvAvatarVariant } from \"./Avatar\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\n\nexport const StyledContainer = styled(\"div\")({\n  \"&:focus-visible\": {\n    ...outlineStyles,\n    borderRadius: 0,\n  },\n});\n\nexport const StyledImg = styled(\"img\")({\n  width: \"100%\",\n  height: \"100%\",\n  textAlign: \"center\",\n  // Handle non-square image. The property isn't supported by IE 11.\n  objectFit: \"cover\",\n  // Hide alt text.\n  color: \"transparent\",\n  // Hide the image broken icon, only works on Chrome.\n  textIndent: 10000,\n});\n\nexport const StyledStatus = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $variant,\n    $size,\n  }: {\n    $variant: HvAvatarVariant;\n    $size: HvAvatarSize;\n  }) => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"relative\",\n\n    // variant\n    ...($variant === \"circular\" && {\n      borderRadius: \"50%\",\n    }),\n    // size\n    ...($size === \"XS\" && {\n      width: EXTRA_SMALL.container,\n      height: EXTRA_SMALL.container,\n    }),\n    ...($size === \"SM\" && {\n      width: SMALL.container,\n      height: SMALL.container,\n    }),\n    ...($size === \"MD\" && {\n      width: MEDIUM.container,\n      height: MEDIUM.container,\n    }),\n    ...($size === \"LG\" && {\n      width: LARGE.container,\n      height: LARGE.container,\n    }),\n    ...($size === \"XL\" && {\n      width: EXTRA_LARGE.container,\n      height: EXTRA_LARGE.container,\n    }),\n  })\n);\n\nexport const StyledAvatar = styled(MuiAvatar)(\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ({ component, size }: { component: any; size: HvAvatarSize }) => ({\n    // root\n    fontSize: \"1rem\",\n    // avatar\n    ...(size === \"XS\" && {\n      width: EXTRA_SMALL.avatar,\n      height: EXTRA_SMALL.avatar,\n      fontSize: \"0.5rem\",\n    }),\n    ...(size === \"SM\" && {\n      width: SMALL.avatar,\n      height: SMALL.avatar,\n      fontSize: \"0.625rem\",\n    }),\n    ...(size === \"MD\" && {\n      width: MEDIUM.avatar,\n      height: MEDIUM.avatar,\n      fontSize: \"1rem\",\n    }),\n    ...(size === \"LG\" && {\n      width: LARGE.avatar,\n      height: LARGE.avatar,\n      fontSize: \"1.5rem\",\n    }),\n    ...(size === \"XL\" && {\n      width: EXTRA_LARGE.avatar,\n      height: EXTRA_LARGE.avatar,\n      fontSize: \"2rem\",\n    }),\n  })\n);\n\nexport const StyledBadge = styled(\"div\")({\n  width: 8,\n  height: 8,\n  position: \"absolute\",\n  top: 0,\n  right: 0,\n  borderRadius: \"50%\",\n  zIndex: 1,\n});\n"],"names":["EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","StyledContainer","process","env","NODE_ENV","target","label","outlineStyles","borderRadius","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledStatus","_extends","transientOptions","$variant","$size","display","alignItems","justifyContent","position","width","height","StyledAvatar","MuiAvatar","component","size","fontSize","StyledBadge"],"mappings":"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"}
+{"version":3,"file":"Avatar.styles.js","sources":["../../../../src/components/Avatar/Avatar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Avatar as MuiAvatar } from \"@mui/material\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"../../utils/focusUtils\";\nimport { HvAvatarSize, HvAvatarVariant } from \"./Avatar\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\n\nexport const StyledContainer = styled(\"div\")({\n  \"&:focus-visible\": {\n    ...outlineStyles,\n    borderRadius: 0,\n  },\n});\n\nexport const StyledImg = styled(\"img\")({\n  width: \"100%\",\n  height: \"100%\",\n  textAlign: \"center\",\n  // Handle non-square image. The property isn't supported by IE 11.\n  objectFit: \"cover\",\n  // Hide alt text.\n  color: \"transparent\",\n  // Hide the image broken icon, only works on Chrome.\n  textIndent: 10000,\n});\n\nexport const StyledStatus = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $variant,\n    $size,\n  }: {\n    $variant: HvAvatarVariant;\n    $size: HvAvatarSize;\n  }) => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"relative\",\n\n    // variant\n    ...($variant === \"circular\" && {\n      borderRadius: \"50%\",\n    }),\n    // size\n    ...($size === \"xs\" && {\n      width: EXTRA_SMALL.container,\n      height: EXTRA_SMALL.container,\n    }),\n    ...($size === \"sm\" && {\n      width: SMALL.container,\n      height: SMALL.container,\n    }),\n    ...($size === \"md\" && {\n      width: MEDIUM.container,\n      height: MEDIUM.container,\n    }),\n    ...($size === \"lg\" && {\n      width: LARGE.container,\n      height: LARGE.container,\n    }),\n    ...($size === \"xl\" && {\n      width: EXTRA_LARGE.container,\n      height: EXTRA_LARGE.container,\n    }),\n  })\n);\n\nexport const StyledAvatar = styled(MuiAvatar)(\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ({ component, size }: { component: any; size: HvAvatarSize }) => ({\n    // root\n    fontSize: \"1rem\",\n    // avatar\n    ...(size === \"xs\" && {\n      width: EXTRA_SMALL.avatar,\n      height: EXTRA_SMALL.avatar,\n      fontSize: \"0.5rem\",\n    }),\n    ...(size === \"sm\" && {\n      width: SMALL.avatar,\n      height: SMALL.avatar,\n      fontSize: \"0.625rem\",\n    }),\n    ...(size === \"md\" && {\n      width: MEDIUM.avatar,\n      height: MEDIUM.avatar,\n      fontSize: \"1rem\",\n    }),\n    ...(size === \"lg\" && {\n      width: LARGE.avatar,\n      height: LARGE.avatar,\n      fontSize: \"1.5rem\",\n    }),\n    ...(size === \"xl\" && {\n      width: EXTRA_LARGE.avatar,\n      height: EXTRA_LARGE.avatar,\n      fontSize: \"2rem\",\n    }),\n  })\n);\n\nexport const StyledBadge = styled(\"div\")({\n  width: 8,\n  height: 8,\n  position: \"absolute\",\n  top: 0,\n  right: 0,\n  borderRadius: \"50%\",\n  zIndex: 1,\n});\n"],"names":["EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","StyledContainer","process","env","NODE_ENV","target","label","outlineStyles","borderRadius","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledStatus","_extends","transientOptions","$variant","$size","display","alignItems","justifyContent","position","width","height","StyledAvatar","MuiAvatar","component","size","fontSize","StyledBadge"],"mappings":"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"}

package/dist/esm/components/Avatar/avatarClasses.js

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root", "container", "img", "fallback", "badge", "avatar", "status", "XS", "SM", "MD", "LG", "XL", "circular", "square"];
+const classKeys = ["root", "container", "img", "fallback", "badge", "avatar", "status", "xs", "sm", "md", "lg", "xl", "circular", "square"];
 const avatarClasses = getClasses(classKeys, "HvAvatar");
 const avatarClasses$1 = avatarClasses;
 export {

package/dist/esm/components/Avatar/avatarClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatarClasses.js","sources":["../../../../src/components/Avatar/avatarClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAvatarClasses = {\n  root?: string;\n  container?: string;\n  img?: string;\n  fallback?: string;\n  badge?: string;\n  avatar?: string;\n  status?: string;\n  XS?: string;\n  SM?: string;\n  MD?: string;\n  LG?: string;\n  XL?: string;\n  circular?: string;\n  square?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"img\",\n  \"fallback\",\n  \"badge\",\n  \"avatar\",\n  \"status\",\n  \"XS\",\n  \"SM\",\n  \"MD\",\n  \"LG\",\n  \"XL\",\n  \"circular\",\n  \"square\",\n];\n\nconst avatarClasses = getClasses<HvAvatarClasses>(classKeys, \"HvAvatar\");\n\nexport default avatarClasses;\n"],"names":["classKeys","avatarClasses","getClasses"],"mappings":";AAmBA,MAAMA,YAAsB,CAC1B,QACA,aACA,OACA,YACA,SACA,UACA,UACA,MACA,MACA,MACA,MACA,MACA,YACA,QAAQ;AAGV,MAAMC,gBAAgBC,WAA4BF,WAAW,UAAU;AAEvE,MAAA,kBAAeC;"}
+{"version":3,"file":"avatarClasses.js","sources":["../../../../src/components/Avatar/avatarClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAvatarClasses = {\n  root?: string;\n  container?: string;\n  img?: string;\n  fallback?: string;\n  badge?: string;\n  avatar?: string;\n  status?: string;\n  xs?: string;\n  sm?: string;\n  md?: string;\n  lg?: string;\n  xl?: string;\n  circular?: string;\n  square?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"img\",\n  \"fallback\",\n  \"badge\",\n  \"avatar\",\n  \"status\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"circular\",\n  \"square\",\n];\n\nconst avatarClasses = getClasses<HvAvatarClasses>(classKeys, \"HvAvatar\");\n\nexport default avatarClasses;\n"],"names":["classKeys","avatarClasses","getClasses"],"mappings":";AAmBA,MAAMA,YAAsB,CAC1B,QACA,aACA,OACA,YACA,SACA,UACA,UACA,MACA,MACA,MACA,MACA,MACA,YACA,QAAQ;AAGV,MAAMC,gBAAgBC,WAA4BF,WAAW,UAAU;AAEvE,MAAA,kBAAeC;"}

package/dist/esm/components/Badge/Badge.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { StyledRoot, StyledContainer, StyledBadge } from "./Badge.styles.js";
 import badgeClasses from "./badgeClasses.js";
 import clsx from "clsx";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../Typography/Typography.js";
 const HvBadge = (props) => {
   const {
@@ -18,11 +18,28 @@ const HvBadge = (props) => {
   } = props;
   const renderedCount = count > maxCount ? `${maxCount}+` : count;
   const renderedCountOrLabel = label || showCount && count > 0 && renderedCount || null;
-  const Component = icon || text && /* @__PURE__ */ jsx(HvTypography, { variant: textVariant, children: text });
-  return /* @__PURE__ */ jsxs(StyledRoot, { "aria-label": renderedCountOrLabel == null ? void 0 : renderedCountOrLabel.toString(), className: clsx(className, badgeClasses.root, classes == null ? void 0 : classes.root), ...others, children: [
-    Component,
-    /* @__PURE__ */ jsx(StyledContainer, { $component: Component ? true : false, className: Component ? clsx(badgeClasses.badgeContainer, classes == null ? void 0 : classes.badgeContainer) : "", children: /* @__PURE__ */ jsx(StyledBadge, { className: clsx(badgeClasses.badgePosition, classes == null ? void 0 : classes.badgePosition, !!(count > 0 || renderedCountOrLabel) && clsx(badgeClasses.badge, classes == null ? void 0 : classes.badge), !!(!label && renderedCountOrLabel) && clsx(badgeClasses.showCount, classes == null ? void 0 : classes.showCount), !!label && clsx(badgeClasses.showLabel, classes == null ? void 0 : classes.showLabel), !!icon && clsx(badgeClasses.badgeIcon, classes == null ? void 0 : classes.badgeIcon), String(renderedCountOrLabel).length === 1 && clsx(badgeClasses.badgeOneDigit, classes == null ? void 0 : classes.badgeOneDigit)), $badge: !!(count > 0 || renderedCountOrLabel), $showCount: !!(!label && renderedCountOrLabel), $showLabel: !!label, $badgeIcon: !!icon, $badgeOneDigit: String(renderedCountOrLabel).length === 1, children: renderedCountOrLabel }) })
-  ] });
+  const Component = icon || text && /* @__PURE__ */ jsx(HvTypography, {
+    variant: textVariant,
+    children: text
+  });
+  return /* @__PURE__ */ jsxs(StyledRoot, {
+    "aria-label": renderedCountOrLabel == null ? void 0 : renderedCountOrLabel.toString(),
+    className: clsx(className, badgeClasses.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: [Component, /* @__PURE__ */ jsx(StyledContainer, {
+      $component: Component ? true : false,
+      className: Component ? clsx(badgeClasses.badgeContainer, classes == null ? void 0 : classes.badgeContainer) : "",
+      children: /* @__PURE__ */ jsx(StyledBadge, {
+        className: clsx(badgeClasses.badgePosition, classes == null ? void 0 : classes.badgePosition, !!(count > 0 || renderedCountOrLabel) && clsx(badgeClasses.badge, classes == null ? void 0 : classes.badge), !!(!label && renderedCountOrLabel) && clsx(badgeClasses.showCount, classes == null ? void 0 : classes.showCount), !!label && clsx(badgeClasses.showLabel, classes == null ? void 0 : classes.showLabel), !!icon && clsx(badgeClasses.badgeIcon, classes == null ? void 0 : classes.badgeIcon), String(renderedCountOrLabel).length === 1 && clsx(badgeClasses.badgeOneDigit, classes == null ? void 0 : classes.badgeOneDigit)),
+        $badge: !!(count > 0 || renderedCountOrLabel),
+        $showCount: !!(!label && renderedCountOrLabel),
+        $showLabel: !!label,
+        $badgeIcon: !!icon,
+        $badgeOneDigit: String(renderedCountOrLabel).length === 1,
+        children: renderedCountOrLabel
+      })
+    })]
+  });
 };
 export {
   HvBadge

package/dist/esm/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { HvTypography, HvTypographyVariants } from \"components\";\nimport { StyledBadge, StyledContainer, StyledRoot } from \"./Badge.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport badgeClasses, { HvBadgeClasses } from \"./badgeClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBadgeProps = HvBaseProps & {\n  /**\n   * Count is the number of unread notifications.\n   * Note count and label are mutually exclusive.\n   * count is ignored when label is specified at the same time.\n   */\n  count?: number;\n  /**\n   * True if count should be displayed.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  showCount?: boolean;\n  /** The maximum number of unread notifications to be displayed */\n  maxCount?: number;\n  /**\n   * Custom text to show in place of count.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  label?: string;\n  /** Icon which the notification will be attached. */\n  icon?: React.ReactNode;\n  /** Text which the notification will be attached. */\n  text?: string;\n  /** Text variant. */\n  textVariant?: HvTypographyVariants;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBadgeClasses;\n};\n\n/**\n * The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n  const {\n    classes,\n    className,\n    showCount = false,\n    count = 0,\n    maxCount = 99,\n    label = null,\n    icon = null,\n    text = null,\n    textVariant = undefined,\n    ...others\n  } = props;\n\n  const renderedCount = count > maxCount ? `${maxCount}+` : count;\n  // If label is specified and non-empty, render it.\n  // If showCount is specified and count > 0, render the count.\n  // Otherwise, render nothing on the badge.\n  // (Note count=0 should not be rendered to avoid ghosty 0.)\n  const renderedCountOrLabel =\n    label || (showCount && count > 0 && renderedCount) || null;\n  const Component =\n    icon || (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n  return (\n    <StyledRoot\n      aria-label={renderedCountOrLabel?.toString()}\n      className={clsx(className, badgeClasses.root, classes?.root)}\n      {...others}\n    >\n      {Component}\n      <StyledContainer\n        $component={Component ? true : false}\n        className={\n          Component\n            ? clsx(badgeClasses.badgeContainer, classes?.badgeContainer)\n            : \"\"\n        }\n      >\n        <StyledBadge\n          className={clsx(\n            badgeClasses.badgePosition,\n            classes?.badgePosition,\n            !!(count > 0 || renderedCountOrLabel) &&\n              clsx(badgeClasses.badge, classes?.badge),\n            !!(!label && renderedCountOrLabel) &&\n              clsx(badgeClasses.showCount, classes?.showCount),\n            !!label && clsx(badgeClasses.showLabel, classes?.showLabel),\n            !!icon && clsx(badgeClasses.badgeIcon, classes?.badgeIcon),\n            String(renderedCountOrLabel).length === 1 &&\n              clsx(badgeClasses.badgeOneDigit, classes?.badgeOneDigit)\n          )}\n          $badge={!!(count > 0 || renderedCountOrLabel)}\n          $showCount={!!(!label && renderedCountOrLabel)}\n          $showLabel={!!label}\n          $badgeIcon={!!icon}\n          $badgeOneDigit={String(renderedCountOrLabel).length === 1}\n        >\n          {renderedCountOrLabel}\n        </StyledBadge>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBadge","props","classes","className","showCount","count","maxCount","label","icon","text","textVariant","undefined","others","renderedCount","renderedCountOrLabel","Component","toString","clsx","badgeClasses","root","badgeContainer","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit"],"mappings":";;;;;AAwCaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,OAAO;AAAA,IACPC,cAAcC;AAAAA,OACXC;AAAAA,EACDX,IAAAA;AAEJ,QAAMY,gBAAgBR,QAAQC,WAAY,GAAEA,cAAcD;AAK1D,QAAMS,uBACJP,SAAUH,aAAaC,QAAQ,KAAKQ,iBAAkB;AACxD,QAAME,YACJP,QAASC,4BAAS,cAAa,EAAA,SAASC,aAAcD,UAAK,KAAA,CAAA;AAE7D,SACG,qBAAA,YAAA,EACC,cAAYK,6DAAsBE,YAClC,WAAWC,KAAKd,WAAWe,aAAaC,MAAMjB,mCAASiB,IAAI,GAC3D,GAAIP,QAEHG,UAAAA;AAAAA,IAAAA;AAAAA,IACD,oBAAC,mBACC,YAAYA,YAAY,OAAO,OAC/B,WACEA,YACIE,KAAKC,aAAaE,gBAAgBlB,mCAASkB,cAAc,IACzD,IAGN,UAAC,oBAAA,aAAA,EACC,WAAWH,KACTC,aAAaG,eACbnB,mCAASmB,eACT,CAAC,EAAEhB,QAAQ,KAAKS,yBACdG,KAAKC,aAAaI,OAAOpB,mCAASoB,KAAK,GACzC,CAAC,EAAE,CAACf,SAASO,yBACXG,KAAKC,aAAad,WAAWF,mCAASE,SAAS,GACjD,CAAC,CAACG,SAASU,KAAKC,aAAaK,WAAWrB,mCAASqB,SAAS,GAC1D,CAAC,CAACf,QAAQS,KAAKC,aAAaM,WAAWtB,mCAASsB,SAAS,GACzDC,OAAOX,oBAAoB,EAAEY,WAAW,KACtCT,KAAKC,aAAaS,eAAezB,mCAASyB,aAAa,CAAC,GAE5D,QAAQ,CAAC,EAAEtB,QAAQ,KAAKS,uBACxB,YAAY,CAAC,EAAE,CAACP,SAASO,uBACzB,YAAY,CAAC,CAACP,OACd,YAAY,CAAC,CAACC,MACd,gBAAgBiB,OAAOX,oBAAoB,EAAEY,WAAW,GAEvDZ,UAAAA,qBAAAA,CACH,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { HvTypography, HvTypographyVariants } from \"components\";\nimport { StyledBadge, StyledContainer, StyledRoot } from \"./Badge.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport badgeClasses, { HvBadgeClasses } from \"./badgeClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBadgeProps = HvBaseProps & {\n  /**\n   * Count is the number of unread notifications.\n   * Note count and label are mutually exclusive.\n   * count is ignored when label is specified at the same time.\n   */\n  count?: number;\n  /**\n   * True if count should be displayed.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  showCount?: boolean;\n  /** The maximum number of unread notifications to be displayed */\n  maxCount?: number;\n  /**\n   * Custom text to show in place of count.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  label?: string;\n  /** Icon which the notification will be attached. */\n  icon?: React.ReactNode;\n  /** Text which the notification will be attached. */\n  text?: string;\n  /** Text variant. */\n  textVariant?: HvTypographyVariants;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBadgeClasses;\n};\n\n/**\n * The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n  const {\n    classes,\n    className,\n    showCount = false,\n    count = 0,\n    maxCount = 99,\n    label = null,\n    icon = null,\n    text = null,\n    textVariant = undefined,\n    ...others\n  } = props;\n\n  const renderedCount = count > maxCount ? `${maxCount}+` : count;\n  // If label is specified and non-empty, render it.\n  // If showCount is specified and count > 0, render the count.\n  // Otherwise, render nothing on the badge.\n  // (Note count=0 should not be rendered to avoid ghosty 0.)\n  const renderedCountOrLabel =\n    label || (showCount && count > 0 && renderedCount) || null;\n  const Component =\n    icon || (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n  return (\n    <StyledRoot\n      aria-label={renderedCountOrLabel?.toString()}\n      className={clsx(className, badgeClasses.root, classes?.root)}\n      {...others}\n    >\n      {Component}\n      <StyledContainer\n        $component={Component ? true : false}\n        className={\n          Component\n            ? clsx(badgeClasses.badgeContainer, classes?.badgeContainer)\n            : \"\"\n        }\n      >\n        <StyledBadge\n          className={clsx(\n            badgeClasses.badgePosition,\n            classes?.badgePosition,\n            !!(count > 0 || renderedCountOrLabel) &&\n              clsx(badgeClasses.badge, classes?.badge),\n            !!(!label && renderedCountOrLabel) &&\n              clsx(badgeClasses.showCount, classes?.showCount),\n            !!label && clsx(badgeClasses.showLabel, classes?.showLabel),\n            !!icon && clsx(badgeClasses.badgeIcon, classes?.badgeIcon),\n            String(renderedCountOrLabel).length === 1 &&\n              clsx(badgeClasses.badgeOneDigit, classes?.badgeOneDigit)\n          )}\n          $badge={!!(count > 0 || renderedCountOrLabel)}\n          $showCount={!!(!label && renderedCountOrLabel)}\n          $showLabel={!!label}\n          $badgeIcon={!!icon}\n          $badgeOneDigit={String(renderedCountOrLabel).length === 1}\n        >\n          {renderedCountOrLabel}\n        </StyledBadge>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBadge","props","classes","className","showCount","count","maxCount","label","icon","text","textVariant","undefined","others","renderedCount","renderedCountOrLabel","Component","_jsx","HvTypography","variant","children","StyledRoot","toString","clsx","badgeClasses","root","StyledContainer","$component","badgeContainer","StyledBadge","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit"],"mappings":";;;;;AAwCaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,OAAO;AAAA,IACPC,cAAcC;AAAAA,IACd,GAAGC;AAAAA,EACDX,IAAAA;AAEJ,QAAMY,gBAAgBR,QAAQC,WAAY,GAAEA,cAAcD;AAK1D,QAAMS,uBACJP,SAAUH,aAAaC,QAAQ,KAAKQ,iBAAkB;AACxD,QAAME,YACJP,QAASC,QAAQO,oBAACC,cAAY;AAAA,IAACC,SAASR;AAAAA,IAAYS,UAAEV;AAAAA,EAAAA,CAAqB;AAE7E,8BACGW,YAAU;AAAA,IACT,cAAYN,6DAAsBO;AAAAA,IAClClB,WAAWmB,KAAKnB,WAAWoB,aAAaC,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GACzDZ;AAAAA,IAAMO,UAETJ,CAAAA,WACDC,oBAACS,iBAAe;AAAA,MACdC,YAAYX,YAAY,OAAO;AAAA,MAC/BZ,WACEY,YACIO,KAAKC,aAAaI,gBAAgBzB,mCAASyB,cAAc,IACzD;AAAA,MACLR,8BAEAS,aAAW;AAAA,QACVzB,WAAWmB,KACTC,aAAaM,eACb3B,mCAAS2B,eACT,CAAC,EAAExB,QAAQ,KAAKS,yBACdQ,KAAKC,aAAaO,OAAO5B,mCAAS4B,KAAK,GACzC,CAAC,EAAE,CAACvB,SAASO,yBACXQ,KAAKC,aAAanB,WAAWF,mCAASE,SAAS,GACjD,CAAC,CAACG,SAASe,KAAKC,aAAaQ,WAAW7B,mCAAS6B,SAAS,GAC1D,CAAC,CAACvB,QAAQc,KAAKC,aAAaS,WAAW9B,mCAAS8B,SAAS,GACzDC,OAAOnB,oBAAoB,EAAEoB,WAAW,KACtCZ,KAAKC,aAAaY,eAAejC,mCAASiC,aAAa,CAAC;AAAA,QAE5DC,QAAQ,CAAC,EAAE/B,QAAQ,KAAKS;AAAAA,QACxBuB,YAAY,CAAC,EAAE,CAAC9B,SAASO;AAAAA,QACzBwB,YAAY,CAAC,CAAC/B;AAAAA,QACdgC,YAAY,CAAC,CAAC/B;AAAAA,QACdgC,gBAAgBP,OAAOnB,oBAAoB,EAAEoB,WAAW;AAAA,QAAEf,UAEzDL;AAAAA,MAAAA,CAAoB;AAAA,IAAA,CAEP,CAAA;AAAA,EAAA,CACP;AAEjB;"}

package/dist/esm/components/Badge/Badge.styles.js

@@ -20,9 +20,9 @@ function _extends() {
 }
 const labelBaseStyle = {
   ...theme.typography.label,
-  fontFamily: theme.fontFamily.body,
   padding: "0 5px",
-  color: theme.colors.atmo1
+  color: theme.colors.atmo1,
+  lineHeight: "16px"
 };
 const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e16y1fwq2"
@@ -35,7 +35,7 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
 } : {
   name: "1er4691",
   styles: "position:relative;&>*{float:left;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgbGFiZWxCYXNlU3R5bGUgPSB7XG4gIC4uLnRoZW1lLnR5cG9ncmFwaHkubGFiZWwsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgcGFkZGluZzogXCIwIDVweFwiLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0NvdW50ICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgICAgbWF4V2lkdGg6IDMwLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0xhYmVsICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlT25lRGlnaXQgJiYge1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgbGFiZWxCYXNlU3R5bGU6IENTU1Byb3BlcnRpZXMgPSB7XG4gIC4uLnRoZW1lLnR5cG9ncmFwaHkubGFiZWwsXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgbGluZUhlaWdodDogXCIxNnB4XCIsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFwiJj4qXCI6IHsgZmxvYXQ6IFwibGVmdFwiIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkY29tcG9uZW50IH06IHsgJGNvbXBvbmVudDogYm9vbGVhbiB9KSA9PiAoe1xuICAuLi4oJGNvbXBvbmVudCAmJiB7XG4gICAgd2lkdGg6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRiYWRnZSxcbiAgICAkc2hvd0NvdW50LFxuICAgICRzaG93TGFiZWwsXG4gICAgJGJhZGdlSWNvbixcbiAgICAkYmFkZ2VPbmVEaWdpdCxcbiAgfToge1xuICAgICRiYWRnZT86IGJvb2xlYW47XG4gICAgJHNob3dDb3VudD86IGJvb2xlYW47XG4gICAgJHNob3dMYWJlbD86IGJvb2xlYW47XG4gICAgJGJhZGdlSWNvbj86IGJvb2xlYW47XG4gICAgJGJhZGdlT25lRGlnaXQ/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLigkYmFkZ2UgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0NvdW50ICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0xhYmVsICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlT25lRGlnaXQgJiYge1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
@@ -50,7 +50,7 @@ const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
     width: 0,
     backgroundColor: "red"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgXCImPipcIjogeyBmbG9hdDogXCJsZWZ0XCIgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRjb21wb25lbnQgfTogeyAkY29tcG9uZW50OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkY29tcG9uZW50ICYmIHtcbiAgICB3aWR0aDogMCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGJhZGdlLFxuICAgICRzaG93Q291bnQsXG4gICAgJHNob3dMYWJlbCxcbiAgICAkYmFkZ2VJY29uLFxuICAgICRiYWRnZU9uZURpZ2l0LFxuICB9OiB7XG4gICAgJGJhZGdlPzogYm9vbGVhbjtcbiAgICAkc2hvd0NvdW50PzogYm9vbGVhbjtcbiAgICAkc2hvd0xhYmVsPzogYm9vbGVhbjtcbiAgICAkYmFkZ2VJY29uPzogYm9vbGVhbjtcbiAgICAkYmFkZ2VPbmVEaWdpdD86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRiYWRnZSAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICBtaW5IZWlnaHQ6IFwiOHB4XCIsXG4gICAgICBtaW5XaWR0aDogXCI4cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dDb3VudCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICAgIG1heFdpZHRoOiAzMCxcbiAgICB9KSxcbiAgICAuLi4oJHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlSWNvbiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgdG9wOiBcIjFweFwiLFxuICAgICAgbGVmdDogXCItN3B4XCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZU9uZURpZ2l0ICYmIHtcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB3aWR0aDogXCIxNnB4XCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICBtaW5IZWlnaHQ6IFwiOHB4XCIsXG4gICAgICBtaW5XaWR0aDogXCI4cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dDb3VudCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlSWNvbiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgdG9wOiBcIjFweFwiLFxuICAgICAgbGVmdDogXCItN3B4XCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZU9uZURpZ2l0ICYmIHtcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB3aWR0aDogXCIxNnB4XCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 const StyledBadge = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e16y1fwq0"
 }, transientOptions) : _extends({}, {
@@ -65,15 +65,14 @@ const StyledBadge = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
 }) => ({
   ...$badge && {
     borderRadius: theme.space.xs,
-    backgroundColor: theme.colors.acce1,
+    backgroundColor: theme.colors.secondary,
     float: "left",
     minHeight: "8px",
     minWidth: "8px"
   },
   ...$showCount && {
     ...labelBaseStyle,
-    wordBreak: "keep-all",
-    maxWidth: 30
+    wordBreak: "keep-all"
   },
   ...$showLabel && {
     ...labelBaseStyle,
@@ -89,7 +88,7 @@ const StyledBadge = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
     width: "16px",
     textAlign: "center"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgXCImPipcIjogeyBmbG9hdDogXCJsZWZ0XCIgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRjb21wb25lbnQgfTogeyAkY29tcG9uZW50OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkY29tcG9uZW50ICYmIHtcbiAgICB3aWR0aDogMCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGJhZGdlLFxuICAgICRzaG93Q291bnQsXG4gICAgJHNob3dMYWJlbCxcbiAgICAkYmFkZ2VJY29uLFxuICAgICRiYWRnZU9uZURpZ2l0LFxuICB9OiB7XG4gICAgJGJhZGdlPzogYm9vbGVhbjtcbiAgICAkc2hvd0NvdW50PzogYm9vbGVhbjtcbiAgICAkc2hvd0xhYmVsPzogYm9vbGVhbjtcbiAgICAkYmFkZ2VJY29uPzogYm9vbGVhbjtcbiAgICAkYmFkZ2VPbmVEaWdpdD86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRiYWRnZSAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICBtaW5IZWlnaHQ6IFwiOHB4XCIsXG4gICAgICBtaW5XaWR0aDogXCI4cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dDb3VudCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICAgIG1heFdpZHRoOiAzMCxcbiAgICB9KSxcbiAgICAuLi4oJHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlSWNvbiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgdG9wOiBcIjFweFwiLFxuICAgICAgbGVmdDogXCItN3B4XCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZU9uZURpZ2l0ICYmIHtcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB3aWR0aDogXCIxNnB4XCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICBtaW5IZWlnaHQ6IFwiOHB4XCIsXG4gICAgICBtaW5XaWR0aDogXCI4cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dDb3VudCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlSWNvbiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgdG9wOiBcIjFweFwiLFxuICAgICAgbGVmdDogXCItN3B4XCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZU9uZURpZ2l0ICYmIHtcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB3aWR0aDogXCIxNnB4XCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 export {
   StyledBadge,
   StyledContainer,