@servicetitan/anvil2 1.31.1 → 1.31.2

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @servicetitan/anvil2
 
+## 1.31.2
+
+### Patch Changes
+
+- [#1183](https://github.com/servicetitan/hammer/pull/1183) [`1d5a78f`](https://github.com/servicetitan/hammer/commit/1d5a78f8753f3ca7fde0ead285834639feb4342c) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [DndSort] Fix missing export of DndSort
+
+- [#1194](https://github.com/servicetitan/hammer/pull/1194) [`19d88d4`](https://github.com/servicetitan/hammer/commit/19d88d421383159566b4454b2dbd35f66ceb3ad2) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [AvatarGroup] Fix overflow count if 10 or greater
+
+- Updated dependencies [[`19d88d4`](https://github.com/servicetitan/hammer/commit/19d88d421383159566b4454b2dbd35f66ceb3ad2)]:
+  - @servicetitan/hammer-react@1.32.2
+
 ## 1.31.1
 
 ### Patch Changes

package/dist/Avatar-CXgb_ukV.js

@@ -0,0 +1,249 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, Children, isValidElement, cloneElement, useRef, useState, useContext, useMemo, useEffect } from 'react';
+import { c as cx } from './index-tZvMCc77.js';
+import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-Dc6B_M-Z-BYKjkGRg.js';
+import { S as SrOnly } from './SrOnly-BXm1DGl3-BJVodjQp.js';
+import { a as ThemeProviderContext } from './ThemeProvider-DrK12Ru--D1_n9ujr.js';
+import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_-_hT7dK7_.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-ChuzrydG.js';
+
+import './Avatar.css';function getInitial(name) {
+  if (!name) return void 0;
+  const nameArray = name.split(" ").filter(Boolean);
+  if (nameArray.length > 1)
+    return `${nameArray[0][0]?.toUpperCase()}${nameArray[nameArray.length - 1][0].toUpperCase()}`;
+  if (nameArray[0][1]) {
+    return `${nameArray[0][0].toUpperCase()}${nameArray[0][1].toLowerCase()}`;
+  }
+  return `${nameArray[0][0].toUpperCase()}`;
+}
+
+const small$1 = "_small_a4hzu_21";
+const medium = "_medium_a4hzu_27";
+const large$1 = "_large_a4hzu_33";
+const styles = {
+	"avatar-group": "_avatar-group_a4hzu_3",
+	small: small$1,
+	medium: medium,
+	large: large$1
+};
+
+const initial = "_initial_1e3j9_50";
+const img = "_img_1e3j9_58";
+const indicator = "_indicator_1e3j9_67";
+const online = "_online_1e3j9_81";
+const offline = "_offline_1e3j9_84";
+const small = "_small_1e3j9_91";
+const large = "_large_1e3j9_106";
+const avatarBaseStyles = {
+	"avatar-base": "_avatar-base_1e3j9_3",
+	initial: initial,
+	img: img,
+	indicator: indicator,
+	online: online,
+	offline: offline,
+	"overflow-ten-plus": "_overflow-ten-plus_1e3j9_88",
+	small: small,
+	large: large
+};
+
+const AvatarBase = forwardRef(
+  (props, ref) => {
+    const {
+      className,
+      color,
+      status,
+      name,
+      image,
+      initials,
+      style,
+      size,
+      ...rest
+    } = props;
+    const elRef = useRef(null);
+    const imgRef = useRef(null);
+    const [hasImageErrored, setHasImageErrored] = useState(false);
+    const avatarBaseClassNames = cx(avatarBaseStyles["avatar-base"], className, {
+      [avatarBaseStyles[`${size}`]]: size
+    });
+    const onlineIndicatorClassNames = cx(avatarBaseStyles["indicator"], {
+      [avatarBaseStyles["offline"]]: !status || status === "offline",
+      [avatarBaseStyles["online"]]: status && status === "online"
+    });
+    const { mode: themeMode } = useContext(ThemeProviderContext);
+    const { mode: sysMode } = usePrefersColorScheme();
+    const mode = themeMode ?? sysMode;
+    const { foreground, background, border } = useAccessibleColor(color, mode);
+    const styleWithColor = {
+      "--int-bg-color": color && background,
+      "--int-font-color": color && foreground,
+      "--int-border-color": color && border,
+      ...style
+    };
+    const onlineIndicatorBorderColor = useMemo(() => {
+      if (mode === "dark") {
+        if (color) {
+          return tinycolor(background).brighten(20).toHexString();
+        }
+      }
+      return "var(--background-color)";
+    }, [color, mode, background]);
+    const onlineIndicatorStyles = {
+      "--int-border-color": onlineIndicatorBorderColor
+    };
+    const onlineString = status;
+    const srOnly = [name, onlineString].filter(Boolean).join(" ");
+    useEffect(() => {
+      if (image) {
+        setHasImageErrored(false);
+      }
+    }, [image]);
+    useEffect(() => {
+      if (image && imgRef.current && imgRef.current.complete) {
+        const img = new Image();
+        img.onerror = () => setHasImageErrored(true);
+        img.src = image;
+      }
+    }, []);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: avatarBaseClassNames,
+        style: styleWithColor,
+        "data-anv": "avatarBase",
+        ...rest,
+        ref: useMergeRefs([elRef, ref]),
+        children: [
+          image && !hasImageErrored ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              className: avatarBaseStyles["img"],
+              "aria-hidden": true,
+              src: image,
+              alt: name,
+              onError: () => setHasImageErrored(true),
+              ref: imgRef
+            }
+          ) : initials ? /* @__PURE__ */ jsx("span", { className: avatarBaseStyles["initial"], "aria-hidden": true, children: initials }) : /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "?" }),
+          status && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: onlineIndicatorClassNames,
+              style: onlineIndicatorStyles
+            }
+          ),
+          /* @__PURE__ */ jsx(SrOnly, { children: srOnly })
+        ]
+      }
+    );
+  }
+);
+AvatarBase.displayName = "AvatarBase";
+
+const AvatarGroup$1 = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const { className, max, style, children, ...rest } = componentProps;
+    const childrenArr = Children.toArray(children);
+    const inferredSize = (isValidElement(childrenArr[0]) && childrenArr[0].props.size) ?? "medium";
+    const isOverflowing = max ? max < childrenArr.length : false;
+    const overflowCount = max && childrenArr.length - max;
+    const avatarGroupClassNames = cx(styles["avatar-group"], className, {
+      [styles[`${inferredSize}`]]: inferredSize
+    });
+    const avatarBaseOverflowClassNames = cx(
+      avatarBaseStyles["avatar-base-overflow"],
+      {
+        [avatarBaseStyles["overflow-ten-plus"]]: overflowCount && overflowCount > 9
+      }
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: avatarGroupClassNames,
+        style: styleCombined,
+        "data-anv": "avatar-group",
+        ...rest,
+        children: [
+          childrenArr.map((child, i) => {
+            let childEl = child;
+            if (isValidElement(child)) {
+              const nIndex = childrenArr.length - i;
+              const nStyle = {
+                ...child.props.style,
+                zIndex: nIndex
+              };
+              childEl = cloneElement(child, {
+                style: nStyle
+              });
+            }
+            if (!max) return childEl;
+            if (i < max) return childEl;
+            return null;
+          }),
+          isOverflowing && max && /* @__PURE__ */ jsx(
+            AvatarBase,
+            {
+              className: avatarBaseOverflowClassNames,
+              name: `+${overflowCount}`,
+              initials: `+${overflowCount}`,
+              size: inferredSize
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AvatarGroup$1.displayName = "AvatarGroup";
+
+const AvatarElement$1 = forwardRef((props, ref) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const { name, style, ...rest } = componentProps;
+  const styleWithLayout = useMemo(() => {
+    return {
+      ...layoutStyles,
+      ...style
+    };
+  }, [layoutStyles, style]);
+  const initials = getInitial(name);
+  return /* @__PURE__ */ jsx(
+    AvatarBase,
+    {
+      style: styleWithLayout,
+      "data-anv": "avatar",
+      name,
+      ref,
+      initials: rest.size === "small" ? initials?.[0] : initials,
+      ...rest
+    }
+  );
+});
+AvatarElement$1.displayName = "Avatar";
+const Avatar$1 = Object.assign(AvatarElement$1, {
+  Group: AvatarGroup$1
+});
+
+const AvatarElement = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(Avatar$1, { ref, ...props });
+  }
+);
+const AvatarGroup = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(AvatarGroup$1, { ref, ...props });
+  }
+);
+const Avatar = Object.assign(AvatarElement, {
+  Group: AvatarGroup
+});
+
+export { Avatar as A, AvatarGroup as a };
+//# sourceMappingURL=Avatar-CXgb_ukV.js.map

