@hitachivantara/uikit-react-core 5.0.0-next.11 → 5.0.0-next.12

package/dist/cjs/components/AppSwitcher/Action/Action.cjs

@@ -44,7 +44,7 @@ const HvAction = ({
     }
     const brokenTitle = name.split(" ");
     const initials = brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : "");
-    return /* @__PURE__ */ jsxRuntime.jsx(Avatar.HvAvatar, { size: "SM", backgroundColor: color, variant: "square", children: initials });
+    return /* @__PURE__ */ jsxRuntime.jsx(Avatar.HvAvatar, { size: "sm", backgroundColor: color, variant: "square", children: initials });
   };
   const isSelected = isSelectedCallback(application);
   const handleOnClick = (event) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvApplication } from \"..\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n  StyledIcon,\n  StyledIconInfo,\n  StyledListItem,\n  StyledTypography,\n  StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n  HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n  /** The application data to be used to render the Action object. */\n  application: HvApplication;\n  /** Callback triggered when the action is clicked. */\n  onClickCallback?: Function;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isSelectedCallback?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n  theme.colors[color] || color || defaultColor;\n\nexport const HvAction = ({\n  id,\n  className,\n  classes,\n  application,\n  onClickCallback = () => {},\n  isSelectedCallback = () => false,\n}: HvActionProps) => {\n  const { name, description, disabled, iconElement, iconUrl, url, target } =\n    application;\n\n  const color = disabled\n    ? theme.colors.atmo5\n    : getColor(application?.color, theme.colors.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        <StyledImg\n          className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n          alt={description}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) +\n      (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <StyledListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(\n        className,\n        appSwitcherActionClasses.root,\n        classes?.root,\n        disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n        isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n      )}\n    >\n      <StyledTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={clsx(\n          appSwitcherActionClasses.typography,\n          classes?.typography\n        )}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <StyledIcon\n          className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n        >\n          {renderApplicationIcon()}\n        </StyledIcon>\n\n        <TitleWithTooltip\n          title={name}\n          className={clsx(appSwitcherActionClasses.title, classes?.title)}\n          type=\"action\"\n        />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <StyledIconInfo\n                className={clsx(\n                  appSwitcherActionClasses.iconInfo,\n                  classes?.iconInfo\n                )}\n                role=\"img\"\n                aria-label={description}\n              />\n            </div>\n          </HvTooltip>\n        )}\n      </StyledTypography>\n    </StyledListItem>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","jsx","StyledImg","clsx","appSwitcherActionClasses","brokenTitle","split","initials","substring","HvAvatar","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","root","selected","jsxs","StyledTypography","undefined","typography","borderColor","StyledIcon","icon","TitleWithTooltip","title","HvTooltip","HvTypography","StyledIconInfo","iconInfo"],"mappings":"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"}
