@servicetitan/anvil2 3.0.0 → 3.0.2

package/dist/AiMark.css

@@ -1,4 +1,4 @@
-.anvil2{@layer starter, reset, base, state, application;._field-label-button_3o0jn_1 {
+.anvil2 {._field-label-button_3o0jn_1 {
   --a2-internal-field-label-button-inner-background-color: var(
     --a2-mod-field-label-button-inner-background-color
   );
@@ -74,7 +74,7 @@
   height: var(--a2-inline-field-label-button-inner, var(--a2-size-6, 1.5rem));
   width: var(--a2-inline-field-label-button-inner, var(--a2-size-6, 1.5rem));
 }
-}.anvil2{@layer starter, reset, base, state, application;._content_4yxbk_1 {
+}.anvil2 {._content_4yxbk_1 {
   --a2-mod-popover-background-color: var(--a2-popover-content-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
   --a2-mod-popover-border-color: var(--a2-popover-content-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
   --a2-mod-popover-bridge-size: var(--a2-size-2, 0.5rem);
@@ -160,7 +160,7 @@
   stroke-linejoin: round;
   stroke-width: var(--a2-size-quarter, 0.0625rem);
 }
-}.anvil2{@layer starter, reset, base, state, application;._tooltip-trigger_ybaru_1 {
+}.anvil2 {._tooltip-trigger_ybaru_1 {
   display: contents !important;
 }._container_ybaru_5 {
   --a2-mod-aimark-button-svg-font-size: var(--a2-size-4, 1rem);

package/dist/AiMark.js

@@ -1,2 +1,2 @@
-export { A as AiMark } from './AiMark-B1-M3ZgP.js';
+export { A as AiMark } from './AiMark-DiMotaq3.js';
 //# sourceMappingURL=AiMark.js.map

package/dist/{Alert-DmbqtMg_.js → Alert-DhhVURcl.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { B as Button } from './Button-Bnt8XUI7.js';
-import { T as Text } from './Text-J5YtSSXY.js';
+import { T as Text } from './Text-C0F8AkvH.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { S as StatusIcon } from './StatusIcon-BwULopyH.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
@@ -113,4 +113,4 @@ const Alert = forwardRef(
 Alert.displayName = "Alert";
 
 export { Alert as A };
-//# sourceMappingURL=Alert-DmbqtMg_.js.map
+//# sourceMappingURL=Alert-DhhVURcl.js.map

package/dist/{Alert-DmbqtMg_.js.map → Alert-DhhVURcl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Alert-DmbqtMg_.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} from \"../../types\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Button from \"../Button\";\nimport { Text } from \"../Text\";\nimport { AiMarkWithTooltipOrPopoverConfig } from \"../../types/ai-marks\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Alert.module.scss\";\nimport {\n  StatusIcon,\n  StatusIconVariant,\n} from \"../../internal/components/StatusIcon/StatusIcon\";\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     * When set, displays the AI mark inline after the title.\n     * Use `true` for the sparkle only, or pass tooltip/popover configuration.\n     */\n    aiMark?: boolean | AiMarkWithTooltipOrPopoverConfig;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\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 * - Optional AI mark inline after the title\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      aiMark,\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            <StatusIcon\n              className={styles[\"status-icon\"]}\n              size=\"small\"\n              variant={\n                status === \"danger\" ? \"error\" : (status as StatusIconVariant)\n              }\n            />\n            <Text\n              variant=\"headline\"\n              el=\"h6\"\n              size=\"small\"\n              className={styles[\"title\"]}\n              aiMark={aiMark || undefined}\n            >\n              {title}\n            </Text>\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":["Close"],"mappings":"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"}
+{"version":3,"file":"Alert-DhhVURcl.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} from \"../../types\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Button from \"../Button\";\nimport { Text } from \"../Text\";\nimport { AiMarkWithTooltipOrPopoverConfig } from \"../../types/ai-marks\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Alert.module.scss\";\nimport {\n  StatusIcon,\n  StatusIconVariant,\n} from \"../../internal/components/StatusIcon/StatusIcon\";\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     * When set, displays the AI mark inline after the title.\n     * Use `true` for the sparkle only, or pass tooltip/popover configuration.\n     */\n    aiMark?: boolean | AiMarkWithTooltipOrPopoverConfig;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\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 * - Optional AI mark inline after the title\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      aiMark,\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            <StatusIcon\n              className={styles[\"status-icon\"]}\n              size=\"small\"\n              variant={\n                status === \"danger\" ? \"error\" : (status as StatusIconVariant)\n              }\n            />\n            <Text\n              variant=\"headline\"\n              el=\"h6\"\n              size=\"small\"\n              className={styles[\"title\"]}\n              aiMark={aiMark || undefined}\n            >\n              {title}\n            </Text>\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":["Close"],"mappings":"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"}

package/dist/Alert.css

@@ -1,4 +1,4 @@
-.anvil2{@layer starter, reset, base, state, application;._alert_17r5n_1 {
+.anvil2 {._alert_17r5n_1 {
   --a2-mod-alert-background-color: var(--a2-alert-info-background-color, var(--a2-background-color-primary-faint, light-dark(var(--a2-color-blue-10, #fafcff), var(--a2-color-blue-950, #000b19))));
   --a2-mod-alert-border-color: var(--a2-alert-info-border-color, var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff))));
   --a2-mod-alert-icon-color: var(--a2-alert-info-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));

package/dist/Alert.js

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

package/dist/Announcement.css

@@ -1,4 +1,4 @@
-.anvil2{@layer starter, reset, base, state, application;._announcement_kpf9b_1 {
+.anvil2 {._announcement_kpf9b_1 {
   --a2-internal-announcement-button-color: var(
     --a2-mod-announcement-button-color
   );

package/dist/AnvilProvider.css

@@ -1,5 +1,4 @@
-@import 'https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i,800,800i';@layer starter, reset, base, state, application;
-
+@import 'https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i,800,800i';
 @font-face {
   font-family: "Sofia Pro";
   font-style: normal;

package/dist/{Avatar-NbFc4Ovc.js → Avatar-BmNcLUg-.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { a as Avatar$1, A as AvatarGroup } from './Avatar-B4hRHku9.js';
+import { a as Avatar$1, A as AvatarGroup } from './Avatar-Cw8B8xZV.js';
 import { forwardRef } from 'react';
 
 const Avatar = Object.assign(
@@ -32,4 +32,4 @@ const Avatar = Object.assign(
 Avatar.displayName = Avatar$1.displayName;
 
 export { Avatar as A };
-//# sourceMappingURL=Avatar-NbFc4Ovc.js.map
+//# sourceMappingURL=Avatar-BmNcLUg-.js.map

package/dist/{Avatar-NbFc4Ovc.js.map → Avatar-BmNcLUg-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Avatar-NbFc4Ovc.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  Avatar as CoreAvatar,\n  AvatarProps as CoreAvatarProps,\n} from \"./internal/Avatar\";\nimport { 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 */\nexport const Avatar = Object.assign(\n  forwardRef<HTMLSpanElement, AvatarProps>(function AvatarInner(props, ref) {\n    return <CoreAvatar ref={ref} {...props} />;\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     */\n    Group: AvatarGroup,\n  },\n);\nAvatar.displayName = CoreAvatar.displayName;\n"],"names":["CoreAvatar"],"mappings":";;;;AAsCO,MAAM,SAAS,MAAA,CAAO,MAAA;AAAA,EAC3B,UAAA,CAAyC,SAAS,WAAA,CAAY,KAAA,EAAO,GAAA,EAAK;AACxE,IAAA,uBAAO,GAAA,CAACA,QAAA,EAAA,EAAW,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAC1C,CAAC,CAAA;AAAA,EACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoBE,KAAA,EAAO;AAAA;AAEX;AACA,MAAA,CAAO,cAAcA,QAAA,CAAW,WAAA;;;;"}
+{"version":3,"file":"Avatar-BmNcLUg-.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  Avatar as CoreAvatar,\n  AvatarProps as CoreAvatarProps,\n} from \"./internal/Avatar\";\nimport { 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 */\nexport const Avatar = Object.assign(\n  forwardRef<HTMLSpanElement, AvatarProps>(function AvatarInner(props, ref) {\n    return <CoreAvatar ref={ref} {...props} />;\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     */\n    Group: AvatarGroup,\n  },\n);\nAvatar.displayName = CoreAvatar.displayName;\n"],"names":["CoreAvatar"],"mappings":";;;;AAsCO,MAAM,SAAS,MAAA,CAAO,MAAA;AAAA,EAC3B,UAAA,CAAyC,SAAS,WAAA,CAAY,KAAA,EAAO,GAAA,EAAK;AACxE,IAAA,uBAAO,GAAA,CAACA,QAAA,EAAA,EAAW,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAC1C,CAAC,CAAA;AAAA,EACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoBE,KAAA,EAAO;AAAA;AAEX;AACA,MAAA,CAAO,cAAcA,QAAA,CAAW,WAAA;;;;"}

package/dist/{Avatar-B4hRHku9.js → Avatar-Cw8B8xZV.js}

@@ -67,7 +67,7 @@ const AvatarBase = forwardRef(
     const imgRef = useRef(null);
     const [hasImageErrored, setHasImageErrored] = useState(false);
     const avatarBaseClassNames = cx(avatarBaseStyles["avatar-base"], className, {
-      [avatarBaseStyles[`${size}`]]: size
+      [avatarBaseStyles[`${size}`]]: size && size !== "medium"
     });
     const onlineIndicatorClassNames = cx(avatarBaseStyles["indicator"], {
       [avatarBaseStyles["offline"]]: !status || status === "offline",
@@ -255,4 +255,4 @@ const Avatar = Object.assign(
 Avatar.displayName = "Avatar";
 
 export { AvatarGroup as A, Avatar as a };
-//# sourceMappingURL=Avatar-B4hRHku9.js.map
+//# sourceMappingURL=Avatar-Cw8B8xZV.js.map

package/dist/Avatar-Cw8B8xZV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-Cw8B8xZV.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 && size !== \"medium\",\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      \"--a2-inline-avatar-background-color\": color && background,\n      \"--a2-inline-avatar-font-color\": color && foreground,\n      \"--a2-inline-avatar-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(--a2-background-color-default)\";\n    }, [color, mode, background]);\n\n    const onlineIndicatorStyles = {\n      \"--a2-inline-avatar-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\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(\n  forwardRef<HTMLSpanElement, AvatarProps>(function AvatarInner(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  {\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);\nAvatar.displayName = \"Avatar\";\n"],"names":["styles"],"mappings":"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"}

package/dist/Avatar.css

@@ -1,4 +1,4 @@
-.anvil2{@layer starter, reset, base, state, application;._avatar-group_1faog_1 {
+.anvil2 {._avatar-group_1faog_1 {
   --a2-mod-avatar-group-margin-inline-start: calc(var(--a2-size-2, 0.5rem) * -1);
   --a2-mod-avatar-group-padding-inline-start: var(--a2-size-4, 1rem);
   all: unset;
@@ -27,7 +27,7 @@
   --a2-mod-avatar-group-margin-inline-start: calc(var(--a2-size-3, 0.75rem) * -1);
   --a2-mod-avatar-group-padding-inline-start: var(--a2-size-3, 0.75rem);
 }
-}.anvil2{@layer starter, reset, base, state, application;._avatar-base_bvbpu_1 {
+}.anvil2 {._avatar-base_bvbpu_1 {
   --a2-mod-avatar-font-size: var(--a2-font-size-200, 0.75rem);
   --a2-mod-avatar-font-size-10-plus-overflow: var(--a2-font-size-100, 0.625rem);
   --a2-mod-avatar-indicator-bg-color: var(--a2-avatar-indicator-background-color-default, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));

package/dist/Avatar.js

@@ -1,3 +1,3 @@
-export { A as Avatar, A as default } from './Avatar-NbFc4Ovc.js';
-export { A as AvatarGroup } from './Avatar-B4hRHku9.js';
+export { A as Avatar, A as default } from './Avatar-BmNcLUg-.js';
+export { A as AvatarGroup } from './Avatar-Cw8B8xZV.js';
 //# sourceMappingURL=Avatar.js.map

package/dist/Badge.css

@@ -1,4 +1,4 @@
-.anvil2{@layer starter, reset, base, state, application;._badge_n9xub_1 {
+.anvil2 {._badge_n9xub_1 {
   --a2-mod-badge-background-color: var(--a2-badge-background-color, var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
   --a2-mod-badge-foreground-color: var(--a2-badge-foreground-color, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
   --a2-mod-badge-min-size: var(--a2-size-5, 1.25rem);

package/dist/{Breadcrumbs-CYmciJ1D.js → Breadcrumbs-vvKOtFwN.js}

@@ -4,7 +4,7 @@ import { forwardRef, Children, cloneElement } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { L as Link } from './Link-BUgivkGS.js';
-import { T as Text } from './Text-J5YtSSXY.js';
+import { T as Text } from './Text-C0F8AkvH.js';
 import { I as Icon } from './Icon-BMMbp40n.js';
 
 import './Breadcrumbs.css';const SvgChevronRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }));
@@ -104,4 +104,4 @@ const Breadcrumbs = Object.assign(
 Breadcrumbs.displayName = "Breadcrumbs";
 
 export { Breadcrumbs as B };
-//# sourceMappingURL=Breadcrumbs-CYmciJ1D.js.map
+//# sourceMappingURL=Breadcrumbs-vvKOtFwN.js.map

package/dist/{Breadcrumbs-CYmciJ1D.js.map → Breadcrumbs-vvKOtFwN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs-CYmciJ1D.js","sources":["../../hammer-icon/mdi/filled/chevron_right.svg","../src/components/Breadcrumbs/BreadcrumbsLink.tsx","../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" }));\nexport default SvgChevronRight;\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Link, Text } from \"../\";\n\nimport styles from \"./Breadcrumbs.module.scss\";\n\n/**\n * Props for the BreadcrumbsLink component\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsLinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps;\n\n/**\n * BreadcrumbsLink component for individual breadcrumb navigation items.\n *\n * Features:\n * - Renders as a clickable link with secondary appearance\n * - Supports all standard anchor element props\n * - Includes layout utilities for positioning and spacing\n * - Uses small text size for consistent styling\n * - Fully accessible with proper focus management\n * - Automatically applies secondary link styling\n *\n * @example\n * <BreadcrumbsLink href=\"/dashboard\">Dashboard</BreadcrumbsLink>\n */\nexport const BreadcrumbsLink = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbsLinkProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { children, className, style, ...rest } = componentProps;\n\n  const classes = cx([styles[\"breadcrumbs-link\"]], className, {});\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <Link\n      tabIndex={0}\n      data-anv=\"breadcrumbs-link\"\n      style={styleCombined}\n      appearance=\"secondary\"\n      className={classes}\n      {...rest}\n      ref={ref}\n    >\n      <Text size=\"small\" inline>\n        {children}\n      </Text>\n    </Link>\n  );\n});\n\nBreadcrumbsLink.displayName = \"BreadcrumbsLink\";\n","import {\n  Children,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport ChevronRight from \"@servicetitan/hammer-icon/mdi/filled/chevron_right.svg\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Icon, Text } from \"../\";\n\nimport styles from \"./Breadcrumbs.module.scss\";\nimport { BreadcrumbsLink, BreadcrumbsLinkProps } from \"./BreadcrumbsLink\";\n\n/**\n * Props for the Breadcrumbs component\n * @extends ComponentPropsWithoutRef<\"nav\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsProps = ComponentPropsWithoutRef<\"nav\"> &\n  LayoutUtilProps & {\n    /**\n     * Breadcrumb links to display. The last child will be rendered as non-clickable text.\n     */\n    children:\n      | ReactElement<BreadcrumbsLinkProps>\n      | ReactElement<BreadcrumbsLinkProps>[];\n  };\n\n/**\n * Breadcrumbs component for displaying navigation hierarchy.\n *\n * Features:\n * - Displays a series of navigation links with chevron separators\n * - Automatically renders the last item as non-clickable text\n * - Includes proper ARIA labeling for accessibility\n * - Supports layout utilities for positioning and spacing\n * - Uses chevron icons as visual separators between links\n * - Responsive design with flexbox layout\n *\n * @example\n * <Breadcrumbs>\n *   <Breadcrumbs.Link href=\"/home\">Home</Breadcrumbs.Link>\n *   <Breadcrumbs.Link href=\"/products\">Products</Breadcrumbs.Link>\n *   <Breadcrumbs.Link href=\"/electronics\">Electronics</Breadcrumbs.Link>\n * </Breadcrumbs>\n */\nexport const Breadcrumbs = Object.assign(\n  forwardRef<HTMLElement, BreadcrumbsProps>(\n    function BreadcrumbsInner(props, ref) {\n      const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n      const { children, className, style, ...rest } = componentProps;\n\n      const classes = cx([styles[\"breadcrumbs\"]], className, {});\n\n      const styleCombined = {\n        ...style,\n        ...layoutStyles,\n      };\n\n      const linkCount = Children.count(children);\n\n      return (\n        <nav\n          data-anv=\"breadcrumbs\"\n          style={styleCombined}\n          className={classes}\n          aria-label=\"Breadcrumb\"\n          {...rest}\n          ref={ref}\n        >\n          {Children.map(children, (link, i) => {\n            if (i + 1 === linkCount) {\n              return (\n                <Text\n                  inline\n                  size=\"small\"\n                  style={{\n                    fontWeight: \"bold\",\n                  }}\n                >\n                  {link.props.children}\n                </Text>\n              );\n            } else {\n              return (\n                <>\n                  {cloneElement(link as ReactElement)}\n                  <Icon svg={ChevronRight} aria-hidden=\"true\" />\n                </>\n              );\n            }\n          })}\n        </nav>\n      );\n    },\n  ),\n  {\n    /**\n     * BreadcrumbsLink component for individual breadcrumb navigation items.\n     *\n     * Features:\n     * - Renders as a clickable link with secondary appearance\n     * - Supports all standard anchor element props\n     * - Includes layout utilities for positioning and spacing\n     * - Uses small text size for consistent styling\n     * - Fully accessible with proper focus management\n     * - Automatically applies secondary link styling\n     *\n     * @example\n     * <Breadcrumbs.Link href=\"/dashboard\">Dashboard</Breadcrumbs.Link>\n     */\n    Link: BreadcrumbsLink,\n  },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"names":["ChevronRight"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs-vvKOtFwN.js","sources":["../../hammer-icon/mdi/filled/chevron_right.svg","../src/components/Breadcrumbs/BreadcrumbsLink.tsx","../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" }));\nexport default SvgChevronRight;\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Link, Text } from \"../\";\n\nimport styles from \"./Breadcrumbs.module.scss\";\n\n/**\n * Props for the BreadcrumbsLink component\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsLinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps;\n\n/**\n * BreadcrumbsLink component for individual breadcrumb navigation items.\n *\n * Features:\n * - Renders as a clickable link with secondary appearance\n * - Supports all standard anchor element props\n * - Includes layout utilities for positioning and spacing\n * - Uses small text size for consistent styling\n * - Fully accessible with proper focus management\n * - Automatically applies secondary link styling\n *\n * @example\n * <BreadcrumbsLink href=\"/dashboard\">Dashboard</BreadcrumbsLink>\n */\nexport const BreadcrumbsLink = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbsLinkProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { children, className, style, ...rest } = componentProps;\n\n  const classes = cx([styles[\"breadcrumbs-link\"]], className, {});\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <Link\n      tabIndex={0}\n      data-anv=\"breadcrumbs-link\"\n      style={styleCombined}\n      appearance=\"secondary\"\n      className={classes}\n      {...rest}\n      ref={ref}\n    >\n      <Text size=\"small\" inline>\n        {children}\n      </Text>\n    </Link>\n  );\n});\n\nBreadcrumbsLink.displayName = \"BreadcrumbsLink\";\n","import {\n  Children,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport ChevronRight from \"@servicetitan/hammer-icon/mdi/filled/chevron_right.svg\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Icon, Text } from \"../\";\n\nimport styles from \"./Breadcrumbs.module.scss\";\nimport { BreadcrumbsLink, BreadcrumbsLinkProps } from \"./BreadcrumbsLink\";\n\n/**\n * Props for the Breadcrumbs component\n * @extends ComponentPropsWithoutRef<\"nav\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsProps = ComponentPropsWithoutRef<\"nav\"> &\n  LayoutUtilProps & {\n    /**\n     * Breadcrumb links to display. The last child will be rendered as non-clickable text.\n     */\n    children:\n      | ReactElement<BreadcrumbsLinkProps>\n      | ReactElement<BreadcrumbsLinkProps>[];\n  };\n\n/**\n * Breadcrumbs component for displaying navigation hierarchy.\n *\n * Features:\n * - Displays a series of navigation links with chevron separators\n * - Automatically renders the last item as non-clickable text\n * - Includes proper ARIA labeling for accessibility\n * - Supports layout utilities for positioning and spacing\n * - Uses chevron icons as visual separators between links\n * - Responsive design with flexbox layout\n *\n * @example\n * <Breadcrumbs>\n *   <Breadcrumbs.Link href=\"/home\">Home</Breadcrumbs.Link>\n *   <Breadcrumbs.Link href=\"/products\">Products</Breadcrumbs.Link>\n *   <Breadcrumbs.Link href=\"/electronics\">Electronics</Breadcrumbs.Link>\n * </Breadcrumbs>\n */\nexport const Breadcrumbs = Object.assign(\n  forwardRef<HTMLElement, BreadcrumbsProps>(\n    function BreadcrumbsInner(props, ref) {\n      const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n      const { children, className, style, ...rest } = componentProps;\n\n      const classes = cx([styles[\"breadcrumbs\"]], className, {});\n\n      const styleCombined = {\n        ...style,\n        ...layoutStyles,\n      };\n\n      const linkCount = Children.count(children);\n\n      return (\n        <nav\n          data-anv=\"breadcrumbs\"\n          style={styleCombined}\n          className={classes}\n          aria-label=\"Breadcrumb\"\n          {...rest}\n          ref={ref}\n        >\n          {Children.map(children, (link, i) => {\n            if (i + 1 === linkCount) {\n              return (\n                <Text\n                  inline\n                  size=\"small\"\n                  style={{\n                    fontWeight: \"bold\",\n                  }}\n                >\n                  {link.props.children}\n                </Text>\n              );\n            } else {\n              return (\n                <>\n                  {cloneElement(link as ReactElement)}\n                  <Icon svg={ChevronRight} aria-hidden=\"true\" />\n                </>\n              );\n            }\n          })}\n        </nav>\n      );\n    },\n  ),\n  {\n    /**\n     * BreadcrumbsLink component for individual breadcrumb navigation items.\n     *\n     * Features:\n     * - Renders as a clickable link with secondary appearance\n     * - Supports all standard anchor element props\n     * - Includes layout utilities for positioning and spacing\n     * - Uses small text size for consistent styling\n     * - Fully accessible with proper focus management\n     * - Automatically applies secondary link styling\n     *\n     * @example\n     * <Breadcrumbs.Link href=\"/dashboard\">Dashboard</Breadcrumbs.Link>\n     */\n    Link: BreadcrumbsLink,\n  },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"names":["ChevronRight"],"mappings":"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"}

package/dist/Breadcrumbs.css

@@ -1,4 +1,4 @@
-.anvil2{@layer starter, reset, base, state, application;._breadcrumbs_1dm38_1 {
+.anvil2 {._breadcrumbs_1dm38_1 {
   all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;

package/dist/Breadcrumbs.js

@@ -1,2 +1,2 @@
-export { B as Breadcrumbs, B as default } from './Breadcrumbs-CYmciJ1D.js';
+export { B as Breadcrumbs, B as default } from './Breadcrumbs-vvKOtFwN.js';
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/Button.css

@@ -1,4 +1,4 @@
-.anvil2{@layer starter, reset, base, state, application;._button_whupr_1 {
+.anvil2 {._button_whupr_1 {
   --a2-internal-button-background-color: var(--a2-mod-button-background-color);
   --a2-internal-button-foreground-color: var(--a2-mod-button-foreground-color);
   --a2-mod-button-background-color: var(--a2-button-secondary-background-color, var(--a2-background-color-secondary, light-dark(rgba(4, 4, 4, 0.0588235294), rgba(255, 255, 255, 0.0784313725))));

package/dist/ButtonCompound.css

@@ -1,4 +1,4 @@
-.anvil2{@layer starter, reset, base, state, application;._button-compound_de23z_1 {
+.anvil2 {._button-compound_de23z_1 {
   --a2-mod-button-compound-border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
   --a2-mod-button-background-color: transparent;
   --a2-mod-button-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(rgba(4, 4, 4, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));

package/dist/ButtonToggle.css

@@ -1,4 +1,4 @@
-.anvil2{@layer starter, reset, base, state, application;._button-toggle_i6zdh_1 {
+.anvil2 {._button-toggle_i6zdh_1 {
   --a2-internal-button-toggle-background-color: var(
     --a2-mod-button-toggle-unpressed-background-color
   );

package/dist/{Calendar-BAbAagIx.js → Calendar-BLvBN8Ou.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { C as CalendarBetaPropsContext, a as Calendar$1 } from './Calendar-CaCMa_jq.js';
+import { C as CalendarBetaPropsContext, a as Calendar$1 } from './Calendar-Dtn07sfJ.js';
 
 const Calendar = (props) => {
   const { dateMetadata, onMonthView, ...stableProps } = props;
@@ -7,4 +7,4 @@ const Calendar = (props) => {
 };
 
 export { Calendar as C };
-//# sourceMappingURL=Calendar-BAbAagIx.js.map
+//# sourceMappingURL=Calendar-BLvBN8Ou.js.map

package/dist/{Calendar-BAbAagIx.js.map → Calendar-BLvBN8Ou.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Calendar-BAbAagIx.js","sources":["../src/beta/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as StableCalendar,\n  CalendarProps as StableCalendarProps,\n} from \"../../../components\";\nimport { CalendarBetaPropsContext } from \"./CalendarBetaPropsContext\";\n\nexport interface CalendarBetaProps {\n  dateMetadata?: {\n    date: string;\n    context: string;\n  }[];\n  onMonthView?: ({ month, year }: { month: number; year: number }) => void;\n}\n\nexport const Calendar = (props: CalendarBetaProps & StableCalendarProps) => {\n  const { dateMetadata, onMonthView, ...stableProps } = props;\n  return (\n    <CalendarBetaPropsContext.Provider value={{ dateMetadata, onMonthView }}>\n      <StableCalendar {...stableProps} />\n    </CalendarBetaPropsContext.Provider>\n  );\n};\n"],"names":["StableCalendar"],"mappings":";;;AAcO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAmD;AAC1E,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAa,GAAG,aAAY,GAAI,KAAA;AACtD,EAAA,uBACE,GAAA,CAAC,wBAAA,CAAyB,QAAA,EAAzB,EAAkC,KAAA,EAAO,EAAE,YAAA,EAAc,WAAA,EAAY,EACpE,QAAA,kBAAA,GAAA,CAACA,UAAA,EAAA,EAAgB,GAAG,aAAa,CAAA,EACnC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Calendar-BLvBN8Ou.js","sources":["../src/beta/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as StableCalendar,\n  CalendarProps as StableCalendarProps,\n} from \"../../../components\";\nimport { CalendarBetaPropsContext } from \"./CalendarBetaPropsContext\";\n\nexport interface CalendarBetaProps {\n  dateMetadata?: {\n    date: string;\n    context: string;\n  }[];\n  onMonthView?: ({ month, year }: { month: number; year: number }) => void;\n}\n\nexport const Calendar = (props: CalendarBetaProps & StableCalendarProps) => {\n  const { dateMetadata, onMonthView, ...stableProps } = props;\n  return (\n    <CalendarBetaPropsContext.Provider value={{ dateMetadata, onMonthView }}>\n      <StableCalendar {...stableProps} />\n    </CalendarBetaPropsContext.Provider>\n  );\n};\n"],"names":["StableCalendar"],"mappings":";;;AAcO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAmD;AAC1E,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAa,GAAG,aAAY,GAAI,KAAA;AACtD,EAAA,uBACE,GAAA,CAAC,wBAAA,CAAyB,QAAA,EAAzB,EAAkC,KAAA,EAAO,EAAE,YAAA,EAAc,WAAA,EAAY,EACpE,QAAA,kBAAA,GAAA,CAACA,UAAA,EAAA,EAAgB,GAAG,aAAa,CAAA,EACnC,CAAA;AAEJ;;;;"}

package/dist/{Calendar-CaCMa_jq.js → Calendar-Dtn07sfJ.js}

@@ -9,7 +9,7 @@ import { c as cx } from './index-De1g9FRV.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
 import { G as Grid } from './Grid-B1VVssDD.js';
-import { S as SelectCard } from './SelectCard-CtXwY8FZ.js';
+import { S as SelectCard } from './SelectCard-E-13CjHS.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
@@ -1820,4 +1820,4 @@ const Calendar = Object.assign(
 Calendar.displayName = "Calendar";
 
 export { CalendarBetaPropsContext as C, Calendar as a, CalendarNow as b, CalendarYearButton as c, CalendarPrev as d, CalendarNext as e, CalendarMonthButton as f, CalendarMonth as g, useCalendarBetaProps as u };
-//# sourceMappingURL=Calendar-CaCMa_jq.js.map
+//# sourceMappingURL=Calendar-Dtn07sfJ.js.map