package/dist/Avatar-CXgb_ukV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-CXgb_ukV.js","sources":["../../hammer-react/dist/getInitial.js","../../hammer-react/dist/Avatar-CFoZy6Ss.js","../src/components/Avatar/Avatar.tsx"],"sourcesContent":["function getInitial(name) {\n  if (!name) return void 0;\n  const nameArray = name.split(\" \").filter(Boolean);\n  if (nameArray.length > 1)\n    return `${nameArray[0][0]?.toUpperCase()}${nameArray[nameArray.length - 1][0].toUpperCase()}`;\n  if (nameArray[0][1]) {\n    return `${nameArray[0][0].toUpperCase()}${nameArray[0][1].toLowerCase()}`;\n  }\n  return `${nameArray[0][0].toUpperCase()}`;\n}\n\nexport { getInitial };\n//# sourceMappingURL=getInitial.js.map\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useRef, useState, useContext, useMemo, useEffect, Children, isValidElement, cloneElement } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport { S as SrOnly } from './SrOnly-BXm1DGl3.js';\nimport { a as ThemeProviderContext } from './ThemeProvider-DrK12Ru-.js';\nimport { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';\nimport { u as useAccessibleColor } from './useAccessibleColor-Dc6B_M-Z.js';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\nimport { getInitial } from './getInitial.js';\n\nimport './Avatar.css';const small$1 = \"_small_a4hzu_21\";\nconst medium = \"_medium_a4hzu_27\";\nconst large$1 = \"_large_a4hzu_33\";\nconst styles = {\n\t\"avatar-group\": \"_avatar-group_a4hzu_3\",\n\tsmall: small$1,\n\tmedium: medium,\n\tlarge: large$1\n};\n\nconst initial = \"_initial_1e3j9_50\";\nconst img = \"_img_1e3j9_58\";\nconst indicator = \"_indicator_1e3j9_67\";\nconst online = \"_online_1e3j9_81\";\nconst offline = \"_offline_1e3j9_84\";\nconst small = \"_small_1e3j9_91\";\nconst large = \"_large_1e3j9_106\";\nconst avatarBaseStyles = {\n\t\"avatar-base\": \"_avatar-base_1e3j9_3\",\n\tinitial: initial,\n\timg: img,\n\tindicator: indicator,\n\tonline: online,\n\toffline: offline,\n\t\"overflow-ten-plus\": \"_overflow-ten-plus_1e3j9_88\",\n\tsmall: small,\n\tlarge: large\n};\n\nconst AvatarBase = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      color,\n      status,\n      name,\n      image,\n      initials,\n      style,\n      size,\n      ...rest\n    } = props;\n    const elRef = useRef(null);\n    const imgRef = useRef(null);\n    const [hasImageErrored, setHasImageErrored] = useState(false);\n    const avatarBaseClassNames = cx(avatarBaseStyles[\"avatar-base\"], className, {\n      [avatarBaseStyles[`${size}`]]: size\n    });\n    const onlineIndicatorClassNames = cx(avatarBaseStyles[\"indicator\"], {\n      [avatarBaseStyles[\"offline\"]]: !status || status === \"offline\",\n      [avatarBaseStyles[\"online\"]]: status && status === \"online\"\n    });\n    const { mode: themeMode } = useContext(ThemeProviderContext);\n    const { mode: sysMode } = usePrefersColorScheme();\n    const mode = themeMode ?? sysMode;\n    const { foreground, background, border } = useAccessibleColor(color, mode);\n    const styleWithColor = {\n      \"--int-bg-color\": color && background,\n      \"--int-font-color\": color && foreground,\n      \"--int-border-color\": color && border,\n      ...style\n    };\n    const onlineIndicatorBorderColor = useMemo(() => {\n      if (mode === \"dark\") {\n        if (color) {\n          return tinycolor(background).brighten(20).toHexString();\n        }\n      }\n      return \"var(--background-color)\";\n    }, [color, mode, background]);\n    const onlineIndicatorStyles = {\n      \"--int-border-color\": onlineIndicatorBorderColor\n    };\n    const onlineString = status;\n    const srOnly = [name, onlineString].filter(Boolean).join(\" \");\n    useEffect(() => {\n      if (image) {\n        setHasImageErrored(false);\n      }\n    }, [image]);\n    useEffect(() => {\n      if (image && imgRef.current && imgRef.current.complete) {\n        const img = new Image();\n        img.onerror = () => setHasImageErrored(true);\n        img.src = image;\n      }\n    }, []);\n    return /* @__PURE__ */ jsxs(\n      \"span\",\n      {\n        className: avatarBaseClassNames,\n        style: styleWithColor,\n        \"data-anv\": \"avatarBase\",\n        ...rest,\n        ref: useMergeRefs([elRef, ref]),\n        children: [\n          image && !hasImageErrored ? /* @__PURE__ */ jsx(\n            \"img\",\n            {\n              className: avatarBaseStyles[\"img\"],\n              \"aria-hidden\": true,\n              src: image,\n              alt: name,\n              onError: () => setHasImageErrored(true),\n              ref: imgRef\n            }\n          ) : initials ? /* @__PURE__ */ jsx(\"span\", { className: avatarBaseStyles[\"initial\"], \"aria-hidden\": true, children: initials }) : /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, children: \"?\" }),\n          status && /* @__PURE__ */ jsx(\n            \"span\",\n            {\n              \"aria-hidden\": true,\n              className: onlineIndicatorClassNames,\n              style: onlineIndicatorStyles\n            }\n          ),\n          /* @__PURE__ */ jsx(SrOnly, { children: srOnly })\n        ]\n      }\n    );\n  }\n);\nAvatarBase.displayName = \"AvatarBase\";\n\nconst AvatarGroup = forwardRef(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { className, max, style, children, ...rest } = componentProps;\n    const childrenArr = Children.toArray(children);\n    const inferredSize = (isValidElement(childrenArr[0]) && childrenArr[0].props.size) ?? \"medium\";\n    const isOverflowing = max ? max < childrenArr.length : false;\n    const overflowCount = max && childrenArr.length - max;\n    const avatarGroupClassNames = cx(styles[\"avatar-group\"], className, {\n      [styles[`${inferredSize}`]]: inferredSize\n    });\n    const avatarBaseOverflowClassNames = cx(\n      avatarBaseStyles[\"avatar-base-overflow\"],\n      {\n        [avatarBaseStyles[\"overflow-ten-plus\"]]: overflowCount && overflowCount > 9\n      }\n    );\n    const styleCombined = {\n      ...style,\n      ...layoutStyles\n    };\n    return /* @__PURE__ */ jsxs(\n      \"span\",\n      {\n        ref,\n        className: avatarGroupClassNames,\n        style: styleCombined,\n        \"data-anv\": \"avatar-group\",\n        ...rest,\n        children: [\n          childrenArr.map((child, i) => {\n            let childEl = child;\n            if (isValidElement(child)) {\n              const nIndex = childrenArr.length - i;\n              const nStyle = {\n                ...child.props.style,\n                zIndex: nIndex\n              };\n              childEl = cloneElement(child, {\n                style: nStyle\n              });\n            }\n            if (!max) return childEl;\n            if (i < max) return childEl;\n            return null;\n          }),\n          isOverflowing && max && /* @__PURE__ */ jsx(\n            AvatarBase,\n            {\n              className: avatarBaseOverflowClassNames,\n              name: `+${overflowCount}`,\n              initials: `+${overflowCount}`,\n              size: inferredSize\n            }\n          )\n        ]\n      }\n    );\n  }\n);\nAvatarGroup.displayName = \"AvatarGroup\";\n\nconst AvatarElement = forwardRef((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { name, style, ...rest } = componentProps;\n  const styleWithLayout = useMemo(() => {\n    return {\n      ...layoutStyles,\n      ...style\n    };\n  }, [layoutStyles, style]);\n  const initials = getInitial(name);\n  return /* @__PURE__ */ jsx(\n    AvatarBase,\n    {\n      style: styleWithLayout,\n      \"data-anv\": \"avatar\",\n      name,\n      ref,\n      initials: rest.size === \"small\" ? initials?.[0] : initials,\n      ...rest\n    }\n  );\n});\nAvatarElement.displayName = \"Avatar\";\nconst Avatar = Object.assign(AvatarElement, {\n  Group: AvatarGroup\n});\n\nexport { Avatar as A, AvatarGroup as a };\n//# sourceMappingURL=Avatar-CFoZy6Ss.js.map\n","import {\n  Avatar as CoreAvatar,\n  AvatarProps as CoreAvatarProps,\n  AvatarGroup as CoreAvatarGroup,\n  AvatarGroupProps as CoreAvatarGroupProps,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type AvatarProps = CoreAvatarProps;\nexport type AvatarGroupProps = CoreAvatarGroupProps;\n\nconst AvatarElement = forwardRef(\n  (props: AvatarProps, ref: Ref<HTMLSpanElement>) => {\n    return <CoreAvatar ref={ref} {...props} />;\n  },\n);\n\nexport const AvatarGroup = forwardRef(\n  (props: AvatarGroupProps, ref: Ref<HTMLSpanElement>) => {\n    return <CoreAvatarGroup ref={ref} {...props} />;\n  },\n);\n\nexport const Avatar = Object.assign(AvatarElement, {\n  Group: AvatarGroup,\n});\n"],"names":["AvatarGroup","AvatarElement","Avatar","CoreAvatar","CoreAvatarGroup"],"mappings":"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"}

