@servicetitan/anvil2 3.0.3 → 3.0.5

package/dist/AiMark.css

@@ -1,4 +1,4 @@
-.anvil2 {._field-label-button_3o0jn_1 {
+.anvil2 {._field-label-button_1jrqp_1 {
   --a2-internal-field-label-button-inner-background-color: var(
     --a2-mod-field-label-button-inner-background-color
   );
@@ -11,7 +11,6 @@
   --a2-mod-field-label-button-inner-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(rgba(4, 4, 4, 0.0784313725), rgba(255, 255, 255, 0.1215686275))));
   --a2-mod-field-label-button-outline-width: 0;
   --a2-mod-field-label-button-outline-width-focus: var(--a2-size-half, 0.125rem);
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -39,25 +38,25 @@
   padding: 0;
   transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
   width: var(--a2-size-7, 1.75rem);
-}._field-label-button_3o0jn_1:not(:disabled, [aria-disabled=true]):hover {
+}._field-label-button_1jrqp_1:not(:disabled, [aria-disabled=true]):hover {
   --a2-internal-field-label-button-inner-background-color: var(
     --a2-mod-field-label-button-inner-background-color-hover
   );
-}._field-label-button_3o0jn_1:not(:disabled, [aria-disabled=true]):focus-visible, ._field-label-button_3o0jn_1:not(:disabled, [aria-disabled=true]):focus {
+}._field-label-button_1jrqp_1:not(:disabled, [aria-disabled=true]):focus-visible, ._field-label-button_1jrqp_1:not(:disabled, [aria-disabled=true]):focus {
   --a2-internal-field-label-button-inner-background-color: var(
     --a2-mod-field-label-button-inner-background-color-hover
   );
   --a2-internal-field-label-button-outline-width: var(
     --a2-mod-field-label-button-outline-width-focus
   );
-}._field-label-button_3o0jn_1:not(:disabled, [aria-disabled=true]):active {
+}._field-label-button_1jrqp_1:not(:disabled, [aria-disabled=true]):active {
   --a2-internal-field-label-button-inner-background-color: var(
     --a2-mod-field-label-button-inner-background-color-active
   );
-}._field-label-button_3o0jn_1:disabled, ._field-label-button_3o0jn_1._disabled_3o0jn_61, ._field-label-button_3o0jn_1[aria-disabled=true] {
+}._field-label-button_1jrqp_1:disabled, ._field-label-button_1jrqp_1._disabled_1jrqp_60, ._field-label-button_1jrqp_1[aria-disabled=true] {
   --a2-mod-field-label-button-cursor: not-allowed;
   opacity: var(--a2-opacity-disabled, 0.6);
-}._field-label-button__inner_3o0jn_66 {
+}._field-label-button__inner_1jrqp_65 {
   align-items: center;
   background-color: var(--a2-internal-field-label-button-inner-background-color);
   border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
@@ -67,21 +66,20 @@
   pointer-events: none;
   transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
   width: var(--a2-size-6, 1.5rem);
-}._field-label-button_3o0jn_1._field-label-button-scaled_3o0jn_78 {
+}._field-label-button_1jrqp_1._field-label-button-scaled_1jrqp_77 {
   height: var(--a2-inline-field-label-button-outer, var(--a2-size-7, 1.75rem));
   width: var(--a2-inline-field-label-button-outer, var(--a2-size-7, 1.75rem));
-}._field-label-button_3o0jn_1._field-label-button-scaled_3o0jn_78 ._field-label-button__inner_3o0jn_66 {
+}._field-label-button_1jrqp_1._field-label-button-scaled_1jrqp_77 ._field-label-button__inner_1jrqp_65 {
   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 {._content_4yxbk_1 {
+}.anvil2 {._content_1nngh_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);
   --a2-mod-popover-content-opacity: 0;
   --a2-mod-popover-foreground-color: var(--a2-popover-content-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
   --a2-mod-popover-shadow-color: var(--a2-popover-content-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
@@ -99,76 +97,78 @@
   color: var(--a2-mod-popover-foreground-color);
   font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
   font-weight: var(--a2-font-weight-normal, 400);
+  inset: auto;
   max-width: calc(100% - 2 * var(--a2-size-3, 0.75rem));
   opacity: var(--a2-mod-popover-content-opacity);
+  overflow: visible;
   position: absolute !important;
   transition: opacity var(--a2-duration-fast, 100ms), width var(--a2-duration-fast, 100ms), height var(--a2-duration-fast, 100ms), overlay var(--a2-duration-fast, 100ms) allow-discrete, display var(--a2-duration-fast, 100ms) allow-discrete;
   white-space: pre-line;
   width: -moz-max-content;
   width: max-content;
-}._content_4yxbk_1:popover-open {
+}._content_1nngh_1:popover-open {
   --a2-mod-popover-content-opacity: 1;
 }@starting-style {
-  ._content_4yxbk_1:popover-open {
+  ._content_1nngh_1:popover-open {
     --a2-mod-popover-content-opacity: 0;
   }
-}._content_4yxbk_1[data-position]::before {
+}._content_1nngh_1[data-position]::before {
   background: transparent;
   content: "";
   pointer-events: auto;
   position: absolute;
-}._content_4yxbk_1[data-position=bottom]::before {
+}._content_1nngh_1[data-position=bottom]::before {
   height: var(--a2-mod-popover-bridge-size);
   bottom: 100%;
   left: 0;
   width: 100%;
-}._content_4yxbk_1[data-position=top]::before {
+}._content_1nngh_1[data-position=top]::before {
   height: var(--a2-mod-popover-bridge-size);
   left: 0;
   top: 100%;
   width: 100%;
-}._content_4yxbk_1[data-position=left]::before {
+}._content_1nngh_1[data-position=left]::before {
   height: 100%;
   left: 100%;
   top: 0;
   width: var(--a2-mod-popover-bridge-size);
-}._content_4yxbk_1[data-position=right]::before {
+}._content_1nngh_1[data-position=right]::before {
   height: 100%;
   right: 100%;
   top: 0;
   width: var(--a2-mod-popover-bridge-size);
-}._scroller_4yxbk_77 {
+}._scroller_1nngh_78 {
   box-sizing: border-box;
   height: inherit;
   max-height: inherit;
   min-height: inherit;
+  outline: none;
   overflow: auto;
   padding: var(--a2-size-4, 1rem);
-}._no-padding_4yxbk_86 ._scroller_4yxbk_77 {
+}._no-padding_1nngh_88 ._scroller_1nngh_78 {
   padding-block: 0;
   padding-inline: 0;
-}._arrow_4yxbk_91 {
+}._arrow_1nngh_93 {
   --a2-mod-popover-arrow-fill-color: var(--a2-popover-arrow-fill-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
   fill: var(--a2-mod-popover-arrow-fill-color);
   height: 0.875rem;
   position: absolute;
   width: 0.875rem;
-}._arrow_4yxbk_91 path {
+}._arrow_1nngh_93 path {
   --a2-mod-popover-arrow-stroke-color: var(--a2-popover-arrow-stroke-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
   stroke: var(--a2-mod-popover-arrow-stroke-color);
   stroke-dasharray: 0, 0.875rem, 0.8125rem;
   stroke-linejoin: round;
   stroke-width: var(--a2-size-quarter, 0.0625rem);
 }
-}.anvil2 {._tooltip-trigger_ybaru_1 {
+}.anvil2 {._tooltip-trigger_a3zbf_1 {
   display: contents !important;
-}._container_ybaru_5 {
+}._container_a3zbf_5 {
   --a2-mod-aimark-button-svg-font-size: var(--a2-size-4, 1rem);
   --a2-mod-aimark-padding-lg-block: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
   --a2-mod-aimark-padding-lg-inline: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
   --a2-mod-aimark-padding-sm-block: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
   --a2-mod-aimark-padding-sm-inline: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -184,67 +184,67 @@
   display: inline-flex;
   justify-content: center;
   position: relative;
-}._container_ybaru_5 ._button-wrapper_ybaru_29 {
+}._container_a3zbf_5 ._button-wrapper_a3zbf_28 {
   display: flex;
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
-}._container_ybaru_5 ._button-wrapper_ybaru_29 button svg {
+}._container_a3zbf_5 ._button-wrapper_a3zbf_28 button svg {
   font-size: var(--a2-mod-aimark-button-svg-font-size);
-}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41) {
+}._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40) {
   height: var(--a2-size-4, 1rem);
-}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41) {
+}._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40) {
   width: var(--a2-size-4, 1rem);
-}._container_ybaru_5._with-padding_ybaru_41 {
+}._container_a3zbf_5._with-padding_a3zbf_40 {
   border: 1px solid transparent;
   padding-block: var(--a2-mod-aimark-padding-sm-block);
   padding-inline: var(--a2-mod-aimark-padding-sm-inline);
-}._container_ybaru_5._with-padding_ybaru_41._collapse-block_ybaru_41 {
+}._container_a3zbf_5._with-padding_a3zbf_40._collapse-block_a3zbf_40 {
   padding-block: 0;
-}._container_ybaru_5._with-padding_ybaru_41._collapse-inline_ybaru_45 {
+}._container_a3zbf_5._with-padding_a3zbf_40._collapse-inline_a3zbf_44 {
   padding-inline: 0;
-}._container_ybaru_5._small_ybaru_63 {
+}._container_a3zbf_5._small_a3zbf_62 {
   --a2-mod-aimark-button-svg-font-size: var(--a2-size-3, 0.75rem);
   height: var(--a2-size-3, 0.75rem);
   width: var(--a2-size-3, 0.75rem);
-}._container_ybaru_5._medium_ybaru_69 {
+}._container_a3zbf_5._medium_a3zbf_68 {
   --a2-mod-aimark-button-svg-font-size: var(--a2-size-4, 1rem);
   height: var(--a2-size-4, 1rem);
   width: var(--a2-size-4, 1rem);
-}._container_ybaru_5._large_ybaru_75 {
+}._container_a3zbf_5._large_a3zbf_74 {
   --a2-mod-aimark-button-svg-font-size: var(--a2-size-6, 1.5rem);
   height: var(--a2-size-6, 1.5rem);
   width: var(--a2-size-6, 1.5rem);
-}._container_ybaru_5._xlarge_ybaru_81 {
+}._container_a3zbf_5._xlarge_a3zbf_80 {
   --a2-mod-aimark-button-svg-font-size: var(--a2-size-8, 2rem);
   height: var(--a2-size-8, 2rem);
   width: var(--a2-size-8, 2rem);
-}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41)._small_ybaru_63 {
+}._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40)._small_a3zbf_62 {
   height: var(--a2-size-3, 0.75rem);
-}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41)._medium_ybaru_69 {
+}._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40)._medium_a3zbf_68 {
   height: var(--a2-size-4, 1rem);
-}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41)._large_ybaru_75 {
+}._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40)._large_a3zbf_74 {
   height: var(--a2-size-6, 1.5rem);
-}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41)._xlarge_ybaru_81 {
+}._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40)._xlarge_a3zbf_80 {
   height: var(--a2-size-8, 2rem);
-}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41)._small_ybaru_63 {
+}._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40)._small_a3zbf_62 {
   width: var(--a2-size-3, 0.75rem);
-}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41)._medium_ybaru_69 {
+}._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40)._medium_a3zbf_68 {
   width: var(--a2-size-4, 1rem);
-}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41)._large_ybaru_75 {
+}._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40)._large_a3zbf_74 {
   width: var(--a2-size-6, 1.5rem);
-}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41)._xlarge_ybaru_81 {
+}._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40)._xlarge_a3zbf_80 {
   width: var(--a2-size-8, 2rem);
-}._container_ybaru_5._with-padding_ybaru_41._large_ybaru_75,
-._container_ybaru_5._with-padding_ybaru_41._xlarge_ybaru_81 {
+}._container_a3zbf_5._with-padding_a3zbf_40._large_a3zbf_74,
+._container_a3zbf_5._with-padding_a3zbf_40._xlarge_a3zbf_80 {
   padding-block: var(--a2-mod-aimark-padding-lg-block);
   padding-inline: var(--a2-mod-aimark-padding-lg-inline);
-}._container_ybaru_5._with-padding_ybaru_41._large_ybaru_75._collapse-block_ybaru_41,
-._container_ybaru_5._with-padding_ybaru_41._xlarge_ybaru_81._collapse-block_ybaru_41 {
+}._container_a3zbf_5._with-padding_a3zbf_40._large_a3zbf_74._collapse-block_a3zbf_40,
+._container_a3zbf_5._with-padding_a3zbf_40._xlarge_a3zbf_80._collapse-block_a3zbf_40 {
   padding-block: 0;
-}._container_ybaru_5._with-padding_ybaru_41._large_ybaru_75._collapse-inline_ybaru_45,
-._container_ybaru_5._with-padding_ybaru_41._xlarge_ybaru_81._collapse-inline_ybaru_45 {
+}._container_a3zbf_5._with-padding_a3zbf_40._large_a3zbf_74._collapse-inline_a3zbf_44,
+._container_a3zbf_5._with-padding_a3zbf_40._xlarge_a3zbf_80._collapse-inline_a3zbf_44 {
   padding-inline: 0;
 }
 }

