@servicetitan/anvil2 1.8.0 → 1.8.1

package/dist/Alert.d.ts

@@ -0,0 +1,23 @@
+import { AlertProps as AlertProps_2 } from '@servicetitan/hammer-react';
+import { DetailedHTMLProps } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { LayoutUtilProps } from '@servicetitan/hammer-react';
+import { OnCloseProps } from '@servicetitan/hammer-react';
+import { RefAttributes } from 'react';
+import { Status } from '@servicetitan/hammer-react';
+
+declare const Alert: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & OnCloseProps & {
+    status?: Status;
+    title: string;
+} & DataTrackingId & RefAttributes<HTMLDivElement>>;
+export { Alert }
+export default Alert;
+
+export declare type AlertProps = AlertProps_2 & DataTrackingId;
+
+declare type DataTrackingId = {
+    ["data-tracking-id"]?: string;
+};
+
+export { }

package/dist/Alert.js

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

package/dist/Alert.js.map

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

package/dist/Alert2.css

@@ -0,0 +1,85 @@
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap");
+@layer starter, reset, base, state, application;
+@layer reset {
+  ._alert_1ki1e_4 {
+    all: unset;
+    font-family: "Nunito Sans", sans-serif;
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: flex;
+  }
+}
+@layer base {
+  ._alert_1ki1e_4 {
+    border: 0.125rem solid var(--border-color-primary, #0265dc);
+    border-radius: 0.375rem;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding-block: 1rem;
+    padding-inline: 1rem;
+    background-color: var(--background-color, #ffffff);
+    width: 100%;
+  }
+  ._alert_1ki1e_4 ._close-container_1ki1e_29 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  ._alert_1ki1e_4 ._content_1ki1e_36 {
+    margin-inline-start: 2rem;
+    margin-inline-end: 2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    font-size: 1rem;
+  }
+  ._alert_1ki1e_4 ._top_1ki1e_44 {
+    font-weight: 700;
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+  }
+  ._alert_1ki1e_4 ._top_1ki1e_44 ._title-container_1ki1e_50 {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 1rem;
+  }
+}
+@layer state {
+  ._alert_1ki1e_4 ._status-icon_1ki1e_58 {
+    color: var(--status-color-info, #0265dc);
+    align-self: flex-start;
+  }
+  ._alert_1ki1e_4._success_1ki1e_62 {
+    border-color: var(--status-color-success, #007a4d);
+  }
+  ._alert_1ki1e_4._success_1ki1e_62 ._status-icon_1ki1e_58 {
+    color: var(--status-color-success, #007a4d);
+  }
+  ._alert_1ki1e_4._warning_1ki1e_68 {
+    border-color: var(--status-color-warning, #ffbe00);
+  }
+  ._alert_1ki1e_4._warning_1ki1e_68 ._status-icon_1ki1e_58 {
+    color: var(--status-color-warning, #ffbe00);
+  }
+  ._alert_1ki1e_4._danger_1ki1e_74 {
+    border-color: var(--status-color-danger, #e13212);
+  }
+  ._alert_1ki1e_4._danger_1ki1e_74 ._status-icon_1ki1e_58 {
+    color: var(--status-color-danger, #e13212);
+  }
+}
+@layer application {
+  ._alert_1ki1e_4 ._close-container_1ki1e_29 ._close-button_1ki1e_82 {
+    color: var(--foreground-color, #141414);
+  }
+}

package/dist/Alert2.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useTrackingId } from './useTrackingId.js';
+import { Alert as Alert$1 } from './Alert22.js';
+
+const Alert = forwardRef(
+  (props, ref) => {
+    const data = {
+      title: props.title,
+      status: props.status
+    };
+    const trackingId = useTrackingId({
+      name: "Alert",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    return /* @__PURE__ */ jsx(Alert$1, { ref, "data-tracking-id": trackingId, ...props });
+  }
+);
+
+export { Alert };
+//# sourceMappingURL=Alert2.js.map

package/dist/Alert2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert2.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport {\n  AlertProps as CoreAlertProps,\n  Alert as CoreAlert,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AlertProps = CoreAlertProps & DataTrackingId;\n\nexport const Alert = forwardRef(\n  (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      title: props.title,\n      status: props.status,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Alert\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return <CoreAlert ref={ref} data-tracking-id={trackingId} {...props} />;\n  }\n);\n"],"names":["CoreAlert"],"mappings":";;;;;AAUO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAA6B,KAAA;AAC/C,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,QAAQ,KAAM,CAAA,MAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB,CAAA;AAAA,KACxC,CAAA,CAAA;AAED,IAAA,2BAAQA,OAAU,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA,CAAA;AAAA,GACvE;AACF;;;;"}

package/dist/Alert22.js

@@ -0,0 +1,100 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { cx } from './index2.js';
+import { Button } from './Button22.js';
+import { SvgClose } from './close.js';
+import { SvgInfo, SvgWarning } from './warning.js';
+import { SvgCheckCircle, SvgError } from './check_circle.js';
+import { Icon } from './Icon22.js';
+import { useLayoutPropsUtil } from './useLayoutPropsUtil2.js';
+
+import './Alert2.css';const alert = "_alert_1ki1e_4";
+const content = "_content_1ki1e_36";
+const top = "_top_1ki1e_44";
+const success = "_success_1ki1e_62";
+const warning = "_warning_1ki1e_68";
+const danger = "_danger_1ki1e_74";
+const styles = {
+	alert: alert,
+	"close-container": "_close-container_1ki1e_29",
+	content: content,
+	top: top,
+	"title-container": "_title-container_1ki1e_50",
+	"status-icon": "_status-icon_1ki1e_58",
+	success: success,
+	warning: warning,
+	danger: danger,
+	"close-button": "_close-button_1ki1e_82"
+};
+
+const statusIconMap = {
+  info: SvgInfo,
+  success: SvgCheckCircle,
+  warning: SvgWarning,
+  danger: SvgError
+};
+const getIcon = (status = "info") => {
+  return statusIconMap[status];
+};
+const Alert = forwardRef((props, ref) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const {
+    children,
+    className,
+    title,
+    status = "info",
+    style,
+    ...rest
+  } = componentProps;
+  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-anv": "alert",
+      role: "status",
+      className: alertCx,
+      style: styleCombined,
+      ...rest,
+      ref,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: styles["top"], children: [
+          /* @__PURE__ */ jsxs("span", { className: styles["title-container"], children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                size: "large",
+                className: styles["status-icon"],
+                svg: getIcon(status)
+              }
+            ),
+            title
+          ] }),
+          !!rest.onClose && /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: SvgClose,
+              size: "small",
+              appearance: "ghost",
+              className: styles["close-button"],
+              onClick: (e) => props.onClose?.(e),
+              "aria-label": `Dismiss ${status} alert`
+            }
+          ) })
+        ] }),
+        children && /* @__PURE__ */ jsx("div", { className: styles["content"], children })
+      ]
+    }
+  );
+});
+Alert.displayName = "Alert";
+
+export { Alert };
+//# sourceMappingURL=Alert22.js.map

