@servicetitan/anvil2 1.48.1 → 1.49.1

package/dist/{Calendar-8bP4LsQV.js → Calendar-WHERvu2Y.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { C as CalendarBetaPropsContext, a as Calendar$1 } from './Calendar-NDOcurOz.js';
+import { C as CalendarBetaPropsContext, a as Calendar$1 } from './Calendar-BkJs1qTF.js';
 
 const Calendar = (props) => {
   const { dateMetadata, onMonthView, ...stableProps } = props;
@@ -7,4 +7,4 @@ const Calendar = (props) => {
 };
 
 export { Calendar as C };
-//# sourceMappingURL=Calendar-8bP4LsQV.js.map
+//# sourceMappingURL=Calendar-WHERvu2Y.js.map

package/dist/{Calendar-8bP4LsQV.js.map → Calendar-WHERvu2Y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Calendar-8bP4LsQV.js","sources":["../src/beta/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as StableCalendar,\n  CalendarProps as StableCalendarProps,\n} from \"../../../components\";\nimport { CalendarBetaPropsContext } from \"./CalendarBetaPropsContext\";\n\nexport interface CalendarBetaProps {\n  dateMetadata?: {\n    date: string;\n    context: string;\n  }[];\n  onMonthView?: ({ month, year }: { month: number; year: number }) => void;\n}\n\nexport const Calendar = (props: CalendarBetaProps & StableCalendarProps) => {\n  const { dateMetadata, onMonthView, ...stableProps } = props;\n  return (\n    <CalendarBetaPropsContext.Provider value={{ dateMetadata, onMonthView }}>\n      <StableCalendar {...stableProps} />\n    </CalendarBetaPropsContext.Provider>\n  );\n};\n"],"names":["StableCalendar"],"mappings":";;;AAcO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAmD;AAC1E,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAa,GAAG,aAAY,GAAI,KAAA;AACtD,EAAA,uBACE,GAAA,CAAC,wBAAA,CAAyB,QAAA,EAAzB,EAAkC,KAAA,EAAO,EAAE,YAAA,EAAc,WAAA,EAAY,EACpE,QAAA,kBAAA,GAAA,CAACA,UAAA,EAAA,EAAgB,GAAG,aAAa,CAAA,EACnC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Calendar-WHERvu2Y.js","sources":["../src/beta/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as StableCalendar,\n  CalendarProps as StableCalendarProps,\n} from \"../../../components\";\nimport { CalendarBetaPropsContext } from \"./CalendarBetaPropsContext\";\n\nexport interface CalendarBetaProps {\n  dateMetadata?: {\n    date: string;\n    context: string;\n  }[];\n  onMonthView?: ({ month, year }: { month: number; year: number }) => void;\n}\n\nexport const Calendar = (props: CalendarBetaProps & StableCalendarProps) => {\n  const { dateMetadata, onMonthView, ...stableProps } = props;\n  return (\n    <CalendarBetaPropsContext.Provider value={{ dateMetadata, onMonthView }}>\n      <StableCalendar {...stableProps} />\n    </CalendarBetaPropsContext.Provider>\n  );\n};\n"],"names":["StableCalendar"],"mappings":";;;AAcO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAmD;AAC1E,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAa,GAAG,aAAY,GAAI,KAAA;AACtD,EAAA,uBACE,GAAA,CAAC,wBAAA,CAAyB,QAAA,EAAzB,EAAkC,KAAA,EAAO,EAAE,YAAA,EAAc,WAAA,EAAY,EACpE,QAAA,kBAAA,GAAA,CAACA,UAAA,EAAA,EAAgB,GAAG,aAAa,CAAA,EACnC,CAAA;AAEJ;;;;"}

package/dist/Calendar.css

