@servicetitan/anvil2 1.44.1 → 1.45.0

package/dist/{Breadcrumbs-BMbkH9hL-BUjQksuj.js → Breadcrumbs-C4_PEolS.js}

@@ -2,12 +2,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { forwardRef, Children, cloneElement } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { L as Link } from './Link-MiffPrW9-Cx1zYWSF.js';
-import { T as Text } from './Text-CED_yrId-DsRYZw2-.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
+import { L as Link } from './Link-eRsLWPaQ.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { T as Text } from './Text-BqvcbXyp.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
 
-import './Breadcrumbs-BMbkH9hL.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" }));
+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" }));
 
 const breadcrumbs = "_breadcrumbs_1c7ez_2";
 const styles = {
@@ -101,5 +101,5 @@ const Breadcrumbs = Object.assign(BreadcrumbsElement, {
   Link: BreadcrumbsLink
 });
 
-export { Breadcrumbs as B, BreadcrumbsLink as a };
-//# sourceMappingURL=Breadcrumbs-BMbkH9hL-BUjQksuj.js.map
+export { Breadcrumbs as B, BreadcrumbsElement as a, BreadcrumbsLink as b };
+//# sourceMappingURL=Breadcrumbs-C4_PEolS.js.map

package/dist/Breadcrumbs-C4_PEolS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-C4_PEolS.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\nexport const BreadcrumbsElement = forwardRef<HTMLElement, BreadcrumbsProps>(\n  (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\nBreadcrumbsElement.displayName = \"Breadcrumbs\";\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(BreadcrumbsElement, {\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"],"names":["ChevronRight"],"mappings":"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"}

package/dist/{Breadcrumbs-BMbkH9hL.css → Breadcrumbs.css}

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

package/dist/Breadcrumbs.js

@@ -1,2 +1,2 @@
-export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink, B as default } from './Breadcrumbs-fthw3qaL.js';
+export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink, B as default } from './Breadcrumbs-C4_PEolS.js';
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/{Button-BaHFf1AT-BQy-PFB5.js → Button-BxFXQ0-n.js}

