@servicetitan/anvil2 1.44.1 → 1.45.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @servicetitan/anvil2
 
+## 1.45.0
+
+### Minor Changes
+
+- [#1429](https://github.com/servicetitan/hammer/pull/1429) [`4751366`](https://github.com/servicetitan/hammer/commit/475136642ecdde393fa2d6bb10f05a986ea4faa4) Thanks [@pbuckingham-st](https://github.com/pbuckingham-st)! - [Dependencies] Removed `@servicetitan/hammer-react`
+
+- [#1429](https://github.com/servicetitan/hammer/pull/1429) [`4751366`](https://github.com/servicetitan/hammer/commit/475136642ecdde393fa2d6bb10f05a986ea4faa4) Thanks [@pbuckingham-st](https://github.com/pbuckingham-st)! - [Types] New exports: `ButtonToggleState`, `CalendarRangeValue`, `CalendarValue`, `CheckboxState`, `ComboboxContextProps`, `ComboboxMultipleProps`, `ComboboxSingleProps`, `CustomThemeType`, `DateFieldRangeValue`, `LayoutUtilProps`, `ListboxItemType`, `MenuCommonProps`, `MenuReturnProps`, `RadioState`, `SegmentState`, `SelectMultipleProps`, `SelectSingleProps`, `SideNavLinkProps`, `SkeletonCircleProps`, `SkeletonPillProps`, `SkeletonRectangleProps`, `SkeletonTextProps`, `SwitchState`, `UseSwipeFn`, `DataTrackingId`, `DistributiveOmit`, `MaxLengthCounterProps`, `IANA_TIMEZONES`, `IanaZone`, `Locale`, `ButtonAppearance`, `OnCloseProps`, `DisableCloseOnEscapeOrClickProps`, `GapSize`, `LayoutUtilProps`, `SemanticColor`, `Size`, `Status`, `Svg`
+
+### Patch Changes
+
+- [#1513](https://github.com/servicetitan/hammer/pull/1513) [`1f642b8`](https://github.com/servicetitan/hammer/commit/1f642b86839700bc99b94712dc82055f2ea0f5e7) Thanks [@ericag1985](https://github.com/ericag1985)! - [TimeField] Fix page scrolling and dropdown height issues
+
+- [#1429](https://github.com/servicetitan/hammer/pull/1429) [`4751366`](https://github.com/servicetitan/hammer/commit/475136642ecdde393fa2d6bb10f05a986ea4faa4) Thanks [@pbuckingham-st](https://github.com/pbuckingham-st)! - [Icon] Fix type of ref from script to span
+
+- [#1513](https://github.com/servicetitan/hammer/pull/1513) [`1f642b8`](https://github.com/servicetitan/hammer/commit/1f642b86839700bc99b94712dc82055f2ea0f5e7) Thanks [@ericag1985](https://github.com/ericag1985)! - [TimeField] Fix autocompletion and auto rounding not working on same time entries
+
+- [#1429](https://github.com/servicetitan/hammer/pull/1429) [`4751366`](https://github.com/servicetitan/hammer/commit/475136642ecdde393fa2d6bb10f05a986ea4faa4) Thanks [@pbuckingham-st](https://github.com/pbuckingham-st)! - [InputMask] Add deprecation message
+
+- [#1429](https://github.com/servicetitan/hammer/pull/1429) [`4751366`](https://github.com/servicetitan/hammer/commit/475136642ecdde393fa2d6bb10f05a986ea4faa4) Thanks [@pbuckingham-st](https://github.com/pbuckingham-st)! - [ThemeProvider] New export: `useTheme`
+
+- [#1506](https://github.com/servicetitan/hammer/pull/1506) [`3055e6b`](https://github.com/servicetitan/hammer/commit/3055e6b637a98d0cd6b94732710491fb6f760471) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [Icons] New icons: `atlas_gradient`, `atlas_logo`, and `atlas_simple`
+
 ## 1.44.1
 
 ### Patch Changes

package/README.md

@@ -4,14 +4,6 @@
 
 Anvil2 contains reusable components, fonts, icons, and more for building ServiceTitan products.
 
-## Hammer and Anvil2 Note
-
-In this monorepo, there are both Hammer and Anvil2 packages. Hammer (e.g. `@servicetitan/hammer-react`), is the base library that the Anvil team maintains and `@servicetitan/anvil2` builds on top of.
-
-Anvil2 is more opinionated and ServiceTitan-specific, and can also include more complex components and customizations of Hammer.
-
-Much of the source code for Anvil2 components actually exists in the `packages/hammer-react` package in this monorepo. When releasing updates, making changes in Hammer will automatically propagate to Anvil2, as long as the component/function/type is exported from the `packages/anvil2` package as well.
-
 # Getting Started
 
 ## Installation

package/dist/Alert-BNGvfMAV.js

@@ -0,0 +1,112 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { S as SvgClose } from './close-DZj38AEh.js';
+import { S as SvgInfo } from './info-CYpG6tcI.js';
+import { S as SvgWarning } from './warning-c4Wj1rI4.js';
+import { S as SvgError, a as SvgCheckCircle } from './check_circle-Dja-C2lM.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { B as Button } from './Button-BxFXQ0-n.js';
+import { c as cx } from './index-tZvMCc77.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { useTrackingId } from './useTrackingId.js';
+
+import './Alert.css';const alert = "_alert_16him_2";
+const content = "_content_16him_34";
+const top = "_top_16him_42";
+const success = "_success_16him_60";
+const warning = "_warning_16him_66";
+const danger = "_danger_16him_72";
+const styles = {
+	alert: alert,
+	"close-container": "_close-container_16him_27",
+	content: content,
+	top: top,
+	"title-container": "_title-container_16him_48",
+	"status-icon": "_status-icon_16him_56",
+	success: success,
+	warning: warning,
+	danger: danger,
+	"close-button": "_close-button_16him_80"
+};
+
+const statusIconMap = {
+  info: SvgInfo,
+  success: SvgCheckCircle,
+  warning: SvgWarning,
+  danger: SvgError
+};
+const Alert = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      children,
+      className,
+      title,
+      status = "info",
+      style,
+      onClose,
+      ...rest
+    } = componentProps;
+    const data = {
+      title,
+      status
+    };
+    const trackingId = useTrackingId({
+      name: "Alert",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    const alertCx = cx(styles["alert"], className, {
+      [styles["success"]]: status === "success",
+      [styles["warning"]]: status === "warning",
+      [styles["danger"]]: status === "danger"
+    });
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-tracking-id": trackingId,
+        "data-anv": "alert",
+        role: "status",
+        className: alertCx,
+        style: styleCombined,
+        ...rest,
+        ref,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: styles["top"], children: [
+            /* @__PURE__ */ jsxs("span", { className: styles["title-container"], children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  size: "large",
+                  className: styles["status-icon"],
+                  svg: statusIconMap[status ?? "info"]
+                }
+              ),
+              title
+            ] }),
+            !!onClose && /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: SvgClose,
+                size: "small",
+                appearance: "ghost",
+                className: styles["close-button"],
+                onClick: (e) => onClose(e),
+                "aria-label": `Dismiss ${status} alert`
+              }
+            ) })
+          ] }),
+          children && /* @__PURE__ */ jsx("div", { className: styles["content"], children })
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+export { Alert as A };
+//# sourceMappingURL=Alert-BNGvfMAV.js.map