package/dist/Alert22.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert22.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Alert2.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { Button } from './Button2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { Icon } from './Icon2.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil2.js';\n\nimport './Alert.css';const alert = \"_alert_1ki1e_4\";\nconst content = \"_content_1ki1e_36\";\nconst top = \"_top_1ki1e_44\";\nconst success = \"_success_1ki1e_62\";\nconst warning = \"_warning_1ki1e_68\";\nconst danger = \"_danger_1ki1e_74\";\nconst styles = {\n\talert: alert,\n\t\"close-container\": \"_close-container_1ki1e_29\",\n\tcontent: content,\n\ttop: top,\n\t\"title-container\": \"_title-container_1ki1e_50\",\n\t\"status-icon\": \"_status-icon_1ki1e_58\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_1ki1e_82\"\n};\n\nconst statusIconMap = {\n  info: Info,\n  success: Success,\n  warning: Warning,\n  danger: Danger\n};\nconst getIcon = (status = \"info\") => {\n  return statusIconMap[status];\n};\nconst Alert = forwardRef((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    children,\n    className,\n    title,\n    status = \"info\",\n    style,\n    ...rest\n  } = componentProps;\n  const alertCx = cx(styles[\"alert\"], className, {\n    [styles[\"success\"]]: status === \"success\",\n    [styles[\"warning\"]]: status === \"warning\",\n    [styles[\"danger\"]]: status === \"danger\"\n  });\n  const styleCombined = {\n    ...style,\n    ...layoutStyles\n  };\n  return /* @__PURE__ */ jsxs(\n    \"div\",\n    {\n      \"data-anv\": \"alert\",\n      role: \"status\",\n      className: alertCx,\n      style: styleCombined,\n      ...rest,\n      ref,\n      children: [\n        /* @__PURE__ */ jsxs(\"div\", { className: styles[\"top\"], children: [\n          /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n            /* @__PURE__ */ jsx(\n              Icon,\n              {\n                size: \"large\",\n                className: styles[\"status-icon\"],\n                svg: getIcon(status)\n              }\n            ),\n            title\n          ] }),\n          !!rest.onClose && /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n            Button,\n            {\n              icon: Close,\n              size: \"small\",\n              appearance: \"ghost\",\n              className: styles[\"close-button\"],\n              onClick: (e) => props.onClose?.(e),\n              \"aria-label\": `Dismiss ${status} alert`\n            }\n          ) })\n        ] }),\n        children && /* @__PURE__ */ jsx(\"div\", { className: styles[\"content\"], children })\n      ]\n    }\n  );\n});\nAlert.displayName = \"Alert\";\n\nexport { Alert };\n//# sourceMappingURL=Alert2.js.map\n"],"names":["Info","Success","Warning","Danger","Close"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/Announcement.css