+{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvApplication } from \"..\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n  StyledIcon,\n  StyledIconInfo,\n  StyledListItem,\n  StyledTypography,\n  StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n  HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n  /** The application data to be used to render the Action object. */\n  application: HvApplication;\n  /** Callback triggered when the action is clicked. */\n  onClickCallback?: Function;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isSelectedCallback?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n  theme.colors[color] || color || defaultColor;\n\nexport const HvAction = ({\n  id,\n  className,\n  classes,\n  application,\n  onClickCallback = () => {},\n  isSelectedCallback = () => false,\n}: HvActionProps) => {\n  const { name, description, disabled, iconElement, iconUrl, url, target } =\n    application;\n\n  const color = disabled\n    ? theme.colors.atmo5\n    : getColor(application?.color, theme.colors.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        <StyledImg\n          className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n          alt={description}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) +\n      (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"sm\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <StyledListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(\n        className,\n        appSwitcherActionClasses.root,\n        classes?.root,\n        disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n        isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n      )}\n    >\n      <StyledTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={clsx(\n          appSwitcherActionClasses.typography,\n          classes?.typography\n        )}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <StyledIcon\n          className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n        >\n          {renderApplicationIcon()}\n        </StyledIcon>\n\n        <TitleWithTooltip\n          title={name}\n          className={clsx(appSwitcherActionClasses.title, classes?.title)}\n          type=\"action\"\n        />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <StyledIconInfo\n                className={clsx(\n                  appSwitcherActionClasses.iconInfo,\n                  classes?.iconInfo\n                )}\n                role=\"img\"\n                aria-label={description}\n              />\n            </div>\n          </HvTooltip>\n        )}\n      </StyledTypography>\n    </StyledListItem>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","jsx","StyledImg","clsx","appSwitcherActionClasses","brokenTitle","split","initials","substring","HvAvatar","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","root","selected","jsxs","StyledTypography","undefined","typography","borderColor","StyledIcon","icon","TitleWithTooltip","title","HvTooltip","HvTypography","StyledIconInfo","iconInfo"],"mappings":";;;;;;;;;;;;;;AA6BA,MAAMA,WAAWA,CAACC,OAAOC,iBACvBC,YAAAA,MAAMC,OAAOH,UAAUA,SAASC;AAE3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkBA,MAAM;AAAA,EAAC;AAAA,EACzBC,qBAAqBA,MAAM;AACd,MAAM;AACb,QAAA;AAAA,IAAEC;AAAAA,IAAMC;AAAAA,IAAaC;AAAAA,IAAUC;AAAAA,IAAaC;AAAAA,IAASC;AAAAA,IAAKC;AAAAA,EAC9DT,IAAAA;AAEIR,QAAAA,QAAQa,WACVX,YAAAA,MAAMC,OAAOe,QACbnB,SAASS,2CAAaR,OAAOE,YAAAA,MAAMC,OAAOgB,KAAK;AAEnD,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAS,IAAI;AAErD,QAAMC,wBAAwBA,MAAM;AAClC,QAAIT,aAAa;AACRA,aAAAA;AAAAA,IACT;AAEA,QAAIC,WAAWK,cAAc;AAC3B,aACGI,2BAAA,IAAAC,cAAA,WAAA,EACC,WAAWC,cAAAA,QAAKC,cAAyBZ,QAAAA,SAASR,mCAASQ,OAAO,GAClE,KAAKA,SACL,SAAS,MAAM;AACbM,wBAAgB,KAAK;AAAA,MAAA,GAEvB,KAAKT,YACL,CAAA;AAAA,IAEN;AAEMgB,UAAAA,cAAcjB,KAAKkB,MAAM,GAAG;AAClC,UAAMC,WACJF,YAAY,GAAGG,UAAU,GAAG,CAAC,KAC5BH,YAAY,KAAKA,YAAY,GAAGG,UAAU,GAAG,CAAC,IAAI;AAGnD,WAAAP,+BAACQ,OAAAA,YAAS,MAAK,MAAK,iBAAiBhC,OAAO,SAAQ,UACjD8B,UACH,SAAA,CAAA;AAAA,EAAA;AAIEG,QAAAA,aAAavB,mBAAmBF,WAAW;AAKjD,QAAM0B,gBAAiBC,CAAU,UAAA;AAC/B,QAAItB,UAAU;AACZsB,YAAMC,eAAgB;AACtB;AAAA,IACF;AAEA3B,uDAAkB0B,OAAO;AAAA,MAAE,GAAG3B;AAAAA,MAAayB;AAAAA,IAAAA;AAAAA,EAAY;AAGzD,QAAMI,SAASrB,OAAO;AAGpB,SAAAQ,2BAAA,IAACc,cACC,gBAAA,EAAA,IACA,aAAW,MACX,UAAU,GACV,UAAUL,YACV,UACA,WAAWP,cACTpB,QAAAA,WACAqB,sBAAyBY,MACzBhC,mCAASgC,MACT1B,YAAYa,cAAAA,QAAKC,cAAAA,QAAyBd,UAAUN,mCAASM,QAAQ,GACrEoB,cAAcP,cAAAA,QAAKC,cAAAA,QAAyBa,UAAUjC,mCAASiC,QAAQ,CAAC,GAG1E,UAAAC,2BAAA,KAACC,cACC,kBAAA,EAAA,WAAWL,SAAS,MAAM,UAC1B,MAAMA,SAASrB,MAAM2B,QACrB,QAAQN,SAASpB,UAAU,SAAS0B,QACpC,WAAWjB,cAAAA,QACTC,cAAAA,QAAyBiB,YACzBrC,mCAASqC,UAAU,GAErB,SAASV,eACT,OAAO;AAAA,IAAEW,aAAa7C;AAAAA,EAEtB,GAAA,UAAA;AAAA,IAACwB,2BAAAA,IAAAsB,cAAA,YAAA,EACC,WAAWpB,cAAKC,QAAAA,cAAAA,QAAyBoB,MAAMxC,mCAASwC,IAAI,GAE3DxB,UAAAA,sBACH,EAAA,CAAA;AAAA,IAECC,2BAAAA,IAAAwB,iBAAAA,SAAA,EACC,OAAOrC,MACP,WAAWe,cAAAA,QAAKC,sBAAyBsB,OAAO1C,mCAAS0C,KAAK,GAC9D,MAAK,SAAQ,CAAA;AAAA,IAGdrC,eACCY,2BAAA,IAAC0B,QACC,WAAA,EAAA,sBAAoB,MACpB,sBAAoB,MACpB,OAAQ1B,2BAAA,IAAA2B,WAAA,cAAA,EAAcvC,UAAY,YAAA,CAAA,GAElC,UAACY,+BAAA,OAAA,EACC,UAACA,2BAAA,IAAA4B,8BAAA,EACC,WAAW1B,cAAAA,QACTC,cAAyB0B,QAAAA,UACzB9C,mCAAS8C,QAAQ,GAEnB,MAAK,OACL,cAAYzC,YAAY,CAAA,EAE5B,CAAA,GACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;"}

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