@@ -1,6 +1,6 @@
 @layer starter, reset, base, state, application;
 @layer reset {
-  ._calendar_1csvm_2 {
+  ._calendar_50kmd_2 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -13,7 +13,7 @@
     box-sizing: border-box;
     display: inline-flex;
   }
-  ._calendar_1csvm_2 ._header_1csvm_15 {
+  ._calendar_50kmd_2 ._header_50kmd_15 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -28,43 +28,44 @@
   }
 }
 @layer base {
-  ._calendar_1csvm_2 {
+  ._calendar_50kmd_2 {
     flex-direction: column;
     gap: 1rem;
   }
-  ._calendar_1csvm_2 ._header_1csvm_15 {
+  ._calendar_50kmd_2 ._header_50kmd_15 {
     display: flex;
     width: 100%;
     justify-content: space-between;
     align-items: center;
   }
-  ._calendar_1csvm_2 ._header_1csvm_15 ._heading_1csvm_40 {
+  ._calendar_50kmd_2 ._header_50kmd_15 ._heading_50kmd_40 {
     font-size: 0.875rem;
     padding-inline-start: 0.75rem;
     padding-inline-end: 0.75rem;
     font-weight: 600;
   }
-  ._calendar_1csvm_2 ._header_1csvm_15 ._controller_1csvm_46 {
+  ._calendar_50kmd_2 ._header_50kmd_15 ._controller_50kmd_46 {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    gap: 0.25rem;
     padding-inline-start: 0.25rem;
     padding-inline-end: 0.25rem;
   }
-  ._calendar_1csvm_2 ._spacer_1csvm_53 {
+  ._calendar_50kmd_2 ._spacer_50kmd_54 {
     height: 1rem;
   }
-  ._calendar_1csvm_2 ._day-grid_1csvm_56 {
+  ._calendar_50kmd_2 ._day-grid_50kmd_57 {
     min-height: 15.25rem;
     min-width: 17.875rem;
-    animation: _fadein_1csvm_1 0.5s;
+    animation: _fadein_50kmd_1 0.5s;
   }
-  ._calendar_1csvm_2 ._day-grid_1csvm_56 td {
+  ._calendar_50kmd_2 ._day-grid_50kmd_57 td {
     padding-block: 0.25rem;
     padding-inline: 0.25rem;
     position: relative;
   }
-  ._calendar_1csvm_2 ._day-grid_1csvm_56 ._cell_1csvm_66 {
+  ._calendar_50kmd_2 ._day-grid_50kmd_57 ._cell_50kmd_67 {
     all: unset;
     min-width: 2.125rem;
     min-height: 2.125rem;
@@ -81,7 +82,7 @@
     z-index: 1;
     transition: outline 100ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1);
   }
-  ._calendar_1csvm_2 ._day-grid_1csvm_56 ._cell_1csvm_66::before {
+  ._calendar_50kmd_2 ._day-grid_50kmd_57 ._cell_50kmd_67::before {
     z-index: -1;
     position: absolute;
     width: 100%;
@@ -97,13 +98,13 @@
     pointer-events: none;
     border-radius: inherit;
   }
-  ._calendar_1csvm_2 ._day-grid_1csvm_56 ._cell_1csvm_66._overflow_1csvm_97 {
+  ._calendar_50kmd_2 ._day-grid_50kmd_57 ._cell_50kmd_67._overflow_50kmd_98 {
     display: none;
   }
-  ._calendar_1csvm_2 ._day-grid_1csvm_56 ._cell_1csvm_66:has(._content_1csvm_100) {
+  ._calendar_50kmd_2 ._day-grid_50kmd_57 ._cell_50kmd_67:has(._content_50kmd_101) {
     cursor: pointer;
   }
-  ._calendar_1csvm_2 ._weekday_1csvm_103 {
+  ._calendar_50kmd_2 ._weekday_50kmd_104 {
     justify-content: center;
     align-items: flex-start;
     font-weight: 700;
@@ -115,28 +116,28 @@
     padding-inline-start: 0;
     padding-inline-end: 0;
   }
-  ._calendar_1csvm_2 ._month-selection_1csvm_115 ._selection-checkbox_1csvm_115,
-  ._calendar_1csvm_2 ._year-selection_1csvm_116 ._selection-checkbox_1csvm_115 {
+  ._calendar_50kmd_2 ._month-selection_50kmd_116 ._selection-checkbox_50kmd_116,
+  ._calendar_50kmd_2 ._year-selection_50kmd_117 ._selection-checkbox_50kmd_116 {
     width: 100%;
   }
-  ._calendar_1csvm_2 ._month-selection_1csvm_115 ._selection-checkbox_1csvm_115 > label,
-  ._calendar_1csvm_2 ._month-selection_1csvm_115 ._selection-checkbox_1csvm_115 > label > span,
-  ._calendar_1csvm_2 ._year-selection_1csvm_116 ._selection-checkbox_1csvm_115 > label,
-  ._calendar_1csvm_2 ._year-selection_1csvm_116 ._selection-checkbox_1csvm_115 > label > span {
+  ._calendar_50kmd_2 ._month-selection_50kmd_116 ._selection-checkbox_50kmd_116 > label,
+  ._calendar_50kmd_2 ._month-selection_50kmd_116 ._selection-checkbox_50kmd_116 > label > span,
+  ._calendar_50kmd_2 ._year-selection_50kmd_117 ._selection-checkbox_50kmd_116 > label,
+  ._calendar_50kmd_2 ._year-selection_50kmd_117 ._selection-checkbox_50kmd_116 > label > span {
     width: 100%;
   }
-  ._calendar_1csvm_2 ._month-selection_1csvm_115 ._selection-card_1csvm_125,
-  ._calendar_1csvm_2 ._year-selection_1csvm_116 ._selection-card_1csvm_125 {
+  ._calendar_50kmd_2 ._month-selection_50kmd_116 ._selection-card_50kmd_126,
+  ._calendar_50kmd_2 ._year-selection_50kmd_117 ._selection-card_50kmd_126 {
     width: 100%;
     justify-content: center;
   }
-  ._calendar_1csvm_2 ._year-selection_1csvm_116 {
+  ._calendar_50kmd_2 ._year-selection_50kmd_117 {
     max-height: 20rem;
     overflow-y: auto;
     padding-inline: 0.25rem;
   }
 }
-@keyframes _fadein_1csvm_1 {
+@keyframes _fadein_50kmd_1 {
   from {
     opacity: 0;
   }
@@ -145,41 +146,41 @@
   }
 }
 @layer state {
-  ._calendar_1csvm_2 ._cell_1csvm_66:focus-visible[tabindex="0"] {
+  ._calendar_50kmd_2 ._cell_50kmd_67:focus-visible[tabindex="0"] {
     outline: 0.125rem solid var(--focus-ring-color, #0265DC);
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66:disabled:not(._range-first_1csvm_148):not(._range-last_1csvm_148):not(._range_1csvm_148) {
+  ._calendar_50kmd_2 ._cell_50kmd_67:disabled:not(._range-first_50kmd_149):not(._range-last_50kmd_149):not(._range_50kmd_149) {
     cursor: not-allowed;
     opacity: 0.6;
     color: var(--foreground-color-subdued, #737475);
     border-radius: 0;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66:hover:not(:disabled)::before {
+  ._calendar_50kmd_2 ._cell_50kmd_67:hover:not(:disabled)::before {
     content: "";
     background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._selected_1csvm_158 {
+  ._calendar_50kmd_2 ._cell_50kmd_67._selected_50kmd_159 {
     background-color: var(--background-color-primary, #0265DC);
     color: var(--foreground-color-on-primary, #ffffff);
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._selected_1csvm_158:hover:not(:disabled)::before {
+  ._calendar_50kmd_2 ._cell_50kmd_67._selected_50kmd_159:hover:not(:disabled)::before {
     content: "";
     background-color: var(--overlay-color-hover-on-primary, rgba(20, 20, 20, 0.2));
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._is-unavailable_1csvm_166 {
+  ._calendar_50kmd_2 ._cell_50kmd_67._is-unavailable_50kmd_167 {
     background-color: transparent;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._is-unavailable_1csvm_166:disabled {
+  ._calendar_50kmd_2 ._cell_50kmd_67._is-unavailable_50kmd_167:disabled {
     cursor: not-allowed;
     opacity: 0.6;
     color: var(--foreground-color-subdued, #737475);
     border-radius: 0;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range-first_1csvm_148:not(._range-last_1csvm_148) {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range-first_50kmd_149:not(._range-last_50kmd_149) {
     border-start-end-radius: 0;
     border-end-end-radius: 0;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range-first_1csvm_148:not(._range-last_1csvm_148)::after {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range-first_50kmd_149:not(._range-last_50kmd_149)::after {
     position: absolute;
     content: "";
     width: 0.3125rem;
@@ -189,15 +190,15 @@
     background-color: var(--background-color-primary-subdued, #E0F2FF);
     z-index: -1;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range-first_1csvm_148:not(._range-last_1csvm_148):disabled {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range-first_50kmd_149:not(._range-last_50kmd_149):disabled {
     opacity: 0.2;
     cursor: not-allowed;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range-last_1csvm_148:not(._range-first_1csvm_148) {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range-last_50kmd_149:not(._range-first_50kmd_149) {
     border-end-start-radius: 0;
     border-start-start-radius: 0;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range-last_1csvm_148:not(._range-first_1csvm_148)::after {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range-last_50kmd_149:not(._range-first_50kmd_149)::after {
     position: absolute;
     content: "";
     width: 0.3125rem;
@@ -207,36 +208,36 @@
     background-color: var(--background-color-primary-subdued, #E0F2FF);
     z-index: -1;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range-last_1csvm_148:not(._range-first_1csvm_148):disabled {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range-last_50kmd_149:not(._range-first_50kmd_149):disabled {
     opacity: 0.2;
     cursor: not-allowed;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range_1csvm_148:not(._is-unavailable_1csvm_166) {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range_50kmd_149:not(._is-unavailable_50kmd_167) {
     background-color: transparent;
     color: var(--foreground-color-primary, #0265DC);
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range_1csvm_148:not(._is-unavailable_1csvm_166):disabled {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range_50kmd_149:not(._is-unavailable_50kmd_167):disabled {
     opacity: 0.2;
     cursor: not-allowed;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range_1csvm_148:not(._is-unavailable_1csvm_166):hover:not(:disabled):before {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range_50kmd_149:not(._is-unavailable_50kmd_167):hover:not(:disabled):before {
     content: "";
     background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
     border-radius: 0;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._range_1csvm_148:not(._is-unavailable_1csvm_166):hover:not(:disabled)._hover-last_1csvm_224:before {
+  ._calendar_50kmd_2 ._cell_50kmd_67._range_50kmd_149:not(._is-unavailable_50kmd_167):hover:not(:disabled)._hover-last_50kmd_225:before {
     border-start-end-radius: 0.375rem;
     border-end-end-radius: 0.375rem;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66._has-metadata_1csvm_228 {
+  ._calendar_50kmd_2 ._cell_50kmd_67._has-metadata_50kmd_229 {
     flex-direction: column;
     gap: 0.25rem;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66 ._pip_1csvm_232 {
+  ._calendar_50kmd_2 ._cell_50kmd_67 ._pip_50kmd_233 {
     position: absolute;
     bottom: 0.25rem;
   }
-  ._calendar_1csvm_2 ._cell_1csvm_66 ._pip_1csvm_232:before {
+  ._calendar_50kmd_2 ._cell_50kmd_67 ._pip_50kmd_233:before {
     content: "";
     aspect-ratio: 1/1;
     width: 0.25rem;
@@ -244,7 +245,7 @@
     background-color: currentColor;
     display: block;
   }
-  ._calendar_1csvm_2 ._range-fill_1csvm_244 {
+  ._calendar_50kmd_2 ._range-fill_50kmd_245 {
     position: absolute;
     content: "";
     width: calc(100% + 0.125rem);
@@ -254,23 +255,23 @@
     background-color: var(--background-color-primary-subdued, #E0F2FF);
     z-index: 0;
   }
-  ._calendar_1csvm_2 ._range-fill_1csvm_244._range-disabled_1csvm_254 {
+  ._calendar_50kmd_2 ._range-fill_50kmd_245._range-disabled_50kmd_255 {
     opacity: 0.2;
   }
-  ._calendar_1csvm_2 ._range-fill_1csvm_244._hover-last_1csvm_224 {
+  ._calendar_50kmd_2 ._range-fill_50kmd_245._hover-last_50kmd_225 {
     width: calc(100% - 0.1875rem);
     border-start-end-radius: 0.375rem;
     border-end-end-radius: 0.375rem;
   }
-  [dir=rtl] ._calendar_1csvm_2 ._header_1csvm_15 ._controller_1csvm_46 ._controller-button_1csvm_262 {
+  [dir=rtl] ._calendar_50kmd_2 ._header_50kmd_15 ._controller_50kmd_46 ._controller-button_50kmd_263 {
     rotate: 180deg;
   }
 }
 @layer application {
-  ._calendar_1csvm_2 ._header_1csvm_15 ._controller_1csvm_46 ._controller-button_1csvm_262 {
+  ._calendar_50kmd_2 ._header_50kmd_15 ._controller_50kmd_46 ._controller-button_50kmd_263 {
     color: inherit;
   }
-  ._calendar_1csvm_2 ._year-selector_1csvm_270 {
+  ._calendar_50kmd_2 ._year-selector_50kmd_271 {
     margin-inline: -0.5rem;
   }
 }@layer starter, reset, base, state, application;

package/dist/Calendar.js

@@ -1,3 +1,3 @@
-export { C as Calendar, C as default } from './Calendar-8bP4LsQV.js';
-export { u as useCalendarBetaProps } from './Calendar-NDOcurOz.js';
+export { C as Calendar, C as default } from './Calendar-WHERvu2Y.js';
+export { u as useCalendarBetaProps } from './Calendar-BkJs1qTF.js';
 //# sourceMappingURL=Calendar.js.map

package/dist/{Card-Cyoz-LaD.js → Card-Ch3sMUo5.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C7FVYB8F.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 
 import './Card.css';const card = "_card_gi462_2";
 const styles = {
@@ -53,4 +53,4 @@ const Card = forwardRef((props, ref) => {
 Card.displayName = "Card";
 
 export { Card as C };
-//# sourceMappingURL=Card-Cyoz-LaD.js.map
+//# sourceMappingURL=Card-Ch3sMUo5.js.map

package/dist/{Card-Cyoz-LaD.js.map → Card-Ch3sMUo5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-Cyoz-LaD.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Card.module.scss\";\n\n/**\n * Props for the Card component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type CardProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * The background variant of the card.\n     * @default undefined\n     */\n    background?: \"strong\" | \"stronger\";\n    /**\n     * The padding size of the card.\n     * @default \"medium\"\n     */\n    padding?: Extract<Size, \"0\" | \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n  };\n\n/**\n * Card component for displaying content in a contained, elevated container.\n *\n * @example\n * <Card padding=\"large\" background=\"strong\">\n *   <h2>Card Title</h2>\n *   <p>Card content goes here</p>\n * </Card>\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    children,\n    className,\n    padding = \"medium\",\n    background,\n    style,\n    ...rest\n  } = componentProps;\n\n  const cardClassNames = cx(\n    [styles[\"card\"]],\n    [styles[`padding-${padding}`]],\n    className,\n    {\n      [styles[`bg-${background}`]]: !!background,\n    },\n  );\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={cardClassNames}\n      data-anv=\"card\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nCard.displayName = \"Card\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkCO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,QAAA;AAAA,IACV,UAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,EAAA;AAAA,IACrB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,IACf,CAAC,MAAA,CAAO,CAAA,QAAA,EAAW,OAAO,EAAE,CAAC,CAAA;AAAA,IAC7B,SAAA;AAAA,IACA;AAAA,MACE,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA;AAClC,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}
+{"version":3,"file":"Card-Ch3sMUo5.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Card.module.scss\";\n\n/**\n * Props for the Card component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type CardProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * The background variant of the card.\n     * @default undefined\n     */\n    background?: \"strong\" | \"stronger\";\n    /**\n     * The padding size of the card.\n     * @default \"medium\"\n     */\n    padding?: Extract<Size, \"0\" | \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n  };\n\n/**\n * Card component for displaying content in a contained, elevated container.\n *\n * @example\n * <Card padding=\"large\" background=\"strong\">\n *   <h2>Card Title</h2>\n *   <p>Card content goes here</p>\n * </Card>\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    children,\n    className,\n    padding = \"medium\",\n    background,\n    style,\n    ...rest\n  } = componentProps;\n\n  const cardClassNames = cx(\n    [styles[\"card\"]],\n    [styles[`padding-${padding}`]],\n    className,\n    {\n      [styles[`bg-${background}`]]: !!background,\n    },\n  );\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={cardClassNames}\n      data-anv=\"card\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nCard.displayName = \"Card\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkCO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,QAAA;AAAA,IACV,UAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,EAAA;AAAA,IACrB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,IACf,CAAC,MAAA,CAAO,CAAA,QAAA,EAAW,OAAO,EAAE,CAAC,CAAA;AAAA,IAC7B,SAAA;AAAA,IACA;AAAA,MACE,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA;AAClC,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/dist/Card.js

@@ -1,2 +1,2 @@
-export { C as Card, C as default } from './Card-Cyoz-LaD.js';
+export { C as Card, C as default } from './Card-Ch3sMUo5.js';
 //# sourceMappingURL=Card.js.map

package/dist/{Checkbox-Bsa1FgoI.js → Checkbox-Bhjj-jM4.js}

@@ -2,11 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useId } from 'react';
 import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-RY9zr3xS.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { F as FieldLabel } from './FieldLabel-DIlzcPIQ.js';
+import { F as FieldLabel } from './FieldLabel-CHMCV9wX.js';
 import { S as SrOnly } from './SrOnly-CTsYSuby.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C7FVYB8F.js';
-import { I as Icon } from './Icon-TcJbUdTz.js';
-import { H as Helper } from './Helper-DHoKHqxV.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
+import { I as Icon } from './Icon-BSuTVNaa.js';
+import { H as Helper } from './Helper-DjWotFtO.js';
 
 const CheckboxGroup = forwardRef((props, ref) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
@@ -208,4 +208,4 @@ CheckboxElement.displayName = "Checkbox";
 const Checkbox = CheckboxElement;
 
 export { CheckboxGroup as C, Checkbox as a };
-//# sourceMappingURL=Checkbox-Bsa1FgoI.js.map
+//# sourceMappingURL=Checkbox-Bhjj-jM4.js.map

package/dist/{Checkbox-Bsa1FgoI.js.map → Checkbox-Bhjj-jM4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-Bsa1FgoI.js","sources":["../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  FocusEventHandler,\n  useState,\n} from \"react\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<FieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n  LayoutUtilProps &\n  Omit<FieldLabelProps, \"labelProps\"> & {\n    /**\n     * required flag for label\n     * @accessibility This does not enforce error when nothing is selected.\n     * @default false\n     */\n    required?: boolean;\n\n    /**\n     * legend for the fieldset\n     */\n    legend: string | ReactElement;\n  };\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n *   <Checkbox label=\"Technology\" />\n *   <Checkbox label=\"Sports\" />\n *   <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    className,\n    children,\n    legend,\n    moreInfo,\n    onBlur,\n    onFocus,\n    required,\n    style,\n    ...rest\n  } = componentProps;\n\n  const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n  const [openInfo, setOpenInfo] = useState<boolean>(false);\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    alignItems:\n      layoutStyles?.alignItems ??\n      (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n  };\n\n  const focusHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n    onFocus?.(e);\n    setOpenInfo(true);\n  };\n\n  const blurHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n    onBlur?.(e);\n    setOpenInfo(false);\n  };\n\n  const labelClassNames = cx(styles[\"label\"], {\n    [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n  });\n\n  return (\n    <fieldset\n      role=\"group\"\n      data-anv=\"checkbox-group\"\n      className={checkboxGroupClassNames}\n      ref={ref}\n      style={styleCombined}\n      onFocus={focusHandler}\n      onBlur={blurHandler}\n      {...rest}\n    >\n      <legend className={styles[\"legend\"]}>\n        {legend}\n        {required && \", required\"}\n        {moreInfo && <SrOnly>{moreInfo}</SrOnly>}\n      </legend>\n      <FieldLabel\n        aria-hidden\n        moreInfo={moreInfo}\n        required={required}\n        openMoreInfo={openInfo}\n        className={labelClassNames}\n      >\n        {legend}\n      </FieldLabel>\n      <div\n        className={styles[\"children\"]}\n        style={{\n          flexDirection: layoutStyles?.flexDirection,\n          gap: layoutStyles?.gap,\n        }}\n      >\n        {children}\n      </div>\n    </fieldset>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n  forwardRef,\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  MouseEvent,\n  useId,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\n\nimport styles from \"../Checkbox.module.scss\";\nimport { Svg, LayoutUtilProps } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { CheckboxState } from \"../types\";\n\nexport type { CheckboxState };\n\n/**\n * Props for the Checkbox component\n * @extends LayoutUtilProps\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\" | \"onClick\" | \"indeterminate\">\n */\nexport type CheckboxProps = LayoutUtilProps &\n  Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"onChange\" | \"onClick\" | \"indeterminate\"\n  > & {\n    /**\n     * Controlled state\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Uncontrolled state\n     * @default false\n     */\n    defaultChecked?: boolean;\n\n    /**\n     * Indeterminate state of the checkbox\n     * @accessibility Applies aria-checked=\"mixed\"\n     * @default false\n     */\n    indeterminate?: boolean;\n\n    /**\n     * Callback when checkbox is changed\n     */\n    onChange?: (\n      e?: ChangeEvent<HTMLInputElement>,\n      state?: CheckboxState,\n    ) => void;\n\n    /**\n     * Callback when checkbox is clicked\n     */\n    onClick?: (e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void;\n\n    /**\n     * label for checkbox\n     * @accessibility This should either be a string or have text content inside for accessibility\n     */\n    label?: string | ReactElement;\n\n    /**\n     * Error state for the checkbox\n     * @accessibility Applies aria-invalid=\"true\"\n     * @default false\n     */\n    error?: boolean;\n\n    /**\n     * Icon overrides\n     */\n    icons?: {\n      checked?: Svg;\n      indeterminate?: Svg;\n      unchecked?: Svg;\n    };\n\n    description?: HelperProps[\"description\"];\n\n    /**\n     * When `true`, hides the checkbox for visual users.\n     * @default false\n     */\n    hideCheckbox?: boolean;\n  };\n\nconst CheckboxElement = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      indeterminate,\n      onChange,\n      onClick,\n      value,\n      className,\n      disabled,\n      error,\n      icons,\n      checked: checkedProp,\n      defaultChecked,\n      label,\n      style,\n      required,\n      description,\n      hideCheckbox = false,\n      ...rest\n    } = componentProps;\n    const {\n      checked: checkedIcon = CheckboxChecked,\n      indeterminate: indeterminateIcon = CheckboxIndeterminate,\n      unchecked: uncheckedIcon = CheckboxOutline,\n    } = { ...icons };\n\n    const isControlled = typeof checkedProp !== \"undefined\";\n\n    const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n    };\n\n    const onClickHandler = (e: MouseEvent<HTMLInputElement>) => {\n      onClick?.(e, {\n        value,\n        checked: checkedProp ?? (e.target as HTMLInputElement).checked,\n      });\n    };\n\n    const helperUid = useId();\n\n    const wrapperClassNames = cx(\n      styles[\"wrapper\"],\n      { [styles[\"focus\"]]: hideCheckbox },\n      className,\n    );\n\n    const checkboxClassNames = cx(styles[\"checkbox\"], {\n      [styles[\"error\"]]: error,\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={wrapperClassNames}\n        style={styleCombined}\n        data-anv=\"checkbox\"\n      >\n        <label className={checkboxClassNames}>\n          <input\n            type=\"checkbox\"\n            disabled={disabled}\n            value={value}\n            onChange={onChangeHandler}\n            onClick={onClickHandler}\n            aria-checked={\n              indeterminate ? \"mixed\" : (checkedProp ?? defaultChecked)\n            }\n            checked={isControlled ? checkedProp : undefined}\n            defaultChecked={defaultChecked}\n            aria-invalid={error}\n            aria-describedby={description ? helperUid : undefined}\n            ref={ref}\n            {...rest}\n          />\n\n          <span\n            className={cx(styles[\"icon-wrapper\"], {\n              [styles[\"sr-only\"]]: hideCheckbox,\n            })}\n            aria-hidden\n          >\n            <Icon\n              size=\"large\"\n              svg={indeterminateIcon}\n              className={styles[\"icon-indeterminate\"]}\n            />\n\n            <Icon\n              size=\"large\"\n              svg={checkedIcon}\n              className={styles[\"icon-checked\"]}\n            />\n\n            <Icon\n              size=\"large\"\n              svg={uncheckedIcon}\n              className={styles[\"icon-unchecked\"]}\n            />\n          </span>\n\n          <span className={cx({ [styles[\"focus-label\"]]: hideCheckbox })}>\n            {label}\n\n            {required && (\n              <span aria-hidden className={styles[\"required-asterisk\"]}>\n                *\n              </span>\n            )}\n          </span>\n        </label>\n\n        {description ? (\n          <div className={styles[\"helper-wrapper\"]}>\n            <Helper id={helperUid} description={description} />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nCheckboxElement.displayName = \"Checkbox\";\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Hide checkbox option for visual-only interactions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Checkbox\n *   label=\"Accept terms and conditions\"\n *   onChange={(e, state) => console.log('Checked:', state.checked)}\n *   required\n * />\n */\nexport const Checkbox = CheckboxElement;\n"],"names":["styles","CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":";;;;;;;;;;AAyDO,MAAM,aAAA,GAAgB,UAAA,CAG3B,CAAC,KAAA,EAAO,GAAA,KAAQ;AAChB,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AAEjE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,uBAAA,GAA0B,EAAA,CAAGA,cAAA,CAAO,gBAAgB,GAAG,SAAS,CAAA;AACtE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEvD,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG,YAAA;AAAA,IACH,YACE,YAAA,EAAc,UAAA,KACb,YAAA,EAAc,aAAA,KAAkB,QAAQ,YAAA,GAAe,MAAA;AAAA,GAC5D;AAEA,EAAA,MAAM,YAAA,GAAuD,CAAC,CAAA,KAAM;AAClE,IAAA,OAAA,GAAU,CAAC,CAAA;AACX,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,EAClB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAsD,CAAC,CAAA,KAAM;AACjE,IAAA,MAAA,GAAS,CAAC,CAAA;AACV,IAAA,WAAA,CAAY,KAAK,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,EAAA,CAAGA,cAAA,CAAO,OAAO,CAAA,EAAG;AAAA,IAC1C,CAACA,cAAA,CAAO,eAAe,CAAC,GAAG,cAAc,aAAA,KAAkB;AAAA,GAC5D,CAAA;AAED,EAAA,uBACE,IAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,UAAA,EAAS,gBAAA;AAAA,MACT,SAAA,EAAW,uBAAA;AAAA,MACX,GAAA;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACP,OAAA,EAAS,YAAA;AAAA,MACT,MAAA,EAAQ,WAAA;AAAA,MACP,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAWA,cAAA,CAAO,QAAQ,CAAA,EAC/B,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,UACA,QAAA,IAAY,YAAA;AAAA,UACZ,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAQ,QAAA,EAAA,QAAA,EAAS;AAAA,SAAA,EACjC,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAW,IAAA;AAAA,YACX,QAAA;AAAA,YACA,QAAA;AAAA,YACA,YAAA,EAAc,QAAA;AAAA,YACd,SAAA,EAAW,eAAA;AAAA,YAEV,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWA,eAAO,UAAU,CAAA;AAAA,YAC5B,KAAA,EAAO;AAAA,cACL,eAAe,YAAA,EAAc,aAAA;AAAA,cAC7B,KAAK,YAAA,EAAc;AAAA,aACrB;AAAA,YAEC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ,CAAC;AAED,aAAA,CAAc,WAAA,GAAc,eAAA;;AC3C5B,MAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,aAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACT,cAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA,GAAe,KAAA;AAAA,MACf,GAAG;AAAA,KACL,GAAI,cAAA;AACJ,IAAA,MAAM;AAAA,MACJ,SAAS,WAAA,GAAcC,WAAA;AAAA,MACvB,eAAe,iBAAA,GAAoBC,wBAAA;AAAA,MACnC,WAAW,aAAA,GAAgBC;AAAA,KAC7B,GAAI,EAAE,GAAG,KAAA,EAAM;AAEf,IAAA,MAAM,YAAA,GAAe,OAAO,WAAA,KAAgB,WAAA;AAE5C,IAAA,MAAM,eAAA,GAAkB,CAAC,CAAA,KAAqC;AAC5D,MAAA,QAAA,GAAW,CAAA,EAAG,EAAE,KAAA,EAAO,OAAA,EAAS,eAAe,CAAA,CAAE,MAAA,CAAO,SAAS,CAAA;AAAA,IACnE,CAAA;AAEA,IAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAoC;AAC1D,MAAA,OAAA,GAAU,CAAA,EAAG;AAAA,QACX,KAAA;AAAA,QACA,OAAA,EAAS,WAAA,IAAgB,CAAA,CAAE,MAAA,CAA4B;AAAA,OACxD,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,MAAM,YAAY,KAAA,EAAM;AAExB,IAAA,MAAM,iBAAA,GAAoB,EAAA;AAAA,MACxBH,eAAO,SAAS,CAAA;AAAA,MAChB,EAAE,CAACA,cAAA,CAAO,OAAO,CAAC,GAAG,YAAA,EAAa;AAAA,MAClC;AAAA,KACF;AAEA,IAAA,MAAM,kBAAA,GAAqB,EAAA,CAAGA,cAAA,CAAO,UAAU,CAAA,EAAG;AAAA,MAChD,CAACA,cAAA,CAAO,OAAO,CAAC,GAAG;AAAA,KACpB,CAAA;AAED,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,iBAAA;AAAA,QACX,KAAA,EAAO,aAAA;AAAA,QACP,UAAA,EAAS,UAAA;AAAA,QAET,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,OAAA,EAAA,EAAM,WAAW,kBAAA,EAChB,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,UAAA;AAAA,gBACL,QAAA;AAAA,gBACA,KAAA;AAAA,gBACA,QAAA,EAAU,eAAA;AAAA,gBACV,OAAA,EAAS,cAAA;AAAA,gBACT,cAAA,EACE,aAAA,GAAgB,OAAA,GAAW,WAAA,IAAe,cAAA;AAAA,gBAE5C,OAAA,EAAS,eAAe,WAAA,GAAc,MAAA;AAAA,gBACtC,cAAA;AAAA,gBACA,cAAA,EAAc,KAAA;AAAA,gBACd,kBAAA,EAAkB,cAAc,SAAA,GAAY,MAAA;AAAA,gBAC5C,GAAA;AAAA,gBACC,GAAG;AAAA;AAAA,aACN;AAAA,4BAEA,IAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA,CAAGA,cAAA,CAAO,cAAc,CAAA,EAAG;AAAA,kBACpC,CAACA,cAAA,CAAO,SAAS,CAAC,GAAG;AAAA,iBACtB,CAAA;AAAA,gBACD,aAAA,EAAW,IAAA;AAAA,gBAEX,QAAA,EAAA;AAAA,kCAAA,GAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,IAAA,EAAK,OAAA;AAAA,sBACL,GAAA,EAAK,iBAAA;AAAA,sBACL,SAAA,EAAWA,eAAO,oBAAoB;AAAA;AAAA,mBACxC;AAAA,kCAEA,GAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,IAAA,EAAK,OAAA;AAAA,sBACL,GAAA,EAAK,WAAA;AAAA,sBACL,SAAA,EAAWA,eAAO,cAAc;AAAA;AAAA,mBAClC;AAAA,kCAEA,GAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,IAAA,EAAK,OAAA;AAAA,sBACL,GAAA,EAAK,aAAA;AAAA,sBACL,SAAA,EAAWA,eAAO,gBAAgB;AAAA;AAAA;AACpC;AAAA;AAAA,aACF;AAAA,4BAEA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,EAAE,CAACA,cAAA,CAAO,aAAa,CAAC,GAAG,YAAA,EAAc,CAAA,EAC1D,QAAA,EAAA;AAAA,cAAA,KAAA;AAAA,cAEA,QAAA,wBACE,MAAA,EAAA,EAAK,aAAA,EAAW,MAAC,SAAA,EAAWA,cAAA,CAAO,mBAAmB,CAAA,EAAG,QAAA,EAAA,GAAA,EAE1D;AAAA,aAAA,EAEJ;AAAA,WAAA,EACF,CAAA;AAAA,UAEC,WAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,cAAA,CAAO,gBAAgB,CAAA,EACrC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,EAAA,EAAI,SAAA,EAAW,WAAA,EAA0B,GACnD,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAA;AAEA,eAAA,CAAgB,WAAA,GAAc,UAAA;AAuBvB,MAAM,QAAA,GAAW;;;;"}
+{"version":3,"file":"Checkbox-Bhjj-jM4.js","sources":["../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  FocusEventHandler,\n  useState,\n} from \"react\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<FieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n  LayoutUtilProps &\n  Omit<FieldLabelProps, \"labelProps\"> & {\n    /**\n     * required flag for label\n     * @accessibility This does not enforce error when nothing is selected.\n     * @default false\n     */\n    required?: boolean;\n\n    /**\n     * legend for the fieldset\n     */\n    legend: string | ReactElement;\n  };\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n *   <Checkbox label=\"Technology\" />\n *   <Checkbox label=\"Sports\" />\n *   <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    className,\n    children,\n    legend,\n    moreInfo,\n    onBlur,\n    onFocus,\n    required,\n    style,\n    ...rest\n  } = componentProps;\n\n  const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n  const [openInfo, setOpenInfo] = useState<boolean>(false);\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    alignItems:\n      layoutStyles?.alignItems ??\n      (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n  };\n\n  const focusHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n    onFocus?.(e);\n    setOpenInfo(true);\n  };\n\n  const blurHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n    onBlur?.(e);\n    setOpenInfo(false);\n  };\n\n  const labelClassNames = cx(styles[\"label\"], {\n    [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n  });\n\n  return (\n    <fieldset\n      role=\"group\"\n      data-anv=\"checkbox-group\"\n      className={checkboxGroupClassNames}\n      ref={ref}\n      style={styleCombined}\n      onFocus={focusHandler}\n      onBlur={blurHandler}\n      {...rest}\n    >\n      <legend className={styles[\"legend\"]}>\n        {legend}\n        {required && \", required\"}\n        {moreInfo && <SrOnly>{moreInfo}</SrOnly>}\n      </legend>\n      <FieldLabel\n        aria-hidden\n        moreInfo={moreInfo}\n        required={required}\n        openMoreInfo={openInfo}\n        className={labelClassNames}\n      >\n        {legend}\n      </FieldLabel>\n      <div\n        className={styles[\"children\"]}\n        style={{\n          flexDirection: layoutStyles?.flexDirection,\n          gap: layoutStyles?.gap,\n        }}\n      >\n        {children}\n      </div>\n    </fieldset>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n  forwardRef,\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  MouseEvent,\n  useId,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\n\nimport styles from \"../Checkbox.module.scss\";\nimport { Svg, LayoutUtilProps } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { CheckboxState } from \"../types\";\n\nexport type { CheckboxState };\n\n/**\n * Props for the Checkbox component\n * @extends LayoutUtilProps\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\" | \"onClick\" | \"indeterminate\">\n */\nexport type CheckboxProps = LayoutUtilProps &\n  Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"onChange\" | \"onClick\" | \"indeterminate\"\n  > & {\n    /**\n     * Controlled state\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Uncontrolled state\n     * @default false\n     */\n    defaultChecked?: boolean;\n\n    /**\n     * Indeterminate state of the checkbox\n     * @accessibility Applies aria-checked=\"mixed\"\n     * @default false\n     */\n    indeterminate?: boolean;\n\n    /**\n     * Callback when checkbox is changed\n     */\n    onChange?: (\n      e?: ChangeEvent<HTMLInputElement>,\n      state?: CheckboxState,\n    ) => void;\n\n    /**\n     * Callback when checkbox is clicked\n     */\n    onClick?: (e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void;\n\n    /**\n     * label for checkbox\n     * @accessibility This should either be a string or have text content inside for accessibility\n     */\n    label?: string | ReactElement;\n\n    /**\n     * Error state for the checkbox\n     * @accessibility Applies aria-invalid=\"true\"\n     * @default false\n     */\n    error?: boolean;\n\n    /**\n     * Icon overrides\n     */\n    icons?: {\n      checked?: Svg;\n      indeterminate?: Svg;\n      unchecked?: Svg;\n    };\n\n    description?: HelperProps[\"description\"];\n\n    /**\n     * When `true`, hides the checkbox for visual users.\n     * @default false\n     */\n    hideCheckbox?: boolean;\n  };\n\nconst CheckboxElement = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      indeterminate,\n      onChange,\n      onClick,\n      value,\n      className,\n      disabled,\n      error,\n      icons,\n      checked: checkedProp,\n      defaultChecked,\n      label,\n      style,\n      required,\n      description,\n      hideCheckbox = false,\n      ...rest\n    } = componentProps;\n    const {\n      checked: checkedIcon = CheckboxChecked,\n      indeterminate: indeterminateIcon = CheckboxIndeterminate,\n      unchecked: uncheckedIcon = CheckboxOutline,\n    } = { ...icons };\n\n    const isControlled = typeof checkedProp !== \"undefined\";\n\n    const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n    };\n\n    const onClickHandler = (e: MouseEvent<HTMLInputElement>) => {\n      onClick?.(e, {\n        value,\n        checked: checkedProp ?? (e.target as HTMLInputElement).checked,\n      });\n    };\n\n    const helperUid = useId();\n\n    const wrapperClassNames = cx(\n      styles[\"wrapper\"],\n      { [styles[\"focus\"]]: hideCheckbox },\n      className,\n    );\n\n    const checkboxClassNames = cx(styles[\"checkbox\"], {\n      [styles[\"error\"]]: error,\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={wrapperClassNames}\n        style={styleCombined}\n        data-anv=\"checkbox\"\n      >\n        <label className={checkboxClassNames}>\n          <input\n            type=\"checkbox\"\n            disabled={disabled}\n            value={value}\n            onChange={onChangeHandler}\n            onClick={onClickHandler}\n            aria-checked={\n              indeterminate ? \"mixed\" : (checkedProp ?? defaultChecked)\n            }\n            checked={isControlled ? checkedProp : undefined}\n            defaultChecked={defaultChecked}\n            aria-invalid={error}\n            aria-describedby={description ? helperUid : undefined}\n            ref={ref}\n            {...rest}\n          />\n\n          <span\n            className={cx(styles[\"icon-wrapper\"], {\n              [styles[\"sr-only\"]]: hideCheckbox,\n            })}\n            aria-hidden\n          >\n            <Icon\n              size=\"large\"\n              svg={indeterminateIcon}\n              className={styles[\"icon-indeterminate\"]}\n            />\n\n            <Icon\n              size=\"large\"\n              svg={checkedIcon}\n              className={styles[\"icon-checked\"]}\n            />\n\n            <Icon\n              size=\"large\"\n              svg={uncheckedIcon}\n              className={styles[\"icon-unchecked\"]}\n            />\n          </span>\n\n          <span className={cx({ [styles[\"focus-label\"]]: hideCheckbox })}>\n            {label}\n\n            {required && (\n              <span aria-hidden className={styles[\"required-asterisk\"]}>\n                *\n              </span>\n            )}\n          </span>\n        </label>\n\n        {description ? (\n          <div className={styles[\"helper-wrapper\"]}>\n            <Helper id={helperUid} description={description} />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nCheckboxElement.displayName = \"Checkbox\";\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Hide checkbox option for visual-only interactions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Checkbox\n *   label=\"Accept terms and conditions\"\n *   onChange={(e, state) => console.log('Checked:', state.checked)}\n *   required\n * />\n */\nexport const Checkbox = CheckboxElement;\n"],"names":["styles","CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}

package/dist/{Checkbox-BJnt8TFk.js → Checkbox-C5Qjq_tU.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { C as CheckboxGroup, a as Checkbox$1 } from './Checkbox-Bsa1FgoI.js';
+import { C as CheckboxGroup, a as Checkbox$1 } from './Checkbox-Bhjj-jM4.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -47,4 +47,4 @@ const Checkbox = Object.assign(CheckboxElement, {
 });
 
 export { Checkbox as C };
-//# sourceMappingURL=Checkbox-BJnt8TFk.js.map
+//# sourceMappingURL=Checkbox-C5Qjq_tU.js.map

package/dist/{Checkbox-BJnt8TFk.js.map → Checkbox-C5Qjq_tU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-BJnt8TFk.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, Ref } from \"react\";\nimport {\n  CheckboxProps as CoreCheckboxProps,\n  Checkbox as CoreCheckbox,\n} from \"./internal/Checkbox\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n  DataTrackingId;\n\nconst CheckboxElement = forwardRef(\n  (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n    const data = {\n      label: childrenToString(props.label),\n      ariaLabel: props[\"aria-label\"],\n      ariaLabelledBy: props[\"aria-labelledby\"],\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Checkbox\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n  },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n *   label=\"Accept terms and conditions\"\n *   onChange={(e, state) => console.log('Checked:', state.checked)}\n *   required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n  /**\n   * CheckboxGroup component for grouping related checkboxes together.\n   *\n   * Features:\n   * - Groups multiple checkboxes with a common legend\n   * - Supports required field indication\n   * - Optional helper text and descriptions\n   * - Full accessibility support with fieldset/legend\n   * - Focus management for keyboard navigation\n   * - Layout utility props for positioning and spacing\n   * - Flexible layout direction (row/column)\n   * - Screen reader support with hidden labels\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <CheckboxGroup legend=\"Select your interests\" required>\n   *   <Checkbox label=\"Technology\" />\n   *   <Checkbox label=\"Sports\" />\n   *   <Checkbox label=\"Music\" />\n   * </CheckboxGroup>\n   */\n  Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AA2BA,MAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CAAC,OAAsB,GAAA,KAA+B;AACpD,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAA,CAAM;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAA,EAAA,EAAa,GAAA,EAAU,kBAAA,EAAkB,UAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,EAC1E;AACF,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAA,CAAa,WAAA;AAuBpC,MAAM,QAAA,GAAW,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAA,EAAO;AACT,CAAC;;;;"}
+{"version":3,"file":"Checkbox-C5Qjq_tU.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, Ref } from \"react\";\nimport {\n  CheckboxProps as CoreCheckboxProps,\n  Checkbox as CoreCheckbox,\n} from \"./internal/Checkbox\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n  DataTrackingId;\n\nconst CheckboxElement = forwardRef(\n  (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n    const data = {\n      label: childrenToString(props.label),\n      ariaLabel: props[\"aria-label\"],\n      ariaLabelledBy: props[\"aria-labelledby\"],\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Checkbox\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n  },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n *   label=\"Accept terms and conditions\"\n *   onChange={(e, state) => console.log('Checked:', state.checked)}\n *   required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n  /**\n   * CheckboxGroup component for grouping related checkboxes together.\n   *\n   * Features:\n   * - Groups multiple checkboxes with a common legend\n   * - Supports required field indication\n   * - Optional helper text and descriptions\n   * - Full accessibility support with fieldset/legend\n   * - Focus management for keyboard navigation\n   * - Layout utility props for positioning and spacing\n   * - Flexible layout direction (row/column)\n   * - Screen reader support with hidden labels\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <CheckboxGroup legend=\"Select your interests\" required>\n   *   <Checkbox label=\"Technology\" />\n   *   <Checkbox label=\"Sports\" />\n   *   <Checkbox label=\"Music\" />\n   * </CheckboxGroup>\n   */\n  Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AA2BA,MAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CAAC,OAAsB,GAAA,KAA+B;AACpD,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAA,CAAM;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAA,EAAA,EAAa,GAAA,EAAU,kBAAA,EAAkB,UAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,EAC1E;AACF,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAA,CAAa,WAAA;AAuBpC,MAAM,QAAA,GAAW,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAA,EAAO;AACT,CAAC;;;;"}

package/dist/Checkbox.js

@@ -1,3 +1,3 @@
-export { C as Checkbox, C as default } from './Checkbox-BJnt8TFk.js';
-export { C as CheckboxGroup } from './Checkbox-Bsa1FgoI.js';
+export { C as Checkbox, C as default } from './Checkbox-C5Qjq_tU.js';
+export { C as CheckboxGroup } from './Checkbox-Bhjj-jM4.js';
 //# sourceMappingURL=Checkbox.js.map

package/dist/{Chip-BGa1Inb8.js → Chip-X2EwdZ97.js}

@@ -2,11 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useLayoutEffect, useContext } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
 import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-BYKjkGRg.js';
-import { a as Avatar } from './Avatar-Bbwk2MCy.js';
+import { a as Avatar } from './Avatar-gtxslf5v.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { I as Icon } from './Icon-TcJbUdTz.js';
+import { I as Icon } from './Icon-BSuTVNaa.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C7FVYB8F.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -174,4 +174,4 @@ const Chip = forwardRef(
 Chip.displayName = Chip$1.displayName;
 
 export { Chip as C };
-//# sourceMappingURL=Chip-BGa1Inb8.js.map
+//# sourceMappingURL=Chip-X2EwdZ97.js.map

package/dist/{Chip-BGa1Inb8.js.map → Chip-X2EwdZ97.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-BGa1Inb8.js","sources":["../src/components/Chip/internal/Chip.tsx","../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  forwardRef,\n  useContext,\n  useRef,\n  useLayoutEffect,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport tinycolor from \"tinycolor2\";\n\nimport { Avatar, AvatarProps } from \"../../Avatar/internal/Avatar\";\nimport { useAccessibleColor, usePrefersColorScheme } from \"../../../hooks\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\n\nimport styles from \"../Chip.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport { LayoutUtilProps, Size } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { ThemeProviderContext } from \"../../../providers/ThemeProvider/internal/ThemeProviderContext\";\n\n/**\n * Props for the Chip component\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type ChipProps = Omit<ComponentPropsWithoutRef<\"span\">, \"prefix\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * The text that displays in the chip.\n     */\n    label: string;\n    /**\n     * The size of the chip\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\">;\n\n    /**\n     * Color of the Chip\n     */\n    color?: string;\n    /**\n     * Callback for when the Chip is clicked\n     *\n     * @remarks\n     * Adding this will make Chip focusable\n     */\n    onClick?: (\n      e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n    ) => void;\n    /**\n     * Called when the component is closed. If supplied, a close button will be rendered.\n     * @returns void\n     */\n    onClose?: (\n      e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n    ) => void;\n    /**\n     * Wraps text when it overflows\n     */\n    textWrap?: boolean;\n    /**\n     * Content displayed in the chip, before the text.\n     */\n    prefix?: ReactNode;\n\n    /**\n     * Image URL to display in an avatar before the chip text.\n     */\n    avatar?: AvatarProps[\"image\"];\n  };\n\n/**\n * Chip component for displaying compact information or tags.\n *\n * Features:\n * - Configurable sizes (small, medium)\n * - Custom color support with automatic contrast calculation\n * - Optional click handler for interactive chips\n * - Optional close button for removable chips\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter to click, Delete/Backspace to close)\n * - Theme-aware color adaptation\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Chip\n *   label=\"JavaScript\"\n *   color=\"#f7df1e\"\n *   onClose={(e) => console.log('Chip removed')}\n *   onClick={(e) => console.log('Chip clicked')}\n * />\n */\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>((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    prefix,\n    avatar,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n\n  const innerRef = useRef<HTMLSpanElement>(null);\n  const [lines, setLines] = useState(1);\n\n  useLayoutEffect(() => {\n    const element = innerRef.current;\n\n    const observer = new ResizeObserver(() => {\n      if (element) {\n        const textNode = element.childNodes[0];\n        if (textNode && textNode.textContent) {\n          const range = document.createRange();\n          range.setStart(textNode, 0);\n          range.setEnd(textNode, textNode.textContent.length);\n          setLines(range.getClientRects().length);\n        }\n      }\n    });\n\n    if (element) {\n      observer.observe(element);\n    }\n\n    return () => {\n      if (element) {\n        observer.unobserve(element);\n      }\n    };\n  }, []);\n\n  /*\n   * @TODO: below to be updated with localization\n   * removeTextIndex is for when removeText comes after the label depending on the language\n   */\n  const removeText = \", removeable\";\n  const newLabel = `${label}${onClose ? removeText : \"\"}`;\n\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\n  const AvatarClassNames = cx(styles[\"avatar\"], {\n    [styles[\"multiline\"]]: textWrap && lines > 1,\n  });\n\n  const { mode: themeMode } = useContext(ThemeProviderContext);\n  const { mode: sysMode } = usePrefersColorScheme();\n  const mode = themeMode ?? sysMode;\n\n  const { foreground, background, border } = useAccessibleColor(color, mode);\n\n  const bgObj = tinycolor(background);\n\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\n      ? bgObj.isDark()\n        ? bgObj.lighten(15).toHexString()\n        : bgObj.darken(15).toHexString()\n      : \"#14141429\",\n    ...style,\n    ...layoutStyles,\n  };\n\n  const onKeyUpHandler = (e: KeyboardEvent<HTMLSpanElement>) => {\n    switch (e.code) {\n      case \"Delete\":\n      case \"Backspace\":\n        onClose?.(e);\n        break;\n\n      case \"Enter\":\n        onClick?.(e);\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <span\n      className={ChipClassNames}\n      style={styleWithColor}\n      data-anv=\"chip\"\n      role={onClick ? \"button\" : undefined}\n      {...(onClick || onClose ? { [\"aria-label\"]: newLabel } : {})}\n      {...rest}\n      ref={ref}\n      onClick={onClick}\n      onKeyUp={onKeyUpHandler}\n      tabIndex={onClick || onClose ? 0 : tabIndex}\n    >\n      {avatar != null ? (\n        <span className={AvatarClassNames}>\n          <Avatar\n            className={styles.avatarInner}\n            name={label}\n            color={color}\n            image={avatar}\n            size={size === \"small\" ? \"xsmall\" : \"small\"}\n          />\n        </span>\n      ) : null}\n\n      {prefix != null ? <span className={styles.prefix}>{prefix}</span> : null}\n\n      <span className={styles.inner} ref={innerRef}>\n        {label}\n      </span>\n\n      {!!onClose && (\n        <span\n          aria-hidden\n          aria-label=\"remove button\"\n          className={styles[\"close\"]}\n          onClick={(e) => {\n            e.stopPropagation();\n            onClose(e);\n          }}\n        >\n          <Icon aria-hidden svg={Close} size={size} />\n        </span>\n      )}\n    </span>\n  );\n});\n\nChip.displayName = \"Chip\";\n","import { ChipProps as CoreChipProps, Chip as CoreChip } from \"./internal/Chip\";\nimport { Icon as CoreIcon, IconProps as CoreIconProps } from \"../Icon\";\nimport { AvatarProps as CoreAvatarProps } from \"../Avatar/internal/Avatar\";\n\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\n\n/**\n * Props for the Chip component\n * @property {string} label - The text that displays in the chip\n * @property {\"small\" | \"medium\"} [size] - The size of the chip\n * @property {string} [color] - Color of the Chip\n * @property {(e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClick] - Callback for when the Chip is clicked\n * @property {(e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClose] - Called when the component is closed\n * @property {boolean} [textWrap] - Wraps text when it overflows\n * @property {Svg} [icon] - Icon displayed in the chip, before the text.\n * @property {string} [avatar] - Image URL to display in an avatar before the chip text.\n * @extends CoreChipProps\n * @extends DataTrackingId\n */\nexport type ChipProps = DistributiveOmit<CoreChipProps, \"prefix\" | \"avatar\"> &\n  DataTrackingId &\n  (\n    | { icon?: CoreIconProps[\"svg\"]; avatar?: never }\n    | { icon?: never; avatar?: CoreAvatarProps[\"image\"] }\n  );\n\n/**\n * Chip component for displaying compact information or tags.\n *\n * Features:\n * - Configurable sizes (small, medium)\n * - Custom color support with automatic contrast calculation\n * - Optional click handler for interactive chips\n * - Optional close button for removable chips\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter to click, Delete/Backspace to close)\n * - Theme-aware color adaptation\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Chip\n *   label=\"JavaScript\"\n *   color=\"#f7df1e\"\n *   onClose={(e) => console.log('Chip removed')}\n *   onClick={(e) => console.log('Chip clicked')}\n * />\n */\nexport const Chip = forwardRef(\n  ({ icon, ...props }: ChipProps, ref: Ref<HTMLSpanElement>) => {\n    const data = {\n      label: props.label,\n      size: props.size,\n      color: props.color,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Chip\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const prefix =\n      icon != null ? (\n        <CoreIcon svg={icon} color=\"var(--int-font-color)\" size={props.size} />\n      ) : null;\n\n    return (\n      <CoreChip\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n        prefix={prefix}\n      />\n    );\n  },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["Chip","Close","CoreIcon","CoreChip"],"mappings":"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"}
+{"version":3,"file":"Chip-X2EwdZ97.js","sources":["../src/components/Chip/internal/Chip.tsx","../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  forwardRef,\n  useContext,\n  useRef,\n  useLayoutEffect,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport tinycolor from \"tinycolor2\";\n\nimport { Avatar, AvatarProps } from \"../../Avatar/internal/Avatar\";\nimport { useAccessibleColor, usePrefersColorScheme } from \"../../../hooks\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\n\nimport styles from \"../Chip.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport { LayoutUtilProps, Size } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { ThemeProviderContext } from \"../../../providers/ThemeProvider/internal/ThemeProviderContext\";\n\n/**\n * Props for the Chip component\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type ChipProps = Omit<ComponentPropsWithoutRef<\"span\">, \"prefix\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * The text that displays in the chip.\n     */\n    label: string;\n    /**\n     * The size of the chip\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\">;\n\n    /**\n     * Color of the Chip\n     */\n    color?: string;\n    /**\n     * Callback for when the Chip is clicked\n     *\n     * @remarks\n     * Adding this will make Chip focusable\n     */\n    onClick?: (\n      e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n    ) => void;\n    /**\n     * Called when the component is closed. If supplied, a close button will be rendered.\n     * @returns void\n     */\n    onClose?: (\n      e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n    ) => void;\n    /**\n     * Wraps text when it overflows\n     */\n    textWrap?: boolean;\n    /**\n     * Content displayed in the chip, before the text.\n     */\n    prefix?: ReactNode;\n\n    /**\n     * Image URL to display in an avatar before the chip text.\n     */\n    avatar?: AvatarProps[\"image\"];\n  };\n\n/**\n * Chip component for displaying compact information or tags.\n *\n * Features:\n * - Configurable sizes (small, medium)\n * - Custom color support with automatic contrast calculation\n * - Optional click handler for interactive chips\n * - Optional close button for removable chips\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter to click, Delete/Backspace to close)\n * - Theme-aware color adaptation\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Chip\n *   label=\"JavaScript\"\n *   color=\"#f7df1e\"\n *   onClose={(e) => console.log('Chip removed')}\n *   onClick={(e) => console.log('Chip clicked')}\n * />\n */\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>((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    prefix,\n    avatar,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n\n  const innerRef = useRef<HTMLSpanElement>(null);\n  const [lines, setLines] = useState(1);\n\n  useLayoutEffect(() => {\n    const element = innerRef.current;\n\n    const observer = new ResizeObserver(() => {\n      if (element) {\n        const textNode = element.childNodes[0];\n        if (textNode && textNode.textContent) {\n          const range = document.createRange();\n          range.setStart(textNode, 0);\n          range.setEnd(textNode, textNode.textContent.length);\n          setLines(range.getClientRects().length);\n        }\n      }\n    });\n\n    if (element) {\n      observer.observe(element);\n    }\n\n    return () => {\n      if (element) {\n        observer.unobserve(element);\n      }\n    };\n  }, []);\n\n  /*\n   * @TODO: below to be updated with localization\n   * removeTextIndex is for when removeText comes after the label depending on the language\n   */\n  const removeText = \", removeable\";\n  const newLabel = `${label}${onClose ? removeText : \"\"}`;\n\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\n  const AvatarClassNames = cx(styles[\"avatar\"], {\n    [styles[\"multiline\"]]: textWrap && lines > 1,\n  });\n\n  const { mode: themeMode } = useContext(ThemeProviderContext);\n  const { mode: sysMode } = usePrefersColorScheme();\n  const mode = themeMode ?? sysMode;\n\n  const { foreground, background, border } = useAccessibleColor(color, mode);\n\n  const bgObj = tinycolor(background);\n\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\n      ? bgObj.isDark()\n        ? bgObj.lighten(15).toHexString()\n        : bgObj.darken(15).toHexString()\n      : \"#14141429\",\n    ...style,\n    ...layoutStyles,\n  };\n\n  const onKeyUpHandler = (e: KeyboardEvent<HTMLSpanElement>) => {\n    switch (e.code) {\n      case \"Delete\":\n      case \"Backspace\":\n        onClose?.(e);\n        break;\n\n      case \"Enter\":\n        onClick?.(e);\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <span\n      className={ChipClassNames}\n      style={styleWithColor}\n      data-anv=\"chip\"\n      role={onClick ? \"button\" : undefined}\n      {...(onClick || onClose ? { [\"aria-label\"]: newLabel } : {})}\n      {...rest}\n      ref={ref}\n      onClick={onClick}\n      onKeyUp={onKeyUpHandler}\n      tabIndex={onClick || onClose ? 0 : tabIndex}\n    >\n      {avatar != null ? (\n        <span className={AvatarClassNames}>\n          <Avatar\n            className={styles.avatarInner}\n            name={label}\n            color={color}\n            image={avatar}\n            size={size === \"small\" ? \"xsmall\" : \"small\"}\n          />\n        </span>\n      ) : null}\n\n      {prefix != null ? <span className={styles.prefix}>{prefix}</span> : null}\n\n      <span className={styles.inner} ref={innerRef}>\n        {label}\n      </span>\n\n      {!!onClose && (\n        <span\n          aria-hidden\n          aria-label=\"remove button\"\n          className={styles[\"close\"]}\n          onClick={(e) => {\n            e.stopPropagation();\n            onClose(e);\n          }}\n        >\n          <Icon aria-hidden svg={Close} size={size} />\n        </span>\n      )}\n    </span>\n  );\n});\n\nChip.displayName = \"Chip\";\n","import { ChipProps as CoreChipProps, Chip as CoreChip } from \"./internal/Chip\";\nimport { Icon as CoreIcon, IconProps as CoreIconProps } from \"../Icon\";\nimport { AvatarProps as CoreAvatarProps } from \"../Avatar/internal/Avatar\";\n\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\n\n/**\n * Props for the Chip component\n * @property {string} label - The text that displays in the chip\n * @property {\"small\" | \"medium\"} [size] - The size of the chip\n * @property {string} [color] - Color of the Chip\n * @property {(e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClick] - Callback for when the Chip is clicked\n * @property {(e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClose] - Called when the component is closed\n * @property {boolean} [textWrap] - Wraps text when it overflows\n * @property {Svg} [icon] - Icon displayed in the chip, before the text.\n * @property {string} [avatar] - Image URL to display in an avatar before the chip text.\n * @extends CoreChipProps\n * @extends DataTrackingId\n */\nexport type ChipProps = DistributiveOmit<CoreChipProps, \"prefix\" | \"avatar\"> &\n  DataTrackingId &\n  (\n    | { icon?: CoreIconProps[\"svg\"]; avatar?: never }\n    | { icon?: never; avatar?: CoreAvatarProps[\"image\"] }\n  );\n\n/**\n * Chip component for displaying compact information or tags.\n *\n * Features:\n * - Configurable sizes (small, medium)\n * - Custom color support with automatic contrast calculation\n * - Optional click handler for interactive chips\n * - Optional close button for removable chips\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter to click, Delete/Backspace to close)\n * - Theme-aware color adaptation\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Chip\n *   label=\"JavaScript\"\n *   color=\"#f7df1e\"\n *   onClose={(e) => console.log('Chip removed')}\n *   onClick={(e) => console.log('Chip clicked')}\n * />\n */\nexport const Chip = forwardRef(\n  ({ icon, ...props }: ChipProps, ref: Ref<HTMLSpanElement>) => {\n    const data = {\n      label: props.label,\n      size: props.size,\n      color: props.color,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Chip\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const prefix =\n      icon != null ? (\n        <CoreIcon svg={icon} color=\"var(--int-font-color)\" size={props.size} />\n      ) : null;\n\n    return (\n      <CoreChip\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n        prefix={prefix}\n      />\n    );\n  },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["Chip","Close","CoreIcon","CoreChip"],"mappings":"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"}

package/dist/Chip.js

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