@@ -0,0 +1,77 @@
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap");
+@layer starter, reset, base, state, application;
+@layer reset {
+  ._announcement_1dgc8_4 {
+    all: unset;
+    font-family: "Nunito Sans", sans-serif;
+    font-size: 100%;
+    color: var(--foreground-color-on-primary, #ffffff);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: flex;
+  }
+}
+@layer base {
+  ._announcement_1dgc8_4 {
+    padding-block: 0.5rem !important;
+    padding-inline: 1rem;
+    width: 100%;
+    font-size: 1rem;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--status-color-info, #0265dc);
+    height: 3.5rem;
+    position: relative;
+    gap: 1rem;
+    padding-inline-end: 3.5rem;
+  }
+  ._announcement_1dgc8_4 ._close-container_1dgc8_34 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 1.5rem;
+    height: 1.5rem;
+    position: absolute;
+    inset-inline-end: 1rem;
+  }
+  ._announcement_1dgc8_4 ._title-container_1dgc8_43 {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    overflow: hidden;
+  }
+  ._announcement_1dgc8_4 ._title-container_1dgc8_43 ._title_1dgc8_43 {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-size: 1rem;
+  }
+}
+@layer state {
+  ._announcement_1dgc8_4 ._status-icon_1dgc8_57 {
+    color: inherit;
+  }
+  ._announcement_1dgc8_4._success_1dgc8_60 {
+    background-color: var(--status-color-success, #007a4d);
+    color: var(--foreground-color-inverted, #ffffff);
+  }
+  ._announcement_1dgc8_4._warning_1dgc8_64 {
+    background-color: var(--status-color-warning, #ffbe00);
+    color: var(--foreground-color-on-warning, #141414);
+  }
+  ._announcement_1dgc8_4._danger_1dgc8_68 {
+    background-color: var(--status-color-danger, #e13212);
+    color: var(--foreground-color-on-danger, #ffffff);
+  }
+}
+@layer application {
+  ._announcement_1dgc8_4 ._close-button_1dgc8_74 {
+    color: inherit;
+  }
+}

package/dist/Announcement.d.ts

@@ -0,0 +1,23 @@
+import { AnnouncementProps as AnnouncementProps_2 } from '@servicetitan/hammer-react';
+import { DetailedHTMLProps } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { LayoutUtilProps } from '@servicetitan/hammer-react';
+import { OnCloseProps } from '@servicetitan/hammer-react';
+import { RefAttributes } from 'react';
+import { Status } from '@servicetitan/hammer-react';
+
+declare const Announcement: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & OnCloseProps & {
+    status?: Status;
+    title: string;
+} & DataTrackingId & RefAttributes<HTMLDivElement>>;
+export { Announcement }
+export default Announcement;
+
+export declare type AnnouncementProps = AnnouncementProps_2 & DataTrackingId;
+
+declare type DataTrackingId = {
+    ["data-tracking-id"]?: string;
+};
+
+export { }

package/dist/Announcement.js

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

package/dist/Announcement.js.map

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

package/dist/Announcement2.js

@@ -0,0 +1,114 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useTrackingId } from './useTrackingId.js';
+import { cx } from './index2.js';
+import { Button } from './Button22.js';
+import { SvgClose } from './close.js';
+import { SvgInfo, SvgWarning } from './warning.js';
+import { SvgCheckCircle, SvgError } from './check_circle.js';
+import { Icon } from './Icon22.js';
+import { useLayoutPropsUtil } from './useLayoutPropsUtil2.js';
+
+import './Announcement.css';const announcement = "_announcement_1dgc8_4";
+const title = "_title_1dgc8_43";
+const success = "_success_1dgc8_60";
+const warning = "_warning_1dgc8_64";
+const danger = "_danger_1dgc8_68";
+const styles = {
+	announcement: announcement,
+	"close-container": "_close-container_1dgc8_34",
+	"title-container": "_title-container_1dgc8_43",
+	title: title,
+	"status-icon": "_status-icon_1dgc8_57",
+	success: success,
+	warning: warning,
+	danger: danger,
+	"close-button": "_close-button_1dgc8_74"
+};
+
+const statusIconMap = {
+  info: SvgInfo,
+  success: SvgCheckCircle,
+  warning: SvgWarning,
+  danger: SvgError
+};
+const getIcon = (status = "info") => {
+  return statusIconMap[status];
+};
+const Announcement$1 = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      title,
+      status = "info",
+      children,
+      style,
+      ...rest
+    } = componentProps;
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    const AnnouncementCx = cx(styles["announcement"], className, {
+      [styles["success"]]: status === "success",
+      [styles["warning"]]: status === "warning",
+      [styles["danger"]]: status === "danger"
+    });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        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: getIcon(status)
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: styles["title"], children: title })
+          ] }),
+          children,
+          !!rest.onClose && /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: SvgClose,
+              size: "small",
+              appearance: "ghost",
+              className: styles["close-button"],
+              onClick: (e) => props.onClose?.(e),
+              "aria-label": `Dismiss ${status} announcement`
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+Announcement$1.displayName = "Announcement";
+
+const Announcement = forwardRef(
+  (props, ref) => {
+    const data = {
+      title: props.title,
+      status: props.status
+    };
+    const trackingId = useTrackingId({
+      name: "Announcement",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    return /* @__PURE__ */ jsx(Announcement$1, { ref, "data-tracking-id": trackingId, ...props });
+  }
+);
+
+export { Announcement };
+//# sourceMappingURL=Announcement2.js.map

package/dist/Announcement2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Announcement2.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Announcement2.js","../src/components/Announcement/Announcement.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { Button } from './Button2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { Icon } from './Icon2.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil2.js';\n\nimport './Announcement.css';const announcement = \"_announcement_1dgc8_4\";\nconst title = \"_title_1dgc8_43\";\nconst success = \"_success_1dgc8_60\";\nconst warning = \"_warning_1dgc8_64\";\nconst danger = \"_danger_1dgc8_68\";\nconst styles = {\n\tannouncement: announcement,\n\t\"close-container\": \"_close-container_1dgc8_34\",\n\t\"title-container\": \"_title-container_1dgc8_43\",\n\ttitle: title,\n\t\"status-icon\": \"_status-icon_1dgc8_57\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_1dgc8_74\"\n};\n\nconst statusIconMap = {\n  info: Info,\n  success: Success,\n  warning: Warning,\n  danger: Danger\n};\nconst getIcon = (status = \"info\") => {\n  return statusIconMap[status];\n};\nconst Announcement = forwardRef(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      title,\n      status = \"info\",\n      children,\n      style,\n      ...rest\n    } = componentProps;\n    const styleCombined = {\n      ...style,\n      ...layoutStyles\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    return /* @__PURE__ */ jsxs(\n      \"div\",\n      {\n        role: \"status\",\n        className: AnnouncementCx,\n        \"data-anv\": \"announcement\",\n        style: styleCombined,\n        ...rest,\n        ref,\n        children: [\n          /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n            /* @__PURE__ */ jsx(\n              Icon,\n              {\n                size: \"large\",\n                className: styles[\"status-icon\"],\n                svg: getIcon(status)\n              }\n            ),\n            /* @__PURE__ */ jsx(\"span\", { className: styles[\"title\"], children: title })\n          ] }),\n          children,\n          !!rest.onClose && /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n            Button,\n            {\n              icon: Close,\n              size: \"small\",\n              appearance: \"ghost\",\n              className: styles[\"close-button\"],\n              onClick: (e) => props.onClose?.(e),\n              \"aria-label\": `Dismiss ${status} announcement`\n            }\n          ) })\n        ]\n      }\n    );\n  }\n);\nAnnouncement.displayName = \"Announcement\";\n\nexport { Announcement };\n//# sourceMappingURL=Announcement2.js.map\n","import {\n  AnnouncementProps as CoreAnnouncementProps,\n  Announcement as CoreAnnouncement,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AnnouncementProps = CoreAnnouncementProps & DataTrackingId;\n\nexport const Announcement = forwardRef(\n  (props: AnnouncementProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      title: props.title,\n      status: props.status,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Announcement\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreAnnouncement ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n"],"names":["Info","Success","Warning","Danger","Announcement","Close","CoreAnnouncement"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/AnvilProvider.d.ts

@@ -0,0 +1,15 @@
+import { HammerProviderContext as AnvilProviderContext } from '@servicetitan/hammer-react';
+import { HammerProviderContextProps as AnvilProviderContextProps } from '@servicetitan/hammer-react';
+import { HammerProviderProps as AnvilProviderProps } from '@servicetitan/hammer-react';
+import { HammerProvider } from '@servicetitan/hammer-react';
+
+export { AnvilProviderContext }
+
+export { AnvilProviderContextProps }
+
+export { AnvilProviderProps }
+
+export { HammerProvider as AnvilProvider }
+export default HammerProvider;
+
+export { }

package/dist/AnvilProvider.js

@@ -0,0 +1,2 @@
+export { HammerProvider as AnvilProvider, HammerProviderContext as AnvilProviderContext, HammerProvider as default } from './HammerProvider2.js';
+//# sourceMappingURL=AnvilProvider.js.map

package/dist/AnvilProvider.js.map

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

package/dist/Avatar.css

@@ -0,0 +1,147 @@
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap");@layer starter, reset, base, state, application;@layer reset {
+  ._avatar-group_anvn3_4 {
+    all: unset;
+    font-family: "Nunito Sans", sans-serif;
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: flex;
+  }
+}@layer base {
+  ._avatar-group_anvn3_4 {
+    padding-inline-start: 1rem;
+  }
+  ._avatar-group_anvn3_4._small_anvn3_22 {
+    padding-inline-start: 0.25rem;
+  }
+  ._avatar-group_anvn3_4._small_anvn3_22 > * {
+    margin-inline-start: -0.25rem;
+  }
+  ._avatar-group_anvn3_4._medium_anvn3_28 {
+    padding-inline-start: 0.5rem;
+  }
+  ._avatar-group_anvn3_4._medium_anvn3_28 > * {
+    margin-inline-start: -0.5rem;
+  }
+  ._avatar-group_anvn3_4._large_anvn3_34 {
+    padding-inline-start: 0.75rem;
+  }
+  ._avatar-group_anvn3_4._large_anvn3_34 > * {
+    margin-inline-start: -0.75rem;
+  }
+}@layer starter, reset, base, state, application;@layer reset {
+  ._avatar_o1747_4 {
+    all: unset;
+    font-family: "Nunito Sans", sans-serif;
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: inline-flex;
+  }
+}@layer base {
+  ._avatar_o1747_4 {
+    position: relative;
+    width: 2rem;
+    height: 2rem;
+    justify-content: center;
+    align-items: center;
+    border-radius: 100%;
+    border: 0.0625rem solid var(--int-border-color, #ffffff);
+    background-color: var(--int-bg-color, var(--background-color-stronger, #eeeeee));
+    font-size: 0.75rem;
+    color: var(--int-font-color, var(--foreground-color, #141414));
+    font-weight: bold;
+    outline-offset: 0.125rem;
+    outline: 0 solid var(--focus-ring-color, #0265dc);
+    transition: box-shadow 200ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
+  }
+  ._avatar_o1747_4::before {
+    content: none;
+    position: absolute;
+    inset-block-start: 0;
+    inset-block-end: 0;
+    inset-inline-start: 0;
+    inset-inline-end: 0;
+    z-index: 1;
+    border-radius: 100%;
+    user-select: none;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    ._avatar_o1747_4 {
+      transition-duration: 0.01ms !important;
+    }
+  }
+  ._avatar_o1747_4 ._initial_o1747_51 {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+  }
+  ._avatar_o1747_4 ._img_o1747_59 {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    z-index: 0;
+    border-radius: 100%;
+    object-fit: cover;
+  }
+  ._avatar_o1747_4 ._indicator_o1747_67 {
+    width: 0.75rem;
+    height: 0.75rem;
+    border-radius: 100%;
+    border: 0.0625rem solid var(--int-border-color, #ffffff);
+    background-color: var(--background-color, #ffffff);
+    display: inline-block;
+    position: absolute;
+    box-sizing: border-box;
+    inset-block-end: -0.0625rem;
+    inset-inline-end: -0.0625rem;
+  }
+}@layer state {
+  ._avatar_o1747_4 ._indicator_o1747_67._online_o1747_81 {
+    background-color: var(--status-color-success, #007a4d);
+  }
+  ._avatar_o1747_4 ._indicator_o1747_67._offline_o1747_84 {
+    background-color: var(--background-color, #ffffff);
+    box-shadow: inset 0 0 0 0.125rem var(--background-color-disabled, #606162);
+  }
+  ._avatar_o1747_4._small_o1747_88 {
+    width: 1.5rem;
+    height: 1.5rem;
+    font-size: 0.75rem;
+  }
+  ._avatar_o1747_4._small_o1747_88 ._indicator_o1747_67 {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+  ._avatar_o1747_4._small_o1747_88 ._indicator_o1747_67._offline_o1747_84 {
+    box-shadow: inset 0 0 0 0.09375rem var(--background-color-disabled, #606162);
+  }
+  ._avatar_o1747_4._large_o1747_100 {
+    width: 3rem;
+    height: 3rem;
+    font-size: 1.25rem;
+  }
+  ._avatar_o1747_4._large_o1747_100 ._indicator_o1747_67 {
+    width: 1rem;
+    height: 1rem;
+  }
+  ._avatar_o1747_4._large_o1747_100 ._indicator_o1747_67._offline_o1747_84 {
+    box-shadow: inset 0 0 0 0.15625rem var(--background-color-disabled, #606162);
+  }
+  ._avatar_o1747_4[data-interactive=focus-visible], ._avatar_o1747_4:focus-visible {
+    outline-width: 0.125rem;
+  }
+}