@servicetitan/anvil2 1.31.0 → 1.31.2

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @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
+
+- [#1187](https://github.com/servicetitan/hammer/pull/1187) [`a05dd07`](https://github.com/servicetitan/hammer/commit/a05dd07c53f3579d86c8cfcb655db419f930f7ae) Thanks [@rgdelato](https://github.com/rgdelato)! - [Chip] Bugfix for `Chip` `data-tracking-id` value
+
+- [#1190](https://github.com/servicetitan/hammer/pull/1190) [`b310fb5`](https://github.com/servicetitan/hammer/commit/b310fb52d12cf49e2b17bf05e445168e7ef49845) Thanks [@tounsoo](https://github.com/tounsoo)! - [CSS] Unwrap theme variables in scss mapping to optimize performance
+
+- [#1193](https://github.com/servicetitan/hammer/pull/1193) [`2638541`](https://github.com/servicetitan/hammer/commit/2638541f57c3de5292444eefde7ebe71b5cf66ff) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [Toaster] Fix toast duration bug
+
+- Updated dependencies [[`b310fb5`](https://github.com/servicetitan/hammer/commit/b310fb52d12cf49e2b17bf05e445168e7ef49845), [`2638541`](https://github.com/servicetitan/hammer/commit/2638541f57c3de5292444eefde7ebe71b5cf66ff)]:
+  - @servicetitan/hammer-react@1.32.1
+
 ## 1.31.0
 
 ### Minor Changes

package/dist/{AnvilProvider-C3E7FZAC.js → AnvilProvider-2uSjX-jw.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { T as TrackingProvider } from './TrackingProvider-BtSjkmpM.js';
-import { H as HammerProviderContext, a as HammerProvider } from './HammerProvider-B4ULvVBh-DKGRrw3q.js';
+import { H as HammerProviderContext, a as HammerProvider } from './HammerProvider-C9QySDSZ-CLRb96CM.js';
 
 const AnvilProviderContext = HammerProviderContext;
 const AnvilProvider = ({
@@ -13,4 +13,4 @@ const AnvilProvider = ({
 };
 
 export { AnvilProvider as A, AnvilProviderContext as a };
-//# sourceMappingURL=AnvilProvider-C3E7FZAC.js.map
+//# sourceMappingURL=AnvilProvider-2uSjX-jw.js.map

package/dist/{AnvilProvider-C3E7FZAC.js.map → AnvilProvider-2uSjX-jw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AnvilProvider-C3E7FZAC.js","sources":["../src/providers/AnvilProvider/AnvilProvider.tsx"],"sourcesContent":["import {\n  HammerProvider,\n  HammerProviderContext,\n  type HammerProviderProps,\n  type HammerProviderContextProps,\n} from \"@servicetitan/hammer-react\";\nimport TrackingProvider from \"../TrackingProvider\";\n\nexport interface AnvilProviderProps extends HammerProviderProps {\n  trackingIdData?: {\n    scope?: string;\n    optOut?: boolean;\n  };\n}\n\nexport { HammerProviderContextProps as AnvilProviderContextProps };\nexport const AnvilProviderContext = HammerProviderContext;\n\nexport const AnvilProvider = ({\n  children,\n  trackingIdData,\n  ...props\n}: AnvilProviderProps) => {\n  const { scope = \"ST\", optOut } = trackingIdData ?? {};\n\n  return (\n    <HammerProvider {...props}>\n      <TrackingProvider scope={scope} optOut={optOut}>\n        {children}\n      </TrackingProvider>\n    </HammerProvider>\n  );\n};\n"],"names":[],"mappings":";;;;AAgBO,MAAM,oBAAuB,GAAA;AAE7B,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAG;AACL,CAA0B,KAAA;AACxB,EAAA,MAAM,EAAE,KAAQ,GAAA,IAAA,EAAM,MAAO,EAAA,GAAI,kBAAkB,EAAC;AAEpD,EACE,uBAAA,GAAA,CAAC,kBAAgB,GAAG,KAAA,EAClB,8BAAC,gBAAiB,EAAA,EAAA,KAAA,EAAc,MAC7B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AnvilProvider-2uSjX-jw.js","sources":["../src/providers/AnvilProvider/AnvilProvider.tsx"],"sourcesContent":["import {\n  HammerProvider,\n  HammerProviderContext,\n  type HammerProviderProps,\n  type HammerProviderContextProps,\n} from \"@servicetitan/hammer-react\";\nimport TrackingProvider from \"../TrackingProvider\";\n\nexport interface AnvilProviderProps extends HammerProviderProps {\n  trackingIdData?: {\n    scope?: string;\n    optOut?: boolean;\n  };\n}\n\nexport { HammerProviderContextProps as AnvilProviderContextProps };\nexport const AnvilProviderContext = HammerProviderContext;\n\nexport const AnvilProvider = ({\n  children,\n  trackingIdData,\n  ...props\n}: AnvilProviderProps) => {\n  const { scope = \"ST\", optOut } = trackingIdData ?? {};\n\n  return (\n    <HammerProvider {...props}>\n      <TrackingProvider scope={scope} optOut={optOut}>\n        {children}\n      </TrackingProvider>\n    </HammerProvider>\n  );\n};\n"],"names":[],"mappings":";;;;AAgBO,MAAM,oBAAuB,GAAA;AAE7B,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAG;AACL,CAA0B,KAAA;AACxB,EAAA,MAAM,EAAE,KAAQ,GAAA,IAAA,EAAM,MAAO,EAAA,GAAI,kBAAkB,EAAC;AAEpD,EACE,uBAAA,GAAA,CAAC,kBAAgB,GAAG,KAAA,EAClB,8BAAC,gBAAiB,EAAA,EAAA,KAAA,EAAc,MAC7B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/AnvilProvider.js

@@ -1,2 +1,2 @@
-export { A as AnvilProvider, a as AnvilProviderContext, A as default } from './AnvilProvider-C3E7FZAC.js';
+export { A as AnvilProvider, a as AnvilProviderContext, A as default } from './AnvilProvider-2uSjX-jw.js';
 //# sourceMappingURL=AnvilProvider.js.map

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-CylY-nHK.js';
+export { A as Avatar, a as AvatarGroup, A as default } from './Avatar-CXgb_ukV.js';
 //# sourceMappingURL=Avatar.js.map

package/dist/{Chip-DX922SMw-13SW9xaV.js → Chip-BQOzhPQv-DdLdgSqD.js}

@@ -5,10 +5,10 @@ import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-Dc
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { I as Icon } from './Icon-DuwR7O2z-DwPHQiBF.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-ChuzrydG.js';
-import { a as ThemeProviderContext } from './ThemeProvider-DKkyZPDr-BH0VGW7C.js';
+import { a as ThemeProviderContext } from './ThemeProvider-DrK12Ru--D1_n9ujr.js';
 import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_-_hT7dK7_.js';
 
-import './Chip-DX922SMw.css';const chip = "_chip_1s3v7_3";
+import './Chip-BQOzhPQv.css';const chip = "_chip_1s3v7_3";
 const inner = "_inner_1s3v7_16";
 const close = "_close_1s3v7_29";
 const styles = {
@@ -102,4 +102,4 @@ const Chip = forwardRef((props, ref) => {
 Chip.displayName = "Chip";
 
 export { Chip as C };
-//# sourceMappingURL=Chip-DX922SMw-13SW9xaV.js.map
+//# sourceMappingURL=Chip-BQOzhPQv-DdLdgSqD.js.map

package/dist/{Chip-DX922SMw-13SW9xaV.js.map → Chip-BQOzhPQv-DdLdgSqD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-DX922SMw-13SW9xaV.js","sources":["../../hammer-react/dist/Chip-DX922SMw.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useContext } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\nimport { a as ThemeProviderContext } from './ThemeProvider-DKkyZPDr.js';\nimport { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';\nimport { u as useAccessibleColor } from './useAccessibleColor-Dc6B_M-Z.js';\n\nimport './Chip.css';const chip = \"_chip_1s3v7_3\";\nconst inner = \"_inner_1s3v7_16\";\nconst close = \"_close_1s3v7_29\";\nconst styles = {\n\tchip: chip,\n\tinner: inner,\n\tclose: close,\n\t\"text-wrap\": \"_text-wrap_1s3v7_108\",\n\t\"size-small\": \"_size-small_1s3v7_123\",\n\t\"has-close\": \"_has-close_1s3v7_137\"\n};\n\nconst Chip = forwardRef((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    color,\n    onClose,\n    onClick,\n    label,\n    style,\n    textWrap,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n  const removeText = \", removeable\";\n  const newLabel = `${label}${onClose ? removeText : \"\"}`;\n  const ChipClassNames = cx(styles[\"chip\"], className, {\n    [styles[\"size-small\"]]: size === \"small\",\n    [styles[\"has-close\"]]: !!onClose,\n    [styles[\"text-wrap\"]]: textWrap\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 bgObj = tinycolor(background);\n  const styleWithColor = {\n    \"--int-bg-color\": color && background,\n    \"--int-font-color\": color && foreground,\n    \"--int-border-color\": color && border,\n    \"--int-close-background-color\": color ? bgObj.isDark() ? bgObj.lighten(15).toHexString() : bgObj.darken(15).toHexString() : \"#14141429\",\n    ...style,\n    ...layoutStyles\n  };\n  const onKeyUpHandler = (e) => {\n    switch (e.code) {\n      case \"Delete\":\n      case \"Backspace\":\n        onClose?.(e);\n        break;\n      case \"Enter\":\n        onClick?.(e);\n        break;\n    }\n  };\n  return /* @__PURE__ */ jsxs(\n    \"span\",\n    {\n      className: ChipClassNames,\n      style: styleWithColor,\n      \"data-anv\": \"chip\",\n      \"aria-label\": newLabel,\n      role: onClick ? \"button\" : void 0,\n      ...rest,\n      ref,\n      onClick,\n      onKeyUp: onKeyUpHandler,\n      tabIndex: onClick || onClose ? 0 : tabIndex,\n      children: [\n        /* @__PURE__ */ jsx(\"span\", { className: styles.inner, children: label }),\n        !!onClose && // this is disabled because this is fake button that only mouse users will interact\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n        /* @__PURE__ */ jsx(\n          \"span\",\n          {\n            \"aria-hidden\": true,\n            \"aria-label\": \"remove button\",\n            className: styles[\"close\"],\n            onClick: (e) => {\n              e.stopPropagation();\n              onClose(e);\n            },\n            children: /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, svg: Close, size })\n          }\n        )\n      ]\n    }\n  );\n});\nChip.displayName = \"Chip\";\n\nexport { Chip as C };\n//# sourceMappingURL=Chip-DX922SMw.js.map\n"],"names":["Close"],"mappings":"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"}
+{"version":3,"file":"Chip-BQOzhPQv-DdLdgSqD.js","sources":["../../hammer-react/dist/Chip-BQOzhPQv.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useContext } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.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';\n\nimport './Chip.css';const chip = \"_chip_1s3v7_3\";\nconst inner = \"_inner_1s3v7_16\";\nconst close = \"_close_1s3v7_29\";\nconst styles = {\n\tchip: chip,\n\tinner: inner,\n\tclose: close,\n\t\"text-wrap\": \"_text-wrap_1s3v7_108\",\n\t\"size-small\": \"_size-small_1s3v7_123\",\n\t\"has-close\": \"_has-close_1s3v7_137\"\n};\n\nconst Chip = forwardRef((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    color,\n    onClose,\n    onClick,\n    label,\n    style,\n    textWrap,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n  const removeText = \", removeable\";\n  const newLabel = `${label}${onClose ? removeText : \"\"}`;\n  const ChipClassNames = cx(styles[\"chip\"], className, {\n    [styles[\"size-small\"]]: size === \"small\",\n    [styles[\"has-close\"]]: !!onClose,\n    [styles[\"text-wrap\"]]: textWrap\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 bgObj = tinycolor(background);\n  const styleWithColor = {\n    \"--int-bg-color\": color && background,\n    \"--int-font-color\": color && foreground,\n    \"--int-border-color\": color && border,\n    \"--int-close-background-color\": color ? bgObj.isDark() ? bgObj.lighten(15).toHexString() : bgObj.darken(15).toHexString() : \"#14141429\",\n    ...style,\n    ...layoutStyles\n  };\n  const onKeyUpHandler = (e) => {\n    switch (e.code) {\n      case \"Delete\":\n      case \"Backspace\":\n        onClose?.(e);\n        break;\n      case \"Enter\":\n        onClick?.(e);\n        break;\n    }\n  };\n  return /* @__PURE__ */ jsxs(\n    \"span\",\n    {\n      className: ChipClassNames,\n      style: styleWithColor,\n      \"data-anv\": \"chip\",\n      \"aria-label\": newLabel,\n      role: onClick ? \"button\" : void 0,\n      ...rest,\n      ref,\n      onClick,\n      onKeyUp: onKeyUpHandler,\n      tabIndex: onClick || onClose ? 0 : tabIndex,\n      children: [\n        /* @__PURE__ */ jsx(\"span\", { className: styles.inner, children: label }),\n        !!onClose && // this is disabled because this is fake button that only mouse users will interact\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n        /* @__PURE__ */ jsx(\n          \"span\",\n          {\n            \"aria-hidden\": true,\n            \"aria-label\": \"remove button\",\n            className: styles[\"close\"],\n            onClick: (e) => {\n              e.stopPropagation();\n              onClose(e);\n            },\n            children: /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, svg: Close, size })\n          }\n        )\n      ]\n    }\n  );\n});\nChip.displayName = \"Chip\";\n\nexport { Chip as C };\n//# sourceMappingURL=Chip-BQOzhPQv.js.map\n"],"names":["Close"],"mappings":"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"}

package/dist/{Chip-i-OBdpYm.js → Chip-DmGfVz7J.js}

@@ -1,20 +1,24 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { u as useTrackingContext } from './useTrackingContext-DRwDL8DE.js';
-import { C as Chip$1 } from './Chip-DX922SMw-13SW9xaV.js';
+import { useTrackingId } from './useTrackingId.js';
+import { C as Chip$1 } from './Chip-BQOzhPQv-DdLdgSqD.js';
 
 const Chip = forwardRef(
   (props, ref) => {
-    const { getTrackingId } = useTrackingContext();
     const data = {
       label: props.label,
       size: props.size,
       color: props.color
     };
-    const trackingId = getTrackingId(JSON.stringify(data), "Chip");
+    const trackingId = useTrackingId({
+      name: "Chip",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
     return /* @__PURE__ */ jsx(Chip$1, { ref, "data-tracking-id": trackingId, ...props });
   }
 );
+Chip.displayName = Chip$1.displayName;
 
 export { Chip as C };
-//# sourceMappingURL=Chip-i-OBdpYm.js.map
+//# sourceMappingURL=Chip-DmGfVz7J.js.map

package/dist/Chip-DmGfVz7J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-DmGfVz7J.js","sources":["../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  ChipProps as CoreChipProps,\n  Chip as CoreChip,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type ChipProps = CoreChipProps & DataTrackingId;\n\nexport const Chip = forwardRef(\n  (props: ChipProps, ref: Ref<HTMLSpanElement>) => {\n    const data = {\n      label: props.label,\n      size: props.size,\n      color: props.color,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Chip\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return <CoreChip ref={ref} data-tracking-id={trackingId} {...props} />;\n  },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["CoreChip"],"mappings":";;;;;AAUO,MAAM,IAAO,GAAA,UAAA;AAAA,EAClB,CAAC,OAAkB,GAA8B,KAAA;AAC/C,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,MAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,2BAAQA,MAAS,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAExE;AACA,IAAA,CAAK,cAAcA,MAAS,CAAA,WAAA;;;;"}

package/dist/Chip.js

@@ -1,2 +1,2 @@
-export { C as Chip, C as default } from './Chip-i-OBdpYm.js';
+export { C as Chip, C as default } from './Chip-DmGfVz7J.js';
 //# sourceMappingURL=Chip.js.map

package/dist/{Combobox-3SWKXAYu.js → Combobox-DLxPUWuK.js}

@@ -3,12 +3,12 @@ import { useTrackingId } from './useTrackingId.js';
 import React__default, { useRef, useEffect, useMemo, useCallback, useLayoutEffect, useReducer, cloneElement, Component, useState, createContext, useId, useContext, useDeferredValue } from 'react';
 import { g as getDefaultExportFromCjs, c as cx } from './index-tZvMCc77.js';
 import { a as _extends, _ as _objectWithoutPropertiesLoose } from './extends-Bg2s_OKl.js';
-import { e as PopoverLegacy, d as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-DDhjaX2z-waNj8Iba.js';
+import { e as PopoverLegacy, d as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-nXUfj8hV-CfP3czmR.js';
 import { s as styles$3 } from './Listbox.module-CJuWm7RR-CJuWm7RR.js';
-import { L as Label, s as supportsPopover } from './ProgressBar-YrCJtlvK-BlhqSUr-.js';
+import { L as Label, s as supportsPopover } from './ProgressBar-C5jHU322-BUKq_wDl.js';
 import { F as Flex } from './Flex-DlNiHX1G-DiUzqGqj.js';
 import { B as Button } from './Button-CpDA5JHI-DOaf7xjY.js';
-import { C as Chip } from './Chip-DX922SMw-13SW9xaV.js';
+import { C as Chip } from './Chip-BQOzhPQv-DdLdgSqD.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { H as Helper } from './Helper-DBmwQvEP-Z2T8bXHx.js';
@@ -10312,4 +10312,4 @@ const Combobox = Object.assign(ComboboxElement, {
 });
 
 export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxSearchField as c, ComboboxSelectTrigger as d, ComboboxContent as e, ComboboxList as f, ComboboxItem as g, ComboboxItemAddNew as h, ComboboxEmpty as i, useInfiniteCombobox as u };
-//# sourceMappingURL=Combobox-3SWKXAYu.js.map
+//# sourceMappingURL=Combobox-DLxPUWuK.js.map