package/dist/AiMark.d.ts

@@ -1,2 +1 @@
-export * from './components/AiMark/index'
 export {}

package/dist/AiMark.js

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

package/dist/Alert-BTesdKK7.js

@@ -0,0 +1,116 @@
+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-C_V2xQAs.js';
+import { T as Text } from './Text-BgPuOXJM.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';
+import { useTrackingId } from './useTrackingId.js';
+
+import './Alert.css';const alert = "_alert_dia2j_1";
+const top = "_top_dia2j_26";
+const title = "_title_dia2j_40";
+const content = "_content_dia2j_66";
+const success = "_success_dia2j_74";
+const warning = "_warning_dia2j_80";
+const danger = "_danger_dia2j_86";
+const styles = {
+	alert: alert,
+	top: top,
+	"status-icon": "_status-icon_dia2j_33",
+	"title-container": "_title-container_dia2j_40",
+	title: title,
+	"close-container": "_close-container_dia2j_58",
+	content: content,
+	success: success,
+	warning: warning,
+	danger: danger
+};
+
+const Alert = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      children,
+      className,
+      title,
+      status = "info",
+      style,
+      onClose,
+      aiMark,
+      ...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(
+                StatusIcon,
+                {
+                  className: styles["status-icon"],
+                  size: "small",
+                  variant: status === "danger" ? "error" : status
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  variant: "headline",
+                  el: "h6",
+                  size: "small",
+                  className: styles["title"],
+                  aiMark: aiMark || void 0,
+                  children: 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-BTesdKK7.js.map

package/dist/Alert-BTesdKK7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-BTesdKK7.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,8 +1,7 @@
-.anvil2 {._alert_17r5n_1 {
+.anvil2 {._alert_dia2j_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))));
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -22,23 +21,23 @@
   padding-inline: var(--a2-size-4, 1rem);
   width: 100%;
   color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
-}._top_17r5n_27 {
+}._top_dia2j_26 {
   align-items: flex-start;
   display: flex;
   font-weight: var(--a2-font-weight-bold, 700);
   justify-content: space-between;
-}._status-icon_17r5n_34 {
+}._status-icon_dia2j_33 {
   align-self: flex-start;
   color: var(--a2-mod-alert-icon-color);
   flex-shrink: 0;
   margin-block-start: var(--a2-size-1, 0.25rem);
-}._title-container_17r5n_41 {
+}._title-container_dia2j_40 {
   align-items: flex-start;
   display: flex;
   font-size: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
   gap: var(--a2-size-2, 0.5rem);
   min-width: 0;
-}._title_17r5n_41 {
+}._title_dia2j_40 {
   font-family: inherit;
   font-size: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
   font-weight: var(--a2-font-weight-bold, 700);
@@ -46,27 +45,27 @@
   line-height: 1.5;
   margin-block-end: 0;
   min-width: 0;
-}._close-container_17r5n_59 {
+}._close-container_dia2j_58 {
   align-items: center;
   display: flex;
   height: var(--a2-size-6, 1.5rem);
   justify-content: center;
   width: var(--a2-size-6, 1.5rem);
-}._content_17r5n_67 {
+}._content_dia2j_66 {
   display: flex;
   flex-direction: column;
   font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
   gap: var(--a2-size-2, 0.5rem);
   margin-inline: var(--a2-size-6, 1.5rem);
-}._success_17r5n_75 {
+}._success_dia2j_74 {
   --a2-mod-alert-background-color: var(--a2-alert-success-background-color, var(--a2-background-color-success-faint, light-dark(var(--a2-color-green-10, #f5fefb), var(--a2-color-green-950, #010f0a))));
   --a2-mod-alert-border-color: var(--a2-alert-success-border-color, var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc))));
   --a2-mod-alert-icon-color: var(--a2-alert-success-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
-}._warning_17r5n_81 {
+}._warning_dia2j_80 {
   --a2-mod-alert-background-color: var(--a2-alert-warning-background-color, var(--a2-background-color-warning-faint, light-dark(var(--a2-color-yellow-10, #fffef8), var(--a2-color-yellow-950, #191100))));
   --a2-mod-alert-border-color: var(--a2-alert-warning-border-color, var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1))));
   --a2-mod-alert-icon-color: var(--a2-alert-warning-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
-}._danger_17r5n_87 {
+}._danger_dia2j_86 {
   --a2-mod-alert-background-color: var(--a2-alert-danger-background-color, var(--a2-background-color-danger-faint, light-dark(var(--a2-color-red-10, #fffbfa), var(--a2-color-red-950, #0a0200))));
   --a2-mod-alert-border-color: var(--a2-alert-danger-border-color, var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e))));
   --a2-mod-alert-icon-color: var(--a2-alert-danger-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));

package/dist/Alert.d.ts

@@ -1,6 +1 @@
-export * from './components/Alert/index'
-export {}
-import _default from './components/Alert/index'
-export default _default
-export * from './components/Alert/index'
 export {}

package/dist/Alert.js

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

package/dist/Announcement-CgTqDU8A.js

@@ -0,0 +1,109 @@
+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 } from './error-DR_wWdYY.js';
+import { S as SvgCheckCircle } from './check_circle-CM0ukqXv.js';
+import { B as Button } from './Button-C_V2xQAs.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { useTrackingId } from './useTrackingId.js';
+
+import './Announcement.css';const announcement = "_announcement_nddy0_1";
+const title = "_title_nddy0_82";
+const success = "_success_nddy0_100";
+const warning = "_warning_nddy0_109";
+const danger = "_danger_nddy0_118";
+const styles = {
+	announcement: announcement,
+	"close-button": "_close-button_nddy0_33",
+	"close-container": "_close-container_nddy0_55",
+	"title-container": "_title-container_nddy0_82",
+	title: title,
+	"status-icon": "_status-icon_nddy0_96",
+	success: success,
+	warning: warning,
+	danger: danger
+};
+
+const statusIconMap = {
+  info: SvgInfo,
+  success: SvgCheckCircle,
+  warning: SvgWarning,
+  danger: SvgError
+};
+const Announcement = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      title,
+      status = "info",
+      children,
+      style,
+      onClose,
+      ...rest
+    } = componentProps;
+    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",
+        style: styleCombined,
+        ...rest,
+        ref,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: styles["title-container"], children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                size: "large",
+                className: styles["status-icon"],
+                svg: statusIconMap[status]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: styles["title"], children: title })
+          ] }),
+          children,
+          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} announcement`
+            }
+          ) }) : null
+        ]
+      }
+    );
+  }
+);
+Announcement.displayName = "Announcement";
+
+export { Announcement as A };
+//# sourceMappingURL=Announcement-CgTqDU8A.js.map

package/dist/Announcement-CgTqDU8A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Announcement-CgTqDU8A.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,aAAA,GAAuE;AAAA,EAC3E,IAAA,EAAMA,OAAA;AAAA,EACN,OAAA,EAASC,cAAA;AAAA,EACT,OAAA,EAASC,UAAA;AAAA,EACT,MAAA,EAAQC;AACV,CAAA;AA8BO,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAA,KAA6B;AACtD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AAEjE,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,GAAS,MAAA;AAAA,MACT,QAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,cAAA,GAAiB,EAAA,CAAG,MAAA,CAAO,cAAc,GAAG,SAAA,EAAW;AAAA,MAC3D,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,MAAA,KAAW,SAAA;AAAA,MAChC,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,MAAA,KAAW,SAAA;AAAA,MAChC,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,MAAA,KAAW;AAAA,KAChC,CAAA;AAED,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,IAAA,EAAK,QAAA;AAAA,QACL,SAAA,EAAW,cAAA;AAAA,QACX,UAAA,EAAS,cAAA;AAAA,QACT,KAAA,EAAO,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,iBAAiB,CAAA,EACvC,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,OAAA;AAAA,gBACL,SAAA,EAAW,OAAO,aAAa,CAAA;AAAA,gBAC/B,GAAA,EAAK,cAAc,MAAM;AAAA;AAAA,aAC3B;AAAA,gCAEC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,OAAO,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA,WAAA,EAC3C,CAAA;AAAA,UAEC,QAAA;AAAA,UAEA,0BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,iBAAiB,CAAA,EACvC,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAMC,QAAA;AAAA,cACN,IAAA,EAAK,OAAA;AAAA,cACL,UAAA,EAAW,OAAA;AAAA,cACX,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,cAChC,OAAA,EAAS,CAAC,CAAA,KAAqC,OAAA,CAAQ,CAAC,CAAA;AAAA,cACxD,YAAA,EAAY,WAAW,MAAM,CAAA,aAAA;AAAA;AAAA,aAEjC,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}