@@ -1,10 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { S as Spinner } from './Spinner-wmO8Epw0.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
-import { s as styles } from './Button.module-BqTaW8HK-BqTaW8HK.js';
-import { S as Spinner } from './Spinner-DliJVzdW-BQlZEj4V.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { s as styles } from './Button.module-pUNSKoVC.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 
 const Button = forwardRef(
   (props, ref) => {
@@ -21,17 +23,17 @@ const Button = forwardRef(
       type = "button",
       ...rest
     } = componentProps;
-    const buttonClassNames = cx(className, styles["button"], {
-      [styles["appearance-primary"]]: appearance === "primary",
-      [styles["appearance-secondary"]]: appearance === "secondary",
-      [styles["appearance-ghost"]]: appearance === "ghost",
-      [styles["danger-secondary"]]: appearance === "danger-secondary",
-      [styles["danger-primary"]]: appearance === "danger",
-      [styles["size-small"]]: size === "small",
-      [styles["size-medium"]]: size === "medium",
-      [styles["size-large"]]: size === "large",
-      [styles["type-icon"]]: !children,
-      [styles["loading"]]: loading
+    const data = {
+      children: childrenToString(props.children),
+      appearance,
+      icon,
+      size,
+      type
+    };
+    const trackingId = useTrackingId({
+      name: "Button",
+      data,
+      hasOverride: !!props["data-tracking-id"]
     });
     const iconBefore = (icon2) => {
       if (typeof icon2 === "object" && "before" in icon2) {
@@ -59,6 +61,18 @@ const Button = forwardRef(
       }
       return;
     };
+    const buttonClassNames = cx(className, styles["button"], {
+      [styles["appearance-primary"]]: appearance === "primary",
+      [styles["appearance-secondary"]]: appearance === "secondary",
+      [styles["appearance-ghost"]]: appearance === "ghost",
+      [styles["danger-secondary"]]: appearance === "danger-secondary",
+      [styles["danger-primary"]]: appearance === "danger",
+      [styles["size-small"]]: size === "small",
+      [styles["size-medium"]]: size === "medium",
+      [styles["size-large"]]: size === "large",
+      [styles["type-icon"]]: !children,
+      [styles["loading"]]: loading
+    });
     const styleCombined = {
       ...style,
       ...layoutStyles
@@ -66,6 +80,7 @@ const Button = forwardRef(
     return /* @__PURE__ */ jsxs(
       "button",
       {
+        "data-tracking-id": trackingId,
         className: buttonClassNames,
         type,
         disabled: disabled || loading,
@@ -94,4 +109,4 @@ const Button = forwardRef(
 Button.displayName = "Button";
 
 export { Button as B };
-//# sourceMappingURL=Button-BaHFf1AT-BQy-PFB5.js.map
+//# sourceMappingURL=Button-BxFXQ0-n.js.map

package/dist/Button-BxFXQ0-n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-BxFXQ0-n.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { ButtonAppearance, Size } from \"../../types\";\nimport { ComponentPropsWithoutRef, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { childrenToString } from \"../../internal/functions\";\nimport Spinner from \"../Spinner\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Button.module.scss\";\n\n/**\n * Props for the Button component\n * @extends Omit<ComponentPropsWithoutRef<\"button\">, \"children\">\n * @extends LayoutUtilProps\n */\nexport type ButtonProps = Omit<ComponentPropsWithoutRef<\"button\">, \"children\"> &\n  LayoutUtilProps & {\n    /**\n     * The visual variant of the button.\n     * @default secondary\n     */\n    appearance?: ButtonAppearance;\n\n    /**\n     * The size of the button.\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n\n    /**\n     * The loading state of the button.\n     * If true, it will show infinite state of the loading.\n     * @default false\n     */\n    loading?: boolean;\n  } & (\n    | {\n        children?: ComponentPropsWithoutRef<\"button\">[\"children\"];\n        /**\n         * The icons of the button.\n         */\n        icon?:\n          | IconProps[\"svg\"]\n          | {\n              after: IconProps[\"svg\"];\n            }\n          | {\n              before: IconProps[\"svg\"];\n            };\n      }\n    | {\n        children?: never;\n        /**\n         * The icon of the icon only button.\n         */\n        icon?: IconProps[\"svg\"];\n      }\n  ) &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * Button component for triggering actions and user interactions.\n *\n * Features:\n * - Multiple visual appearances (primary, secondary, ghost, danger variants)\n * - Three size options (small, medium, large)\n * - Loading state with spinner animation\n * - Icon support (before, after, or icon-only)\n * - Full accessibility support with ARIA attributes\n * - Supports layout utilities for positioning and spacing\n * - Automatic disabled state when loading\n * - Flexible content with text and/or icons\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Button appearance=\"primary\" size=\"medium\" onClick={() => console.log('clicked')}>\n *   Click Me\n * </Button>\n */\nexport const Button = forwardRef(\n  (props: ButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n    const {\n      children,\n      className,\n      appearance = \"secondary\",\n      size = \"medium\",\n      icon,\n      loading = false,\n      disabled,\n      style,\n      type = \"button\",\n      ...rest\n    } = componentProps;\n\n    const data = {\n      children: childrenToString(props.children),\n      appearance,\n      icon,\n      size,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Button\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const iconBefore = (icon: ButtonProps[\"icon\"]) => {\n      if (typeof icon === \"object\" && \"before\" in icon) {\n        return (\n          <Icon\n            className={styles[\"icon\"]}\n            inherit\n            aria-hidden\n            svg={icon.before}\n          />\n        );\n      }\n      if (icon && typeof icon !== \"object\") {\n        return (\n          <Icon\n            className={styles[\"icon\"]}\n            inherit\n            aria-hidden\n            svg={icon}\n            size={!children && size !== \"small\" ? \"large\" : \"medium\"}\n          />\n        );\n      }\n      return;\n    };\n\n    const buttonClassNames = cx(className, styles[\"button\"], {\n      [styles[\"appearance-primary\"]]: appearance === \"primary\",\n      [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n      [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n      [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n      [styles[\"danger-primary\"]]: appearance === \"danger\",\n      [styles[\"size-small\"]]: size === \"small\",\n      [styles[\"size-medium\"]]: size === \"medium\",\n      [styles[\"size-large\"]]: size === \"large\",\n      [styles[\"type-icon\"]]: !children,\n      [styles[\"loading\"]]: loading,\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <button\n        data-tracking-id={trackingId}\n        className={buttonClassNames}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading ? true : undefined}\n        data-anv=\"button\"\n        style={styleCombined}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? (\n          <Spinner inherit className={styles[\"loading-spinner\"]} />\n        ) : icon ? (\n          iconBefore(icon)\n        ) : null}\n        {children}\n        {typeof icon === \"object\" && \"after\" in icon ? (\n          <Icon\n            className={styles[\"icon\"]}\n            inherit\n            aria-hidden\n            svg={icon.after}\n          />\n        ) : null}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n"],"names":["icon"],"mappings":"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"}

package/dist/Button.css

@@ -1,7 +1,20 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
+/* REVERT LAYER BUGFIX START */
+a._button_1371l_2:hover,
+a._button_1371l_2:active {
+  color: revert-layer;
+}
+
+a[data-anv=button-link],
+a[data-anv=button-link]:hover,
+a[data-anv=button-link]:focus {
+  all: revert-layer;
+  line-height: 1rem;
+}
+
+/* REVERT LAYER BUGFIX END */
 @layer reset {
-  ._button_19i4i_2, ._button_19i4i_2._type-icon_19i4i_2 {
+  ._button_1371l_2, ._button_1371l_2._type-icon_1371l_16 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -16,7 +29,7 @@
   }
 }
 @layer base {
-  ._button_19i4i_2, ._button_19i4i_2._type-icon_19i4i_2 {
+  ._button_1371l_2, ._button_1371l_2._type-icon_1371l_16 {
     width: -moz-fit-content;
     width: fit-content;
     min-width: 5rem;
@@ -49,21 +62,21 @@
     background-color: var(--button-background-color);
     outline-color: var(--button-focus-ring-color);
   }
-  ._button_19i4i_2 ._icon_19i4i_48 {
+  ._button_1371l_2 ._icon_1371l_62 {
     display: inline-flex;
   }
 }
 @layer state {
-  ._button_19i4i_2:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=focus-visible], ._button_19i4i_2:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):focus-visible {
+  ._button_1371l_2:not(:disabled, ._disabled_1371l_67, [aria-disabled=true])[data-interactive=focus-visible], ._button_1371l_2:not(:disabled, ._disabled_1371l_67, [aria-disabled=true]):focus-visible {
     outline-width: 0.125rem;
   }
-  ._button_19i4i_2._loading_19i4i_56 {
+  ._button_1371l_2._loading_1371l_70 {
     cursor: progress;
   }
-  ._button_19i4i_2 ._loading-spinner_19i4i_59 {
+  ._button_1371l_2 ._loading-spinner_1371l_73 {
     height: 1rem;
   }
-  ._button_19i4i_2._size-small_19i4i_62 {
+  ._button_1371l_2._size-small_1371l_76 {
     --button-font-size: 0.875rem;
     --button-border-radius: 0.375rem;
     --button-padding-block-start: 0.4375rem;
@@ -72,7 +85,7 @@
     --button-padding-inline-start: 0.75rem;
     --button-line-height: 1rem;
   }
-  ._button_19i4i_2._size-medium_19i4i_71 {
+  ._button_1371l_2._size-medium_1371l_85 {
     --button-font-size: 1rem;
     --button-border-radius: 0.375rem;
     --button-padding-block-start: 0.6875rem;
@@ -80,7 +93,7 @@
     --button-padding-inline-end: 1rem;
     --button-padding-inline-start: 1rem;
   }
-  ._button_19i4i_2._size-large_19i4i_79 {
+  ._button_1371l_2._size-large_1371l_93 {
     --button-font-size: 1rem;
     --button-border-radius: 0.375rem;
     --button-padding-block-start: 0.9375rem;
@@ -88,82 +101,82 @@
     --button-padding-inline-end: 1.5rem;
     --button-padding-inline-start: 1.5rem;
   }
-  ._button_19i4i_2._appearance-primary_19i4i_87 {
+  ._button_1371l_2._appearance-primary_1371l_101 {
     --button-foreground-color: var(--button-primary-foreground-color, #ffffff);
     --button-border-color: var(--button-primary-border-color, transparent);
     --button-border-radius: 0.375rem;
     --button-background-color: var(--button-primary-background-color, #0265DC);
     --button-focus-ring-color: var(--button-primary-focus-ring-color, #0265DC);
   }
-  ._button_19i4i_2._appearance-primary_19i4i_87[data-interactive=hover], ._button_19i4i_2._appearance-primary_19i4i_87:hover {
+  ._button_1371l_2._appearance-primary_1371l_101[data-interactive=hover], ._button_1371l_2._appearance-primary_1371l_101:hover {
     --button-foreground-color: var(--button-primary-foreground-color-hover, #ffffff);
     --button-background-color: var(--button-primary-background-color-hover, #0655b4);
   }
-  ._button_19i4i_2._appearance-primary_19i4i_87[data-interactive=active], ._button_19i4i_2._appearance-primary_19i4i_87:active {
+  ._button_1371l_2._appearance-primary_1371l_101[data-interactive=active], ._button_1371l_2._appearance-primary_1371l_101:active {
     --button-foreground-color: var(--button-primary-foreground-color-active, #ffffff);
     --button-background-color: var(--button-primary-background-color-active, #09458c);
   }
-  ._button_19i4i_2._appearance-secondary_19i4i_102 {
+  ._button_1371l_2._appearance-secondary_1371l_116 {
     --button-foreground-color: var(--button-secondary-foreground-color, #141414);
     --button-border-color: var(--button-secondary-border-color, transparent);
     --button-border-radius: 0.375rem;
     --button-background-color: var(--button-secondary-background-color, rgba(4, 4, 4, 0.0588235294));
     --button-focus-ring-color: var(--button-secondary-focus-ring-color, #0265DC);
   }
-  ._button_19i4i_2._appearance-secondary_19i4i_102[data-interactive=hover], ._button_19i4i_2._appearance-secondary_19i4i_102:hover {
+  ._button_1371l_2._appearance-secondary_1371l_116[data-interactive=hover], ._button_1371l_2._appearance-secondary_1371l_116:hover {
     --button-foreground-color: var(--button-secondary-foreground-color-hover, #141414);
     --button-background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
   }
-  ._button_19i4i_2._appearance-secondary_19i4i_102[data-interactive=active], ._button_19i4i_2._appearance-secondary_19i4i_102:active {
+  ._button_1371l_2._appearance-secondary_1371l_116[data-interactive=active], ._button_1371l_2._appearance-secondary_1371l_116:active {
     --button-foreground-color: var(--button-secondary-foreground-color-active, #141414);
     --button-background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
   }
-  ._button_19i4i_2._appearance-ghost_19i4i_117 {
+  ._button_1371l_2._appearance-ghost_1371l_131 {
     --button-foreground-color: var(--button-ghost-foreground-color, #141414);
     --button-border-color: var(--button-ghost-border-color, transparent);
     --button-border-radius: 0.375rem;
     --button-background-color: var(--button-ghost-background-color, transparent);
     --button-focus-ring-color: var(--button-ghost-focus-ring-color, #0265DC);
   }
-  ._button_19i4i_2._appearance-ghost_19i4i_117[data-interactive=hover], ._button_19i4i_2._appearance-ghost_19i4i_117:hover {
+  ._button_1371l_2._appearance-ghost_1371l_131[data-interactive=hover], ._button_1371l_2._appearance-ghost_1371l_131:hover {
     --button-foreground-color: var(--button-ghost-foreground-color-hover, #141414);
     --button-background-color: var(--button-ghost-background-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._button_19i4i_2._appearance-ghost_19i4i_117[data-interactive=active], ._button_19i4i_2._appearance-ghost_19i4i_117:active {
+  ._button_1371l_2._appearance-ghost_1371l_131[data-interactive=active], ._button_1371l_2._appearance-ghost_1371l_131:active {
     --button-foreground-color: var(--button-ghost-foreground-color-active, #141414);
     --button-background-color: var(--button-ghost-background-color-active, rgba(20, 20, 20, 0.1607843137));
   }
-  ._button_19i4i_2._danger-primary_19i4i_132 {
+  ._button_1371l_2._danger-primary_1371l_146 {
     --button-foreground-color: var(--button-danger-primary-foreground-color, #ffffff);
     --button-border-color: var(--button-danger-primary-border-color, transparent);
     --button-border-radius: 0.375rem;
     --button-background-color: var(--button-danger-primary-background-color, #e13212);
     --button-focus-ring-color: var(--button-danger-primary-focus-ring-color, #e13212);
   }
-  ._button_19i4i_2._danger-primary_19i4i_132[data-interactive=hover], ._button_19i4i_2._danger-primary_19i4i_132:hover {
+  ._button_1371l_2._danger-primary_1371l_146[data-interactive=hover], ._button_1371l_2._danger-primary_1371l_146:hover {
     --button-foreground-color: var(--button-danger-primary-foreground-color-hover, #ffffff);
     --button-background-color: var(--button-danger-primary-background-color-hover, #b82c12);
   }
-  ._button_19i4i_2._danger-primary_19i4i_132[data-interactive=active], ._button_19i4i_2._danger-primary_19i4i_132:active {
+  ._button_1371l_2._danger-primary_1371l_146[data-interactive=active], ._button_1371l_2._danger-primary_1371l_146:active {
     --button-foreground-color: var(--button-danger-primary-foreground-color-active, #ffffff);
     --button-background-color: var(--button-danger-primary-background-color-active, #8f2613);
   }
-  ._button_19i4i_2._danger-secondary_19i4i_147 {
+  ._button_1371l_2._danger-secondary_1371l_161 {
     --button-foreground-color: var(--button-danger-secondary-foreground-color, #bf2a00);
     --button-border-color: var(--button-danger-secondary-border-color, transparent);
     --button-border-radius: 0.375rem;
     --button-background-color: var(--button-danger-secondary-background-color, #ffece9);
     --button-focus-ring-color: var(--button-danger-secondary-focus-ring-color, #e13212);
   }
-  ._button_19i4i_2._danger-secondary_19i4i_147[data-interactive=hover], ._button_19i4i_2._danger-secondary_19i4i_147:hover {
+  ._button_1371l_2._danger-secondary_1371l_161[data-interactive=hover], ._button_1371l_2._danger-secondary_1371l_161:hover {
     --button-foreground-color: var(--button-danger-secondary-foreground-color-hover, #bf2a00);
     --button-background-color: var(--button-danger-secondary-background-color-hover, #fcd9d4);
   }
-  ._button_19i4i_2._danger-secondary_19i4i_147[data-interactive=active], ._button_19i4i_2._danger-secondary_19i4i_147:active {
+  ._button_1371l_2._danger-secondary_1371l_161[data-interactive=active], ._button_1371l_2._danger-secondary_1371l_161:active {
     --button-foreground-color: var(--button-danger-secondary-foreground-color-active, #bf2a00);
     --button-background-color: var(--button-danger-secondary-background-color-active, #f6b4a9);
   }
-  ._button_19i4i_2._type-icon_19i4i_2 {
+  ._button_1371l_2._type-icon_1371l_16 {
     display: inline-flex;
     min-width: auto;
     --button-padding-block-start: 0.4375rem;
@@ -171,26 +184,26 @@
     --button-padding-inline-end: 0.4375rem;
     --button-padding-inline-start: 0.4375rem;
   }
-  ._button_19i4i_2._type-icon_19i4i_2._size-small_19i4i_62 {
+  ._button_1371l_2._type-icon_1371l_16._size-small_1371l_76 {
     --button-padding-block-start: 0.4375rem;
     --button-padding-block-end: 0.4375rem;
     --button-padding-inline-end: 0.4375rem;
     --button-padding-inline-start: 0.4375rem;
   }
-  ._button_19i4i_2._type-icon_19i4i_2._size-medium_19i4i_71 {
+  ._button_1371l_2._type-icon_1371l_16._size-medium_1371l_85 {
     --button-padding-block-start: 0.4375rem;
     --button-padding-block-end: 0.4375rem;
     --button-padding-inline-end: 0.4375rem;
     --button-padding-inline-start: 0.4375rem;
   }
-  ._button_19i4i_2._type-icon_19i4i_2._size-large_19i4i_79 {
+  ._button_1371l_2._type-icon_1371l_16._size-large_1371l_93 {
     --button-padding-block-start: 0.6875rem;
     --button-padding-block-end: 0.6875rem;
     --button-padding-inline-end: 0.6875rem;
     --button-padding-inline-start: 0.6875rem;
   }
 }
-@keyframes _indeterminate-before_19i4i_1 {
+@keyframes _indeterminate-before_1371l_1 {
   0% {
     inset-inline-start: -35%;
     inset-inline-end: 100%;
@@ -213,7 +226,7 @@
   }
 }
 @layer base {
-  ._button-compound_19i4i_212 {
+  ._button-compound_1371l_226 {
     background-color: transparent;
     padding-block: 0;
     padding-inline: 0;
@@ -226,60 +239,60 @@
   }
 }
 @layer state {
-  ._button-compound_19i4i_212[data-interactive=hover], ._button-compound_19i4i_212:hover {
+  ._button-compound_1371l_226[data-interactive=hover], ._button-compound_1371l_226:hover {
     --button-background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
     z-index: 1;
   }
-  ._button-compound_19i4i_212[data-interactive=active], ._button-compound_19i4i_212:active {
+  ._button-compound_1371l_226[data-interactive=active], ._button-compound_1371l_226:active {
     --button-background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
     z-index: 1;
   }
-  ._button-compound_19i4i_212._shape-rounded_19i4i_233 {
+  ._button-compound_1371l_226._shape-rounded_1371l_247 {
     --button-border-radius: 0.75rem;
   }
-  ._button-compound_19i4i_212._shape-pill_19i4i_236 {
+  ._button-compound_1371l_226._shape-pill_1371l_250 {
     --button-border-radius: 1.5rem;
   }
-  ._button-compound_19i4i_212._shape-circular_19i4i_239 {
+  ._button-compound_1371l_226._shape-circular_1371l_253 {
     --button-border-radius: 100%;
   }
 }
 @layer state {
-  ._button-toggle_19i4i_244 {
+  ._button-toggle_1371l_258 {
     border-color: var(--border-color, #949596);
   }
-  ._button-toggle_19i4i_244[aria-pressed=false]:not([data-interactive=hover],
+  ._button-toggle_1371l_258[aria-pressed=false]:not([data-interactive=hover],
   :hover,
   [data-interactive=active],
   :active) {
     background-color: var(--button-primary-foreground-color, #ffffff);
   }
-  ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]) {
+  ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true]) {
     color: var(--foreground-color-primary, #0265DC);
     border-color: currentColor;
   }
-  ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=hover], ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):hover {
+  ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true])[data-interactive=hover], ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true]):hover {
     color: var(--foreground-color-hover-primary, #004491);
   }
-  ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=hover]::before, ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):hover::before {
+  ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true])[data-interactive=hover]::before, ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true]):hover::before {
     content: "";
     background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
     position: absolute;
     inset: 0;
     z-index: 1;
   }
-  ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=active], ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):active {
+  ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true])[data-interactive=active], ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true]):active {
     color: var(--foreground-color-active-primary, #004491);
     border-color: currentColor;
   }
-  ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=active]::before, ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):active::before {
+  ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true])[data-interactive=active]::before, ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true]):active::before {
     content: "";
     background-color: var(--overlay-color-active-primary, rgba(2, 101, 220, 0.3019607843));
     position: absolute;
     inset: 0;
     z-index: 1;
   }
-  ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])::after {
+  ._button-toggle_1371l_258[aria-pressed=true]:not(:disabled, ._disabled_1371l_67, [aria-disabled=true])::after {
     content: "";
     position: absolute;
     width: 100%;
@@ -295,11 +308,11 @@
   }
 }
 @layer application {
-  ._button-toggle_19i4i_244:disabled, ._button-toggle_19i4i_244._disabled_19i4i_53, ._button-toggle_19i4i_244[aria-disabled=true] {
+  ._button-toggle_1371l_258:disabled, ._button-toggle_1371l_258._disabled_1371l_67, ._button-toggle_1371l_258[aria-disabled=true] {
     color: var(--foreground-color-subdued, #737475);
     border-color: transparent;
   }
-  ._button_19i4i_2:disabled, ._button_19i4i_2._disabled_19i4i_53, ._button_19i4i_2[aria-disabled=true] {
+  ._button_1371l_2:disabled, ._button_1371l_2._disabled_1371l_67, ._button_1371l_2[aria-disabled=true] {
     cursor: not-allowed;
     opacity: 0.6;
     --button-foreground-color: var(--foreground-color-subdued, #737475);

package/dist/Button.js

@@ -1,2 +1,2 @@
-export { B as Button, B as default } from './Button-DMQKV2sV.js';
+export { B as Button, B as default } from './Button-BxFXQ0-n.js';
 //# sourceMappingURL=Button.js.map

package/dist/Button.module-pUNSKoVC.js

@@ -0,0 +1,25 @@
+import './Button.css';const button = "_button_1371l_2";
+const icon = "_icon_1371l_62";
+const loading = "_loading_1371l_70";
+const styles = {
+	button: button,
+	"type-icon": "_type-icon_1371l_16",
+	icon: icon,
+	loading: loading,
+	"loading-spinner": "_loading-spinner_1371l_73",
+	"size-small": "_size-small_1371l_76",
+	"size-medium": "_size-medium_1371l_85",
+	"size-large": "_size-large_1371l_93",
+	"appearance-primary": "_appearance-primary_1371l_101",
+	"appearance-secondary": "_appearance-secondary_1371l_116",
+	"appearance-ghost": "_appearance-ghost_1371l_131",
+	"danger-primary": "_danger-primary_1371l_146",
+	"danger-secondary": "_danger-secondary_1371l_161",
+	"button-compound": "_button-compound_1371l_226",
+	"shape-rounded": "_shape-rounded_1371l_247",
+	"shape-pill": "_shape-pill_1371l_250",
+	"shape-circular": "_shape-circular_1371l_253",
+	"button-toggle": "_button-toggle_1371l_258"};
+
+export { styles as s };
+//# sourceMappingURL=Button.module-pUNSKoVC.js.map

package/dist/Button.module-pUNSKoVC.js.map

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

package/dist/ButtonCompound-BF2Q6gGX.js

@@ -0,0 +1,64 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cx } from './index-tZvMCc77.js';
+import { s as styles } from './Button.module-pUNSKoVC.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+
+const ButtonCompound = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      shape = "rounded",
+      type,
+      disabled,
+      children,
+      style,
+      ...rest
+    } = componentProps;
+    const data = {
+      children: childrenToString(props.children),
+      shape,
+      type
+    };
+    const trackingId = useTrackingId({
+      name: "ButtonCompound",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    const buttonClassNames = cx(
+      className,
+      styles["button"],
+      styles["button-compound"],
+      {
+        [styles["shape-pill"]]: shape === "pill",
+        [styles["shape-circular"]]: shape === "circular",
+        [styles["shape-rounded"]]: shape === "rounded"
+      }
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        "data-tracking-id": trackingId,
+        className: buttonClassNames,
+        type,
+        disabled,
+        "data-anv": "button-compound",
+        ref,
+        style: styleCombined,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+ButtonCompound.displayName = "ButtonCompound";
+
+export { ButtonCompound as B };
+//# sourceMappingURL=ButtonCompound-BF2Q6gGX.js.map

package/dist/ButtonCompound-BF2Q6gGX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCompound-BF2Q6gGX.js","sources":["../src/components/ButtonCompound/ButtonCompound.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\n/**\n * Props for the ButtonCompound component\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"button\">\n */\nexport type ButtonCompoundProps = LayoutUtilProps &\n  ComponentPropsWithoutRef<\"button\"> & {\n    /**\n     * The shape of the compound button.\n     * @default rounded\n     */\n    shape?: \"pill\" | \"circular\" | \"rounded\";\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonCompound component for creating compound button layouts.\n *\n * Features:\n * - Three shape options (pill, circular, rounded)\n * - Transparent background for compound layouts\n * - Supports layout utilities for positioning and spacing\n * - Full accessibility support with proper ARIA attributes\n * - Flexible content support\n * - Consistent styling with other button components\n * - Hover and active state management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonCompound shape=\"circular\">\n *   <Avatar name=\"John Doe\" />\n * </ButtonCompound>\n */\nexport const ButtonCompound = forwardRef(\n  (props: ButtonCompoundProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      shape = \"rounded\",\n      type,\n      disabled,\n      children,\n      style,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      children: childrenToString(props.children),\n      shape,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonCompound\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const buttonClassNames = cx(\n      className,\n      styles[\"button\"],\n      styles[\"button-compound\"],\n      {\n        [styles[\"shape-pill\"]]: shape === \"pill\",\n        [styles[\"shape-circular\"]]: shape === \"circular\",\n        [styles[\"shape-rounded\"]]: shape === \"rounded\",\n      },\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <button\n        data-tracking-id={trackingId}\n        className={buttonClassNames}\n        type={type}\n        disabled={disabled}\n        data-anv=\"button-compound\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nButtonCompound.displayName = \"ButtonCompound\";\n"],"names":[],"mappings":";;;;;;;;AA6CO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAAgC,KAAA;AAC3D,IAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,KAAQ,GAAA,SAAA;AAAA,MACR,IAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,cAAA;AAEJ,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,gBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,gBAAmB,GAAA,EAAA;AAAA,MACvB,SAAA;AAAA,MACA,OAAO,QAAQ,CAAA;AAAA,MACf,OAAO,iBAAiB,CAAA;AAAA,MACxB;AAAA,QACE,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,KAAU,KAAA,MAAA;AAAA,QAClC,CAAC,MAAA,CAAO,gBAAgB,CAAC,GAAG,KAAU,KAAA,UAAA;AAAA,QACtC,CAAC,MAAA,CAAO,eAAe,CAAC,GAAG,KAAU,KAAA;AAAA;AACvC,KACF;AAEA,IAAA,MAAM,aAAgB,GAAA;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,kBAAkB,EAAA,UAAA;AAAA,QAClB,SAAW,EAAA,gBAAA;AAAA,QACX,IAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAS,EAAA,iBAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAO,EAAA,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA;AAGN;AAEA,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}

package/dist/ButtonCompound.js

@@ -1,2 +1,2 @@
-export { B as ButtonCompound, B as default } from './ButtonCompound-DGuF0zzT.js';
+export { B as ButtonCompound, B as default } from './ButtonCompound-BF2Q6gGX.js';
 //# sourceMappingURL=ButtonCompound.js.map