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

package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TitleWithTooltip.cjs","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { HvTooltip, HvTypography } from \"components\";\nimport { StyledTitleWithTooltip } from \"./AppSwitcher.styles\";\n\nconst TitleWithTooltip = ({ className, title, type }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <StyledTitleWithTooltip\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n        className={className}\n        $type={type}\n      >\n        {title}\n      </StyledTitleWithTooltip>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","type","isOverflowed","setIsOverflowed","useState","textRef","useRef","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight","jsx","HvTooltip","HvTypography","StyledTitleWithTooltip"],"mappings":";;;;;;;AAIA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAAOC;AAAK,MAAM;AACvD,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAChDC,QAAAA,UAAUC,aAAuB,IAAI;AAE3CC,QAAAA,UAAU,MAAM;AACd,QAAIF,mCAASG,SAAS;AAElBH,sBAAAA,QAAQG,QAAQC,cAAcJ,QAAQG,QAAQE,eAC5CL,QAAQG,QAAQG,eAAeN,QAAQG,QAAQI,YAAY;AAAA,IAEjE;AAAA,EACF,GAAG,CAAE,CAAA;AAGH,SAAAC,2BAAAA,IAACC,QAAAA,WACC,EAAA,sBAAsB,CAACZ,cACvB,WAAU,aACV,OAAQW,2BAAAA,IAAAE,WAAAA,cAAA,EAAcf,UAAM,MAAA,CAAA,GAE5B,yCAACgB,mBACC,wBAAA,EAAA,SAAQ,SACR,WAAU,QACV,KAAKX,SACL,WACA,OAAOJ,MAEND,UAAAA,MACH,CAAA,EACF,CAAA;AAEJ;AAEA,MAAA,qBAAeF;;"}
+{"version":3,"file":"TitleWithTooltip.cjs","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { HvTooltip, HvTypography } from \"components\";\nimport { StyledTitleWithTooltip } from \"./AppSwitcher.styles\";\n\nconst TitleWithTooltip = ({ className, title, type }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <StyledTitleWithTooltip\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n        className={className}\n        $type={type}\n      >\n        {title}\n      </StyledTitleWithTooltip>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","type","isOverflowed","setIsOverflowed","useState","textRef","useRef","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight","HvTooltip","disableHoverListener","placement","HvTypography","children","StyledTitleWithTooltip","variant","component","ref","$type"],"mappings":";;;;;;;AAIA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAAOC;AAAK,MAAM;AACvD,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAChDC,QAAAA,UAAUC,aAAuB,IAAI;AAE3CC,QAAAA,UAAU,MAAM;AACd,QAAIF,mCAASG,SAAS;AAElBH,sBAAAA,QAAQG,QAAQC,cAAcJ,QAAQG,QAAQE,eAC5CL,QAAQG,QAAQG,eAAeN,QAAQG,QAAQI,YAAY;AAAA,IAEjE;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,wCACGC,QAAAA,WAAS;AAAA,IACRC,sBAAsB,CAACZ;AAAAA,IACvBa,WAAU;AAAA,IACVf,sCAAQgB,yBAAY;AAAA,MAAAC,UAAEjB;AAAAA,IAAAA,CAAsB;AAAA,IAAAiB,yCAE3CC,2CAAsB;AAAA,MACrBC,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,KAAKhB;AAAAA,MACLN;AAAAA,MACAuB,OAAOrB;AAAAA,MAAKgB,UAEXjB;AAAAA,IAAAA,CAAK;AAAA,EAAA,CAEE;AAEhB;AAEA,MAAA,qBAAeF;;"}

package/dist/cjs/components/Avatar/Avatar.cjs