package/dist/Avatar.css

@@ -35,7 +35,7 @@
     margin-inline-start: -0.75rem;
   }
 }@layer starter, reset, base, state, application;@layer reset {
-  ._avatar_it0sq_3 {
+  ._avatar-base_1e3j9_3 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -49,7 +49,7 @@
     display: inline-flex;
   }
 }@layer base {
-  ._avatar_it0sq_3 {
+  ._avatar-base_1e3j9_3 {
     position: relative;
     width: 2rem;
     height: 2rem;
@@ -65,7 +65,7 @@
     outline: 0 solid var(--focus-ring-color, #0265DC);
     transition: box-shadow 200ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
   }
-  ._avatar_it0sq_3::before {
+  ._avatar-base_1e3j9_3::before {
     content: none;
     position: absolute;
     inset-block-start: 0;
@@ -79,11 +79,11 @@
             user-select: none;
   }
   @media (prefers-reduced-motion: reduce) {
-    ._avatar_it0sq_3 {
+    ._avatar-base_1e3j9_3 {
       transition-duration: 0.01ms !important;
     }
   }
-  ._avatar_it0sq_3 ._initial_it0sq_50 {
+  ._avatar-base_1e3j9_3 ._initial_1e3j9_50 {
     height: 100%;
     width: 100%;
     display: flex;
@@ -91,7 +91,7 @@
     align-items: center;
     overflow: hidden;
   }
-  ._avatar_it0sq_3 ._img_it0sq_58 {
+  ._avatar-base_1e3j9_3 ._img_1e3j9_58 {
     display: inline-flex;
     width: 100%;
     height: 100%;
@@ -101,7 +101,7 @@
     -o-object-fit: cover;
        object-fit: cover;
   }
-  ._avatar_it0sq_3 ._indicator_it0sq_67 {
+  ._avatar-base_1e3j9_3 ._indicator_1e3j9_67 {
     width: 0.75rem;
     height: 0.75rem;
     border-radius: 100%;
@@ -114,38 +114,47 @@
     inset-inline-end: -0.0625rem;
   }
 }@layer state {
-  ._avatar_it0sq_3 ._indicator_it0sq_67._online_it0sq_81 {
+  ._avatar-base_1e3j9_3 ._indicator_1e3j9_67._online_1e3j9_81 {
     background-color: var(--status-color-success, #007A4D);
   }
-  ._avatar_it0sq_3 ._indicator_it0sq_67._offline_it0sq_84 {
+  ._avatar-base_1e3j9_3 ._indicator_1e3j9_67._offline_1e3j9_84 {
     background-color: var(--background-color, #ffffff);
     box-shadow: inset 0 0 0 0.125rem var(--background-color-disabled, #606162);
   }
-  ._avatar_it0sq_3._small_it0sq_88 {
+  ._avatar-base_1e3j9_3._overflow-ten-plus_1e3j9_88 {
+    font-size: 0.625rem;
+  }
+  ._avatar-base_1e3j9_3._small_1e3j9_91 {
     width: 1.5rem;
     height: 1.5rem;
     font-size: 0.75rem;
   }
-  ._avatar_it0sq_3._small_it0sq_88 ._indicator_it0sq_67 {
+  ._avatar-base_1e3j9_3._small_1e3j9_91._overflow-ten-plus_1e3j9_88 {
+    font-size: 0.625rem;
+  }
+  ._avatar-base_1e3j9_3._small_1e3j9_91 ._indicator_1e3j9_67 {
     width: 0.5rem;
     height: 0.5rem;
   }
-  ._avatar_it0sq_3._small_it0sq_88 ._indicator_it0sq_67._offline_it0sq_84 {
+  ._avatar-base_1e3j9_3._small_1e3j9_91 ._indicator_1e3j9_67._offline_1e3j9_84 {
     box-shadow: inset 0 0 0 0.09375rem var(--background-color-disabled, #606162);
   }
-  ._avatar_it0sq_3._large_it0sq_100 {
+  ._avatar-base_1e3j9_3._large_1e3j9_106 {
     width: 3rem;
     height: 3rem;
     font-size: 1.25rem;
   }
-  ._avatar_it0sq_3._large_it0sq_100 ._indicator_it0sq_67 {
+  ._avatar-base_1e3j9_3._large_1e3j9_106._overflow-ten-plus_1e3j9_88 {
+    font-size: 1rem;
+  }
+  ._avatar-base_1e3j9_3._large_1e3j9_106 ._indicator_1e3j9_67 {
     width: 1rem;
     height: 1rem;
   }
-  ._avatar_it0sq_3._large_it0sq_100 ._indicator_it0sq_67._offline_it0sq_84 {
+  ._avatar-base_1e3j9_3._large_1e3j9_106 ._indicator_1e3j9_67._offline_1e3j9_84 {
     box-shadow: inset 0 0 0 0.15625rem var(--background-color-disabled, #606162);
   }
-  ._avatar_it0sq_3[data-interactive=focus-visible], ._avatar_it0sq_3:focus-visible {
+  ._avatar-base_1e3j9_3[data-interactive=focus-visible], ._avatar-base_1e3j9_3:focus-visible {
     outline-width: 0.125rem;
   }
 }

package/dist/Avatar.js

@@ -1,2 +1,2 @@
-export { A as Avatar, a as AvatarGroup, A as default } from './Avatar-DrQgvGgD.js';
+export { A as Avatar, a as AvatarGroup, A as default } from './Avatar-CXgb_ukV.js';
 //# sourceMappingURL=Avatar.js.map