@servicetitan/anvil2 1.26.1 → 1.27.0

package/dist/Checkbox.css

@@ -2,7 +2,7 @@
 
 @layer starter, reset, base, state, application;
 @layer reset {
-  ._checkbox_1tup0_3 {
+  ._checkbox_1kz2f_3 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -17,12 +17,12 @@
   }
 }
 @layer base {
-  ._wrapper_1tup0_18 {
+  ._wrapper_1kz2f_18 {
     display: inline-flex;
     flex-direction: column;
     gap: 0.25rem;
   }
-  ._checkbox_1tup0_3 {
+  ._checkbox_1kz2f_3 {
     display: inline-flex;
     align-items: flex-start;
     gap: 0.5rem;
@@ -31,19 +31,25 @@
     font-size: 1rem;
     line-height: 1.5;
   }
-  ._checkbox_1tup0_3 ._required-asterisk_1tup0_32 {
+  ._checkbox_1kz2f_3 ._required-asterisk_1kz2f_32 {
     margin-inline-start: 0.25rem;
     color: var(--foreground-color-danger, #e13212);
   }
-  ._checkbox_1tup0_3 ._icon-wrapper_1tup0_36 {
+  ._checkbox_1kz2f_3 ._focus-label_1kz2f_36 {
+    border-radius: 0.75rem;
+    outline: 0 solid var(--focus-ring-color, #0265DC);
+    outline-offset: 2px;
+    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
+  }
+  ._checkbox_1kz2f_3 ._icon-wrapper_1kz2f_42 {
     display: inline-flex;
     border-radius: 0.3125rem;
     background-color: transparent;
     transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
     position: relative;
-    outline: 0 solid var(--focus-ring-color, #0265dc);
+    outline: 0 solid var(--focus-ring-color, #0265DC);
   }
-  ._checkbox_1tup0_3 ._icon-wrapper_1tup0_36::before {
+  ._checkbox_1kz2f_3 ._icon-wrapper_1kz2f_42::before {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -58,7 +64,7 @@
     pointer-events: none;
     border-radius: inherit;
   }
-  ._checkbox_1tup0_3 input {
+  ._checkbox_1kz2f_3 input {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
@@ -70,118 +76,150 @@
     white-space: nowrap;
     width: 1px;
   }
-  ._helper-wrapper_1tup0_69 {
+  ._helper-wrapper_1kz2f_75 {
     margin-inline-start: 2rem;
   }
 }
 @layer state {
-  ._checkbox_1tup0_3 ._icon-indeterminate_1tup0_74,
-  ._checkbox_1tup0_3 ._icon-unchecked_1tup0_75,
-  ._checkbox_1tup0_3 ._icon-checked_1tup0_76 {
+  ._checkbox_1kz2f_3 ._icon-indeterminate_1kz2f_80,
+  ._checkbox_1kz2f_3 ._icon-unchecked_1kz2f_81,
+  ._checkbox_1kz2f_3 ._icon-checked_1kz2f_82 {
     border-radius: 0.1875rem;
   }
-  ._checkbox_1tup0_3 ._icon-checked_1tup0_76,
-  ._checkbox_1tup0_3 ._icon-indeterminate_1tup0_74 {
-    color: var(--foreground-color-primary, #0265dc);
+  ._checkbox_1kz2f_3 ._icon-checked_1kz2f_82,
+  ._checkbox_1kz2f_3 ._icon-indeterminate_1kz2f_80 {
+    color: var(--checkbox-checked-fill-color-default, #0265DC);
     display: none;
   }
-  ._checkbox_1tup0_3._error_1tup0_84 ._icon-wrapper_1tup0_36 {
+  ._checkbox_1kz2f_3 ._icon-checked_1kz2f_82:hover,
+  ._checkbox_1kz2f_3 ._icon-indeterminate_1kz2f_80:hover {
+    color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
+  }
+  ._checkbox_1kz2f_3 ._icon-checked_1kz2f_82:active,
+  ._checkbox_1kz2f_3 ._icon-indeterminate_1kz2f_80:active {
+    color: var(--checkbox-checked-fill-color-active, rgba(1, 81, 175, 0.7215686275));
+  }
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-wrapper_1kz2f_42 {
     outline-color: var(--focus-ring-color-danger, #e13212);
   }
-  ._checkbox_1tup0_3._error_1tup0_84 ._icon-indeterminate_1tup0_74,
-  ._checkbox_1tup0_3._error_1tup0_84 ._icon-unchecked_1tup0_75,
-  ._checkbox_1tup0_3._error_1tup0_84 ._icon-checked_1tup0_76 {
-    color: var(--foreground-color-danger, #e13212);
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-indeterminate_1kz2f_80,
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-unchecked_1kz2f_81,
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-checked_1kz2f_82 {
+    color: var(--checkbox-checked-error-fill-color-default, #e13212);
   }
-  ._checkbox_1tup0_3._error_1tup0_84 ._icon-checked_1tup0_76,
-  ._checkbox_1tup0_3._error_1tup0_84 ._icon-indeterminate_1tup0_74 {
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-indeterminate_1kz2f_80:hover,
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-unchecked_1kz2f_81:hover,
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-checked_1kz2f_82:hover {
+    color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
+  }
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-indeterminate_1kz2f_80:active,
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-unchecked_1kz2f_81:active,
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-checked_1kz2f_82:active {
+    color: var(--checkbox-checked-error-fill-color-active, #bf2a00);
+  }
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-checked_1kz2f_82,
+  ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-indeterminate_1kz2f_80 {
     display: none;
   }
-  ._checkbox_1tup0_3:hover {
+  ._checkbox_1kz2f_3:hover {
     cursor: pointer;
   }
-  ._checkbox_1tup0_3:hover:has(input:not(:disabled)) ._icon-wrapper_1tup0_36:before {
-    content: "";
-    background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
+  ._checkbox_1kz2f_3:hover:has(input:not(:disabled)) ._icon-wrapper_1kz2f_42 {
+    background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
+  }
+  ._checkbox_1kz2f_3:hover:has(input:not(:disabled):checked) ._icon-wrapper_1kz2f_42 {
+    background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
   }
-  ._checkbox_1tup0_3:hover:has(input:not(:disabled):checked) ._icon-wrapper_1tup0_36:before {
-    content: "";
-    background-color: var(--overlay-color-hover-on-primary, rgba(20, 20, 20, 0.2));
+  ._checkbox_1kz2f_3 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1kz2f_42 {
+    background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._checkbox_1tup0_3 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1tup0_36:before {
-    content: "";
-    background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
+  ._checkbox_1kz2f_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 {
+    background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
   }
-  ._checkbox_1tup0_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1tup0_36:before {
-    content: "";
-    background-color: var(--overlay-color-hover-on-primary, rgba(20, 20, 20, 0.2));
+  ._checkbox_1kz2f_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 ._icon-checked_1kz2f_82,
+  ._checkbox_1kz2f_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 ._icon-indeterminate_1kz2f_80 {
+    color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
   }
-  ._checkbox_1tup0_3._error_1tup0_84:hover {
+  ._checkbox_1kz2f_3._error_1kz2f_98:hover {
     cursor: pointer;
   }
-  ._checkbox_1tup0_3._error_1tup0_84:hover:has(input:not(:disabled)) ._icon-wrapper_1tup0_36:before {
-    content: "";
-    background-color: var(--overlay-color-hover-danger, rgba(225, 50, 18, 0.0588235294));
+  ._checkbox_1kz2f_3._error_1kz2f_98:hover:has(input:not(:disabled)) ._icon-wrapper_1kz2f_42 {
+    background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_1tup0_3._error_1tup0_84:hover:has(input:not(:disabled):checked) ._icon-wrapper_1tup0_36:before {
-    content: "";
-    background-color: var(--overlay-color-hover-on-danger, rgba(20, 20, 20, 0.2));
+  ._checkbox_1kz2f_3._error_1kz2f_98:hover:has(input:not(:disabled):checked) ._icon-wrapper_1kz2f_42 {
+    background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_1tup0_3._error_1tup0_84 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1tup0_36:before {
-    content: "";
-    background-color: var(--overlay-color-hover-danger, rgba(225, 50, 18, 0.0588235294));
+  ._checkbox_1kz2f_3._error_1kz2f_98 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1kz2f_42 {
+    background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_1tup0_3._error_1tup0_84 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1tup0_36:before {
-    content: "";
-    background-color: var(--overlay-color-hover-on-danger, rgba(20, 20, 20, 0.2));
+  ._checkbox_1kz2f_3._error_1kz2f_98 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 {
+    background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_1tup0_3 input:focus-visible ~ ._icon-wrapper_1tup0_36 {
+  ._checkbox_1kz2f_3._error_1kz2f_98 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 ._icon-checked_1kz2f_82,
+  ._checkbox_1kz2f_3._error_1kz2f_98 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 ._icon-indeterminate_1kz2f_80 {
+    color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
+  }
+  ._checkbox_1kz2f_3 input:focus-visible ~ ._icon-wrapper_1kz2f_42,
+  ._checkbox_1kz2f_3 input:focus-visible ~ ._focus-label_1kz2f_36 {
     outline-width: 0.125rem;
   }
-  ._checkbox_1tup0_3 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_1tup0_36 {
+  ._checkbox_1kz2f_3 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_1kz2f_42,
+  ._checkbox_1kz2f_3 input[data-interactive=focus-visible]:not(:disabled) ~ ._focus-label_1kz2f_36 {
     outline-width: 0.125rem;
   }
-  ._checkbox_1tup0_3 input:checked ~ ._icon-wrapper_1tup0_36 ._icon-unchecked_1tup0_75 {
+  ._checkbox_1kz2f_3 input:checked ~ ._icon-wrapper_1kz2f_42 ._icon-unchecked_1kz2f_81 {
     display: none;
   }
-  ._checkbox_1tup0_3 input:checked ~ ._icon-wrapper_1tup0_36 ._icon-checked_1tup0_76 {
+  ._checkbox_1kz2f_3 input:checked ~ ._icon-wrapper_1kz2f_42 ._icon-checked_1kz2f_82 {
     display: inline-flex;
   }
-  ._checkbox_1tup0_3 input:checked:focus-visible ~ ._icon-wrapper_1tup0_36 {
+  ._checkbox_1kz2f_3 input:checked:focus-visible ~ ._icon-wrapper_1kz2f_42, ._checkbox_1kz2f_3 input:checked:focus-visible ~ ._focus-label_1kz2f_36 {
     outline-width: 0.125rem;
   }
-  ._checkbox_1tup0_3 input[aria-checked=mixed] ~ ._icon-wrapper_1tup0_36 ._icon-checked_1tup0_76, ._checkbox_1tup0_3 input[aria-checked=mixed] ~ ._icon-wrapper_1tup0_36 ._icon-unchecked_1tup0_75 {
+  ._checkbox_1kz2f_3 input[aria-checked=mixed] ~ ._icon-wrapper_1kz2f_42 ._icon-checked_1kz2f_82, ._checkbox_1kz2f_3 input[aria-checked=mixed] ~ ._icon-wrapper_1kz2f_42 ._icon-unchecked_1kz2f_81 {
     display: none;
   }
-  ._checkbox_1tup0_3 input[aria-checked=mixed] ~ ._icon-wrapper_1tup0_36 ._icon-indeterminate_1tup0_74 {
+  ._checkbox_1kz2f_3 input[aria-checked=mixed] ~ ._icon-wrapper_1kz2f_42 ._icon-indeterminate_1kz2f_80 {
     display: inline-flex;
   }
-  ._checkbox_1tup0_3:has(input[disabled]) {
+  ._checkbox_1kz2f_3:has(input[disabled]) {
     opacity: 0.6;
     filter: grayscale(1);
   }
-  ._checkbox_1tup0_3:has(input[disabled]) ._icon-indeterminate_1tup0_74,
-  ._checkbox_1tup0_3:has(input[disabled]) ._icon-unchecked_1tup0_75,
-  ._checkbox_1tup0_3:has(input[disabled]) ._icon-checked_1tup0_76 {
+  ._checkbox_1kz2f_3:has(input[disabled]) ._icon-indeterminate_1kz2f_80,
+  ._checkbox_1kz2f_3:has(input[disabled]) ._icon-unchecked_1kz2f_81,
+  ._checkbox_1kz2f_3:has(input[disabled]) ._icon-checked_1kz2f_82 {
     color: var(--foreground-color-subdued, #737475);
   }
-  ._checkbox_1tup0_3:has(input[disabled]):hover {
+  ._checkbox_1kz2f_3:has(input[disabled]):hover {
     cursor: not-allowed;
   }
-  ._checkbox_1tup0_3:has(input[disabled]):hover ._icon-wrapper_1tup0_36 {
+  ._checkbox_1kz2f_3:has(input[disabled]):hover ._icon-wrapper_1kz2f_42 {
     box-shadow: none;
   }
+  ._sr-only_1kz2f_196 {
+    border: 0;
+    clip: rect(0, 0, 0, 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding-block: 0;
+    padding-inline: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
 }
 @layer application {
   @media (prefers-reduced-motion: reduce) {
-    ._checkbox_1tup0_3 ._icon-wrapper_1tup0_36 {
+    ._checkbox_1kz2f_3 ._icon-wrapper_1kz2f_42 {
       transition-duration: 0.01ms !important;
       transition-property: outline;
     }
   }
 }
 @layer reset {
-  ._checkbox-group_1tup0_180 {
+  ._checkbox-group_1kz2f_218 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -196,12 +234,12 @@
   }
 }
 @layer base {
-  ._checkbox-group_1tup0_180 {
+  ._checkbox-group_1kz2f_218 {
     display: inline-flex;
     gap: 0.5rem;
     flex-direction: column;
   }
-  ._checkbox-group_1tup0_180 ._legend_1tup0_200 {
+  ._checkbox-group_1kz2f_218 ._legend_1kz2f_238 {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
@@ -213,16 +251,16 @@
     white-space: nowrap;
     width: 1px;
   }
-  ._checkbox-group_1tup0_180 ._children_1tup0_212 {
+  ._checkbox-group_1kz2f_218 ._children_1kz2f_250 {
     display: inline-flex;
     gap: 0.5rem;
     flex-direction: column;
     flex-wrap: wrap;
   }
-  ._checkbox-group_1tup0_180 ._label_1tup0_218 {
+  ._checkbox-group_1kz2f_218 ._label_1kz2f_256 {
     font-weight: 600;
   }
-  ._checkbox-group_1tup0_180 ._label_1tup0_218 ._required-asterisk_1tup0_32 {
+  ._checkbox-group_1kz2f_218 ._label_1kz2f_256 ._required-asterisk_1kz2f_32 {
     margin-inline-start: 0.25rem;
     color: var(--foreground-color-danger, #e13212);
   }

package/dist/Checkbox.js

@@ -1,2 +1,2 @@
-export { C as Checkbox, a as CheckboxGroup, C as default } from './Checkbox-BTD0_Qkv.js';
+export { C as Checkbox, a as CheckboxGroup, C as default } from './Checkbox-DJguu7Kw.js';
 //# sourceMappingURL=Checkbox.js.map

package/dist/{Checkbox.module-9DnErc2T-CoENWijd.js → Checkbox.module-DMrZNVpb-DL8zOKBQ.js}

@@ -6,27 +6,29 @@ const SvgCheckBox = (props) => /* @__PURE__ */ React.createElement("svg", { xmln
 
 const SvgIndeterminateCheckBox = (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: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z" }));
 
-const checkbox = "_checkbox_1tup0_3";
-const wrapper = "_wrapper_1tup0_18";
-const error = "_error_1tup0_84";
-const legend = "_legend_1tup0_200";
-const children = "_children_1tup0_212";
-const label = "_label_1tup0_218";
+const checkbox = "_checkbox_1kz2f_3";
+const wrapper = "_wrapper_1kz2f_18";
+const error = "_error_1kz2f_98";
+const legend = "_legend_1kz2f_238";
+const children = "_children_1kz2f_250";
+const label = "_label_1kz2f_256";
 const checkboxStyles = {
 	checkbox: checkbox,
 	wrapper: wrapper,
-	"required-asterisk": "_required-asterisk_1tup0_32",
-	"icon-wrapper": "_icon-wrapper_1tup0_36",
-	"helper-wrapper": "_helper-wrapper_1tup0_69",
-	"icon-indeterminate": "_icon-indeterminate_1tup0_74",
-	"icon-unchecked": "_icon-unchecked_1tup0_75",
-	"icon-checked": "_icon-checked_1tup0_76",
+	"required-asterisk": "_required-asterisk_1kz2f_32",
+	"focus-label": "_focus-label_1kz2f_36",
+	"icon-wrapper": "_icon-wrapper_1kz2f_42",
+	"helper-wrapper": "_helper-wrapper_1kz2f_75",
+	"icon-indeterminate": "_icon-indeterminate_1kz2f_80",
+	"icon-unchecked": "_icon-unchecked_1kz2f_81",
+	"icon-checked": "_icon-checked_1kz2f_82",
 	error: error,
-	"checkbox-group": "_checkbox-group_1tup0_180",
+	"sr-only": "_sr-only_1kz2f_196",
+	"checkbox-group": "_checkbox-group_1kz2f_218",
 	legend: legend,
 	children: children,
 	label: label
 };
 
 export { SvgCheckBox as S, SvgIndeterminateCheckBox as a, SvgCheckBoxOutlineBlank as b, checkboxStyles as c };
-//# sourceMappingURL=Checkbox.module-9DnErc2T-CoENWijd.js.map
+//# sourceMappingURL=Checkbox.module-DMrZNVpb-DL8zOKBQ.js.map

package/dist/Checkbox.module-DMrZNVpb-DL8zOKBQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module-DMrZNVpb-DL8zOKBQ.js","sources":["../../hammer-icon/mdi/round/check_box_outline_blank.svg","../../hammer-icon/mdi/round/check_box.svg","../../hammer-icon/mdi/round/indeterminate_check_box.svg","../../hammer-react/dist/Checkbox.module-DMrZNVpb.js"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheckBoxOutlineBlank = (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: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgCheckBoxOutlineBlank;\n","import * as React from \"react\";\nconst SvgCheckBox = (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: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" }));\nexport default SvgCheckBox;\n","import * as React from \"react\";\nconst SvgIndeterminateCheckBox = (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: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgIndeterminateCheckBox;\n","import './Checkbox.css';const checkbox = \"_checkbox_1kz2f_3\";\nconst wrapper = \"_wrapper_1kz2f_18\";\nconst error = \"_error_1kz2f_98\";\nconst legend = \"_legend_1kz2f_238\";\nconst children = \"_children_1kz2f_250\";\nconst label = \"_label_1kz2f_256\";\nconst checkboxStyles = {\n\tcheckbox: checkbox,\n\twrapper: wrapper,\n\t\"required-asterisk\": \"_required-asterisk_1kz2f_32\",\n\t\"focus-label\": \"_focus-label_1kz2f_36\",\n\t\"icon-wrapper\": \"_icon-wrapper_1kz2f_42\",\n\t\"helper-wrapper\": \"_helper-wrapper_1kz2f_75\",\n\t\"icon-indeterminate\": \"_icon-indeterminate_1kz2f_80\",\n\t\"icon-unchecked\": \"_icon-unchecked_1kz2f_81\",\n\t\"icon-checked\": \"_icon-checked_1kz2f_82\",\n\terror: error,\n\t\"sr-only\": \"_sr-only_1kz2f_196\",\n\t\"checkbox-group\": \"_checkbox-group_1kz2f_218\",\n\tlegend: legend,\n\tchildren: children,\n\tlabel: label\n};\n\nexport { checkboxStyles as c };\n//# sourceMappingURL=Checkbox.module-DMrZNVpb.js.map\n"],"names":[],"mappings":";;AACK,MAAC,uBAAuB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+JAA+J,EAAE,CAAC;;ACA1Y,MAAC,WAAW,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2MAA2M,EAAE,CAAC;;ACA1a,MAAC,wBAAwB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+IAA+I,EAAE,CAAC;;ACDxW,MAAM,QAAQ,GAAG,mBAAmB;AAC5D,MAAM,OAAO,GAAG,mBAAmB;AACnC,MAAM,KAAK,GAAG,iBAAiB;AAC/B,MAAM,MAAM,GAAG,mBAAmB;AAClC,MAAM,QAAQ,GAAG,qBAAqB;AACtC,MAAM,KAAK,GAAG,kBAAkB;AAC3B,MAAC,cAAc,GAAG;AACvB,CAAC,QAAQ,EAAE,QAAQ;AACnB,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,mBAAmB,EAAE,6BAA6B;AACnD,CAAC,aAAa,EAAE,uBAAuB;AACvC,CAAC,cAAc,EAAE,wBAAwB;AACzC,CAAC,gBAAgB,EAAE,0BAA0B;AAC7C,CAAC,oBAAoB,EAAE,8BAA8B;AACrD,CAAC,gBAAgB,EAAE,0BAA0B;AAC7C,CAAC,cAAc,EAAE,wBAAwB;AACzC,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,SAAS,EAAE,oBAAoB;AAChC,CAAC,gBAAgB,EAAE,2BAA2B;AAC9C,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,QAAQ,EAAE,QAAQ;AACnB,CAAC,KAAK,EAAE;AACR;;;;"}

package/dist/{Chip-CwBvUKwn.js → Chip-C5ElPVsb.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { u as useTrackingContext } from './useTrackingContext-DRwDL8DE.js';
-import { C as Chip$1 } from './Chip-B09LeE8a-D517lNXd.js';
+import { C as Chip$1 } from './Chip-CAxTyjIZ-DfkCTnYy.js';
 
 const Chip = forwardRef(
   (props, ref) => {
@@ -17,4 +17,4 @@ const Chip = forwardRef(
 );
 
 export { Chip as C };
-//# sourceMappingURL=Chip-CwBvUKwn.js.map
+//# sourceMappingURL=Chip-C5ElPVsb.js.map

package/dist/{Chip-CwBvUKwn.js.map → Chip-C5ElPVsb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-CwBvUKwn.js","sources":["../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  ChipProps as CoreChipProps,\n  Chip as CoreChip,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingContext } from \"../../providers/TrackingProvider\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type ChipProps = CoreChipProps & DataTrackingId;\n\nexport const Chip = forwardRef(\n  (props: ChipProps, ref: Ref<HTMLSpanElement>) => {\n    const { getTrackingId } = useTrackingContext();\n\n    const data = {\n      label: props.label,\n      size: props.size,\n      color: props.color,\n    };\n\n    const trackingId = getTrackingId(JSON.stringify(data), \"Chip\");\n    return <CoreChip ref={ref} data-tracking-id={trackingId} {...props} />;\n  },\n);\n"],"names":["CoreChip"],"mappings":";;;;;AAUO,MAAM,IAAO,GAAA,UAAA;AAAA,EAClB,CAAC,OAAkB,GAA8B,KAAA;AAC/C,IAAM,MAAA,EAAE,aAAc,EAAA,GAAI,kBAAmB,EAAA;AAE7C,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA,IAAA,CAAK,SAAU,CAAA,IAAI,GAAG,MAAM,CAAA;AAC7D,IAAA,2BAAQA,MAAS,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAExE;;;;"}
+{"version":3,"file":"Chip-C5ElPVsb.js","sources":["../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  ChipProps as CoreChipProps,\n  Chip as CoreChip,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingContext } from \"../../providers/TrackingProvider\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type ChipProps = CoreChipProps & DataTrackingId;\n\nexport const Chip = forwardRef(\n  (props: ChipProps, ref: Ref<HTMLSpanElement>) => {\n    const { getTrackingId } = useTrackingContext();\n\n    const data = {\n      label: props.label,\n      size: props.size,\n      color: props.color,\n    };\n\n    const trackingId = getTrackingId(JSON.stringify(data), \"Chip\");\n    return <CoreChip ref={ref} data-tracking-id={trackingId} {...props} />;\n  },\n);\n"],"names":["CoreChip"],"mappings":";;;;;AAUO,MAAM,IAAO,GAAA,UAAA;AAAA,EAClB,CAAC,OAAkB,GAA8B,KAAA;AAC/C,IAAM,MAAA,EAAE,aAAc,EAAA,GAAI,kBAAmB,EAAA;AAE7C,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA,IAAA,CAAK,SAAU,CAAA,IAAI,GAAG,MAAM,CAAA;AAC7D,IAAA,2BAAQA,MAAS,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAExE;;;;"}

package/dist/{Chip-B09LeE8a-D517lNXd.js → Chip-CAxTyjIZ-DfkCTnYy.js}

@@ -3,23 +3,23 @@ import { forwardRef, useContext } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
 import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-CR4Gw85S-D9BFnrDq.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { I as Icon } from './Icon-BgNIrmZM-CUkfW-_l.js';
+import { I as Icon } from './Icon-DbHA5GV1-DwO2aGkj.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6-BkgAan7h.js';
-import { a as ThemeProviderContext } from './ThemeProvider-C15J9JBA-BiL6I6O0.js';
+import { a as ThemeProviderContext } from './ThemeProvider-CioBp3gk-B6HyDICa.js';
 import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_-_hT7dK7_.js';
 
-import './Chip-B09LeE8a.css';const chip = "_chip_1lhn5_3";
-const inner = "_inner_1lhn5_16";
-const close = "_close_1lhn5_29";
-const button = "_button_1lhn5_42";
+import './Chip-CAxTyjIZ.css';const chip = "_chip_1s3v7_3";
+const inner = "_inner_1s3v7_16";
+const close = "_close_1s3v7_29";
+const button = "_button_1s3v7_42";
 const styles = {
 	chip: chip,
 	inner: inner,
 	close: close,
 	button: button,
-	"text-wrap": "_text-wrap_1lhn5_108",
-	"size-small": "_size-small_1lhn5_123",
-	"has-close": "_has-close_1lhn5_137"
+	"text-wrap": "_text-wrap_1s3v7_108",
+	"size-small": "_size-small_1s3v7_123",
+	"has-close": "_has-close_1s3v7_137"
 };
 
 const Chip = forwardRef((props, ref) => {
@@ -104,4 +104,4 @@ const Chip = forwardRef((props, ref) => {
 Chip.displayName = "Chip";
 
 export { Chip as C };
-//# sourceMappingURL=Chip-B09LeE8a-D517lNXd.js.map
+//# sourceMappingURL=Chip-CAxTyjIZ-DfkCTnYy.js.map

package/dist/{Chip-B09LeE8a-D517lNXd.js.map → Chip-CAxTyjIZ-DfkCTnYy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-B09LeE8a-D517lNXd.js","sources":["../../hammer-react/dist/Chip-B09LeE8a.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useContext } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { I as Icon } from './Icon-BgNIrmZM.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6.js';\nimport { a as ThemeProviderContext } from './ThemeProvider-C15J9JBA.js';\nimport { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';\nimport { u as useAccessibleColor } from './useAccessibleColor-CR4Gw85S.js';\n\nimport './Chip.css';const chip = \"_chip_1lhn5_3\";\nconst inner = \"_inner_1lhn5_16\";\nconst close = \"_close_1lhn5_29\";\nconst button = \"_button_1lhn5_42\";\nconst styles = {\n\tchip: chip,\n\tinner: inner,\n\tclose: close,\n\tbutton: button,\n\t\"text-wrap\": \"_text-wrap_1lhn5_108\",\n\t\"size-small\": \"_size-small_1lhn5_123\",\n\t\"has-close\": \"_has-close_1lhn5_137\"\n};\n\nconst Chip = forwardRef((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    color,\n    onClose,\n    onClick,\n    label,\n    style,\n    textWrap,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n  const removeText = \", removeable\";\n  const newLabel = `${label}${onClose ? removeText : \"\"}`;\n  const ChipClassNames = cx(styles[\"chip\"], className, {\n    [styles[\"size-small\"]]: size === \"small\",\n    [styles[\"has-close\"]]: !!onClose,\n    [styles[\"text-wrap\"]]: textWrap\n  });\n  const { mode: themeMode } = useContext(ThemeProviderContext);\n  const { mode: sysMode } = usePrefersColorScheme();\n  const mode = themeMode ?? sysMode;\n  const { foreground, background, border } = useAccessibleColor(color, mode);\n  const bgObj = tinycolor(background);\n  const styleWithColor = {\n    \"--int-bg-color\": color && background,\n    \"--int-font-color\": color && foreground,\n    \"--int-border-color\": color && border,\n    \"--int-close-background-color\": color ? bgObj.isDark() ? bgObj.lighten(15).toHexString() : bgObj.darken(15).toHexString() : \"#14141429\",\n    ...style,\n    ...layoutStyles\n  };\n  const onKeyUpHandler = (e) => {\n    switch (e.code) {\n      case \"Delete\":\n      case \"Backspace\":\n        onClose?.(e);\n        break;\n      case \"Enter\":\n        onClick?.(e);\n        break;\n    }\n  };\n  return /* @__PURE__ */ jsxs(\n    \"span\",\n    {\n      className: ChipClassNames,\n      style: styleWithColor,\n      \"data-anv\": \"chip\",\n      \"aria-label\": newLabel,\n      role: onClick ? \"button\" : undefined,\n      ...rest,\n      ref,\n      onClick,\n      onKeyUp: onKeyUpHandler,\n      tabIndex: onClick || onClose ? 0 : tabIndex,\n      children: [\n        /* @__PURE__ */ jsx(\"span\", { className: styles.inner, children: label }),\n        !!onClose && // this is disabled because this is fake button that only mouse users will interact\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n        /* @__PURE__ */ jsx(\n          \"span\",\n          {\n            \"aria-hidden\": true,\n            \"aria-label\": \"remove button\",\n            className: styles[\"close\"],\n            onClick: (e) => {\n              e.stopPropagation();\n              onClose(e);\n            },\n            children: /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, svg: Close, size })\n          }\n        )\n      ]\n    }\n  );\n});\nChip.displayName = \"Chip\";\n\nexport { Chip as C };\n//# sourceMappingURL=Chip-B09LeE8a.js.map\n"],"names":["Close"],"mappings":"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"}
+{"version":3,"file":"Chip-CAxTyjIZ-DfkCTnYy.js","sources":["../../hammer-react/dist/Chip-CAxTyjIZ.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useContext } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { I as Icon } from './Icon-DbHA5GV1.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6.js';\nimport { a as ThemeProviderContext } from './ThemeProvider-CioBp3gk.js';\nimport { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';\nimport { u as useAccessibleColor } from './useAccessibleColor-CR4Gw85S.js';\n\nimport './Chip.css';const chip = \"_chip_1s3v7_3\";\nconst inner = \"_inner_1s3v7_16\";\nconst close = \"_close_1s3v7_29\";\nconst button = \"_button_1s3v7_42\";\nconst styles = {\n\tchip: chip,\n\tinner: inner,\n\tclose: close,\n\tbutton: button,\n\t\"text-wrap\": \"_text-wrap_1s3v7_108\",\n\t\"size-small\": \"_size-small_1s3v7_123\",\n\t\"has-close\": \"_has-close_1s3v7_137\"\n};\n\nconst Chip = forwardRef((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    color,\n    onClose,\n    onClick,\n    label,\n    style,\n    textWrap,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n  const removeText = \", removeable\";\n  const newLabel = `${label}${onClose ? removeText : \"\"}`;\n  const ChipClassNames = cx(styles[\"chip\"], className, {\n    [styles[\"size-small\"]]: size === \"small\",\n    [styles[\"has-close\"]]: !!onClose,\n    [styles[\"text-wrap\"]]: textWrap\n  });\n  const { mode: themeMode } = useContext(ThemeProviderContext);\n  const { mode: sysMode } = usePrefersColorScheme();\n  const mode = themeMode ?? sysMode;\n  const { foreground, background, border } = useAccessibleColor(color, mode);\n  const bgObj = tinycolor(background);\n  const styleWithColor = {\n    \"--int-bg-color\": color && background,\n    \"--int-font-color\": color && foreground,\n    \"--int-border-color\": color && border,\n    \"--int-close-background-color\": color ? bgObj.isDark() ? bgObj.lighten(15).toHexString() : bgObj.darken(15).toHexString() : \"#14141429\",\n    ...style,\n    ...layoutStyles\n  };\n  const onKeyUpHandler = (e) => {\n    switch (e.code) {\n      case \"Delete\":\n      case \"Backspace\":\n        onClose?.(e);\n        break;\n      case \"Enter\":\n        onClick?.(e);\n        break;\n    }\n  };\n  return /* @__PURE__ */ jsxs(\n    \"span\",\n    {\n      className: ChipClassNames,\n      style: styleWithColor,\n      \"data-anv\": \"chip\",\n      \"aria-label\": newLabel,\n      role: onClick ? \"button\" : undefined,\n      ...rest,\n      ref,\n      onClick,\n      onKeyUp: onKeyUpHandler,\n      tabIndex: onClick || onClose ? 0 : tabIndex,\n      children: [\n        /* @__PURE__ */ jsx(\"span\", { className: styles.inner, children: label }),\n        !!onClose && // this is disabled because this is fake button that only mouse users will interact\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n        /* @__PURE__ */ jsx(\n          \"span\",\n          {\n            \"aria-hidden\": true,\n            \"aria-label\": \"remove button\",\n            className: styles[\"close\"],\n            onClick: (e) => {\n              e.stopPropagation();\n              onClose(e);\n            },\n            children: /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, svg: Close, size })\n          }\n        )\n      ]\n    }\n  );\n});\nChip.displayName = \"Chip\";\n\nexport { Chip as C };\n//# sourceMappingURL=Chip-CAxTyjIZ.js.map\n"],"names":["Close"],"mappings":"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"}

package/dist/{Chip-B09LeE8a.css → Chip-CAxTyjIZ.css}

@@ -2,7 +2,7 @@
 
 @layer starter, reset, base, state, application;
 @layer reset {
-  ._chip_1lhn5_3 {
+  ._chip_1s3v7_3 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -15,7 +15,7 @@
     box-sizing: border-box;
     display: inline-flex;
   }
-  ._chip_1lhn5_3 ._inner_1lhn5_16 {
+  ._chip_1s3v7_3 ._inner_1s3v7_16 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -28,7 +28,7 @@
     box-sizing: border-box;
     display: inline-block;
   }
-  ._chip_1lhn5_3 ._close_1lhn5_29 {
+  ._chip_1s3v7_3 ._close_1s3v7_29 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -41,7 +41,7 @@
     box-sizing: border-box;
     display: inline-flex;
   }
-  ._chip_1lhn5_3 ._button_1lhn5_42 {
+  ._chip_1s3v7_3 ._button_1s3v7_42 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -56,7 +56,7 @@
   }
 }
 @layer base {
-  ._chip_1lhn5_3 {
+  ._chip_1s3v7_3 {
     position: relative;
     min-height: 1.625rem;
     height: -moz-min-content;
@@ -73,10 +73,10 @@
     gap: 0.25rem;
     cursor: default;
     outline-offset: 0.125rem;
-    outline: 0 solid var(--focus-ring-color, #0265dc);
+    outline: 0 solid var(--focus-ring-color, #0265DC);
     transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
   }
-  ._chip_1lhn5_3 ._inner_1lhn5_16 {
+  ._chip_1s3v7_3 ._inner_1s3v7_16 {
     padding-block: 0.3125rem;
     text-wrap: nowrap;
     overflow: hidden;
@@ -85,7 +85,7 @@
     line-height: 1;
     color: inherit;
   }
-  ._chip_1lhn5_3 ._close_1lhn5_29 {
+  ._chip_1s3v7_3 ._close_1s3v7_29 {
     flex-shrink: 0;
     width: 1.5rem;
     height: 1.5rem;
@@ -96,49 +96,49 @@
     transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
     cursor: pointer;
     outline-offset: 0.125rem;
-    outline: 0 solid var(--focus-ring-color, #0265dc);
+    outline: 0 solid var(--focus-ring-color, #0265DC);
   }
-  ._chip_1lhn5_3 ._close_1lhn5_29 span {
+  ._chip_1s3v7_3 ._close_1s3v7_29 span {
     color: inherit;
   }
-  ._chip_1lhn5_3 ._close_1lhn5_29 span svg {
+  ._chip_1s3v7_3 ._close_1s3v7_29 span svg {
     fill: currentColor;
   }
 }
 @layer state {
-  ._chip_1lhn5_3:focus-visible, ._chip_1lhn5_3[data-interactive=focus-visible] {
+  ._chip_1s3v7_3:focus-visible, ._chip_1s3v7_3[data-interactive=focus-visible] {
     outline-width: 0.125rem;
   }
-  ._chip_1lhn5_3._text-wrap_1lhn5_108 ._inner_1lhn5_16 {
+  ._chip_1s3v7_3._text-wrap_1s3v7_108 ._inner_1s3v7_16 {
     overflow: visible;
     text-overflow: initial;
     white-space: normal;
     word-break: break-word;
   }
-  ._chip_1lhn5_3[role=button] {
+  ._chip_1s3v7_3[role=button] {
     cursor: pointer;
   }
-  ._chip_1lhn5_3[role=button]:not(:has(._close_1lhn5_29:hover)):hover, ._chip_1lhn5_3[role=button]:not(:has(._close_1lhn5_29:hover))[data-interactive=hover] {
+  ._chip_1s3v7_3[role=button]:not(:has(._close_1s3v7_29:hover)):hover, ._chip_1s3v7_3[role=button]:not(:has(._close_1s3v7_29:hover))[data-interactive=hover] {
     background-color: var(--int-close-background-color, rgba(20, 20, 20, 0.1607843137));
   }
-  ._chip_1lhn5_3 ._close_1lhn5_29:hover, ._chip_1lhn5_3[data-interactive=close-hover] ._close_1lhn5_29 {
+  ._chip_1s3v7_3 ._close_1s3v7_29:hover, ._chip_1s3v7_3[data-interactive=close-hover] ._close_1s3v7_29 {
     background-color: var(--int-close-background-color, rgba(20, 20, 20, 0.1607843137));
   }
-  ._chip_1lhn5_3._size-small_1lhn5_123 {
+  ._chip_1s3v7_3._size-small_1s3v7_123 {
     min-height: 1.125rem;
     font-size: 0.75rem;
     border-radius: 0.5625rem;
     padding-inline: 0.375rem;
     gap: 0.125rem;
   }
-  ._chip_1lhn5_3._size-small_1lhn5_123 ._inner_1lhn5_16 {
+  ._chip_1s3v7_3._size-small_1s3v7_123 ._inner_1s3v7_16 {
     padding-block: 0.125rem;
   }
-  ._chip_1lhn5_3._size-small_1lhn5_123 ._close_1lhn5_29 {
+  ._chip_1s3v7_3._size-small_1s3v7_123 ._close_1s3v7_29 {
     width: 1rem;
     height: 1rem;
   }
-  ._chip_1lhn5_3._has-close_1lhn5_137 {
+  ._chip_1s3v7_3._has-close_1s3v7_137 {
     padding-inline-end: 0;
   }
 }

package/dist/Chip.js

@@ -1,2 +1,2 @@
-export { C as Chip, C as default } from './Chip-CwBvUKwn.js';
+export { C as Chip, C as default } from './Chip-C5ElPVsb.js';
 //# sourceMappingURL=Chip.js.map