@@ -1,11 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const clsx = require("clsx");
 const Avatar_styles = require("./Avatar.styles.cjs");
 const avatarClasses = require("./avatarClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useImageLoaded = require("../../hooks/useImageLoaded.cjs");
 const sizes = require("../../utils/sizes.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -17,8 +17,8 @@ const HvAvatar = ({
   classes,
   children: childrenProp,
   component = "div",
-  size = "SM",
-  backgroundColor = "acce1",
+  size = "sm",
+  backgroundColor = "secondary",
   color = "atmo1",
   src,
   srcSet,
@@ -36,13 +36,24 @@ const HvAvatar = ({
   const hasImg = src || srcSet;
   const hasImgNotFailing = hasImg && imageLoaded !== "error";
   if (hasImgNotFailing) {
-    children = /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledImg, { alt, src, srcSet, sizes: sizes$1, className: clsx__default.default(classes == null ? void 0 : classes.img, avatarClasses.default.img), ...imgProps });
+    children = /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledImg, {
+      alt,
+      src,
+      srcSet,
+      sizes: sizes$1,
+      className: clsx__default.default(classes == null ? void 0 : classes.img, avatarClasses.default.img),
+      ...imgProps
+    });
   } else if (childrenProp != null) {
     children = childrenProp;
   } else if (hasImg && alt) {
     [children] = alt;
   } else {
-    children = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.User, { color, iconSize: sizes.decreaseSize(size), className: clsx__default.default(avatarClasses.default.fallback, classes == null ? void 0 : classes.fallback) });
+    children = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.User, {
+      color,
+      iconSize: sizes.decreaseSize(size),
+      className: clsx__default.default(avatarClasses.default.fallback, classes == null ? void 0 : classes.fallback)
+    });
   }
   const inlineStyle = {
     ...style
@@ -51,21 +62,39 @@ const HvAvatar = ({
     inlineStyle.borderRadius = "50%";
   }
   if (!hasImgNotFailing) {
-    inlineStyle.backgroundColor = getColor(backgroundColor, uikitStyles.theme.colors.acce1);
+    inlineStyle.backgroundColor = getColor(backgroundColor, uikitStyles.theme.colors.secondary);
     inlineStyle.color = getColor(color, uikitStyles.theme.colors.atmo1);
   }
   const statusInlineStyle = {};
   if (status) {
-    const statusColor = getColor(status, uikitStyles.theme.colors.sema1);
+    const statusColor = getColor(status, uikitStyles.theme.colors.positive);
     statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;
   }
-  const badgeColor = getColor(badge || "", uikitStyles.theme.colors.sema1);
-  return /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledContainer, { className: clsx__default.default(avatarClasses.default.container, classes == null ? void 0 : classes.container), ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(Avatar_styles.StyledStatus, { className: clsx__default.default(avatarClasses.default.status, classes == null ? void 0 : classes.status, avatarClasses.default[variant], classes == null ? void 0 : classes[variant], avatarClasses.default[size], classes == null ? void 0 : classes[size]), style: statusInlineStyle, $variant: variant, $size: size, children: [
-    badge && /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledBadge, { className: clsx__default.default(avatarClasses.default.badge, classes == null ? void 0 : classes.badge), style: {
-      backgroundColor: badgeColor
-    } }),
-    /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledAvatar, { component, className: clsx__default.default(className, avatarClasses.default.root, classes == null ? void 0 : classes.root, avatarClasses.default.avatar, classes == null ? void 0 : classes.avatar, avatarClasses.default[size], classes == null ? void 0 : classes[size]), style: inlineStyle, variant, size, ...avatarProps, children })
-  ] }) });
+  const badgeColor = getColor(badge || "", uikitStyles.theme.colors.positive);
+  return /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledContainer, {
+    className: clsx__default.default(avatarClasses.default.container, classes == null ? void 0 : classes.container),
+    ...others,
+    children: /* @__PURE__ */ jsxRuntime.jsxs(Avatar_styles.StyledStatus, {
+      className: clsx__default.default(avatarClasses.default.status, classes == null ? void 0 : classes.status, avatarClasses.default[variant], classes == null ? void 0 : classes[variant], avatarClasses.default[size], classes == null ? void 0 : classes[size]),
+      style: statusInlineStyle,
+      $variant: variant,
+      $size: size,
+      children: [badge && /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledBadge, {
+        className: clsx__default.default(avatarClasses.default.badge, classes == null ? void 0 : classes.badge),
+        style: {
+          backgroundColor: badgeColor
+        }
+      }), /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledAvatar, {
+        component,
+        className: clsx__default.default(className, avatarClasses.default.root, classes == null ? void 0 : classes.root, avatarClasses.default.avatar, classes == null ? void 0 : classes.avatar, avatarClasses.default[size], classes == null ? void 0 : classes[size]),
+        style: inlineStyle,
+        variant,
+        size,
+        ...avatarProps,
+        children
+      })]
+    })
+  });
 };
 exports.HvAvatar = HvAvatar;
 //# sourceMappingURL=Avatar.cjs.map