package/dist/Alert-BNGvfMAV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-BNGvfMAV.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n  DataTrackingId,\n  LayoutUtilProps,\n  OnCloseProps,\n  Status,\n  Svg,\n} from \"../../types\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Info from \"@servicetitan/hammer-icon/mdi/round/info.svg\";\nimport Warning from \"@servicetitan/hammer-icon/mdi/round/warning.svg\";\nimport Danger from \"@servicetitan/hammer-icon/mdi/round/error.svg\";\nimport Success from \"@servicetitan/hammer-icon/mdi/round/check_circle.svg\";\nimport Icon from \"../Icon\";\nimport Button from \"../Button\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Alert.module.scss\";\n\n/**\n * Props for the Alert component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n * @extends OnCloseProps\n */\nexport type AlertProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps &\n  OnCloseProps & {\n    /**\n     * The visual style of an alert.\n     * @default info\n     */\n    status?: Status;\n    /**\n     * The title text displayed in the alert.\n     */\n    title: string;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\nconst statusIconMap: Record<NonNullable<AlertProps[\"status\"]>, Svg> = {\n  info: Info,\n  success: Success,\n  warning: Warning,\n  danger: Danger,\n};\n\n/**\n * Alert component for displaying important messages to users.\n *\n * Features:\n * - Supports different visual styles (info, success, warning, danger)\n * - Optional close button for dismissible alerts\n * - Customizable title and content\n * - Accessible with proper ARIA roles\n * - Includes status-specific icons\n * - Supports layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Alert\n *   title=\"System Update\"\n *   onClose={() => console.log('Alert closed')}\n * >\n *   The system will be updated tonight.\n * </Alert>\n *\n * @example\n * <Alert\n *   status=\"success\"\n *   title=\"Operation Complete\"\n * >\n *   Your changes have been saved successfully.\n * </Alert>\n */\nexport const Alert = forwardRef(\n  (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      title,\n      status = \"info\",\n      style,\n      onClose,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      title,\n      status,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Alert\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const alertCx = cx(styles[\"alert\"], className, {\n      [styles[\"success\"]]: status === \"success\",\n      [styles[\"warning\"]]: status === \"warning\",\n      [styles[\"danger\"]]: status === \"danger\",\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        data-tracking-id={trackingId}\n        data-anv=\"alert\"\n        role=\"status\"\n        className={alertCx}\n        style={styleCombined}\n        {...rest}\n        ref={ref}\n      >\n        <div className={styles[\"top\"]}>\n          <span className={styles[\"title-container\"]}>\n            {\n              <Icon\n                size=\"large\"\n                className={styles[\"status-icon\"]}\n                svg={statusIconMap[status ?? \"info\"]}\n              />\n            }\n            {title}\n          </span>\n          {!!onClose && (\n            <span className={styles[\"close-container\"]}>\n              <Button\n                icon={Close}\n                size=\"small\"\n                appearance=\"ghost\"\n                className={styles[\"close-button\"]}\n                onClick={(e: MouseEvent<HTMLButtonElement>) => onClose(e)}\n                aria-label={`Dismiss ${status} alert`}\n              />\n            </span>\n          )}\n        </div>\n        {children && <div className={styles[\"content\"]}>{children}</div>}\n      </div>\n    );\n  },\n);\n\nAlert.displayName = \"Alert\";\n"],"names":["Info","Success","Warning","Danger","Close"],"mappings":"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"}

