@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.2

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

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

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

@@ -0,0 +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 } 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 = MuiAvatarProps &\n  HvBaseProps & {\n    /** Inline styles to be applied to the root element. */\n    style?: object;\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?: object;\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?: object;\n    /** A Jss Object used to override or extend the styles applied to the empty state 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(avatarClasses.status, classes?.status)}\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          )}\n          style={inlineStyle}\n          variant={variant}\n          size={size}\n          {...avatarProps}\n        >\n          {children}\n        </StyledAvatar>\n      </StyledStatus>\n    </StyledContainer>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","StyledImg","clsx","img","avatarClasses","User","iconSize","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","StyledContainer","container","StyledStatus","_jsx","StyledBadge","StyledAvatar","root","avatar"],"mappings":"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"}

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

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const material = require("@mui/material");
+const focusUtils = require("../../utils/focusUtils.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const EXTRA_SMALL = {
+  container: "32px",
+  avatar: "24px"
+};
+const SMALL = {
+  container: "40px",
+  avatar: "32px"
+};
+const MEDIUM = {
+  container: "48px",
+  avatar: "40px"
+};
+const LARGE = {
+  container: "60px",
+  avatar: "52px"
+};
+const EXTRA_LARGE = {
+  container: "96px",
+  avatar: "88px"
+};
+const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1sw81qd4"
+} : {
+  target: "e1sw81qd4",
+  label: "StyledContainer"
+})({
+  "&:focus-visible": {
+    ...focusUtils.outlineStyles,
+    borderRadius: 0
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQXZhdGFyIGFzIE11aUF2YXRhciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyB2YXJpYW50LCBzaXplIH06IHsgdmFyaWFudDogSHZBdmF0YXJWYXJpYW50OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG5cbiAgICAvLyB2YXJpYW50XG4gICAgLi4uKHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogU01BTEwuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXZhdGFyID0gc3R5bGVkKE11aUF2YXRhcikoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnNcbiAgKHsgY29tcG9uZW50LCBzaXplIH06IHsgY29tcG9uZW50OiBhbnk7IHNpemU6IEh2QXZhdGFyU2l6ZSB9KSA9PiAoe1xuICAgIC8vIHJvb3RcbiAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgLy8gYXZhdGFyXG4gICAgLi4uKHNpemUgPT09IFwiWFNcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNjI1cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTURcIiAmJiB7XG4gICAgICB3aWR0aDogTUVESVVNLmF2YXRhcixcbiAgICAgIGhlaWdodDogTUVESVVNLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJMR1wiICYmIHtcbiAgICAgIHdpZHRoOiBMQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IExBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjEuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMnJlbVwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IDgsXG4gIGhlaWdodDogOCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICB6SW5kZXg6IDEsXG59KTtcbiJdfQ== */");
+const StyledImg = /* @__PURE__ */ _styled__default.default("img", process.env.NODE_ENV === "production" ? {
+  target: "e1sw81qd3"
+} : {
+  target: "e1sw81qd3",
+  label: "StyledImg"
+})(process.env.NODE_ENV === "production" ? {
+  name: "p646uu",
+  styles: "width:100%;height:100%;text-align:center;object-fit:cover;color:transparent;text-indent:10000px"
+} : {
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCIuLi8uLi91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyBIdkF2YXRhclNpemUsIEh2QXZhdGFyVmFyaWFudCB9IGZyb20gXCIuL0F2YXRhclwiO1xuXG5jb25zdCBFWFRSQV9TTUFMTCA9IHsgY29udGFpbmVyOiBcIjMycHhcIiwgYXZhdGFyOiBcIjI0cHhcIiB9O1xuY29uc3QgU01BTEwgPSB7IGNvbnRhaW5lcjogXCI0MHB4XCIsIGF2YXRhcjogXCIzMnB4XCIgfTtcbmNvbnN0IE1FRElVTSA9IHsgY29udGFpbmVyOiBcIjQ4cHhcIiwgYXZhdGFyOiBcIjQwcHhcIiB9O1xuY29uc3QgTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI2MHB4XCIsIGF2YXRhcjogXCI1MnB4XCIgfTtcbmNvbnN0IEVYVFJBX0xBUkdFID0geyBjb250YWluZXI6IFwiOTZweFwiLCBhdmF0YXI6IFwiODhweFwiIH07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAvLyBIYW5kbGUgbm9uLXNxdWFyZSBpbWFnZS4gVGhlIHByb3BlcnR5IGlzbid0IHN1cHBvcnRlZCBieSBJRSAxMS5cbiAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gIC8vIEhpZGUgYWx0IHRleHQuXG4gIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIC8vIEhpZGUgdGhlIGltYWdlIGJyb2tlbiBpY29uLCBvbmx5IHdvcmtzIG9uIENocm9tZS5cbiAgdGV4dEluZGVudDogMTAwMDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0YXR1cyA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCwgc2l6ZSB9OiB7IHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLih2YXJpYW50ID09PSBcImNpcmN1bGFyXCIgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIH0pLFxuICAgIC8vIHNpemVcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledStatus = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1sw81qd2"
+} : {
+  target: "e1sw81qd2",
+  label: "StyledStatus"
+})(({
+  variant,
+  size
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  position: "relative",
+  ...variant === "circular" && {
+    borderRadius: "50%"
+  },
+  ...size === "XS" && {
+    width: EXTRA_SMALL.container,
+    height: EXTRA_SMALL.container
+  },
+  ...size === "SM" && {
+    width: SMALL.container,
+    height: SMALL.container
+  },
+  ...size === "MD" && {
+    width: MEDIUM.container,
+    height: MEDIUM.container
+  },
+  ...size === "LG" && {
+    width: LARGE.container,
+    height: LARGE.container
+  },
+  ...size === "XL" && {
+    width: EXTRA_LARGE.container,
+    height: EXTRA_LARGE.container
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCIuLi8uLi91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyBIdkF2YXRhclNpemUsIEh2QXZhdGFyVmFyaWFudCB9IGZyb20gXCIuL0F2YXRhclwiO1xuXG5jb25zdCBFWFRSQV9TTUFMTCA9IHsgY29udGFpbmVyOiBcIjMycHhcIiwgYXZhdGFyOiBcIjI0cHhcIiB9O1xuY29uc3QgU01BTEwgPSB7IGNvbnRhaW5lcjogXCI0MHB4XCIsIGF2YXRhcjogXCIzMnB4XCIgfTtcbmNvbnN0IE1FRElVTSA9IHsgY29udGFpbmVyOiBcIjQ4cHhcIiwgYXZhdGFyOiBcIjQwcHhcIiB9O1xuY29uc3QgTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI2MHB4XCIsIGF2YXRhcjogXCI1MnB4XCIgfTtcbmNvbnN0IEVYVFJBX0xBUkdFID0geyBjb250YWluZXI6IFwiOTZweFwiLCBhdmF0YXI6IFwiODhweFwiIH07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAvLyBIYW5kbGUgbm9uLXNxdWFyZSBpbWFnZS4gVGhlIHByb3BlcnR5IGlzbid0IHN1cHBvcnRlZCBieSBJRSAxMS5cbiAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gIC8vIEhpZGUgYWx0IHRleHQuXG4gIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIC8vIEhpZGUgdGhlIGltYWdlIGJyb2tlbiBpY29uLCBvbmx5IHdvcmtzIG9uIENocm9tZS5cbiAgdGV4dEluZGVudDogMTAwMDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0YXR1cyA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCwgc2l6ZSB9OiB7IHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLih2YXJpYW50ID09PSBcImNpcmN1bGFyXCIgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIH0pLFxuICAgIC8vIHNpemVcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */");
+const StyledAvatar = /* @__PURE__ */ _styled__default.default(material.Avatar, process.env.NODE_ENV === "production" ? {
+  target: "e1sw81qd1"
+} : {
+  target: "e1sw81qd1",
+  label: "StyledAvatar"
+})(
+  ({
+    component,
+    size
+  }) => ({
+    fontSize: "1rem",
+    ...size === "XS" && {
+      width: EXTRA_SMALL.avatar,
+      height: EXTRA_SMALL.avatar,
+      fontSize: "0.5rem"
+    },
+    ...size === "SM" && {
+      width: SMALL.avatar,
+      height: SMALL.avatar,
+      fontSize: "0.625rem"
+    },
+    ...size === "MD" && {
+      width: MEDIUM.avatar,
+      height: MEDIUM.avatar,
+      fontSize: "1rem"
+    },
+    ...size === "LG" && {
+      width: LARGE.avatar,
+      height: LARGE.avatar,
+      fontSize: "1.5rem"
+    },
+    ...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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCIuLi8uLi91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyBIdkF2YXRhclNpemUsIEh2QXZhdGFyVmFyaWFudCB9IGZyb20gXCIuL0F2YXRhclwiO1xuXG5jb25zdCBFWFRSQV9TTUFMTCA9IHsgY29udGFpbmVyOiBcIjMycHhcIiwgYXZhdGFyOiBcIjI0cHhcIiB9O1xuY29uc3QgU01BTEwgPSB7IGNvbnRhaW5lcjogXCI0MHB4XCIsIGF2YXRhcjogXCIzMnB4XCIgfTtcbmNvbnN0IE1FRElVTSA9IHsgY29udGFpbmVyOiBcIjQ4cHhcIiwgYXZhdGFyOiBcIjQwcHhcIiB9O1xuY29uc3QgTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI2MHB4XCIsIGF2YXRhcjogXCI1MnB4XCIgfTtcbmNvbnN0IEVYVFJBX0xBUkdFID0geyBjb250YWluZXI6IFwiOTZweFwiLCBhdmF0YXI6IFwiODhweFwiIH07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAvLyBIYW5kbGUgbm9uLXNxdWFyZSBpbWFnZS4gVGhlIHByb3BlcnR5IGlzbid0IHN1cHBvcnRlZCBieSBJRSAxMS5cbiAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gIC8vIEhpZGUgYWx0IHRleHQuXG4gIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIC8vIEhpZGUgdGhlIGltYWdlIGJyb2tlbiBpY29uLCBvbmx5IHdvcmtzIG9uIENocm9tZS5cbiAgdGV4dEluZGVudDogMTAwMDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0YXR1cyA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCwgc2l6ZSB9OiB7IHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLih2YXJpYW50ID09PSBcImNpcmN1bGFyXCIgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIH0pLFxuICAgIC8vIHNpemVcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */"
+);
+const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1sw81qd0"
+} : {
+  target: "e1sw81qd0",
+  label: "StyledBadge"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1318xp0",
+  styles: "width:8px;height:8px;position:absolute;top:0;right:0;border-radius:50%;z-index:1"
+} : {
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1HMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCIuLi8uLi91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyBIdkF2YXRhclNpemUsIEh2QXZhdGFyVmFyaWFudCB9IGZyb20gXCIuL0F2YXRhclwiO1xuXG5jb25zdCBFWFRSQV9TTUFMTCA9IHsgY29udGFpbmVyOiBcIjMycHhcIiwgYXZhdGFyOiBcIjI0cHhcIiB9O1xuY29uc3QgU01BTEwgPSB7IGNvbnRhaW5lcjogXCI0MHB4XCIsIGF2YXRhcjogXCIzMnB4XCIgfTtcbmNvbnN0IE1FRElVTSA9IHsgY29udGFpbmVyOiBcIjQ4cHhcIiwgYXZhdGFyOiBcIjQwcHhcIiB9O1xuY29uc3QgTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI2MHB4XCIsIGF2YXRhcjogXCI1MnB4XCIgfTtcbmNvbnN0IEVYVFJBX0xBUkdFID0geyBjb250YWluZXI6IFwiOTZweFwiLCBhdmF0YXI6IFwiODhweFwiIH07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAvLyBIYW5kbGUgbm9uLXNxdWFyZSBpbWFnZS4gVGhlIHByb3BlcnR5IGlzbid0IHN1cHBvcnRlZCBieSBJRSAxMS5cbiAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gIC8vIEhpZGUgYWx0IHRleHQuXG4gIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIC8vIEhpZGUgdGhlIGltYWdlIGJyb2tlbiBpY29uLCBvbmx5IHdvcmtzIG9uIENocm9tZS5cbiAgdGV4dEluZGVudDogMTAwMDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0YXR1cyA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCwgc2l6ZSB9OiB7IHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLih2YXJpYW50ID09PSBcImNpcmN1bGFyXCIgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIH0pLFxuICAgIC8vIHNpemVcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.StyledAvatar = StyledAvatar;
+exports.StyledBadge = StyledBadge;
+exports.StyledContainer = StyledContainer;
+exports.StyledImg = StyledImg;
+exports.StyledStatus = StyledStatus;
+//# sourceMappingURL=Avatar.styles.cjs.map

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

@@ -0,0 +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 { 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(\"div\")(\n  ({ variant, size }: { variant: HvAvatarVariant; size: HvAvatarSize }) => ({\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","variant","size","display","alignItems","justifyContent","position","width","height","StyledAvatar","MuiAvatar","component","fontSize","StyledBadge"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "container", "img", "fallback", "badge", "avatar", "status"];
+const avatarClasses = classes.getClasses(classKeys, "HvAvatar");
+const avatarClasses$1 = avatarClasses;
+exports.default = avatarClasses$1;
+//# sourceMappingURL=avatarClasses.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatarClasses.cjs","sources":["../../../../src/components/Avatar/avatarClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAvatarClasses = {\n  root?: string;\n  container?: string;\n  img?: string;\n  fallback?: string;\n  badge?: string;\n  avatar?: string;\n  status?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"img\",\n  \"fallback\",\n  \"badge\",\n  \"avatar\",\n  \"status\",\n];\n\nconst avatarClasses = getClasses<HvAvatarClasses>(classKeys, \"HvAvatar\");\n\nexport default avatarClasses;\n"],"names":["classKeys","avatarClasses","getClasses"],"mappings":";;;AAYA,MAAMA,YAAsB,CAC1B,QACA,aACA,OACA,YACA,SACA,UACA,QAAQ;AAGV,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { HvTypography, HvTypographyVariants } from \"components\";\nimport { StyledBadge, StyledContainer, StyledRoot } from \"./Badge.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport badgeClasses, { HvBadgeClasses } from \"./badgeClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBadgeProps = HvBaseProps & {\n  /**\n   * Count is the number of unread notifications.\n   * Note count and label are mutually exclusive.\n   * count is ignored when label is specified at the same time.\n   */\n  count?: number;\n  /**\n   * True if count should be displayed.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  showCount?: boolean;\n  /** The maximum number of unread notifications to be displayed */\n  maxCount?: number;\n  /**\n   * Custom text to show in place of count.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  label?: string;\n  /** Icon which the notification will be attached. */\n  icon?: React.ReactNode;\n  /** Text which the notification will be attached. */\n  text?: string;\n  /** Text variant. */\n  textVariant?: HvTypographyVariants;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvBadgeClasses;\n};\n\n/**\n * The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n  const {\n    classes,\n    className,\n    showCount = false,\n    count = 0,\n    maxCount = 99,\n    label = null,\n    icon = null,\n    text = null,\n    textVariant = undefined,\n    ...others\n  } = props;\n\n  const renderedCount = count > maxCount ? `${maxCount}+` : count;\n  // If label is specified and non-empty, render it.\n  // If showCount is specified and count > 0, render the count.\n  // Otherwise, render nothing on the badge.\n  // (Note count=0 should not be rendered to avoid ghosty 0.)\n  const renderedCountOrLabel =\n    label || (showCount && count > 0 && renderedCount) || null;\n  const Component =\n    icon || (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n  return (\n    <StyledRoot\n      aria-label={renderedCountOrLabel?.toString()}\n      className={clsx(badgeClasses.root, classes?.root)}\n      {...others}\n    >\n      {Component}\n      <StyledContainer\n        component={Component ? true : false}\n        className={\n          Component\n            ? clsx(badgeClasses.badgeContainer, classes?.badgeContainer)\n            : \"\"\n        }\n      >\n        <StyledBadge\n          className={clsx(badgeClasses.badgePosition, classes?.badgePosition)}\n          badge={!!(count > 0 || renderedCountOrLabel)}\n          showCount={!!(!label && renderedCountOrLabel)}\n          showLabel={!!label}\n          badgeIcon={!!icon}\n          badgeOneDigit={String(renderedCountOrLabel).length === 1}\n        >\n          {renderedCountOrLabel}\n        </StyledBadge>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBadge","props","classes","className","showCount","count","maxCount","label","icon","text","textVariant","undefined","others","renderedCount","renderedCountOrLabel","Component","_jsx","HvTypography","variant","children","StyledRoot","toString","clsx","badgeClasses","root","StyledContainer","component","badgeContainer","StyledBadge","badgePosition","badge","showLabel","badgeIcon","badgeOneDigit","String","length"],"mappings":";;;;;;;;;AAwCaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,OAAO;AAAA,IACPC,cAAcC;AAAAA,OACXC;AAAAA,EACDX,IAAAA;AAEJ,QAAMY,gBAAgBR,QAAQC,WAAY,GAAEA,cAAcD;AAK1D,QAAMS,uBACJP,SAAUH,aAAaC,QAAQ,KAAKQ,iBAAkB;AACxD,QAAME,YACJP,QAASC,QAAQO,2BAAAA,IAACC,WAAAA,cAAY;AAAA,IAACC,SAASR;AAAAA,IAAYS,UAAEV;AAAAA,EAAAA,CAAqB;AAE7E,yCACGW,aAAAA,YAAU;AAAA,IACT,cAAYN,6DAAsBO;AAAAA,IAClClB,WAAWmB,cAAAA,QAAKC,aAAAA,QAAaC,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GAC9CZ;AAAAA,IAAMO,UAETJ,CAAAA,WACDC,2BAAAA,IAACS,8BAAe;AAAA,MACdC,WAAWX,YAAY,OAAO;AAAA,MAC9BZ,WACEY,YACIO,sBAAKC,aAAAA,QAAaI,gBAAgBzB,mCAASyB,cAAc,IACzD;AAAA,MACLR,yCAEAS,0BAAW;AAAA,QACVzB,WAAWmB,cAAAA,QAAKC,aAAAA,QAAaM,eAAe3B,mCAAS2B,aAAa;AAAA,QAClEC,OAAO,CAAC,EAAEzB,QAAQ,KAAKS;AAAAA,QACvBV,WAAW,CAAC,EAAE,CAACG,SAASO;AAAAA,QACxBiB,WAAW,CAAC,CAACxB;AAAAA,QACbyB,WAAW,CAAC,CAACxB;AAAAA,QACbyB,eAAeC,OAAOpB,oBAAoB,EAAEqB,WAAW;AAAA,QAAEhB,UAExDL;AAAAA,MAAAA,CAAoB;AAAA,IAAA,CAEP,CAAA;AAAA,EAAA,CACP;AAEjB;;"}

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

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const labelBaseStyle = {
+  ...uikitStyles.theme.typography.label,
+  fontFamily: uikitStyles.theme.fontFamily.body,
+  padding: "0 5px",
+  color: uikitStyles.theme.colors.atmo1
+};
+const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e16y1fwq2"
+} : {
+  target: "e16y1fwq2",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1er4691",
+  styles: "position:relative;&>*{float:left;}"
+} : {
+  name: "1er4691",
+  styles: "position:relative;&>*{float:left;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbnRlcmZhY2UgU3R5bGVkQmFkZ2VQcm9wcyB7XG4gIGJhZGdlPzogYm9vbGVhbjtcbiAgc2hvd0NvdW50PzogYm9vbGVhbjtcbiAgc2hvd0xhYmVsPzogYm9vbGVhbjtcbiAgYmFkZ2VJY29uPzogYm9vbGVhbjtcbiAgYmFkZ2VPbmVEaWdpdD86IGJvb2xlYW47XG59XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgXCImPipcIjogeyBmbG9hdDogXCJsZWZ0XCIgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBjb21wb25lbnQgfTogeyBjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgICAuLi4oY29tcG9uZW50ICYmIHtcbiAgICAgIHdpZHRoOiAwLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIGJhZGdlLFxuICAgIHNob3dDb3VudCxcbiAgICBzaG93TGFiZWwsXG4gICAgYmFkZ2VJY29uLFxuICAgIGJhZGdlT25lRGlnaXQsXG4gIH06IFN0eWxlZEJhZGdlUHJvcHMpID0+ICh7XG4gICAgLi4uKGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLihzaG93Q291bnQgJiYge1xuICAgICAgLi4uKGxhYmVsQmFzZVN0eWxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgd29yZEJyZWFrOiBcImtlZXAtYWxsXCIsXG4gICAgICBtYXhXaWR0aDogMzAsXG4gICAgfSksXG4gICAgLi4uKHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oYmFkZ2VPbmVEaWdpdCAmJiB7XG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e16y1fwq1"
+} : {
+  target: "e16y1fwq1",
+  label: "StyledContainer"
+})(({
+  component
+}) => ({
+  ...component && {
+    width: 0,
+    backgroundColor: "red"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbnRlcmZhY2UgU3R5bGVkQmFkZ2VQcm9wcyB7XG4gIGJhZGdlPzogYm9vbGVhbjtcbiAgc2hvd0NvdW50PzogYm9vbGVhbjtcbiAgc2hvd0xhYmVsPzogYm9vbGVhbjtcbiAgYmFkZ2VJY29uPzogYm9vbGVhbjtcbiAgYmFkZ2VPbmVEaWdpdD86IGJvb2xlYW47XG59XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgXCImPipcIjogeyBmbG9hdDogXCJsZWZ0XCIgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBjb21wb25lbnQgfTogeyBjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgICAuLi4oY29tcG9uZW50ICYmIHtcbiAgICAgIHdpZHRoOiAwLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIGJhZGdlLFxuICAgIHNob3dDb3VudCxcbiAgICBzaG93TGFiZWwsXG4gICAgYmFkZ2VJY29uLFxuICAgIGJhZGdlT25lRGlnaXQsXG4gIH06IFN0eWxlZEJhZGdlUHJvcHMpID0+ICh7XG4gICAgLi4uKGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLihzaG93Q291bnQgJiYge1xuICAgICAgLi4uKGxhYmVsQmFzZVN0eWxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgd29yZEJyZWFrOiBcImtlZXAtYWxsXCIsXG4gICAgICBtYXhXaWR0aDogMzAsXG4gICAgfSksXG4gICAgLi4uKHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oYmFkZ2VPbmVEaWdpdCAmJiB7XG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e16y1fwq0"
+} : {
+  target: "e16y1fwq0",
+  label: "StyledBadge"
+})(({
+  badge,
+  showCount,
+  showLabel,
+  badgeIcon,
+  badgeOneDigit
+}) => ({
+  ...badge && {
+    borderRadius: uikitStyles.theme.space.xs,
+    backgroundColor: uikitStyles.theme.colors.acce1,
+    float: "left",
+    minHeight: "8px",
+    minWidth: "8px"
+  },
+  ...showCount && {
+    ...labelBaseStyle,
+    wordBreak: "keep-all",
+    maxWidth: 30
+  },
+  ...showLabel && {
+    ...labelBaseStyle,
+    wordBreak: "keep-all"
+  },
+  ...badgeIcon && {
+    position: "relative",
+    top: "1px",
+    left: "-7px"
+  },
+  ...badgeOneDigit && {
+    padding: 0,
+    width: "16px",
+    textAlign: "center"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbnRlcmZhY2UgU3R5bGVkQmFkZ2VQcm9wcyB7XG4gIGJhZGdlPzogYm9vbGVhbjtcbiAgc2hvd0NvdW50PzogYm9vbGVhbjtcbiAgc2hvd0xhYmVsPzogYm9vbGVhbjtcbiAgYmFkZ2VJY29uPzogYm9vbGVhbjtcbiAgYmFkZ2VPbmVEaWdpdD86IGJvb2xlYW47XG59XG5cbmNvbnN0IGxhYmVsQmFzZVN0eWxlID0ge1xuICAuLi50aGVtZS50eXBvZ3JhcGh5LmxhYmVsLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgXCImPipcIjogeyBmbG9hdDogXCJsZWZ0XCIgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBjb21wb25lbnQgfTogeyBjb21wb25lbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgICAuLi4oY29tcG9uZW50ICYmIHtcbiAgICAgIHdpZHRoOiAwLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIGJhZGdlLFxuICAgIHNob3dDb3VudCxcbiAgICBzaG93TGFiZWwsXG4gICAgYmFkZ2VJY29uLFxuICAgIGJhZGdlT25lRGlnaXQsXG4gIH06IFN0eWxlZEJhZGdlUHJvcHMpID0+ICh7XG4gICAgLi4uKGJhZGdlICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2UueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIG1pbkhlaWdodDogXCI4cHhcIixcbiAgICAgIG1pbldpZHRoOiBcIjhweFwiLFxuICAgIH0pLFxuICAgIC4uLihzaG93Q291bnQgJiYge1xuICAgICAgLi4uKGxhYmVsQmFzZVN0eWxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgd29yZEJyZWFrOiBcImtlZXAtYWxsXCIsXG4gICAgICBtYXhXaWR0aDogMzAsXG4gICAgfSksXG4gICAgLi4uKHNob3dMYWJlbCAmJiB7XG4gICAgICAuLi4obGFiZWxCYXNlU3R5bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB3b3JkQnJlYWs6IFwia2VlcC1hbGxcIixcbiAgICB9KSxcbiAgICAuLi4oYmFkZ2VJY29uICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB0b3A6IFwiMXB4XCIsXG4gICAgICBsZWZ0OiBcIi03cHhcIixcbiAgICB9KSxcbiAgICAuLi4oYmFkZ2VPbmVEaWdpdCAmJiB7XG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+exports.StyledBadge = StyledBadge;
+exports.StyledContainer = StyledContainer;
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=Badge.styles.cjs.map

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

@@ -0,0 +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\";\n\ninterface StyledBadgeProps {\n  badge?: boolean;\n  showCount?: boolean;\n  showLabel?: boolean;\n  badgeIcon?: boolean;\n  badgeOneDigit?: boolean;\n}\n\nconst labelBaseStyle = {\n  ...theme.typography.label,\n  fontFamily: theme.fontFamily.body,\n  padding: \"0 5px\",\n  color: theme.colors.atmo1,\n};\n\nexport const StyledRoot = styled(\"div\")({\n  position: \"relative\",\n  \"&>*\": { float: \"left\" },\n});\n\nexport const StyledContainer = styled(\"div\")(\n  ({ component }: { component: boolean }) => ({\n    ...(component && {\n      width: 0,\n      backgroundColor: \"red\",\n    }),\n  })\n);\n\nexport const StyledBadge = styled(\"div\")(\n  ({\n    badge,\n    showCount,\n    showLabel,\n    badgeIcon,\n    badgeOneDigit,\n  }: StyledBadgeProps) => ({\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","fontFamily","body","padding","color","colors","atmo1","StyledRoot","_styled","process","env","NODE_ENV","target","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","component","width","backgroundColor","StyledBadge","badge","showCount","showLabel","badgeIcon","badgeOneDigit","borderRadius","space","xs","acce1","float","minHeight","minWidth","wordBreak","maxWidth","position","top","left","textAlign"],"mappings":";;;;;;;;;AAYA,MAAMA,iBAAiB;AAAA,EACrB,GAAGC,YAAAA,MAAMC,WAAWC;AAAAA,EACpBC,YAAYH,YAAAA,MAAMG,WAAWC;AAAAA,EAC7BC,SAAS;AAAA,EACTC,OAAON,YAAAA,MAAMO,OAAOC;AACtB;AAEO,MAAMC,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAZ,OAAA;AAAA,CAAA,EAACS,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;AAEK,MAAMC,kBAAyBV,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAZ,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EAAEmB;AAAkC,OAAO;AAAA,EAC1C,GAAIA,aAAa;AAAA,IACfC,OAAO;AAAA,IACPC,iBAAiB;AAAA,EACnB;AACF,IAAEZ,QAAAC,IAAAC,aACH,eAAA,KAAA,y/EAAA;AAEM,MAAMW,cAAqBd,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAZ,OAAA;AAAA,CAAA,EACrC,CAAC;AAAA,EACCuB;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACgB,OAAO;AAAA,EACvB,GAAIJ,SAAS;AAAA,IACXK,cAAc9B,YAAAA,MAAM+B,MAAMC;AAAAA,IAC1BT,iBAAiBvB,YAAAA,MAAMO,OAAO0B;AAAAA,IAC9BC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,UAAU;AAAA,EACZ;AAAA,EACA,GAAIV,aAAa;AAAA,IACf,GAAI3B;AAAAA,IACJsC,WAAW;AAAA,IACXC,UAAU;AAAA,EACZ;AAAA,EACA,GAAIX,aAAa;AAAA,IACf,GAAI5B;AAAAA,IACJsC,WAAW;AAAA,EACb;AAAA,EACA,GAAIT,aAAa;AAAA,IACfW,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,EACR;AAAA,EACA,GAAIZ,iBAAiB;AAAA,IACnBxB,SAAS;AAAA,IACTiB,OAAO;AAAA,IACPoB,WAAW;AAAA,EACb;AACF,IAAE/B,QAAAC,IAAAC,aACH,eAAA,KAAA,y/EAAA;;;;"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "badgeContainer", "badgePosition"];
+const badgeClasses = classes.getClasses(classKeys, "HvBadgeClasses");
+const badgeClasses$1 = badgeClasses;
+exports.default = badgeClasses$1;
+//# sourceMappingURL=badgeClasses.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badgeClasses.cjs","sources":["../../../../src/components/Badge/badgeClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBadgeClasses = {\n  root?: string;\n  badgeContainer?: string;\n  badgePosition?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"badgeContainer\", \"badgePosition\"];\n\nconst badgeClasses = getClasses<HvBadgeClasses>(classKeys, \"HvBadgeClasses\");\n\nexport default badgeClasses;\n"],"names":["classKeys","badgeClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAAC,QAAQ,kBAAkB,eAAe;AAEtE,MAAMC,eAAeC,QAA2BF,WAAAA,WAAW,gBAAgB;AAE3E,MAAA,iBAAeC;;"}

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
+const React = require("react");
+const Slide = require("@mui/material/Slide");
+const capitalize = require("lodash/capitalize");
+const Banner_styles = require("./Banner.styles.cjs");
+const BannerContent = require("./BannerContent/BannerContent.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const bannerClasses = require("./bannerClasses.cjs");
+const setId = require("../../utils/setId.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const Slide__default = /* @__PURE__ */ _interopDefault(Slide);
+const capitalize__default = /* @__PURE__ */ _interopDefault(capitalize);
+const HvBanner = ({
+  id,
+  classes,
+  className,
+  open,
+  onClose,
+  anchorOrigin = "top",
+  variant = "default",
+  transitionDuration = 300,
+  transitionDirection = "down",
+  showIcon = false,
+  customIcon,
+  actions,
+  actionsCallback,
+  actionsPosition = "auto",
+  label,
+  offset = 60,
+  bannerContentProps,
+  ...others
+}) => {
+  const anchorOriginOffset = {
+    anchorOriginTop: {
+      top: `${offset || 0}px`
+    },
+    anchorOriginBottom: {
+      bottom: `${offset || 0}px`
+    }
+  };
+  const anchorOriginBanner = {
+    horizontal: "center",
+    vertical: anchorOrigin
+  };
+  const SlideTransition = React.useCallback((properties) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, {
+    ...properties,
+    direction: transitionDirection
+  }), [transitionDirection]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Banner_styles.StyledSnackbar, {
+    style: anchorOriginOffset[`anchorOrigin${capitalize__default.default(anchorOrigin)}`],
+    className,
+    id,
+    classes: {
+      root: open ? clsx__default.default(bannerClasses.default.root, classes == null ? void 0 : classes.root) : clsx__default.default(bannerClasses.default.rootClosed, classes == null ? void 0 : classes.rootClosed),
+      anchorOriginTopCenter: clsx__default.default(bannerClasses.default.anchorOriginTopCenter, classes == null ? void 0 : classes.anchorOriginTopCenter),
+      anchorOriginBottomCenter: clsx__default.default(bannerClasses.default.anchorOriginBottomCenter, classes == null ? void 0 : classes.anchorOriginBottomCenter)
+    },
+    anchorOrigin: anchorOriginBanner,
+    TransitionComponent: SlideTransition,
+    open,
+    $isOpen: open,
+    transitionDuration,
+    ...others,
+    children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent.HvBannerContent, {
+      id: setId.setId(id, "content"),
+      content: label,
+      variant,
+      customIcon,
+      showIcon,
+      actions,
+      actionsCallback,
+      actionsPosition,
+      onClose,
+      ...bannerContentProps
+    })
+  });
+};
+exports.HvBanner = HvBanner;
+//# sourceMappingURL=Banner.cjs.map