package/dist/cjs/components/Avatar/Avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","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","jsx","StyledImg","clsx","img","avatarClasses","User","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","StyledContainer","container","jsxs","StyledStatus","StyledBadge","StyledAvatar","root","avatar"],"mappings":"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"}
+{"version":3,"file":"Avatar.cjs","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/cjs/components/Avatar/Avatar.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const material = require("@mui/material");
 const transientOptions = require("../../utils/transientOptions.cjs");
@@ -53,7 +53,7 @@ const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.
     ...focusUtils.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__default.default("img", process.env.NODE_ENV === "production" ? {
   target: "e1sw81qd3"
 } : {
@@ -65,7 +65,7 @@ const StyledImg = /* @__PURE__ */ _styled__default.default("img", process.env.NO
 } : {
   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__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
@@ -81,68 +81,73 @@ const StyledStatus = /* @__PURE__ */ _styled__default.default("div", process.env
   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__default.default(material.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__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e1sw81qd0"
@@ -155,7 +160,7 @@ const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.
 } : {
   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__
 });
 exports.StyledAvatar = StyledAvatar;

package/dist/cjs/components/Avatar/Avatar.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.cjs","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","_styled","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":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,cAAc;AAAA,EAAEC,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACxD,MAAMC,QAAQ;AAAA,EAAEF,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAME,SAAS;AAAA,EAAEH,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACnD,MAAMG,QAAQ;AAAA,EAAEJ,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAMI,cAAc;AAAA,EAAEL,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAEjD,MAAMK,kBAAyBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3C,mBAAmB;AAAA,IACjB,GAAGC,WAAAA;AAAAA,IACHC,cAAc;AAAA,EAChB;AACF,GAACN,QAAAC,IAAAC,aAAC,eAAA,KAAA,i+IAAA;AAEK,MAAMK,YAAmBR,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUpC;AAEWC,MAAAA,wDACX,OAAKb,QAAAC,IAAAC,4BAAAY,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,GACLY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChBC,UAAU;AAAA,EAGV,GAAIL,aAAa,cAAc;AAAA,IAC7BV,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIW,UAAU,QAAQ;AAAA,IACpBK,OAAO/B,YAAYC;AAAAA,IACnB+B,QAAQhC,YAAYC;AAAAA,EACtB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO5B,MAAMF;AAAAA,IACb+B,QAAQ7B,MAAMF;AAAAA,EAChB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO3B,OAAOH;AAAAA,IACd+B,QAAQ5B,OAAOH;AAAAA,EACjB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO1B,MAAMJ;AAAAA,IACb+B,QAAQ3B,MAAMJ;AAAAA,EAChB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAOzB,YAAYL;AAAAA,IACnB+B,QAAQ1B,YAAYL;AAAAA,EACtB;AACF,IAAEQ,QAAAC,IAAAC,aACH,eAAA,KAAA,i+IAAA;AAEM,MAAMsB,eAAsBC,iCAAAA,QAAAA,SAAAA,QAASzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAC;AAAA,EAE3C,CAAC;AAAA,IAAEsB;AAAAA,IAAWC;AAAAA,EAAAA,OAAoD;AAAA,IAEhEC,UAAU;AAAA,IAEV,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAO/B,YAAYE;AAAAA,MACnB8B,QAAQhC,YAAYE;AAAAA,MACpBmC,UAAU;AAAA,IACZ;AAAA,IACA,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAO5B,MAAMD;AAAAA,MACb8B,QAAQ7B,MAAMD;AAAAA,MACdmC,UAAU;AAAA,IACZ;AAAA,IACA,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAO3B,OAAOF;AAAAA,MACd8B,QAAQ5B,OAAOF;AAAAA,MACfmC,UAAU;AAAA,IACZ;AAAA,IACA,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAO1B,MAAMH;AAAAA,MACb8B,QAAQ3B,MAAMH;AAAAA,MACdmC,UAAU;AAAA,IACZ;AAAA,IACA,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAOzB,YAAYJ;AAAAA,MACnB8B,QAAQ1B,YAAYJ;AAAAA,MACpBmC,UAAU;AAAA,IACZ;AAAA,EAAA;AAAA,EACA5B,QAAAC,IAAAC,aACH,eAAA,KAAA;AAAA;AAEM,MAAM2B,cAAqB9B,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAQtC;;;;;;"}
+{"version":3,"file":"Avatar.styles.cjs","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","_styled","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/cjs/components/Avatar/avatarClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-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 = classes.getClasses(classKeys, "HvAvatar");
 const avatarClasses$1 = avatarClasses;
 exports.default = avatarClasses$1;

package/dist/cjs/components/Avatar/avatarClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatarClasses.cjs","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,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"avatarClasses.cjs","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,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

package/dist/cjs/components/Badge/Badge.cjs

@@ -1,9 +1,9 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Badge_styles = require("./Badge.styles.cjs");
 const badgeClasses = require("./badgeClasses.cjs");
 const clsx = require("clsx");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -22,11 +22,28 @@ const HvBadge = (props) => {
   } = props;
   const renderedCount = count > maxCount ? `${maxCount}+` : count;
   const renderedCountOrLabel = label || showCount && count > 0 && renderedCount || null;
-  const Component = icon || text && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: textVariant, children: text });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Badge_styles.StyledRoot, { "aria-label": renderedCountOrLabel == null ? void 0 : renderedCountOrLabel.toString(), className: clsx__default.default(className, badgeClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: [
-    Component,
-    /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledContainer, { $component: Component ? true : false, className: Component ? clsx__default.default(badgeClasses.default.badgeContainer, classes == null ? void 0 : classes.badgeContainer) : "", children: /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledBadge, { className: clsx__default.default(badgeClasses.default.badgePosition, classes == null ? void 0 : classes.badgePosition, !!(count > 0 || renderedCountOrLabel) && clsx__default.default(badgeClasses.default.badge, classes == null ? void 0 : classes.badge), !!(!label && renderedCountOrLabel) && clsx__default.default(badgeClasses.default.showCount, classes == null ? void 0 : classes.showCount), !!label && clsx__default.default(badgeClasses.default.showLabel, classes == null ? void 0 : classes.showLabel), !!icon && clsx__default.default(badgeClasses.default.badgeIcon, classes == null ? void 0 : classes.badgeIcon), String(renderedCountOrLabel).length === 1 && clsx__default.default(badgeClasses.default.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__ */ jsxRuntime.jsx(Typography.HvTypography, {
+    variant: textVariant,
+    children: text
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Badge_styles.StyledRoot, {
+    "aria-label": renderedCountOrLabel == null ? void 0 : renderedCountOrLabel.toString(),
+    className: clsx__default.default(className, badgeClasses.default.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: [Component, /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledContainer, {
+      $component: Component ? true : false,
+      className: Component ? clsx__default.default(badgeClasses.default.badgeContainer, classes == null ? void 0 : classes.badgeContainer) : "",
+      children: /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledBadge, {
+        className: clsx__default.default(badgeClasses.default.badgePosition, classes == null ? void 0 : classes.badgePosition, !!(count > 0 || renderedCountOrLabel) && clsx__default.default(badgeClasses.default.badge, classes == null ? void 0 : classes.badge), !!(!label && renderedCountOrLabel) && clsx__default.default(badgeClasses.default.showCount, classes == null ? void 0 : classes.showCount), !!label && clsx__default.default(badgeClasses.default.showLabel, classes == null ? void 0 : classes.showLabel), !!icon && clsx__default.default(badgeClasses.default.badgeIcon, classes == null ? void 0 : classes.badgeIcon), String(renderedCountOrLabel).length === 1 && clsx__default.default(badgeClasses.default.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
+      })
+    })]
+  });
 };
 exports.HvBadge = HvBadge;
 //# sourceMappingURL=Badge.cjs.map

package/dist/cjs/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","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","HvTypography","jsxs","StyledRoot","toString","clsx","badgeClasses","root","jsx","StyledContainer","badgeContainer","StyledBadge","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,uCAASO,WAAAA,cAAa,EAAA,SAASN,aAAcD,UAAK,KAAA,CAAA;AAE7D,SACGQ,2BAAAA,KAAAC,aAAAA,YAAA,EACC,cAAYJ,6DAAsBK,YAClC,WAAWC,cAAAA,QAAKjB,WAAWkB,aAAAA,QAAaC,MAAMpB,mCAASoB,IAAI,GAC3D,GAAIV,QAEHG,UAAAA;AAAAA,IAAAA;AAAAA,IACDQ,2BAAAA,IAACC,gCACC,YAAYT,YAAY,OAAO,OAC/B,WACEA,YACIK,cAAAA,QAAKC,qBAAaI,gBAAgBvB,mCAASuB,cAAc,IACzD,IAGN,UAACF,2BAAA,IAAAG,0BAAA,EACC,WAAWN,cAAAA,QACTC,aAAAA,QAAaM,eACbzB,mCAASyB,eACT,CAAC,EAAEtB,QAAQ,KAAKS,yBACdM,sBAAKC,aAAAA,QAAaO,OAAO1B,mCAAS0B,KAAK,GACzC,CAAC,EAAE,CAACrB,SAASO,yBACXM,cAAAA,QAAKC,qBAAajB,WAAWF,mCAASE,SAAS,GACjD,CAAC,CAACG,SAASa,cAAAA,QAAKC,qBAAaQ,WAAW3B,mCAAS2B,SAAS,GAC1D,CAAC,CAACrB,QAAQY,sBAAKC,qBAAaS,WAAW5B,mCAAS4B,SAAS,GACzDC,OAAOjB,oBAAoB,EAAEkB,WAAW,KACtCZ,sBAAKC,aAAAA,QAAaY,eAAe/B,mCAAS+B,aAAa,CAAC,GAE5D,QAAQ,CAAC,EAAE5B,QAAQ,KAAKS,uBACxB,YAAY,CAAC,EAAE,CAACP,SAASO,uBACzB,YAAY,CAAC,CAACP,OACd,YAAY,CAAC,CAACC,MACd,gBAAgBuB,OAAOjB,oBAAoB,EAAEkB,WAAW,GAEvDlB,UAAAA,qBAAAA,CACH,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"Badge.cjs","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,2BAAAA,IAACC,WAAAA,cAAY;AAAA,IAACC,SAASR;AAAAA,IAAYS,UAAEV;AAAAA,EAAAA,CAAqB;AAE7E,yCACGW,aAAAA,YAAU;AAAA,IACT,cAAYN,6DAAsBO;AAAAA,IAClClB,WAAWmB,cAAKnB,QAAAA,WAAWoB,aAAaC,QAAAA,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GACzDZ;AAAAA,IAAMO,UAETJ,CAAAA,WACDC,2BAAAA,IAACS,8BAAe;AAAA,MACdC,YAAYX,YAAY,OAAO;AAAA,MAC/BZ,WACEY,YACIO,sBAAKC,aAAAA,QAAaI,gBAAgBzB,mCAASyB,cAAc,IACzD;AAAA,MACLR,yCAEAS,0BAAW;AAAA,QACVzB,WAAWmB,cACTC,QAAAA,qBAAaM,eACb3B,mCAAS2B,eACT,CAAC,EAAExB,QAAQ,KAAKS,yBACdQ,cAAAA,QAAKC,aAAAA,QAAaO,OAAO5B,mCAAS4B,KAAK,GACzC,CAAC,EAAE,CAACvB,SAASO,yBACXQ,sBAAKC,aAAAA,QAAanB,WAAWF,mCAASE,SAAS,GACjD,CAAC,CAACG,SAASe,cAAAA,QAAKC,aAAAA,QAAaQ,WAAW7B,mCAAS6B,SAAS,GAC1D,CAAC,CAACvB,QAAQc,cAAAA,QAAKC,aAAaS,QAAAA,WAAW9B,mCAAS8B,SAAS,GACzDC,OAAOnB,oBAAoB,EAAEoB,WAAW,KACtCZ,cAAAA,QAAKC,qBAAaY,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;;"}