package/dist/{Alert-C3WoRkeN.css → Alert.css}

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._alert_16him_2 {
     all: unset;

package/dist/Alert.js

@@ -1,2 +1,2 @@
-export { A as Alert, A as default } from './Alert-DipY5OlC.js';
+export { A as Alert, A as default } from './Alert-BNGvfMAV.js';
 //# sourceMappingURL=Alert.js.map

package/dist/{Announcement-ButSjdLn.js → Announcement-CoheCP1i.js}

@@ -1,13 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { useTrackingId } from './useTrackingId.js';
-import { c as cx } from './index-tZvMCc77.js';
-import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { S as SvgError, a as SvgCheckCircle, b as SvgInfo } from './check_circle-BGfigqq-.js';
+import { S as SvgInfo } from './info-CYpG6tcI.js';
 import { S as SvgWarning } from './warning-c4Wj1rI4.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { S as SvgError, a as SvgCheckCircle } from './check_circle-Dja-C2lM.js';
+import { B as Button } from './Button-BxFXQ0-n.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { c as cx } from './index-tZvMCc77.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { useTrackingId } from './useTrackingId.js';
 
 import './Announcement.css';const announcement = "_announcement_26ioj_2";
 const title = "_title_26ioj_44";
@@ -32,7 +33,7 @@ const statusIconMap = {
   warning: SvgWarning,
   danger: SvgError
 };
-const Announcement$1 = forwardRef(
+const Announcement = forwardRef(
   (props, ref) => {
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
     const {
@@ -44,18 +45,28 @@ const Announcement$1 = forwardRef(
       onClose,
       ...rest
     } = componentProps;
-    const styleCombined = {
-      ...style,
-      ...layoutStyles
+    const data = {
+      title,
+      status
     };
+    const trackingId = useTrackingId({
+      name: "Announcement",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
     const AnnouncementCx = cx(styles["announcement"], className, {
       [styles["success"]]: status === "success",
       [styles["warning"]]: status === "warning",
       [styles["danger"]]: status === "danger"
     });
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-tracking-id": trackingId,
         role: "status",
         className: AnnouncementCx,
         "data-anv": "announcement",
@@ -91,23 +102,7 @@ const Announcement$1 = forwardRef(
     );
   }
 );
-Announcement$1.displayName = "Announcement";
-
-const Announcement = forwardRef(
-  (props, ref) => {
-    const data = {
-      title: props.title,
-      status: props.status
-    };
-    const trackingId = useTrackingId({
-      name: "Announcement",
-      data,
-      hasOverride: !!props["data-tracking-id"]
-    });
-    return /* @__PURE__ */ jsx(Announcement$1, { ref, "data-tracking-id": trackingId, ...props });
-  }
-);
-Announcement.displayName = Announcement$1.displayName;
+Announcement.displayName = "Announcement";
 
 export { Announcement as A };
-//# sourceMappingURL=Announcement-ButSjdLn.js.map
+//# sourceMappingURL=Announcement-CoheCP1i.js.map

package/dist/Announcement-CoheCP1i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Announcement-CoheCP1i.js","sources":["../src/components/Announcement/Announcement.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n  DataTrackingId,\n  LayoutUtilProps,\n  OnCloseProps,\n  Status,\n  Svg,\n} from \"../../types\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Info from \"@servicetitan/hammer-icon/mdi/round/info.svg\";\nimport Warning from \"@servicetitan/hammer-icon/mdi/round/warning.svg\";\nimport Danger from \"@servicetitan/hammer-icon/mdi/round/error.svg\";\nimport Success from \"@servicetitan/hammer-icon/mdi/round/check_circle.svg\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport Button from \"../Button\";\nimport Icon from \"../Icon\";\n\nimport cx from \"classnames\";\nimport styles from \"./Announcement.module.scss\";\n\n/**\n * Props for the Announcement component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n * @extends OnCloseProps\n */\nexport type AnnouncementProps = ComponentPropsWithoutRef<\"div\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> &\n  OnCloseProps & {\n    /**\n     * The visual style of the announcement.\n     * @default info\n     */\n    status?: Status;\n    /**\n     * The title text displayed in the announcement.\n     */\n    title: string;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\nconst statusIconMap: Record<NonNullable<AnnouncementProps[\"status\"]>, Svg> = {\n  info: Info,\n  success: Success,\n  warning: Warning,\n  danger: Danger,\n};\n\n/**\n * Announcement component for displaying important messages to users.\n *\n * Features:\n * - Supports different visual styles (info, success, warning, danger)\n * - Optional close button for dismissible announcements\n * - Customizable title and content\n * - Accessible with proper ARIA roles\n * - Includes status-specific icons\n * - Supports layout utilities for positioning and spacing\n * - Includes data tracking capabilities\n *\n * @example\n * <Announcement\n *   title=\"New Feature\"\n *   onClose={() => console.log('Announcement closed')}\n * >\n *   Check out our latest feature!\n * </Announcement>\n *\n * @example\n * <Announcement\n *   status=\"warning\"\n *   title=\"Maintenance Notice\"\n * >\n *   Scheduled maintenance will begin in 30 minutes.\n * </Announcement>\n */\nexport const Announcement = forwardRef(\n  (props: AnnouncementProps, ref: Ref<HTMLDivElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n    const {\n      className,\n      title,\n      status = \"info\",\n      children,\n      style,\n      onClose,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      title,\n      status,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Announcement\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const AnnouncementCx = cx(styles[\"announcement\"], className, {\n      [styles[\"success\"]]: status === \"success\",\n      [styles[\"warning\"]]: status === \"warning\",\n      [styles[\"danger\"]]: status === \"danger\",\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        data-tracking-id={trackingId}\n        role=\"status\"\n        className={AnnouncementCx}\n        data-anv=\"announcement\"\n        style={styleCombined}\n        {...rest}\n        ref={ref}\n      >\n        <span className={styles[\"title-container\"]}>\n          <Icon\n            size=\"large\"\n            className={styles[\"status-icon\"]}\n            svg={statusIconMap[status]}\n          />\n\n          <span className={styles[\"title\"]}>{title}</span>\n        </span>\n\n        {children}\n\n        {onClose ? (\n          <span className={styles[\"close-container\"]}>\n            <Button\n              icon={Close}\n              size=\"small\"\n              appearance=\"ghost\"\n              className={styles[\"close-button\"]}\n              onClick={(e: MouseEvent<HTMLButtonElement>) => onClose(e)}\n              aria-label={`Dismiss ${status} announcement`}\n            />\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAnnouncement.displayName = \"Announcement\";\n"],"names":["Info","Success","Warning","Danger","Close"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAM,aAAuE,GAAA;AAAA,EAC3E,IAAM,EAAAA,OAAA;AAAA,EACN,OAAS,EAAAC,cAAA;AAAA,EACT,OAAS,EAAAC,UAAA;AAAA,EACT,MAAQ,EAAAC;AACV,CAAA;AA8BO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,mBAAmB,KAAK,CAAA;AAEjE,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAS,GAAA,MAAA;AAAA,MACT,QAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,cAAA;AAEJ,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,cAAiB,GAAA,EAAA,CAAG,MAAO,CAAA,cAAc,GAAG,SAAW,EAAA;AAAA,MAC3D,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,MAAW,KAAA,SAAA;AAAA,MAChC,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,MAAW,KAAA,SAAA;AAAA,MAChC,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,MAAW,KAAA;AAAA,KAChC,CAAA;AAED,IAAA,MAAM,aAAgB,GAAA;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IACE,uBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,kBAAkB,EAAA,UAAA;AAAA,QAClB,IAAK,EAAA,QAAA;AAAA,QACL,SAAW,EAAA,cAAA;AAAA,QACX,UAAS,EAAA,cAAA;AAAA,QACT,KAAO,EAAA,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,iBAAiB,CACvC,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,IAAK,EAAA,OAAA;AAAA,gBACL,SAAA,EAAW,OAAO,aAAa,CAAA;AAAA,gBAC/B,GAAA,EAAK,cAAc,MAAM;AAAA;AAAA,aAC3B;AAAA,gCAEC,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,OAAO,GAAI,QAAM,EAAA,KAAA,EAAA;AAAA,WAC3C,EAAA,CAAA;AAAA,UAEC,QAAA;AAAA,UAEA,0BACE,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,iBAAiB,CACvC,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAM,EAAAC,QAAA;AAAA,cACN,IAAK,EAAA,OAAA;AAAA,cACL,UAAW,EAAA,OAAA;AAAA,cACX,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,cAChC,OAAS,EAAA,CAAC,CAAqC,KAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,cACxD,YAAA,EAAY,WAAW,MAAM,CAAA,aAAA;AAAA;AAAA,aAEjC,CACE,GAAA;AAAA;AAAA;AAAA,KACN;AAAA;AAGN;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

package/dist/Announcement.css

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._announcement_26ioj_2 {
     all: unset;

package/dist/Announcement.js

@@ -1,2 +1,2 @@
-export { A as Announcement, A as default } from './Announcement-ButSjdLn.js';
+export { A as Announcement, A as default } from './Announcement-CoheCP1i.js';
 //# sourceMappingURL=Announcement.js.map

package/dist/{HammerProvider-vt3DkcCZ-06BeBrPu.js → AnvilProvider-C_qRQnE6.js}

@@ -1,12 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
-import { t as themeStyles, T as ThemeProvider } from './ThemeProvider-Q3ji6Rpx-DBXlAuQ8.js';
+import { t as themeStyles, T as ThemeProvider } from './ThemeProvider-Be3Pvtpz.js';
 import { createContext, useState, useMemo, useContext } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { u as useBreakpoint } from './useBreakpoint-7QkBkSeP-Cv5fnZxs.js';
-import { a as useTranslations, L as LocalizationContext } from './LocalizationContext-UsmB5mnR-BUIYgNp2.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { u as useBreakpoint } from './useBreakpoint-Cv5fnZxs.js';
+import { a as useTranslations, L as LocalizationContext } from './LocalizationContext-UsmB5mnR.js';
+import { T as TrackingProvider } from './TrackingProvider-BtSjkmpM.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 
-const HammerProviderContext = createContext(
+const AnvilProviderContext = createContext(
   {}
 );
 const TooltipLegacyGroupContext = createContext(null);
@@ -14,19 +15,28 @@ const useTooltipLegacyGroup = () => {
   const context = useContext(TooltipLegacyGroupContext);
   if (context == null) {
     throw new Error(
-      "Tooltip components must be wrapped in <HammerProvider /> or <TooltipGroupContext.Provider />"
+      "Tooltip components must be wrapped in <AnvilProvider /> or <TooltipGroupContext.Provider />"
     );
   }
   return context;
 };
-const HammerProvider = (props) => {
+const AnvilProvider = (props) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
-  const { themeData, localizationData, children, className, style, ...rest } = componentProps;
+  const {
+    themeData,
+    localizationData,
+    trackingIdData,
+    children,
+    className,
+    style,
+    ...rest
+  } = componentProps;
   const {
     locale = "en",
     dir = "ltr",
     translations = {}
   } = localizationData ?? {};
+  const { scope = "ST", optOut } = trackingIdData ?? {};
   const classNameCombined = cx(className, [themeStyles["theme-core"]], {
     [themeStyles["mode-dark"]]: themeData?.mode === "dark",
     [themeStyles["mode-light"]]: themeData?.mode === "light"
@@ -44,7 +54,7 @@ const HammerProvider = (props) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [disableDelayGroup]
   );
-  return /* @__PURE__ */ jsx(HammerProviderContext.Provider, { value: { breakpoint }, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(AnvilProviderContext.Provider, { value: { breakpoint }, children: /* @__PURE__ */ jsx(
     ThemeProvider,
     {
       className: classNameCombined,
@@ -57,12 +67,12 @@ const HammerProvider = (props) => {
         TooltipLegacyGroupContext.Provider,
         {
           value: tooltipLegacyGroupContextValue,
-          children: /* @__PURE__ */ jsx(LocalizationContext.Provider, { value: localizationContextValue, children })
+          children: /* @__PURE__ */ jsx(LocalizationContext.Provider, { value: localizationContextValue, children: /* @__PURE__ */ jsx(TrackingProvider, { scope, optOut, children }) })
         }
       )
     }
   ) });
 };
 
-export { HammerProviderContext as H, HammerProvider as a, useTooltipLegacyGroup as u };
-//# sourceMappingURL=HammerProvider-vt3DkcCZ-06BeBrPu.js.map
+export { AnvilProvider as A, AnvilProviderContext as a, useTooltipLegacyGroup as u };
+//# sourceMappingURL=AnvilProvider-C_qRQnE6.js.map

package/dist/AnvilProvider-C_qRQnE6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnvilProvider-C_qRQnE6.js","sources":["../src/providers/AnvilProvider/AnvilProvider.tsx"],"sourcesContent":["import { ThemeProvider, ThemeProviderProps } from \"../ThemeProvider\";\nimport themeStyles from \"../ThemeProvider/ThemeProvider.module.scss\";\nimport {\n  ComponentPropsWithoutRef,\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  createContext,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { ITranslations } from \"../LocalizationProvider/LocalizationProvider\";\nimport {\n  useBreakpoint,\n  type BreakpointReturnProps,\n} from \"../../hooks/useBreakpoint\";\nimport { useTranslations } from \"../LocalizationProvider/useTranslations\";\nimport { LocalizationContext } from \"../LocalizationProvider\";\nimport TrackingProvider from \"../TrackingProvider\";\n\nexport type AnvilProviderProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    children?: ReactNode;\n\n    themeData?: {\n      theme?: ThemeProviderProps[\"theme\"];\n      mode?: ThemeProviderProps[\"mode\"];\n    };\n\n    localizationData?: {\n      locale?: ITranslations[\"locale\"];\n      dir?: ITranslations[\"dir\"];\n      translations?: ITranslations[\"translations\"];\n    };\n  } & {\n    trackingIdData?: {\n      scope?: string;\n      optOut?: boolean;\n    };\n  };\n\nexport type AnvilProviderContextProps = {\n  breakpoint?: BreakpointReturnProps;\n};\n\nexport const AnvilProviderContext = createContext<AnvilProviderContextProps>(\n  {},\n);\n\nexport const TooltipLegacyGroupContext = createContext<{\n  disableDelayGroup: Dispatch<SetStateAction<boolean>>;\n} | null>(null);\n\nexport const useTooltipLegacyGroup = () => {\n  const context = useContext(TooltipLegacyGroupContext);\n\n  if (context == null) {\n    throw new Error(\n      \"Tooltip components must be wrapped in <AnvilProvider /> or <TooltipGroupContext.Provider />\",\n    );\n  }\n\n  return context;\n};\n\nexport const AnvilProvider = (props: AnvilProviderProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    themeData,\n    localizationData,\n    trackingIdData,\n    children,\n    className,\n    style,\n    ...rest\n  } = componentProps;\n\n  const {\n    locale = \"en\",\n    dir = \"ltr\",\n    translations = {},\n  } = localizationData ?? {};\n\n  const { scope = \"ST\", optOut } = trackingIdData ?? {};\n\n  const classNameCombined = cx(className, [themeStyles[\"theme-core\"]], {\n    [themeStyles[\"mode-dark\"]]: themeData?.mode === \"dark\",\n    [themeStyles[\"mode-light\"]]: themeData?.mode === \"light\",\n  });\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const breakpoint = useBreakpoint();\n\n  const [disableDelayGroup, setDisableDelayGroup] = useState(false);\n\n  const { translations: t } = useTranslations(translations);\n\n  const localizationContextValue = useMemo(() => ({ locale, t }), [locale, t]);\n  const tooltipLegacyGroupContextValue = useMemo(\n    () => ({ disableDelayGroup: setDisableDelayGroup }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [disableDelayGroup],\n  );\n\n  return (\n    <AnvilProviderContext.Provider value={{ breakpoint }}>\n      <ThemeProvider\n        className={classNameCombined}\n        style={styleCombined}\n        theme={themeData?.theme}\n        mode={themeData?.mode}\n        dir={dir}\n        {...rest}\n      >\n        <TooltipLegacyGroupContext.Provider\n          value={tooltipLegacyGroupContextValue}\n        >\n          <LocalizationContext.Provider value={localizationContextValue}>\n            <TrackingProvider scope={scope} optOut={optOut}>\n              {children}\n            </TrackingProvider>\n          </LocalizationContext.Provider>\n        </TooltipLegacyGroupContext.Provider>\n      </ThemeProvider>\n    </AnvilProviderContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAiDO,MAAM,oBAAuB,GAAA,aAAA;AAAA,EAClC;AACF;AAEa,MAAA,yBAAA,GAA4B,cAE/B,IAAI,CAAA;AAEP,MAAM,wBAAwB,MAAM;AACzC,EAAM,MAAA,OAAA,GAAU,WAAW,yBAAyB,CAAA;AAEpD,EAAA,IAAI,WAAW,IAAM,EAAA;AACnB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,OAAA;AACT;AAEa,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,mBAAmB,KAAK,CAAA;AAEjE,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,cAAA;AAEJ,EAAM,MAAA;AAAA,IACJ,MAAS,GAAA,IAAA;AAAA,IACT,GAAM,GAAA,KAAA;AAAA,IACN,eAAe;AAAC,GAClB,GAAI,oBAAoB,EAAC;AAEzB,EAAA,MAAM,EAAE,KAAQ,GAAA,IAAA,EAAM,MAAO,EAAA,GAAI,kBAAkB,EAAC;AAEpD,EAAA,MAAM,oBAAoB,EAAG,CAAA,SAAA,EAAW,CAAC,WAAY,CAAA,YAAY,CAAC,CAAG,EAAA;AAAA,IACnE,CAAC,WAAY,CAAA,WAAW,CAAC,GAAG,WAAW,IAAS,KAAA,MAAA;AAAA,IAChD,CAAC,WAAY,CAAA,YAAY,CAAC,GAAG,WAAW,IAAS,KAAA;AAAA,GAClD,CAAA;AACD,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,aAAa,aAAc,EAAA;AAEjC,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhE,EAAA,MAAM,EAAE,YAAA,EAAc,CAAE,EAAA,GAAI,gBAAgB,YAAY,CAAA;AAExD,EAAM,MAAA,wBAAA,GAA2B,OAAQ,CAAA,OAAO,EAAE,MAAA,EAAQ,GAAM,CAAA,EAAA,CAAC,MAAQ,EAAA,CAAC,CAAC,CAAA;AAC3E,EAAA,MAAM,8BAAiC,GAAA,OAAA;AAAA,IACrC,OAAO,EAAE,iBAAA,EAAmB,oBAAqB,EAAA,CAAA;AAAA;AAAA,IAEjD,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,2BACG,oBAAqB,CAAA,QAAA,EAArB,EAA8B,KAAO,EAAA,EAAE,YACtC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,iBAAA;AAAA,MACX,KAAO,EAAA,aAAA;AAAA,MACP,OAAO,SAAW,EAAA,KAAA;AAAA,MAClB,MAAM,SAAW,EAAA,IAAA;AAAA,MACjB,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,yBAA0B,CAAA,QAAA;AAAA,QAA1B;AAAA,UACC,KAAO,EAAA,8BAAA;AAAA,UAEP,QAAA,kBAAA,GAAA,CAAC,mBAAoB,CAAA,QAAA,EAApB,EAA6B,KAAA,EAAO,wBACnC,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAc,MAC7B,EAAA,QAAA,EACH,CACF,EAAA;AAAA;AAAA;AACF;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/AnvilProvider.js

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

package/dist/{Avatar-DREZJN2K.js → Avatar-CyGjhToG.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { A as AvatarGroup, a as Avatar$1 } from './Avatar-D07f9NH_.js';
 import { forwardRef } from 'react';
-import { A as AvatarGroup$1, a as Avatar$1 } from './Avatar-C7cbRTCt-DCvzmr2C.js';
 
 const AvatarElement = forwardRef(
   (props, ref) => {
@@ -8,12 +8,6 @@ const AvatarElement = forwardRef(
   }
 );
 AvatarElement.displayName = Avatar$1.displayName;
-const AvatarGroup = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(AvatarGroup$1, { ref, ...props });
-  }
-);
-AvatarGroup.displayName = AvatarGroup$1.displayName;
 const Avatar = Object.assign(AvatarElement, {
   /**
    * AvatarGroup component for displaying multiple avatars in a group.
@@ -25,7 +19,6 @@ const Avatar = Object.assign(AvatarElement, {
    * - Supports custom styling and layout
    * - Automatically adjusts z-index for proper stacking
    * - Fully accessible with screen reader support
-   * - Automatic tracking ID generation for analytics
    *
    * @example
    * <Avatar.Group max={3}>
@@ -38,5 +31,5 @@ const Avatar = Object.assign(AvatarElement, {
   Group: AvatarGroup
 });
 
-export { Avatar as A, AvatarGroup as a };
-//# sourceMappingURL=Avatar-DREZJN2K.js.map
+export { Avatar as A };
+//# sourceMappingURL=Avatar-CyGjhToG.js.map

package/dist/Avatar-CyGjhToG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-CyGjhToG.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  Avatar as CoreAvatar,\n  AvatarProps as CoreAvatarProps,\n} from \"./internal/Avatar\";\nimport { Ref, forwardRef } from \"react\";\nimport { DistributiveOmit } from \"../../types\";\nimport { AvatarGroup } from \"./AvatarGroup\";\n\n/**\n * Props for the Avatar component\n * @property {string} name - Full name used for alt text and screen reader\n * @property {string} [color] - Custom color of the Avatar\n * @property {string} [image] - Image source to be used for Avatar\n * @property {\"small\" | \"medium\" | \"large\"} [size] - Size of the Avatar\n * @property {\"online\" | \"offline\"} [status] - Online status of the Avatar\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends Omit<AvatarBaseProps, \"initials\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n * @extends DataTrackingId\n */\nexport type AvatarProps = DistributiveOmit<CoreAvatarProps, \"size\"> & {\n  size?: Extract<CoreAvatarProps[\"size\"], \"small\" | \"medium\" | \"large\">;\n};\n\n/**\n * Avatar component for displaying user avatars with initials or images.\n *\n * Features:\n * - Displays user initials when no image is provided\n * - Supports custom colors and sizes\n * - Shows online/offline status\n * - Fully accessible with screen reader support\n * - Automatic image fallback handling\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Avatar name=\"John Doe\" size=\"medium\" status=\"online\" />\n */\nconst AvatarElement = forwardRef(\n  (props: AvatarProps, ref: Ref<HTMLSpanElement>) => {\n    return <CoreAvatar ref={ref} {...props} />;\n  },\n);\nAvatarElement.displayName = CoreAvatar.displayName;\n\nexport const Avatar = Object.assign(AvatarElement, {\n  /**\n   * AvatarGroup component for displaying multiple avatars in a group.\n   *\n   * Features:\n   * - Displays multiple avatars in a stacked layout\n   * - Handles overflow with a count indicator\n   * - Maintains consistent sizing across all avatars\n   * - Supports custom styling and layout\n   * - Automatically adjusts z-index for proper stacking\n   * - Fully accessible with screen reader support\n   *\n   * @example\n   * <Avatar.Group max={3}>\n   *   <Avatar name=\"John Doe\" />\n   *   <Avatar name=\"Jane Smith\" />\n   *   <Avatar name=\"Bob Johnson\" />\n   *   <Avatar name=\"Alice Brown\" />\n   * </Avatar.Group>\n   */\n  Group: AvatarGroup,\n});\n"],"names":["CoreAvatar"],"mappings":";;;;AAsCA,MAAM,aAAgB,GAAA,UAAA;AAAA,EACpB,CAAC,OAAoB,GAA8B,KAAA;AACjD,IAAA,uBAAQ,GAAA,CAAAA,QAAA,EAAA,EAAW,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5C,CAAA;AACA,aAAA,CAAc,cAAcA,QAAW,CAAA,WAAA;AAE1B,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBjD,KAAO,EAAA;AACT,CAAC;;;;"}

package/dist/{Avatar-C7cbRTCt-DCvzmr2C.js → Avatar-D07f9NH_.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, Children, isValidElement, cloneElement, useRef, useState, useContext, useMemo, useEffect } from 'react';
+import { forwardRef, useRef, useState, useContext, useMemo, useEffect, Children, isValidElement, cloneElement } 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-BsKDHetF-B93X65F1.js';
-import { a as ThemeProviderContext } from './ThemeProvider-Q3ji6Rpx-DBXlAuQ8.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-DWACCL8v-CZNrcQT-.js';
+import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-BYKjkGRg.js';
+import { S as SrOnly } from './SrOnly-CTsYSuby.js';
+import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
+import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 
-import './Avatar-C7cbRTCt.css';function getInitial(name) {
+import './Avatar.css';function getInitial(name) {
   if (!name) return void 0;
   const nameArray = name.split(" ").filter(Boolean);
   if (nameArray.length > 1)
@@ -253,4 +253,4 @@ const Avatar = Object.assign(AvatarElement, {
 });
 
 export { AvatarGroup as A, Avatar as a };
-//# sourceMappingURL=Avatar-C7cbRTCt-DCvzmr2C.js.map
+//# sourceMappingURL=Avatar-D07f9NH_.js.map

package/dist/Avatar-D07f9NH_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-D07f9NH_.js","sources":["../src/internal/functions/getInitial.ts","../src/components/Avatar/internal/AvatarBase.tsx","../src/components/Avatar/AvatarGroup.tsx","../src/components/Avatar/internal/Avatar.tsx"],"sourcesContent":["/**\n * Extracts initials from a full name string.\n *\n * Features:\n * - Handles single names (returns first two characters)\n * - Handles multiple names (returns first and last name initials)\n * - Automatically capitalizes all initials\n * - Filters out empty strings and whitespace\n * - Handles edge cases like empty names and single characters\n * - Preserves proper capitalization rules\n * - Returns undefined for empty or falsy input\n *\n * @param name - The full name string to extract initials from\n * @returns The initials as a string, or undefined if name is empty\n */\nexport function getInitial(name: string) {\n  if (!name) return undefined;\n\n  const nameArray = name.split(\" \").filter(Boolean);\n\n  if (nameArray.length > 1)\n    return `${nameArray[0][0]?.toUpperCase()}${nameArray[\n      nameArray.length - 1\n    ][0].toUpperCase()}`;\n\n  if (nameArray[0][1]) {\n    return `${nameArray[0][0].toUpperCase()}${nameArray[0][1].toLowerCase()}`;\n  }\n  return `${nameArray[0][0].toUpperCase()}`;\n}\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useContext,\n  useRef,\n  useState,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport cx from \"classnames\";\nimport tinycolor from \"tinycolor2\";\n\nimport { LayoutUtilProps, Size } from \"../../../types\";\nimport { SrOnly } from \"../../SrOnly\";\nimport {\n  useAccessibleColor,\n  useMergeRefs,\n  usePrefersColorScheme,\n} from \"../../../hooks\";\n\nimport styles from \"./AvatarBase.module.scss\";\nimport { ThemeProviderContext } from \"../../../providers/ThemeProvider/internal/ThemeProviderContext\";\n\n/**\n * Props for the AvatarBase component\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type AvatarBaseProps = ComponentPropsWithoutRef<\"span\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * Full name\n     * @accessibility This is used for alt text and Screenreader\n     */\n    name: string;\n    /**\n     * Custom color of the AvatarBase\n     */\n    color?: string;\n    /**\n     * Image source to be used for AvatarBase\n     */\n    image?: string;\n    /**\n     * Initials to display if no image is provided\n     */\n    initials?: string;\n    /**\n     * @default medium\n     */\n    size?: Extract<Size, \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n    /**\n     * Online status of the AvatarBase\n     */\n    status?: \"online\" | \"offline\";\n  };\n\n/**\n * Base Avatar component that handles the core avatar functionality.\n *\n * Features:\n * - Renders user avatars with images or initials\n * - Supports custom colors with accessible contrast\n * - Shows online/offline status indicator\n * - Handles image loading errors gracefully\n * - Supports light and dark themes\n * - Fully accessible with screen reader support\n *\n * @example\n * <AvatarBase name=\"John Doe\" size=\"medium\" status=\"online\" />\n */\nexport const AvatarBase = forwardRef<HTMLSpanElement, AvatarBaseProps>(\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\n    const elRef = useRef<HTMLSpanElement>(null);\n    const imgRef = useRef<HTMLImageElement>(null);\n    const [hasImageErrored, setHasImageErrored] = useState(false);\n    const avatarBaseClassNames = cx(styles[\"avatar-base\"], className, {\n      [styles[`${size}`]]: size,\n    });\n    const onlineIndicatorClassNames = cx(styles[\"indicator\"], {\n      [styles[\"offline\"]]: !status || status === \"offline\",\n      [styles[\"online\"]]: status && status === \"online\",\n    });\n\n    const { mode: themeMode } = useContext(ThemeProviderContext);\n    const { mode: sysMode } = usePrefersColorScheme();\n    const mode = themeMode ?? sysMode;\n\n    const { foreground, background, border } = useAccessibleColor(color, mode);\n\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\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\n    const onlineIndicatorStyles = {\n      \"--int-border-color\": onlineIndicatorBorderColor,\n    } as React.CSSProperties;\n\n    const onlineString = status;\n    const srOnly = [name, onlineString].filter(Boolean).join(\" \");\n\n    // if the image prop updates, also reset the error state for the new image\n    useEffect(() => {\n      if (image) {\n        setHasImageErrored(false);\n      }\n    }, [image]);\n\n    // if the image is already complete on our first render (likely due to SSR),\n    // check the error state of the already complete 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    }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n    return (\n      <span\n        className={avatarBaseClassNames}\n        style={styleWithColor}\n        data-anv=\"avatarBase\"\n        {...rest}\n        ref={useMergeRefs([elRef, ref])}\n      >\n        {image && !hasImageErrored ? (\n          <img\n            className={styles[\"img\"]}\n            aria-hidden\n            src={image}\n            alt={name}\n            onError={() => setHasImageErrored(true)}\n            ref={imgRef}\n          />\n        ) : initials ? (\n          <span className={styles[\"initial\"]} aria-hidden>\n            {initials}\n          </span>\n        ) : (\n          <span aria-hidden>?</span>\n        )}\n\n        {status && (\n          <span\n            aria-hidden\n            className={onlineIndicatorClassNames}\n            style={onlineIndicatorStyles}\n          />\n        )}\n\n        <SrOnly>{srOnly}</SrOnly>\n      </span>\n    );\n  },\n);\n\nAvatarBase.displayName = \"AvatarBase\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  Children,\n  isValidElement,\n  cloneElement,\n  CSSProperties,\n  ReactElement,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport avatarBaseStyles from \"./internal/AvatarBase.module.scss\";\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { AvatarBase } from \"./internal/AvatarBase\";\n\n/**\n * Props for the AvatarGroup component\n * @property {number} [max] - Maximum number of avatars to display before truncating\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"span\">\n */\nexport type AvatarGroupProps = LayoutUtilProps &\n  ComponentPropsWithoutRef<\"span\"> & {\n    /**\n     * Max child to show before truncating\n     */\n    max?: number;\n  };\n\n/**\n * AvatarGroup component for displaying multiple avatars in a group.\n *\n * Features:\n * - Displays multiple avatars in a stacked layout\n * - Handles overflow with a count indicator\n * - Maintains consistent sizing across all avatars\n * - Supports custom styling and layout\n * - Automatically adjusts z-index for proper stacking\n * - Fully accessible with screen reader support\n *\n * @example\n * <Avatar.Group max={3}>\n *   <Avatar name=\"John Doe\" />\n *   <Avatar name=\"Jane Smith\" />\n *   <Avatar name=\"Bob Johnson\" />\n *   <Avatar name=\"Alice Brown\" />\n * </Avatar.Group>\n */\nexport const AvatarGroup = forwardRef<HTMLSpanElement, AvatarGroupProps>(\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 =\n      (isValidElement(childrenArr[0]) && childrenArr[0].props.size) ?? \"medium\";\n    const isOverflowing = max ? max < childrenArr.length : false;\n\n    const overflowCount = max && childrenArr.length - max;\n\n    const avatarGroupClassNames = cx(styles[\"avatar-group\"], className, {\n      [styles[`${inferredSize}`]]: inferredSize,\n    });\n\n    const avatarBaseOverflowClassNames = cx(\n      avatarBaseStyles[\"avatar-base-overflow\"],\n      {\n        [avatarBaseStyles[\"overflow-ten-plus\"]]:\n          overflowCount && overflowCount > 9,\n      },\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n    return (\n      <span\n        ref={ref}\n        className={avatarGroupClassNames}\n        style={styleCombined}\n        data-anv=\"avatar-group\"\n        {...rest}\n      >\n        {childrenArr.map((child, i) => {\n          let childEl = child;\n          if (isValidElement(child)) {\n            const nIndex = childrenArr.length - i;\n            const nStyle: CSSProperties = {\n              ...child.props.style,\n              zIndex: nIndex,\n            };\n            childEl = cloneElement(child as ReactElement, {\n              style: nStyle,\n            });\n          }\n\n          if (!max) return childEl;\n          if (i < max) return childEl;\n          return null;\n        })}\n        {isOverflowing && max && (\n          <AvatarBase\n            className={avatarBaseOverflowClassNames}\n            name={`+${overflowCount}`}\n            initials={`+${overflowCount}`}\n            size={inferredSize}\n          />\n        )}\n      </span>\n    );\n  },\n);\n\nAvatarGroup.displayName = \"AvatarGroup\";\n","import { ComponentPropsWithoutRef, forwardRef, useMemo } from \"react\";\nimport { AvatarGroup } from \"../AvatarGroup\";\nimport { LayoutUtilProps } from \"../../../types\";\nimport { getInitial } from \"../../../internal/functions\";\n\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { AvatarBase, AvatarBaseProps } from \"./AvatarBase\";\n\n/**\n * Props for the Avatar component\n * @property {string} name - Full name of the user. Used for alt text and screen reader announcements\n * @property {string} [color] - Custom color of the avatar. Should maintain sufficient contrast ratio for accessibility\n * @property {string} [image] - Image source to be used for avatar. Falls back to initials if image fails to load\n * @property {Extract<Size, \"small\" | \"medium\" | \"large\">} [size] - Size of the Avatar\n * @property {\"online\" | \"offline\"} [status] - Online status of the Avatar\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends Omit<AvatarBaseProps, \"initials\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type AvatarProps = ComponentPropsWithoutRef<\"span\"> &\n  Omit<AvatarBaseProps, \"initials\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">;\n\nconst AvatarElement = forwardRef<HTMLSpanElement, AvatarProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { name, style, ...rest } = componentProps;\n\n  const styleWithLayout = useMemo(() => {\n    return {\n      ...layoutStyles,\n      ...style,\n    };\n  }, [layoutStyles, style]);\n\n  const initials = getInitial(name);\n\n  return (\n    <AvatarBase\n      style={styleWithLayout}\n      data-anv=\"avatar\"\n      name={name}\n      ref={ref}\n      initials={rest.size === \"small\" ? initials?.[0] : initials}\n      {...rest}\n    />\n  );\n});\n\nAvatarElement.displayName = \"Avatar\";\n\n/**\n * Avatar component for displaying user avatars with initials or images.\n *\n * Features:\n * - Displays user initials when no image is provided\n * - Supports custom colors and sizes\n * - Shows online/offline status\n * - Fully accessible with screen reader support\n * - Automatic image fallback handling\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <Avatar\n *   name=\"John Doe\"\n *   image=\"https://example.com/avatar.jpg\"\n *   size=\"medium\"\n *   status=\"online\"\n * />\n */\nexport const Avatar = Object.assign(AvatarElement, {\n  /**\n   * AvatarGroup component for displaying multiple avatars in a group.\n   *\n   * Features:\n   * - Displays multiple avatars in a stacked layout\n   * - Handles overflow with a count indicator\n   * - Maintains consistent sizing across all avatars\n   * - Supports custom styling and layout\n   * - Automatically adjusts z-index for proper stacking\n   * - Fully accessible with screen reader support\n   *\n   * @example\n   * <Avatar.Group max={3}>\n   *   <Avatar name=\"John Doe\" />\n   *   <Avatar name=\"Jane Smith\" />\n   *   <Avatar name=\"Bob Johnson\" />\n   *   <Avatar name=\"Alice Brown\" />\n   * </Avatar.Group>\n   */\n  Group: AvatarGroup,\n});\n"],"names":["styles"],"mappings":"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"}

package/dist/{Avatar-C7cbRTCt.css → Avatar.css}

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._avatar-group_1gdlr_2 {
     all: unset;

package/dist/Avatar.js

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

package/dist/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/{Badge-7aZfE-LH.js → Badge-DCA9mfc2.js}

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { S as SrOnly } from './SrOnly-CTsYSuby.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 
 import './Badge.css';const badge = "_badge_1rwnm_2";
 const empty = "_empty_1rwnm_43";
@@ -11,7 +11,7 @@ const styles = {
 	empty: empty
 };
 
-const Badge$1 = forwardRef((props, ref) => {
+const Badge = forwardRef((props, ref) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
   const {
     offset,
@@ -47,14 +47,7 @@ const Badge$1 = forwardRef((props, ref) => {
     }
   );
 });
-Badge$1.displayName = "Badge";
-
-const Badge = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(Badge$1, { ref, ...props });
-  }
-);
-Badge.displayName = Badge$1.displayName;
+Badge.displayName = "Badge";
 
 export { Badge as B };
-//# sourceMappingURL=Badge-7aZfE-LH.js.map
+//# sourceMappingURL=Badge-DCA9mfc2.js.map

package/dist/Badge-DCA9mfc2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-DCA9mfc2.js","sources":["../src/components/Badge/Badge.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Badge.module.scss\";\nimport { SrOnly } from \"../SrOnly\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../types\";\n\n/**\n * Props for the Badge component\n * @extends ComponentPropsWithoutRef<\"sup\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type BadgeProps = ComponentPropsWithoutRef<\"sup\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * Optional offset configuration for badge positioning\n     */\n    offset?: {\n      /**\n       * Horizontal offset from the default position\n       * @default \"0px\"\n       */\n      x?: string;\n      /**\n       * Vertical offset from the default position\n       * @default \"0px\"\n       */\n      y?: string;\n    };\n  };\n\n/**\n * Badge component for displaying small status indicators or counts.\n *\n * Features:\n * - Positioned as a superscript element\n * - Customizable offset positioning\n * - Screen reader support with aria-label\n * - Empty state styling when no content\n * - Supports layout utilities for positioning\n * - Accessible with proper ARIA roles\n *\n * @example\n * <Button>\n *   Notifications\n *   <Badge aria-label=\"3 new messages\">3</Badge>\n * </Button>\n */\nexport const Badge = forwardRef<HTMLScriptElement, BadgeProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    offset,\n    children,\n    style,\n    className,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = componentProps;\n  const classNames = cx(styles[\"badge\"], className, {\n    [styles.empty]: !children,\n  });\n  const offsetX = offset?.x ?? `0px`;\n  const offsetY = offset?.y ?? `0px`;\n  const iStyle = {\n    ...style,\n    ...layoutStyles,\n    \"--offsetY\": offsetY,\n    \"--offsetX\": offsetX,\n  };\n\n  return (\n    <sup\n      className={classNames}\n      style={iStyle}\n      data-anv=\"badge\"\n      {...rest}\n      ref={ref}\n    >\n      <SrOnly>{ariaLabel}</SrOnly>\n      {children}\n    </sup>\n  );\n});\nBadge.displayName = \"Badge\";\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgDO,MAAM,KAAQ,GAAA,UAAA,CAA0C,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC7E,EAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAc,EAAA,SAAA;AAAA,IACd,GAAG;AAAA,GACD,GAAA,cAAA;AACJ,EAAA,MAAM,UAAa,GAAA,EAAA,CAAG,MAAO,CAAA,OAAO,GAAG,SAAW,EAAA;AAAA,IAChD,CAAC,MAAA,CAAO,KAAK,GAAG,CAAC;AAAA,GAClB,CAAA;AACD,EAAM,MAAA,OAAA,GAAU,QAAQ,CAAK,IAAA,CAAA,GAAA,CAAA;AAC7B,EAAM,MAAA,OAAA,GAAU,QAAQ,CAAK,IAAA,CAAA,GAAA,CAAA;AAC7B,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,GAAG,KAAA;AAAA,IACH,GAAG,YAAA;AAAA,IACH,WAAa,EAAA,OAAA;AAAA,IACb,WAAa,EAAA;AAAA,GACf;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,UAAA;AAAA,MACX,KAAO,EAAA,MAAA;AAAA,MACP,UAAS,EAAA,OAAA;AAAA,MACR,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAQ,QAAU,EAAA,SAAA,EAAA,CAAA;AAAA,QAClB;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;AACD,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/dist/Badge.css

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._badge_1rwnm_2 {
     all: unset;

package/dist/Badge.js

@@ -1,2 +1,2 @@
-export { B as Badge, B as default } from './Badge-7aZfE-LH.js';
+export { B as Badge, B as default } from './Badge-DCA9mfc2.js';
 //# sourceMappingURL=Badge.js.map