@@ -17,7 +17,7 @@ const HvAvatar = ({
   classes,
   children: childrenProp,
   component = "div",
-  size = "SM",
+  size = "sm",
   backgroundColor = "acce1",
   color = "atmo1",
   src,

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":";;;;;;;;;;;;AAmEA,MAAMA,WAAWA,CAACC,OAAeC,iBAC/BC,YAAAA,MAAMC,OAAOH,UAAUA,SAASC;AAM3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACVC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,kBAAkB;AAAA,EAClBZ,QAAQ;AAAA,EACRa;AAAAA,EACAC;AAAAA,EAAAA,OACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACU,MAAM;AACfd,MAAAA;AAGEe,QAAAA,cAAcC,eAAAA,eAAeX,KAAKC,MAAM;AAC9C,QAAMW,SAASZ,OAAOC;AAChBY,QAAAA,mBAAmBD,UAAUF,gBAAgB;AAEnD,MAAIG,kBAAkB;AACpBlB,eACGmB,2BAAA,IAAAC,yBAAA,EACC,KACA,KACA,eACAb,SACA,WAAWc,cAAAA,QAAKtB,mCAASuB,KAAKC,cAAAA,QAAcD,GAAG,GAC/C,GAAIb,SAEP,CAAA;AAAA,EAAA,WACQR,gBAAgB,MAAM;AACpBA,eAAAA;AAAAA,EAAAA,WACFgB,UAAUT,KAAK;AACxB,KAACR,QAAQ,IAAIQ;AAAAA,EAAAA,OACR;AACLR,eACGmB,2BAAA,IAAAK,gBAAA,MAAA,EACC,OACA,UAAUC,MAAAA,aAAatB,IAAI,GAC3B,WAAWkB,cAAAA,QAAKE,cAAAA,QAAcG,UAAU3B,mCAAS2B,QAAQ,EAE5D,CAAA;AAAA,EACH;AAEA,QAAMC,cAA6B;AAAA,IACjC,GAAG7B;AAAAA,EAAAA;AAGL,MAAII,aAAa,QAAQ,OAAOA,cAAc,UAAU;AAEtDyB,gBAAYC,eAAe;AAAA,EAC7B;AAEA,MAAI,CAACV,kBAAkB;AACrBS,gBAAYvB,kBAAkBb,SAASa,iBAAiBV,YAAAA,MAAMC,OAAOkC,KAAK;AAC1EF,gBAAYnC,QAAQD,SAASC,OAAOE,YAAAA,MAAMC,OAAOmC,KAAK;AAAA,EACxD;AAEA,QAAMC,oBAAmC,CAAA;AACzC,MAAIrB,QAAQ;AAGV,UAAMsB,cAAczC,SAASmB,QAAQhB,YAAAA,MAAMC,OAAOsC,KAAK;AACvDF,sBAAkBG,YAAa,yBAAwBF;AAAAA,EACzD;AAEA,QAAMG,aAAa5C,SAASoB,SAAS,IAAIjB,kBAAMC,OAAOsC,KAAK;AAE3D,SACGd,2BAAAA,IAAAiB,cAAAA,iBAAA,EACC,WAAWf,cAAAA,QAAKE,sBAAcc,WAAWtC,mCAASsC,SAAS,GAC3D,GAAIvB,QAEJ,UAACwB,gCAAAC,cAAAA,cAAA,EACC,WAAWlB,cAAAA,QACTE,cAAAA,QAAcb,QACdX,mCAASW,QACTa,cAAAA,QAAcX,UACdb,mCAAUa,UACVW,cAAAA,QAAcpB,OACdJ,mCAAUI,KAAK,GAEjB,OAAO4B,mBACP,UAAUnB,SACV,OAAOT,MAENQ,UAAAA;AAAAA,IACC,SAAAQ,2BAAA,IAACqB,6BACC,WAAWnB,cAAAA,QAAKE,sBAAcZ,OAAOZ,mCAASY,KAAK,GACnD,OAAO;AAAA,MAAEP,iBAAiB+B;AAAAA,IAAAA,GAE7B;AAAA,IACDhB,2BAAAA,IAACsB,cAAAA,cACC,EAAA,WACA,WAAWpB,cAAAA,QACTxB,WACA0B,cAAcmB,QAAAA,MACd3C,mCAAS2C,MACTnB,cAAAA,QAAcoB,QACd5C,mCAAS4C,QACTpB,cAAAA,QAAcpB,OACdJ,mCAAUI,KAAK,GAEjB,OAAOwB,aACP,SACA,MACA,GAAId,aAEHb,SACH,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;;"}
+{"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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"}

package/dist/cjs/components/Avatar/Avatar.styles.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({}, {
@@ -84,27 +84,27 @@ const StyledStatus = /* @__PURE__ */ _styled__default.default("div", process.env
   ...$variant === "circular" && {
     borderRadius: "50%"
   },
-  ...$size === "XS" && {
+  ...$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"
 } : {
@@ -116,33 +116,33 @@ const StyledAvatar = /* @__PURE__ */ _styled__default.default(material.Avatar, p
     size
   }) => ({
     fontSize: "1rem",
-    ...size === "XS" && {
+    ...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 +155,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":"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"}
+{"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/Badge/Badge.styles.cjs

@@ -39,7 +39,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
 } : {
   name: "1er4691",
   styles: "position:relative;&>*{float:left;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgbGFiZWxCYXNlU3R5bGU6IENTU1Byb3BlcnRpZXMgPSB7XG4gIC4uLnRoZW1lLnR5cG9ncmFwaHkubGFiZWwsXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgbGluZUhlaWdodDogXCIxNnB4XCIsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFwiJj4qXCI6IHsgZmxvYXQ6IFwibGVmdFwiIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkY29tcG9uZW50IH06IHsgJGNvbXBvbmVudDogYm9vbGVhbiB9KSA9PiAoe1xuICAuLi4oJGNvbXBvbmVudCAmJiB7XG4gICAgd2lkdGg6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRiYWRnZSxcbiAgICAkc2hvd0NvdW50LFxuICAgICRzaG93TGFiZWwsXG4gICAgJGJhZGdlSWNvbixcbiAgICAkYmFkZ2VPbmVEaWdpdCxcbiAgfToge1xuICAgICRiYWRnZT86IGJvb2xlYW47XG4gICAgJHNob3dDb3VudD86IGJvb2xlYW47XG4gICAgJHNob3dMYWJlbD86IGJvb2xlYW47XG4gICAgJGJhZGdlSWNvbj86IGJvb2xlYW47XG4gICAgJGJhZGdlT25lRGlnaXQ/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLigkYmFkZ2UgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgICAgZmxvYXQ6IFwibGVmdFwiLFxuICAgICAgbWluSGVpZ2h0OiBcIjhweFwiLFxuICAgICAgbWluV2lkdGg6IFwiOHB4XCIsXG4gICAgfSksXG4gICAgLi4uKCRzaG93Q291bnQgJiYge1xuICAgICAgLi4uKGxhYmVsQmFzZVN0eWxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgd29yZEJyZWFrOiBcImtlZXAtYWxsXCIsXG4gICAgICBtYXhXaWR0aDogMzAsXG4gICAgfSksXG4gICAgLi4uKCRzaG93TGFiZWwgJiYge1xuICAgICAgLi4uKGxhYmVsQmFzZVN0eWxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgd29yZEJyZWFrOiBcImtlZXAtYWxsXCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZUljb24gJiYge1xuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgIHRvcDogXCIxcHhcIixcbiAgICAgIGxlZnQ6IFwiLTdweFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VPbmVEaWdpdCAmJiB7XG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgbGFiZWxCYXNlU3R5bGU6IENTU1Byb3BlcnRpZXMgPSB7XG4gIC4uLnRoZW1lLnR5cG9ncmFwaHkubGFiZWwsXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgbGluZUhlaWdodDogXCIxNnB4XCIsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFwiJj4qXCI6IHsgZmxvYXQ6IFwibGVmdFwiIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkY29tcG9uZW50IH06IHsgJGNvbXBvbmVudDogYm9vbGVhbiB9KSA9PiAoe1xuICAuLi4oJGNvbXBvbmVudCAmJiB7XG4gICAgd2lkdGg6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRiYWRnZSxcbiAgICAkc2hvd0NvdW50LFxuICAgICRzaG93TGFiZWwsXG4gICAgJGJhZGdlSWNvbixcbiAgICAkYmFkZ2VPbmVEaWdpdCxcbiAgfToge1xuICAgICRiYWRnZT86IGJvb2xlYW47XG4gICAgJHNob3dDb3VudD86IGJvb2xlYW47XG4gICAgJHNob3dMYWJlbD86IGJvb2xlYW47XG4gICAgJGJhZGdlSWNvbj86IGJvb2xlYW47XG4gICAgJGJhZGdlT25lRGlnaXQ/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLigkYmFkZ2UgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgICAgZmxvYXQ6IFwibGVmdFwiLFxuICAgICAgbWluSGVpZ2h0OiBcIjhweFwiLFxuICAgICAgbWluV2lkdGg6IFwiOHB4XCIsXG4gICAgfSksXG4gICAgLi4uKCRzaG93Q291bnQgJiYge1xuICAgICAgLi4uKGxhYmVsQmFzZVN0eWxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgd29yZEJyZWFrOiBcImtlZXAtYWxsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzaG93TGFiZWwgJiYge1xuICAgICAgLi4uKGxhYmVsQmFzZVN0eWxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgd29yZEJyZWFrOiBcImtlZXAtYWxsXCIsXG4gICAgfSksXG4gICAgLi4uKCRiYWRnZUljb24gJiYge1xuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgIHRvcDogXCIxcHhcIixcbiAgICAgIGxlZnQ6IFwiLTdweFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VPbmVEaWdpdCAmJiB7XG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
@@ -54,7 +54,7 @@ const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.
     width: 0,
     backgroundColor: "red"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0NvdW50ICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgICAgbWF4V2lkdGg6IDMwLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0xhYmVsICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlT25lRGlnaXQgJiYge1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0NvdW50ICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0xhYmVsICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlT25lRGlnaXQgJiYge1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
 const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e16y1fwq0"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -76,8 +76,7 @@ const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.
   },
   ...$showCount && {
     ...labelBaseStyle,
-    wordBreak: "keep-all",
-    maxWidth: 30
+    wordBreak: "keep-all"
   },
   ...$showLabel && {
     ...labelBaseStyle,
@@ -93,7 +92,7 @@ const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.
     width: "16px",
     textAlign: "center"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0NvdW50ICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgICAgbWF4V2lkdGg6IDMwLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0xhYmVsICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlT25lRGlnaXQgJiYge1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBcIiY+KlwiOiB7IGZsb2F0OiBcImxlZnRcIiB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbXBvbmVudCB9OiB7ICRjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRjb21wb25lbnQgJiYge1xuICAgIHdpZHRoOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkYmFkZ2UsXG4gICAgJHNob3dDb3VudCxcbiAgICAkc2hvd0xhYmVsLFxuICAgICRiYWRnZUljb24sXG4gICAgJGJhZGdlT25lRGlnaXQsXG4gIH06IHtcbiAgICAkYmFkZ2U/OiBib29sZWFuO1xuICAgICRzaG93Q291bnQ/OiBib29sZWFuO1xuICAgICRzaG93TGFiZWw/OiBib29sZWFuO1xuICAgICRiYWRnZUljb24/OiBib29sZWFuO1xuICAgICRiYWRnZU9uZURpZ2l0PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0NvdW50ICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc2hvd0xhYmVsICYmIHtcbiAgICAgIC4uLihsYWJlbEJhc2VTdHlsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIHdvcmRCcmVhazogXCJrZWVwLWFsbFwiLFxuICAgIH0pLFxuICAgIC4uLigkYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oJGJhZGdlT25lRGlnaXQgJiYge1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
 exports.StyledBadge = StyledBadge;
 exports.StyledContainer = StyledContainer;
 exports.StyledRoot = StyledRoot;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.cjs","sources":["../../../../src/components/Badge/Badge.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst labelBaseStyle: CSSProperties = {\n  ...theme.typography.label,\n  padding: \"0 5px\",\n  color: theme.colors.atmo1,\n  lineHeight: \"16px\",\n};\n\nexport const StyledRoot = styled(\"div\")({\n  position: \"relative\",\n  \"&>*\": { float: \"left\" },\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $component }: { $component: boolean }) => ({\n  ...($component && {\n    width: 0,\n    backgroundColor: \"red\",\n  }),\n}));\n\nexport const StyledBadge = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $badge,\n    $showCount,\n    $showLabel,\n    $badgeIcon,\n    $badgeOneDigit,\n  }: {\n    $badge?: boolean;\n    $showCount?: boolean;\n    $showLabel?: boolean;\n    $badgeIcon?: boolean;\n    $badgeOneDigit?: boolean;\n  }) => ({\n    ...($badge && {\n      borderRadius: theme.space.xs,\n      backgroundColor: theme.colors.acce1,\n      float: \"left\",\n      minHeight: \"8px\",\n      minWidth: \"8px\",\n    }),\n    ...($showCount && {\n      ...(labelBaseStyle as CSSProperties),\n      wordBreak: \"keep-all\",\n      maxWidth: 30,\n    }),\n    ...($showLabel && {\n      ...(labelBaseStyle as CSSProperties),\n      wordBreak: \"keep-all\",\n    }),\n    ...($badgeIcon && {\n      position: \"relative\",\n      top: \"1px\",\n      left: \"-7px\",\n    }),\n    ...($badgeOneDigit && {\n      padding: 0,\n      width: \"16px\",\n      textAlign: \"center\",\n    }),\n  })\n);\n"],"names":["labelBaseStyle","theme","typography","label","padding","color","colors","atmo1","lineHeight","StyledRoot","_styled","process","env","NODE_ENV","target","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$component","width","backgroundColor","StyledBadge","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit","borderRadius","space","xs","acce1","float","minHeight","minWidth","wordBreak","maxWidth","position","top","left","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,iBAAgC;AAAA,EACpC,GAAGC,YAAAA,MAAMC,WAAWC;AAAAA,EACpBC,SAAS;AAAA,EACTC,OAAOJ,YAAAA,MAAMK,OAAOC;AAAAA,EACpBC,YAAY;AACd;AAEO,MAAMC,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAX,OAAA;AAAA,CAAA,EAACQ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,2DACX,OAAKT,QAAAC,IAAAC,4BAAAQ,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,GACLQ,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,EAAAX,OAAA;AAAA,GAAhBmB,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAoC,OAAO;AAAA,EAC9C,GAAIA,cAAc;AAAA,IAChBC,OAAO;AAAA,IACPC,iBAAiB;AAAA,EACnB;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ymFAAA;AAEUa,MAAAA,uDACX,OAAKf,QAAAC,IAAAC,4BAAAQ,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,GACLQ,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,EAAAX,OAAA;AAAA,GAAhBmB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCK;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACL,GAAIJ,UAAU;AAAA,IACZK,cAAc/B,YAAAA,MAAMgC,MAAMC;AAAAA,IAC1BT,iBAAiBxB,YAAAA,MAAMK,OAAO6B;AAAAA,IAC9BC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,UAAU;AAAA,EACZ;AAAA,EACA,GAAIV,cAAc;AAAA,IAChB,GAAI5B;AAAAA,IACJuC,WAAW;AAAA,IACXC,UAAU;AAAA,EACZ;AAAA,EACA,GAAIX,cAAc;AAAA,IAChB,GAAI7B;AAAAA,IACJuC,WAAW;AAAA,EACb;AAAA,EACA,GAAIT,cAAc;AAAA,IAChBW,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,EACR;AAAA,EACA,GAAIZ,kBAAkB;AAAA,IACpB3B,SAAS;AAAA,IACToB,OAAO;AAAA,IACPoB,WAAW;AAAA,EACb;AACF,IAAEjC,QAAAC,IAAAC,aACH,eAAA,KAAA,ymFAAA;;;;"}
+{"version":3,"file":"Badge.styles.cjs","sources":["../../../../src/components/Badge/Badge.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst labelBaseStyle: CSSProperties = {\n  ...theme.typography.label,\n  padding: \"0 5px\",\n  color: theme.colors.atmo1,\n  lineHeight: \"16px\",\n};\n\nexport const StyledRoot = styled(\"div\")({\n  position: \"relative\",\n  \"&>*\": { float: \"left\" },\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $component }: { $component: boolean }) => ({\n  ...($component && {\n    width: 0,\n    backgroundColor: \"red\",\n  }),\n}));\n\nexport const StyledBadge = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $badge,\n    $showCount,\n    $showLabel,\n    $badgeIcon,\n    $badgeOneDigit,\n  }: {\n    $badge?: boolean;\n    $showCount?: boolean;\n    $showLabel?: boolean;\n    $badgeIcon?: boolean;\n    $badgeOneDigit?: boolean;\n  }) => ({\n    ...($badge && {\n      borderRadius: theme.space.xs,\n      backgroundColor: theme.colors.acce1,\n      float: \"left\",\n      minHeight: \"8px\",\n      minWidth: \"8px\",\n    }),\n    ...($showCount && {\n      ...(labelBaseStyle as CSSProperties),\n      wordBreak: \"keep-all\",\n    }),\n    ...($showLabel && {\n      ...(labelBaseStyle as CSSProperties),\n      wordBreak: \"keep-all\",\n    }),\n    ...($badgeIcon && {\n      position: \"relative\",\n      top: \"1px\",\n      left: \"-7px\",\n    }),\n    ...($badgeOneDigit && {\n      padding: 0,\n      width: \"16px\",\n      textAlign: \"center\",\n    }),\n  })\n);\n"],"names":["labelBaseStyle","theme","typography","label","padding","color","colors","atmo1","lineHeight","StyledRoot","_styled","process","env","NODE_ENV","target","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$component","width","backgroundColor","StyledBadge","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit","borderRadius","space","xs","acce1","float","minHeight","minWidth","wordBreak","position","top","left","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,iBAAgC;AAAA,EACpC,GAAGC,YAAAA,MAAMC,WAAWC;AAAAA,EACpBC,SAAS;AAAA,EACTC,OAAOJ,YAAAA,MAAMK,OAAOC;AAAAA,EACpBC,YAAY;AACd;AAEO,MAAMC,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAX,OAAA;AAAA,CAAA,EAACQ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,2DACX,OAAKT,QAAAC,IAAAC,4BAAAQ,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,GACLQ,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,EAAAX,OAAA;AAAA,GAAhBmB,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAoC,OAAO;AAAA,EAC9C,GAAIA,cAAc;AAAA,IAChBC,OAAO;AAAA,IACPC,iBAAiB;AAAA,EACnB;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,6kFAAA;AAEUa,MAAAA,uDACX,OAAKf,QAAAC,IAAAC,4BAAAQ,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,GACLQ,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAP,QAAA;AAAA,EAAAX,OAAA;AAAA,GAAhBmB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCK;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACL,GAAIJ,UAAU;AAAA,IACZK,cAAc/B,YAAAA,MAAMgC,MAAMC;AAAAA,IAC1BT,iBAAiBxB,YAAAA,MAAMK,OAAO6B;AAAAA,IAC9BC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,UAAU;AAAA,EACZ;AAAA,EACA,GAAIV,cAAc;AAAA,IAChB,GAAI5B;AAAAA,IACJuC,WAAW;AAAA,EACb;AAAA,EACA,GAAIV,cAAc;AAAA,IAChB,GAAI7B;AAAAA,IACJuC,WAAW;AAAA,EACb;AAAA,EACA,GAAIT,cAAc;AAAA,IAChBU,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,EACR;AAAA,EACA,GAAIX,kBAAkB;AAAA,IACpB3B,SAAS;AAAA,IACToB,OAAO;AAAA,IACPmB,WAAW;AAAA,EACb;AACF,IAAEhC,QAAAC,IAAAC,aACH,eAAA,KAAA,6kFAAA;;;;"}

package/dist/cjs/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport { bannerClasses, HvBannerClasses } from \".\";\nimport { setId } from \"utils\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvActionGeneric } from \"components\";\n\nexport type HvBannerVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvBannerProps = Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\"> &\n  HvBaseProps & {\n    /** If true | Snackbar is open. */\n    open: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?: Function;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. */\n    anchorOrigin?: \"top\" | \"bottom\";\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Actions to display on the right side. */\n    actions?: React.ReactNode | HvActionGeneric[];\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionsCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** The position property of the header. */\n    actionsPosition?: HvBannerActionPosition;\n    /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n    offset?: number;\n    /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n    bannerContentProps?: HvBannerContentProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerClasses;\n  };\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","jsx","Slide","StyledSnackbar","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","HvBannerContent","setId"],"mappings":";;;;;;;;;;;;;;;AAqEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,KACGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAe,eAAAC,2BAAAA,IAACC,eAAAA,SAAUF,EAAAA,GAAAA,YAAY,WAAWpB,wBAClD,CAACA,mBAAmB,CAAC;AAIrB,SAAAqB,2BAAA,IAACE,cACC,gBAAA,EAAA,OAAOb,mBAAoB,eAAcc,4BAAW3B,YAAY,MAChE,WACA,IACA,SAAS;AAAA,IACP4B,MAAM9B,OACF+B,cAAAA,QAAKC,cAAAA,QAAcF,MAAMhC,mCAASgC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYnC,mCAASmC,UAAU;AAAA,IACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdpC,mCAASoC,qBAAqB;AAAA,IAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdrC,mCAASqC,wBAAwB;AAAA,EAAA,GAGrC,cAAcf,oBACd,qBAAqBG,iBACrB,MACA,SAASvB,MACT,oBACA,GAAIc,QAEJ,UAAAY,2BAAA,IAACU,cACC,iBAAA,EAAA,IAAIC,MAAAA,MAAMxC,IAAI,SAAS,GACvB,SAASc,OACT,SACA,YACA,UACA,SACA,iBACA,iBACA,SACA,GAAIE,mBAAmB,CAAA,EAE3B,CAAA;AAEJ;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport { bannerClasses, HvBannerClasses } from \".\";\nimport { setId } from \"utils\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvActionGeneric } from \"components\";\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvBannerProps = Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\"> &\n  HvBaseProps & {\n    /** If true | Snackbar is open. */\n    open: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?: Function;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. */\n    anchorOrigin?: \"top\" | \"bottom\";\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Actions to display on the right side. */\n    actions?: React.ReactNode | HvActionGeneric[];\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionsCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** The position property of the header. */\n    actionsPosition?: HvBannerActionPosition;\n    /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n    offset?: number;\n    /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n    bannerContentProps?: HvBannerContentProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerClasses;\n  };\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","jsx","Slide","StyledSnackbar","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","HvBannerContent","setId"],"mappings":";;;;;;;;;;;;;;;AAgEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,KACGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAe,eAAAC,2BAAAA,IAACC,eAAAA,SAAUF,EAAAA,GAAAA,YAAY,WAAWpB,wBAClD,CAACA,mBAAmB,CAAC;AAIrB,SAAAqB,2BAAA,IAACE,cACC,gBAAA,EAAA,OAAOb,mBAAoB,eAAcc,4BAAW3B,YAAY,MAChE,WACA,IACA,SAAS;AAAA,IACP4B,MAAM9B,OACF+B,cAAAA,QAAKC,cAAAA,QAAcF,MAAMhC,mCAASgC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYnC,mCAASmC,UAAU;AAAA,IACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdpC,mCAASoC,qBAAqB;AAAA,IAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdrC,mCAASqC,wBAAwB;AAAA,EAAA,GAGrC,cAAcf,oBACd,qBAAqBG,iBACrB,MACA,SAASvB,MACT,oBACA,GAAIc,QAEJ,UAAAY,2BAAA,IAACU,cACC,iBAAA,EAAA,IAAIC,MAAAA,MAAMxC,IAAI,SAAS,GACvB,SAASc,OACT,SACA,YACA,UACA,SACA,iBACA,iBACA,SACA,GAAIE,mBAAmB,CAAA,EAE3B,CAAA;AAEJ;;"}