@servicetitan/anvil2 2.5.0 → 2.6.0

package/dist/Button.css

@@ -1,7 +1,7 @@
 @layer starter, reset, base, state, application;
 /* REVERT LAYER BUGFIX START */
-a._button_158ym_2:hover,
-a._button_158ym_2:active {
+a._button_1988s_2:hover,
+a._button_1988s_2:active {
   color: revert-layer;
 }
 
@@ -14,7 +14,7 @@ a[data-anv=button-link]:focus {
 
 /* REVERT LAYER BUGFIX END */
 @layer reset {
-  ._button_158ym_2, ._button_158ym_2._type-icon_158ym_16 {
+  ._button_1988s_2, ._button_1988s_2._type-icon_1988s_16 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -29,7 +29,7 @@ a[data-anv=button-link]:focus {
   }
 }
 @layer base {
-  ._button_158ym_2, ._button_158ym_2._type-icon_158ym_16 {
+  ._button_1988s_2, ._button_1988s_2._type-icon_1988s_16 {
     width: -moz-fit-content;
     width: fit-content;
     min-width: 2.5rem;
@@ -62,21 +62,21 @@ a[data-anv=button-link]:focus {
     background-color: var(--button-background-color);
     outline-color: var(--button-focus-ring-color);
   }
-  ._button_158ym_2 ._icon_158ym_62 {
+  ._button_1988s_2 ._icon_1988s_62 {
     display: inline-flex;
   }
 }
 @layer state {
-  ._button_158ym_2:not(:disabled, ._disabled_158ym_67, [aria-disabled=true])[data-interactive=focus-visible], ._button_158ym_2:not(:disabled, ._disabled_158ym_67, [aria-disabled=true]):focus-visible {
+  ._button_1988s_2:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=focus-visible], ._button_1988s_2:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):focus-visible, ._button_1988s_2:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):focus {
     outline-width: 0.125rem;
   }
-  ._button_158ym_2._loading_158ym_70 {
+  ._button_1988s_2._loading_1988s_70 {
     cursor: progress;
   }
-  ._button_158ym_2 ._loading-spinner_158ym_73 {
+  ._button_1988s_2 ._loading-spinner_1988s_73 {
     height: 1rem;
   }
-  ._button_158ym_2._size-xsmall_158ym_76 {
+  ._button_1988s_2._size-xsmall_1988s_76 {
     --button-font-size: 0.75rem;
     --button-border-radius: 0.375rem;
     --button-padding-block-start: 0.3125rem;
@@ -85,7 +85,7 @@ a[data-anv=button-link]:focus {
     --button-padding-inline-start: 0.5rem;
     --button-line-height: 1rem;
   }
-  ._button_158ym_2._size-small_158ym_85 {
+  ._button_1988s_2._size-small_1988s_85 {
     --button-font-size: 0.875rem;
     --button-border-radius: 0.375rem;
     --button-padding-block-start: 0.4375rem;
@@ -94,7 +94,7 @@ a[data-anv=button-link]:focus {
     --button-padding-inline-start: 0.75rem;
     --button-line-height: 1rem;
   }
-  ._button_158ym_2._size-medium_158ym_94 {
+  ._button_1988s_2._size-medium_1988s_94 {
     --button-font-size: 1rem;
     --button-border-radius: 0.375rem;
     --button-padding-block-start: 0.6875rem;
@@ -102,7 +102,7 @@ a[data-anv=button-link]:focus {
     --button-padding-inline-end: 1rem;
     --button-padding-inline-start: 1rem;
   }
-  ._button_158ym_2._size-large_158ym_102 {
+  ._button_1988s_2._size-large_1988s_102 {
     --button-font-size: 1rem;
     --button-border-radius: 0.375rem;
     --button-padding-block-start: 0.9375rem;
@@ -110,82 +110,82 @@ a[data-anv=button-link]:focus {
     --button-padding-inline-end: 1.5rem;
     --button-padding-inline-start: 1.5rem;
   }
-  ._button_158ym_2._appearance-primary_158ym_110 {
+  ._button_1988s_2._appearance-primary_1988s_110 {
     --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_158ym_2._appearance-primary_158ym_110[data-interactive=hover], ._button_158ym_2._appearance-primary_158ym_110:hover {
+  ._button_1988s_2._appearance-primary_1988s_110[data-interactive=hover], ._button_1988s_2._appearance-primary_1988s_110:hover {
     --button-foreground-color: var(--button-primary-foreground-color-hover, #ffffff);
     --button-background-color: var(--button-primary-background-color-hover, #0655b4);
   }
-  ._button_158ym_2._appearance-primary_158ym_110[data-interactive=active], ._button_158ym_2._appearance-primary_158ym_110:active {
+  ._button_1988s_2._appearance-primary_1988s_110[data-interactive=active], ._button_1988s_2._appearance-primary_1988s_110:active {
     --button-foreground-color: var(--button-primary-foreground-color-active, #ffffff);
     --button-background-color: var(--button-primary-background-color-active, #09458c);
   }
-  ._button_158ym_2._appearance-secondary_158ym_125 {
+  ._button_1988s_2._appearance-secondary_1988s_125 {
     --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_158ym_2._appearance-secondary_158ym_125[data-interactive=hover], ._button_158ym_2._appearance-secondary_158ym_125:hover {
+  ._button_1988s_2._appearance-secondary_1988s_125[data-interactive=hover], ._button_1988s_2._appearance-secondary_1988s_125: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_158ym_2._appearance-secondary_158ym_125[data-interactive=active], ._button_158ym_2._appearance-secondary_158ym_125:active {
+  ._button_1988s_2._appearance-secondary_1988s_125[data-interactive=active], ._button_1988s_2._appearance-secondary_1988s_125: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_158ym_2._appearance-ghost_158ym_140 {
+  ._button_1988s_2._appearance-ghost_1988s_140 {
     --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_158ym_2._appearance-ghost_158ym_140[data-interactive=hover], ._button_158ym_2._appearance-ghost_158ym_140:hover {
+  ._button_1988s_2._appearance-ghost_1988s_140[data-interactive=hover], ._button_1988s_2._appearance-ghost_1988s_140: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_158ym_2._appearance-ghost_158ym_140[data-interactive=active], ._button_158ym_2._appearance-ghost_158ym_140:active {
+  ._button_1988s_2._appearance-ghost_1988s_140[data-interactive=active], ._button_1988s_2._appearance-ghost_1988s_140: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_158ym_2._danger-primary_158ym_155 {
+  ._button_1988s_2._danger-primary_1988s_155 {
     --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_158ym_2._danger-primary_158ym_155[data-interactive=hover], ._button_158ym_2._danger-primary_158ym_155:hover {
+  ._button_1988s_2._danger-primary_1988s_155[data-interactive=hover], ._button_1988s_2._danger-primary_1988s_155:hover {
     --button-foreground-color: var(--button-danger-primary-foreground-color-hover, #ffffff);
     --button-background-color: var(--button-danger-primary-background-color-hover, #b82c12);
   }
-  ._button_158ym_2._danger-primary_158ym_155[data-interactive=active], ._button_158ym_2._danger-primary_158ym_155:active {
+  ._button_1988s_2._danger-primary_1988s_155[data-interactive=active], ._button_1988s_2._danger-primary_1988s_155:active {
     --button-foreground-color: var(--button-danger-primary-foreground-color-active, #ffffff);
     --button-background-color: var(--button-danger-primary-background-color-active, #8f2613);
   }
-  ._button_158ym_2._danger-secondary_158ym_170 {
+  ._button_1988s_2._danger-secondary_1988s_170 {
     --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_158ym_2._danger-secondary_158ym_170[data-interactive=hover], ._button_158ym_2._danger-secondary_158ym_170:hover {
+  ._button_1988s_2._danger-secondary_1988s_170[data-interactive=hover], ._button_1988s_2._danger-secondary_1988s_170:hover {
     --button-foreground-color: var(--button-danger-secondary-foreground-color-hover, #bf2a00);
     --button-background-color: var(--button-danger-secondary-background-color-hover, #fcd9d4);
   }
-  ._button_158ym_2._danger-secondary_158ym_170[data-interactive=active], ._button_158ym_2._danger-secondary_158ym_170:active {
+  ._button_1988s_2._danger-secondary_1988s_170[data-interactive=active], ._button_1988s_2._danger-secondary_1988s_170:active {
     --button-foreground-color: var(--button-danger-secondary-foreground-color-active, #bf2a00);
     --button-background-color: var(--button-danger-secondary-background-color-active, #f6b4a9);
   }
-  ._button_158ym_2._type-icon_158ym_16 {
+  ._button_1988s_2._type-icon_1988s_16 {
     display: inline-flex;
     min-width: auto;
     --button-padding-block-start: 0.4375rem;
@@ -193,32 +193,32 @@ a[data-anv=button-link]:focus {
     --button-padding-inline-end: 0.4375rem;
     --button-padding-inline-start: 0.4375rem;
   }
-  ._button_158ym_2._type-icon_158ym_16._size-xsmall_158ym_76 {
+  ._button_1988s_2._type-icon_1988s_16._size-xsmall_1988s_76 {
     --button-padding-block-start: 0.3125rem;
     --button-padding-block-end: 0.3125rem;
     --button-padding-inline-end: 0.3125rem;
     --button-padding-inline-start: 0.3125rem;
   }
-  ._button_158ym_2._type-icon_158ym_16._size-small_158ym_85 {
+  ._button_1988s_2._type-icon_1988s_16._size-small_1988s_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_158ym_2._type-icon_158ym_16._size-medium_158ym_94 {
+  ._button_1988s_2._type-icon_1988s_16._size-medium_1988s_94 {
     --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_158ym_2._type-icon_158ym_16._size-large_158ym_102 {
+  ._button_1988s_2._type-icon_1988s_16._size-large_1988s_102 {
     --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_158ym_1 {
+@keyframes _indeterminate-before_1988s_1 {
   0% {
     inset-inline-start: -35%;
     inset-inline-end: 100%;
@@ -241,7 +241,7 @@ a[data-anv=button-link]:focus {
   }
 }
 @layer base {
-  ._button-compound_158ym_241 {
+  ._button-compound_1988s_241 {
     background-color: transparent;
     padding-block: 0;
     padding-inline: 0;
@@ -254,60 +254,60 @@ a[data-anv=button-link]:focus {
   }
 }
 @layer state {
-  ._button-compound_158ym_241[data-interactive=hover], ._button-compound_158ym_241:hover {
+  ._button-compound_1988s_241[data-interactive=hover], ._button-compound_1988s_241:hover {
     --button-background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
     z-index: 1;
   }
-  ._button-compound_158ym_241[data-interactive=active], ._button-compound_158ym_241:active {
+  ._button-compound_1988s_241[data-interactive=active], ._button-compound_1988s_241:active {
     --button-background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
     z-index: 1;
   }
-  ._button-compound_158ym_241._shape-rounded_158ym_262 {
+  ._button-compound_1988s_241._shape-rounded_1988s_262 {
     --button-border-radius: 0.75rem;
   }
-  ._button-compound_158ym_241._shape-pill_158ym_265 {
+  ._button-compound_1988s_241._shape-pill_1988s_265 {
     --button-border-radius: 1.5rem;
   }
-  ._button-compound_158ym_241._shape-circular_158ym_268 {
+  ._button-compound_1988s_241._shape-circular_1988s_268 {
     --button-border-radius: 100%;
   }
 }
 @layer state {
-  ._button-toggle_158ym_273 {
+  ._button-toggle_1988s_273 {
     border-color: var(--border-color, #949596);
   }
-  ._button-toggle_158ym_273[aria-pressed=false]:not([data-interactive=hover],
+  ._button-toggle_1988s_273[aria-pressed=false]:not([data-interactive=hover],
   :hover,
   [data-interactive=active],
   :active) {
     background-color: var(--button-primary-foreground-color, #ffffff);
   }
-  ._button-toggle_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true]) {
+  ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]) {
     color: var(--foreground-color-primary, #0265DC);
     border-color: currentColor;
   }
-  ._button-toggle_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true])[data-interactive=hover], ._button-toggle_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true]):hover {
+  ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=hover], ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):hover {
     color: var(--foreground-color-hover-primary, #004491);
   }
-  ._button-toggle_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true])[data-interactive=hover]::before, ._button-toggle_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true]):hover::before {
+  ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=hover]::before, ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_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_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true])[data-interactive=active], ._button-toggle_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true]):active {
+  ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=active], ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true]):active {
     color: var(--foreground-color-active-primary, #004491);
     border-color: currentColor;
   }
-  ._button-toggle_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true])[data-interactive=active]::before, ._button-toggle_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true]):active::before {
+  ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])[data-interactive=active]::before, ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_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_158ym_273[aria-pressed=true]:not(:disabled, ._disabled_158ym_67, [aria-disabled=true])::after {
+  ._button-toggle_1988s_273[aria-pressed=true]:not(:disabled, ._disabled_1988s_67, [aria-disabled=true])::after {
     content: "";
     position: absolute;
     width: 100%;
@@ -323,11 +323,11 @@ a[data-anv=button-link]:focus {
   }
 }
 @layer application {
-  ._button-toggle_158ym_273:disabled, ._button-toggle_158ym_273._disabled_158ym_67, ._button-toggle_158ym_273[aria-disabled=true] {
+  ._button-toggle_1988s_273:disabled, ._button-toggle_1988s_273._disabled_1988s_67, ._button-toggle_1988s_273[aria-disabled=true] {
     color: var(--foreground-color-subdued, #737475);
     border-color: transparent;
   }
-  ._button_158ym_2:disabled, ._button_158ym_2._disabled_158ym_67, ._button_158ym_2[aria-disabled=true] {
+  ._button_1988s_2:disabled, ._button_1988s_2._disabled_1988s_67, ._button_1988s_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-DrNDkO2f.js';
+export { B as Button, B as default } from './Button-DuvaXRZ5.js';
 //# sourceMappingURL=Button.js.map

package/dist/Button.module-wCtFYGVD.js

@@ -0,0 +1,26 @@
+import './Button.css';const button = "_button_1988s_2";
+const icon = "_icon_1988s_62";
+const loading = "_loading_1988s_70";
+const styles = {
+	button: button,
+	"type-icon": "_type-icon_1988s_16",
+	icon: icon,
+	loading: loading,
+	"loading-spinner": "_loading-spinner_1988s_73",
+	"size-xsmall": "_size-xsmall_1988s_76",
+	"size-small": "_size-small_1988s_85",
+	"size-medium": "_size-medium_1988s_94",
+	"size-large": "_size-large_1988s_102",
+	"appearance-primary": "_appearance-primary_1988s_110",
+	"appearance-secondary": "_appearance-secondary_1988s_125",
+	"appearance-ghost": "_appearance-ghost_1988s_140",
+	"danger-primary": "_danger-primary_1988s_155",
+	"danger-secondary": "_danger-secondary_1988s_170",
+	"button-compound": "_button-compound_1988s_241",
+	"shape-rounded": "_shape-rounded_1988s_262",
+	"shape-pill": "_shape-pill_1988s_265",
+	"shape-circular": "_shape-circular_1988s_268",
+	"button-toggle": "_button-toggle_1988s_273"};
+
+export { styles as s };
+//# sourceMappingURL=Button.module-wCtFYGVD.js.map

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

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

package/dist/{ButtonCompound-D9VTKcL4.js → ButtonCompound-CfRJlClF.js}

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-SvGbrGuT.js';
-import { s as styles } from './Button.module-DwCq9XU0.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
+import { s as styles } from './Button.module-wCtFYGVD.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -61,4 +61,4 @@ const ButtonCompound = forwardRef(
 ButtonCompound.displayName = "ButtonCompound";
 
 export { ButtonCompound as B };
-//# sourceMappingURL=ButtonCompound-D9VTKcL4.js.map
+//# sourceMappingURL=ButtonCompound-CfRJlClF.js.map

package/dist/{ButtonCompound-D9VTKcL4.js.map → ButtonCompound-CfRJlClF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonCompound-D9VTKcL4.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,cAAA,GAAiB,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAAA,KAAgC;AAC3D,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,KAAA,GAAQ,SAAA;AAAA,MACR,IAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,gBAAA,GAAmB,EAAA;AAAA,MACvB,SAAA;AAAA,MACA,OAAO,QAAQ,CAAA;AAAA,MACf,OAAO,iBAAiB,CAAA;AAAA,MACxB;AAAA,QACE,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,KAAA,KAAU,MAAA;AAAA,QAClC,CAAC,MAAA,CAAO,gBAAgB,CAAC,GAAG,KAAA,KAAU,UAAA;AAAA,QACtC,CAAC,MAAA,CAAO,eAAe,CAAC,GAAG,KAAA,KAAU;AAAA;AACvC,KACF;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,SAAA,EAAW,gBAAA;AAAA,QACX,IAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA,EAAS,iBAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}
+{"version":3,"file":"ButtonCompound-CfRJlClF.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,cAAA,GAAiB,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAAA,KAAgC;AAC3D,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,KAAA,GAAQ,SAAA;AAAA,MACR,IAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,gBAAA,GAAmB,EAAA;AAAA,MACvB,SAAA;AAAA,MACA,OAAO,QAAQ,CAAA;AAAA,MACf,OAAO,iBAAiB,CAAA;AAAA,MACxB;AAAA,QACE,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,KAAA,KAAU,MAAA;AAAA,QAClC,CAAC,MAAA,CAAO,gBAAgB,CAAC,GAAG,KAAA,KAAU,UAAA;AAAA,QACtC,CAAC,MAAA,CAAO,eAAe,CAAC,GAAG,KAAA,KAAU;AAAA;AACvC,KACF;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,SAAA,EAAW,gBAAA;AAAA,QACX,IAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA,EAAS,iBAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}

package/dist/ButtonCompound.js

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

package/dist/{ButtonLink-DDtrmbVM.js → ButtonLink-B5Ixd5d5.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { I as Icon } from './Icon-Bcil6aBo.js';
+import { I as Icon } from './Icon-Bgkq1egx.js';
 import { S as Spinner } from './Spinner-CpEm3Lud.js';
 import { c as cx } from './index-SvGbrGuT.js';
-import { s as styles } from './Button.module-DwCq9XU0.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
+import { s as styles } from './Button.module-wCtFYGVD.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -134,4 +134,4 @@ const ButtonLink = forwardRef(
 ButtonLink.displayName = "ButtonLink";
 
 export { ButtonLink as B };
-//# sourceMappingURL=ButtonLink-DDtrmbVM.js.map
+//# sourceMappingURL=ButtonLink-B5Ixd5d5.js.map

package/dist/{ButtonLink-DDtrmbVM.js.map → ButtonLink-B5Ixd5d5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink-DDtrmbVM.js","sources":["../src/components/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  forwardRef,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n  DataTrackingId,\n  ButtonAppearance,\n  LayoutUtilProps,\n  Size,\n} from \"../../types\";\nimport Icon, { IconProps } from \"../Icon\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport Spinner from \"../Spinner\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\n/**\n * Props for the ButtonLink component\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type ButtonLinkProps = LayoutUtilProps &\n  ComponentPropsWithoutRef<\"a\"> & {\n    /**\n     * The disabled state of the button link.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The visual variant of the button link.\n     * @default secondary\n     */\n    appearance?: ButtonAppearance;\n\n    /**\n     * The size of the button link.\n     * @default medium\n     */\n    size?: Extract<Size, \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n\n    /**\n     * The icons of the button link.\n     */\n    icon?:\n      | IconProps[\"svg\"]\n      | {\n          after: IconProps[\"svg\"];\n        }\n      | {\n          before: IconProps[\"svg\"];\n        };\n\n    /**\n     * The loading state of the button link.\n     * If true, it will show infinite state of the loading.\n     * @default false\n     */\n    loading?: boolean;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonLink component for creating clickable links that look like buttons.\n *\n * Features:\n * - Multiple visual appearances (primary, secondary, ghost, danger variants)\n * - Four size options (xsmall, small, medium, large)\n * - Loading state with spinner animation\n * - Icon support (before, after, or icon-only)\n * - Full accessibility support with proper ARIA attributes\n * - Supports layout utilities for positioning and spacing\n * - Keyboard navigation support (Space and Enter keys)\n * - Automatic disabled state when loading\n * - Prevents navigation when disabled or loading\n * - Flexible content with text and/or icons\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonLink href=\"/dashboard\" appearance=\"primary\" size=\"medium\">\n *   Go to Dashboard\n * </ButtonLink>\n */\nexport const ButtonLink = forwardRef(\n  (props: ButtonLinkProps, ref: Ref<HTMLAnchorElement>) => {\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      onClick,\n      onKeyUp,\n      onKeyDown,\n      style,\n      href,\n      type,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      children: childrenToString(props.children),\n      appearance,\n      href,\n      icon,\n      size,\n      type,\n    };\n\n    const iconBefore = (icon: ButtonLinkProps[\"icon\"]) => {\n      if (icon && typeof icon === \"object\" && \"before\" in icon) {\n        return (\n          <Icon\n            aria-hidden\n            className={styles[\"icon\"]}\n            inherit\n            svg={icon.before}\n          />\n        );\n      }\n      if (icon && typeof icon !== \"object\") {\n        return (\n          <Icon aria-hidden className={styles[\"icon\"]} inherit svg={icon} />\n        );\n      }\n      return;\n    };\n\n    const handleOnClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e);\n    };\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\") {\n        e.preventDefault();\n        onKeyDown?.(e);\n        return;\n      }\n\n      onKeyDown?.(e);\n    };\n\n    const onKeyUpHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\" || e.code === \"Enter\") {\n        e.preventDefault();\n        if (onClick) {\n          e.currentTarget.click();\n        }\n      }\n\n      onKeyUp?.(e);\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonLink\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\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-xsmall\"]]: size === \"xsmall\",\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      <a\n        data-tracking-id={trackingId}\n        className={buttonClassNames}\n        aria-disabled={disabled || loading}\n        aria-busy={loading}\n        data-anv=\"button-link\"\n        tabIndex={disabled || loading ? -1 : 0}\n        onClick={handleOnClick}\n        onKeyDown={onKeyDownHandler}\n        onKeyUp={onKeyUpHandler}\n        style={styleCombined}\n        ref={ref}\n        href={href}\n        {...rest}\n      >\n        {loading ? (\n          <Spinner inherit size=\"small\" 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      </a>\n    );\n  },\n);\n\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["icon"],"mappings":"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"}
+{"version":3,"file":"ButtonLink-B5Ixd5d5.js","sources":["../src/components/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  forwardRef,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n  DataTrackingId,\n  ButtonAppearance,\n  LayoutUtilProps,\n  Size,\n} from \"../../types\";\nimport Icon, { IconProps } from \"../Icon\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport Spinner from \"../Spinner\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\n/**\n * Props for the ButtonLink component\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type ButtonLinkProps = LayoutUtilProps &\n  ComponentPropsWithoutRef<\"a\"> & {\n    /**\n     * The disabled state of the button link.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The visual variant of the button link.\n     * @default secondary\n     */\n    appearance?: ButtonAppearance;\n\n    /**\n     * The size of the button link.\n     * @default medium\n     */\n    size?: Extract<Size, \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n\n    /**\n     * The icons of the button link.\n     */\n    icon?:\n      | IconProps[\"svg\"]\n      | {\n          after: IconProps[\"svg\"];\n        }\n      | {\n          before: IconProps[\"svg\"];\n        };\n\n    /**\n     * The loading state of the button link.\n     * If true, it will show infinite state of the loading.\n     * @default false\n     */\n    loading?: boolean;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonLink component for creating clickable links that look like buttons.\n *\n * Features:\n * - Multiple visual appearances (primary, secondary, ghost, danger variants)\n * - Four size options (xsmall, small, medium, large)\n * - Loading state with spinner animation\n * - Icon support (before, after, or icon-only)\n * - Full accessibility support with proper ARIA attributes\n * - Supports layout utilities for positioning and spacing\n * - Keyboard navigation support (Space and Enter keys)\n * - Automatic disabled state when loading\n * - Prevents navigation when disabled or loading\n * - Flexible content with text and/or icons\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonLink href=\"/dashboard\" appearance=\"primary\" size=\"medium\">\n *   Go to Dashboard\n * </ButtonLink>\n */\nexport const ButtonLink = forwardRef(\n  (props: ButtonLinkProps, ref: Ref<HTMLAnchorElement>) => {\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      onClick,\n      onKeyUp,\n      onKeyDown,\n      style,\n      href,\n      type,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      children: childrenToString(props.children),\n      appearance,\n      href,\n      icon,\n      size,\n      type,\n    };\n\n    const iconBefore = (icon: ButtonLinkProps[\"icon\"]) => {\n      if (icon && typeof icon === \"object\" && \"before\" in icon) {\n        return (\n          <Icon\n            aria-hidden\n            className={styles[\"icon\"]}\n            inherit\n            svg={icon.before}\n          />\n        );\n      }\n      if (icon && typeof icon !== \"object\") {\n        return (\n          <Icon aria-hidden className={styles[\"icon\"]} inherit svg={icon} />\n        );\n      }\n      return;\n    };\n\n    const handleOnClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e);\n    };\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\") {\n        e.preventDefault();\n        onKeyDown?.(e);\n        return;\n      }\n\n      onKeyDown?.(e);\n    };\n\n    const onKeyUpHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\" || e.code === \"Enter\") {\n        e.preventDefault();\n        if (onClick) {\n          e.currentTarget.click();\n        }\n      }\n\n      onKeyUp?.(e);\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonLink\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\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-xsmall\"]]: size === \"xsmall\",\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      <a\n        data-tracking-id={trackingId}\n        className={buttonClassNames}\n        aria-disabled={disabled || loading}\n        aria-busy={loading}\n        data-anv=\"button-link\"\n        tabIndex={disabled || loading ? -1 : 0}\n        onClick={handleOnClick}\n        onKeyDown={onKeyDownHandler}\n        onKeyUp={onKeyUpHandler}\n        style={styleCombined}\n        ref={ref}\n        href={href}\n        {...rest}\n      >\n        {loading ? (\n          <Spinner inherit size=\"small\" 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      </a>\n    );\n  },\n);\n\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["icon"],"mappings":"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"}

package/dist/ButtonLink.js

@@ -1,2 +1,2 @@
-export { B as ButtonLink, B as default } from './ButtonLink-DDtrmbVM.js';
+export { B as ButtonLink, B as default } from './ButtonLink-B5Ixd5d5.js';
 //# sourceMappingURL=ButtonLink.js.map

package/dist/{ButtonToggle-DrFewgOG.js → ButtonToggle-BkDR0AcM.js}

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect } from 'react';
-import { B as Button } from './Button-DrNDkO2f.js';
+import { B as Button } from './Button-DuvaXRZ5.js';
 import { c as cx } from './index-SvGbrGuT.js';
-import { s as styles } from './Button.module-DwCq9XU0.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
+import { s as styles } from './Button.module-wCtFYGVD.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -75,4 +75,4 @@ const ButtonToggle = forwardRef(
 ButtonToggle.displayName = "ButtonToggle";
 
 export { ButtonToggle as B };
-//# sourceMappingURL=ButtonToggle-DrFewgOG.js.map
+//# sourceMappingURL=ButtonToggle-BkDR0AcM.js.map

package/dist/{ButtonToggle-DrFewgOG.js.map → ButtonToggle-BkDR0AcM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonToggle-DrFewgOG.js","sources":["../src/components/ButtonToggle/ButtonToggle.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\nexport type ButtonToggleState = {\n  pressed: boolean;\n  value?: string;\n};\n\n/**\n * Props for the ButtonToggle component\n * @extends Omit<ButtonProps, \"appearance\" | \"loading\">\n */\nexport type ButtonToggleProps = Omit<ButtonProps, \"appearance\" | \"loading\"> & {\n  /**\n   * The default pressed(selected) state of the toggle button.\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * The controlled pressed(selected) state of the toggle button.\n   */\n  checked?: boolean;\n\n  /**\n   * The value of the toggle button.\n   */\n  value?: string;\n\n  /**\n   * Callback for when pressed(selected) changes.\n   */\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    state: ButtonToggleState,\n  ) => void;\n} &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonToggle component for creating toggleable button states.\n *\n * Features:\n * - Supports both controlled and uncontrolled state management\n * - Toggle state with pressed/selected visual feedback\n * - Full accessibility support with aria-pressed attribute\n * - Callback support for state changes\n * - Supports layout utilities for positioning and spacing\n * - Inherits all button features except appearance and loading\n * - Flexible content with text and/or icons\n * - Keyboard interaction support\n * - Value association for form-like behavior\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonToggle\n *   defaultChecked={false}\n *   onChange={(e, state) => console.log('Toggle state:', state.pressed)}\n * >\n *   Toggle Me\n * </ButtonToggle>\n */\nexport const ButtonToggle = forwardRef(\n  (props: ButtonToggleProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      value,\n      defaultChecked = false,\n      checked,\n      className,\n      onClick,\n      onChange,\n      onKeyDown,\n      style,\n      icon,\n      size,\n      type,\n      ...rest\n    } = componentProps;\n\n    const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n\n    const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n      if (typeof checked === \"undefined\") {\n        setIsPressed(!isPressed);\n        onChange?.(e, { pressed: !isPressed, value });\n      }\n      onClick?.(e);\n    };\n\n    useEffect(() => {\n      if (typeof checked === \"undefined\") return;\n      setIsPressed(checked);\n    }, [checked]);\n\n    const data = {\n      children: childrenToString(props.children),\n      icon,\n      size,\n      value,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonToggle\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n    return (\n      <Button\n        data-tracking-id={trackingId}\n        data-anv=\"button-toggle\"\n        aria-pressed={isPressed}\n        onClick={onClickHandler}\n        className={ButtonToggleClassNames}\n        value={value}\n        style={styleCombined}\n        icon={icon}\n        size={size}\n        type={type}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n\nButtonToggle.displayName = \"ButtonToggle\";\n"],"names":[],"mappings":";;;;;;;;;AA+EO,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAA,KAAgC;AACzD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,KAAA;AAAA,MACA,cAAA,GAAiB,KAAA;AAAA,MACjB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,CAAS,WAAW,cAAc,CAAA;AAEpE,IAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqC;AAC3D,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AAClC,QAAA,YAAA,CAAa,CAAC,SAAS,CAAA;AACvB,QAAA,QAAA,GAAW,GAAG,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,OAAO,CAAA;AAAA,MAC9C;AACA,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AACpC,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,IAAA;AAAA,MACA,IAAA;AAAA,MACA,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,sBAAA,GAAyB,EAAA,CAAG,SAAA,EAAW,MAAA,CAAO,eAAe,CAAC,CAAA;AAEpE,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AACA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,UAAA,EAAS,eAAA;AAAA,QACT,cAAA,EAAc,SAAA;AAAA,QACd,OAAA,EAAS,cAAA;AAAA,QACT,SAAA,EAAW,sBAAA;AAAA,QACX,KAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACP,IAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}
+{"version":3,"file":"ButtonToggle-BkDR0AcM.js","sources":["../src/components/ButtonToggle/ButtonToggle.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\nexport type ButtonToggleState = {\n  pressed: boolean;\n  value?: string;\n};\n\n/**\n * Props for the ButtonToggle component\n * @extends Omit<ButtonProps, \"appearance\" | \"loading\">\n */\nexport type ButtonToggleProps = Omit<ButtonProps, \"appearance\" | \"loading\"> & {\n  /**\n   * The default pressed(selected) state of the toggle button.\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * The controlled pressed(selected) state of the toggle button.\n   */\n  checked?: boolean;\n\n  /**\n   * The value of the toggle button.\n   */\n  value?: string;\n\n  /**\n   * Callback for when pressed(selected) changes.\n   */\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    state: ButtonToggleState,\n  ) => void;\n} &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonToggle component for creating toggleable button states.\n *\n * Features:\n * - Supports both controlled and uncontrolled state management\n * - Toggle state with pressed/selected visual feedback\n * - Full accessibility support with aria-pressed attribute\n * - Callback support for state changes\n * - Supports layout utilities for positioning and spacing\n * - Inherits all button features except appearance and loading\n * - Flexible content with text and/or icons\n * - Keyboard interaction support\n * - Value association for form-like behavior\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonToggle\n *   defaultChecked={false}\n *   onChange={(e, state) => console.log('Toggle state:', state.pressed)}\n * >\n *   Toggle Me\n * </ButtonToggle>\n */\nexport const ButtonToggle = forwardRef(\n  (props: ButtonToggleProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      value,\n      defaultChecked = false,\n      checked,\n      className,\n      onClick,\n      onChange,\n      onKeyDown,\n      style,\n      icon,\n      size,\n      type,\n      ...rest\n    } = componentProps;\n\n    const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n\n    const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n      if (typeof checked === \"undefined\") {\n        setIsPressed(!isPressed);\n        onChange?.(e, { pressed: !isPressed, value });\n      }\n      onClick?.(e);\n    };\n\n    useEffect(() => {\n      if (typeof checked === \"undefined\") return;\n      setIsPressed(checked);\n    }, [checked]);\n\n    const data = {\n      children: childrenToString(props.children),\n      icon,\n      size,\n      value,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonToggle\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n    return (\n      <Button\n        data-tracking-id={trackingId}\n        data-anv=\"button-toggle\"\n        aria-pressed={isPressed}\n        onClick={onClickHandler}\n        className={ButtonToggleClassNames}\n        value={value}\n        style={styleCombined}\n        icon={icon}\n        size={size}\n        type={type}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n\nButtonToggle.displayName = \"ButtonToggle\";\n"],"names":[],"mappings":";;;;;;;;;AA+EO,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAA,KAAgC;AACzD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,KAAA;AAAA,MACA,cAAA,GAAiB,KAAA;AAAA,MACjB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,CAAS,WAAW,cAAc,CAAA;AAEpE,IAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqC;AAC3D,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AAClC,QAAA,YAAA,CAAa,CAAC,SAAS,CAAA;AACvB,QAAA,QAAA,GAAW,GAAG,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,OAAO,CAAA;AAAA,MAC9C;AACA,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AACpC,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,IAAA;AAAA,MACA,IAAA;AAAA,MACA,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,sBAAA,GAAyB,EAAA,CAAG,SAAA,EAAW,MAAA,CAAO,eAAe,CAAC,CAAA;AAEpE,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AACA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,UAAA,EAAS,eAAA;AAAA,QACT,cAAA,EAAc,SAAA;AAAA,QACd,OAAA,EAAS,cAAA;AAAA,QACT,SAAA,EAAW,sBAAA;AAAA,QACX,KAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACP,IAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/dist/ButtonToggle.js

@@ -1,2 +1,2 @@
-export { B as ButtonToggle, B as default } from './ButtonToggle-DrFewgOG.js';
+export { B as ButtonToggle, B as default } from './ButtonToggle-BkDR0AcM.js';
 //# sourceMappingURL=ButtonToggle.js.map

package/dist/{Calendar-CtkL4zYU.js → Calendar-M8K2O28r.js}

@@ -1,20 +1,20 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { D as DateTime, I as Info } from './luxon-wpz4A-OQ.js';
 import { createContext, useContext, forwardRef, useState, useEffect, useRef, useCallback, useMemo, useId } from 'react';
-import { B as Button } from './Button-DrNDkO2f.js';
+import { B as Button } from './Button-DuvaXRZ5.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
 import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboard_arrow_right-DZWNVytH.js';
 import { c as cx } from './index-SvGbrGuT.js';
 import { S as SrOnly } from './SrOnly-CrdBTl6E.js';
 import { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
-import { G as Grid } from './Grid-CatFkT0X.js';
-import { S as SelectCard } from './SelectCard-yWBNnm7t.js';
+import { G as Grid } from './Grid-xRKvVHA2.js';
+import { S as SelectCard } from './SelectCard-D94UKLxM.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { u as usePrevious } from './usePrevious-Bvq-5auG.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 
 import './Calendar.css';const CalendarContext = createContext(null);
 function useCalendar() {
@@ -1806,4 +1806,4 @@ const Calendar = Object.assign(CalendarElement, {
 });
 
 export { CalendarBetaPropsContext as C, Calendar as a, CalendarNow as b, CalendarYearButton as c, CalendarPrev as d, CalendarNext as e, CalendarMonthButton as f, CalendarMonth as g, useCalendarBetaProps as u };
-//# sourceMappingURL=Calendar-CtkL4zYU.js.map
+//# sourceMappingURL=Calendar-M8K2O28r.js.map