@servicetitan/anvil2 3.0.5 → 3.0.7

package/dist/{Calendar-CpCRxcue.js → Calendar-DS5eWpGF.js}

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

package/dist/{Calendar-CpCRxcue.js.map → Calendar-DS5eWpGF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Calendar-CpCRxcue.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-DS5eWpGF.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.js

@@ -1,3 +1,3 @@
-export { C as Calendar, C as default } from './Calendar-CpCRxcue.js';
-export { u as useCalendarBetaProps } from './Calendar-ddGQKSGU.js';
+export { C as Calendar, C as default } from './Calendar-DS5eWpGF.js';
+export { u as useCalendarBetaProps } from './Calendar-BYNFAWpZ.js';
 //# sourceMappingURL=Calendar.js.map

package/dist/{Checkbox-CJ8eYejR.js → Checkbox-BB3BDJsK.js}

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useContext, forwardRef, useId, useMemo, useState } from 'react';
-import { c as checkboxStyles } from './Checkbox.module-DVbXNsaN.js';
+import { c as checkboxStyles } from './Checkbox.module-CURNX27M.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { F as FieldLabel } from './FieldLabel-D1qPAGtB.js';
 import { F as FieldMessage } from './FieldMessage-mTGdycSA.js';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
-import { s as stripInlineMarkdown } from './stripInlineMarkdown-D_eHogvh.js';
+import { s as stripInlineMarkdown } from './stripInlineMarkdown-C5DNxxwf.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
 import { I as Icon } from './Icon-feeG7gXA.js';
@@ -243,4 +243,4 @@ CheckboxElement.displayName = "Checkbox";
 const Checkbox = CheckboxElement;
 
 export { Checkbox as C, CheckboxGroup as a };
-//# sourceMappingURL=Checkbox-CJ8eYejR.js.map
+//# sourceMappingURL=Checkbox-BB3BDJsK.js.map

package/dist/{Checkbox-CJ8eYejR.js.map → Checkbox-BB3BDJsK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-CJ8eYejR.js","sources":["../src/components/Checkbox/internal/CheckboxGroupContext.tsx","../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context value for CheckboxGroup\n * @property {boolean} hasError - Whether the group has an error state\n */\nexport type CheckboxGroupContextValue = {\n  /**\n   * Whether the checkbox group has an error state\n   */\n  hasError: boolean;\n};\n\n/**\n * Context for sharing state between CheckboxGroup and child Checkbox components\n */\nexport const CheckboxGroupContext = createContext<\n  CheckboxGroupContextValue | undefined\n>(undefined);\n\n/**\n * Hook to access CheckboxGroup context from child Checkbox components\n * @returns CheckboxGroupContextValue if inside a CheckboxGroup, undefined otherwise\n */\nexport const useCheckboxGroupContext = () => {\n  return useContext(CheckboxGroupContext);\n};\n","import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  useId,\n  useMemo,\n} from \"react\";\nimport { stripInlineMarkdown, warnOnce } from \"../../internal/functions\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport type { FieldLabelProps as FieldLabelElementProps } from \"../FieldLabel\";\nimport { FieldLabelProps as InternalFieldLabelProps } from \"../../internal/types\";\nimport { HelperProps } from \"../../internal/components\";\nimport FieldMessage, { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport { CheckboxGroupContext } from \"./internal/CheckboxGroupContext\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<InternalFieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n  LayoutUtilProps &\n  Omit<InternalFieldLabelProps, \"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    // TODO(v4.0.0): type becomes string only\n    /**\n     * Legend for the fieldset.\n     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.\n     */\n    legend: string | ReactElement;\n\n    /**\n     * Additional props for the legend `FieldLabel` (for example `aiMark`, `className`).\n     */\n    legendProps?: Omit<FieldLabelElementProps, \"el\">;\n\n    /**\n     * Error state for the field. Pass `true` to indicate error styling without a message.\n     * Pass a string, string[], or ReactElement (deprecated) for error messages.\n     */\n    error?: boolean | string | ReactElement | string[];\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n    /**\n     * Description text to display below the field.\n     */\n    description?: HelperProps[\"description\"];\n    /**\n     * Hint text to display below the field.\n     */\n    hint?: HelperProps[\"hint\"];\n    /**\n     * When `true`, hides the visual label row. The sr-only `<legend>` always remains for screen readers.\n     * @default false\n     */\n    hideLabel?: boolean;\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    description,\n    error,\n    errorAriaLive: _errorAriaLive,\n    hint,\n    warning,\n    hideLabel = false,\n    legend,\n    moreInfo,\n    legendProps,\n    onBlur,\n    onFocus,\n    required,\n    style,\n    ...rest\n  } = componentProps;\n\n  const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n  const helperUid = useId();\n  const moreInfoUid = useId();\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    alignItems:\n      layoutStyles?.alignItems ??\n      (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n  };\n\n  const labelClassNames = cx(styles[\"label\"], {\n    [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n  });\n\n  warnDeprecatedErrorUsage(\"CheckboxGroup\", error);\n\n  // TODO(v4.0.0): remove once legend is string only\n  if (typeof legend !== \"string\") {\n    warnOnce(\n      \"CheckboxGroup: Passing ReactNode to legend is deprecated. Use a plain string with inline markdown instead.\",\n    );\n  }\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const hasHelperText = hint || errorMessages || warning || description;\n\n  const ariaDescribedBy =\n    [hasHelperText && helperUid, moreInfo && moreInfoUid]\n      .filter(Boolean)\n      .join(\" \") || undefined;\n\n  const contextValue = useMemo(\n    () => ({\n      hasError: !!error,\n    }),\n    [error],\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={onFocus}\n      onBlur={onBlur}\n      {...rest}\n      aria-describedby={ariaDescribedBy}\n    >\n      <legend className={styles[\"legend\"]}>\n        {/* TODO(v4.0.0): remove typeof check — legend will always be string */}\n        {typeof legend === \"string\" ? stripInlineMarkdown(legend) : legend}\n        {required && \", required\"}\n      </legend>\n      {!hideLabel && (\n        <div className={styles[\"label-row\"]}>\n          <FieldLabel\n            aria-hidden\n            required={required}\n            moreInfo={moreInfo}\n            moreInfoId={moreInfo ? moreInfoUid : undefined}\n            {...legendProps}\n            className={cx(labelClassNames, legendProps?.className)}\n          >\n            {legend}\n          </FieldLabel>\n        </div>\n      )}\n      <CheckboxGroupContext.Provider value={contextValue}>\n        <div\n          className={styles[\"children\"]}\n          style={{\n            flexDirection: layoutStyles?.flexDirection,\n            gap: layoutStyles?.gap,\n          }}\n        >\n          {children}\n        </div>\n      </CheckboxGroupContext.Provider>\n      {hasHelperText ? (\n        <FieldMessage\n          id={helperUid}\n          hint={hint}\n          error={errorMessages}\n          warning={warning}\n          description={description}\n        />\n      ) : null}\n    </fieldset>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n  forwardRef,\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  MouseEvent,\n  useId,\n  useState,\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\";\nimport { useCheckboxGroupContext } from \"./CheckboxGroupContext\";\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    /**\n     * Additional className applied to the label wrapper span\n     */\n    labelWrapperClassName?: string;\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      labelWrapperClassName,\n      ...rest\n    } = componentProps;\n    const [checked, setChecked] = useState(checkedProp ?? defaultChecked);\n\n    const groupContext = useCheckboxGroupContext();\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      if (!isControlled) {\n        setChecked(e.target.checked);\n      }\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    // Combine local error state with group error state\n    const hasError = error || groupContext?.hasError;\n\n    const wrapperClassNames = cx(\n      styles[\"wrapper\"],\n      { [styles[\"focus\"]]: hideCheckbox },\n      className,\n    );\n\n    const checkboxClassNames = cx(styles[\"checkbox\"], {\n      [styles[\"checkbox-error\"]]: hasError,\n      [styles[\"checkbox-checked\"]]: isControlled ? checkedProp : checked,\n      [styles[\"checkbox-indeterminate\"]]: indeterminate,\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\" : isControlled ? checkedProp : checked\n            }\n            checked={isControlled ? checkedProp : undefined}\n            defaultChecked={defaultChecked}\n            aria-invalid={hasError}\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={\n                indeterminate\n                  ? indeterminateIcon\n                  : (isControlled ? checkedProp : checked)\n                    ? checkedIcon\n                    : uncheckedIcon\n              }\n              className={styles[\"icon\"]}\n            />\n          </span>\n\n          <span\n            className={cx(labelWrapperClassName, {\n              [styles[\"focus-label\"]]: hideCheckbox,\n            })}\n          >\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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"}
+{"version":3,"file":"Checkbox-BB3BDJsK.js","sources":["../src/components/Checkbox/internal/CheckboxGroupContext.tsx","../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context value for CheckboxGroup\n * @property {boolean} hasError - Whether the group has an error state\n */\nexport type CheckboxGroupContextValue = {\n  /**\n   * Whether the checkbox group has an error state\n   */\n  hasError: boolean;\n};\n\n/**\n * Context for sharing state between CheckboxGroup and child Checkbox components\n */\nexport const CheckboxGroupContext = createContext<\n  CheckboxGroupContextValue | undefined\n>(undefined);\n\n/**\n * Hook to access CheckboxGroup context from child Checkbox components\n * @returns CheckboxGroupContextValue if inside a CheckboxGroup, undefined otherwise\n */\nexport const useCheckboxGroupContext = () => {\n  return useContext(CheckboxGroupContext);\n};\n","import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  useId,\n  useMemo,\n} from \"react\";\nimport { stripInlineMarkdown, warnOnce } from \"../../internal/functions\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport type { FieldLabelProps as FieldLabelElementProps } from \"../FieldLabel\";\nimport { FieldLabelProps as InternalFieldLabelProps } from \"../../internal/types\";\nimport { HelperProps } from \"../../internal/components\";\nimport FieldMessage, { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport { CheckboxGroupContext } from \"./internal/CheckboxGroupContext\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<InternalFieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n  LayoutUtilProps &\n  Omit<InternalFieldLabelProps, \"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    // TODO(v4.0.0): type becomes string only\n    /**\n     * Legend for the fieldset.\n     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.\n     */\n    legend: string | ReactElement;\n\n    /**\n     * Additional props for the legend `FieldLabel` (for example `aiMark`, `className`).\n     */\n    legendProps?: Omit<FieldLabelElementProps, \"el\">;\n\n    /**\n     * Error state for the field. Pass `true` to indicate error styling without a message.\n     * Pass a string, string[], or ReactElement (deprecated) for error messages.\n     */\n    error?: boolean | string | ReactElement | string[];\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n    /**\n     * Description text to display below the field.\n     */\n    description?: HelperProps[\"description\"];\n    /**\n     * Hint text to display below the field.\n     */\n    hint?: HelperProps[\"hint\"];\n    /**\n     * When `true`, hides the visual label row. The sr-only `<legend>` always remains for screen readers.\n     * @default false\n     */\n    hideLabel?: boolean;\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    description,\n    error,\n    errorAriaLive: _errorAriaLive,\n    hint,\n    warning,\n    hideLabel = false,\n    legend,\n    moreInfo,\n    legendProps,\n    onBlur,\n    onFocus,\n    required,\n    style,\n    ...rest\n  } = componentProps;\n\n  const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n  const helperUid = useId();\n  const moreInfoUid = useId();\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    alignItems:\n      layoutStyles?.alignItems ??\n      (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n  };\n\n  const labelClassNames = cx(styles[\"label\"], {\n    [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n  });\n\n  warnDeprecatedErrorUsage(\"CheckboxGroup\", error);\n\n  // TODO(v4.0.0): remove once legend is string only\n  if (typeof legend !== \"string\") {\n    warnOnce(\n      \"CheckboxGroup: Passing ReactNode to legend is deprecated. Use a plain string with inline markdown instead.\",\n    );\n  }\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const hasHelperText = hint || errorMessages || warning || description;\n\n  const ariaDescribedBy =\n    [hasHelperText && helperUid, moreInfo && moreInfoUid]\n      .filter(Boolean)\n      .join(\" \") || undefined;\n\n  const contextValue = useMemo(\n    () => ({\n      hasError: !!error,\n    }),\n    [error],\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={onFocus}\n      onBlur={onBlur}\n      {...rest}\n      aria-describedby={ariaDescribedBy}\n    >\n      <legend className={styles[\"legend\"]}>\n        {/* TODO(v4.0.0): remove typeof check — legend will always be string */}\n        {typeof legend === \"string\" ? stripInlineMarkdown(legend) : legend}\n        {required && \", required\"}\n      </legend>\n      {!hideLabel && (\n        <div className={styles[\"label-row\"]}>\n          <FieldLabel\n            aria-hidden\n            required={required}\n            moreInfo={moreInfo}\n            moreInfoId={moreInfo ? moreInfoUid : undefined}\n            {...legendProps}\n            className={cx(labelClassNames, legendProps?.className)}\n          >\n            {legend}\n          </FieldLabel>\n        </div>\n      )}\n      <CheckboxGroupContext.Provider value={contextValue}>\n        <div\n          className={styles[\"children\"]}\n          style={{\n            flexDirection: layoutStyles?.flexDirection,\n            gap: layoutStyles?.gap,\n          }}\n        >\n          {children}\n        </div>\n      </CheckboxGroupContext.Provider>\n      {hasHelperText ? (\n        <FieldMessage\n          id={helperUid}\n          hint={hint}\n          error={errorMessages}\n          warning={warning}\n          description={description}\n        />\n      ) : null}\n    </fieldset>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n  forwardRef,\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  MouseEvent,\n  useId,\n  useState,\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\";\nimport { useCheckboxGroupContext } from \"./CheckboxGroupContext\";\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    /**\n     * Additional className applied to the label wrapper span\n     */\n    labelWrapperClassName?: string;\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      labelWrapperClassName,\n      ...rest\n    } = componentProps;\n    const [checked, setChecked] = useState(checkedProp ?? defaultChecked);\n\n    const groupContext = useCheckboxGroupContext();\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      if (!isControlled) {\n        setChecked(e.target.checked);\n      }\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    // Combine local error state with group error state\n    const hasError = error || groupContext?.hasError;\n\n    const wrapperClassNames = cx(\n      styles[\"wrapper\"],\n      { [styles[\"focus\"]]: hideCheckbox },\n      className,\n    );\n\n    const checkboxClassNames = cx(styles[\"checkbox\"], {\n      [styles[\"checkbox-error\"]]: hasError,\n      [styles[\"checkbox-checked\"]]: isControlled ? checkedProp : checked,\n      [styles[\"checkbox-indeterminate\"]]: indeterminate,\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\" : isControlled ? checkedProp : checked\n            }\n            checked={isControlled ? checkedProp : undefined}\n            defaultChecked={defaultChecked}\n            aria-invalid={hasError}\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={\n                indeterminate\n                  ? indeterminateIcon\n                  : (isControlled ? checkedProp : checked)\n                    ? checkedIcon\n                    : uncheckedIcon\n              }\n              className={styles[\"icon\"]}\n            />\n          </span>\n\n          <span\n            className={cx(labelWrapperClassName, {\n              [styles[\"focus-label\"]]: hideCheckbox,\n            })}\n          >\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-CVidv1sO.js → Checkbox-BeIzx_ZX.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { C as Checkbox$1, a as CheckboxGroup } from './Checkbox-CJ8eYejR.js';
+import { C as Checkbox$1, a as CheckboxGroup } from './Checkbox-BB3BDJsK.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -49,4 +49,4 @@ const Checkbox = Object.assign(
 Checkbox.displayName = Checkbox$1.displayName;
 
 export { Checkbox as C };
-//# sourceMappingURL=Checkbox-CVidv1sO.js.map
+//# sourceMappingURL=Checkbox-BeIzx_ZX.js.map

package/dist/{Checkbox-CVidv1sO.js.map → Checkbox-BeIzx_ZX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-CVidv1sO.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } 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\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(\n  forwardRef<HTMLInputElement, CheckboxProps>(\n    function CheckboxInner(props, ref) {\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 (\n        <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />\n      );\n    },\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     * - 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);\nCheckbox.displayName = CoreCheckbox.displayName;\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AAgDO,MAAM,WAAW,MAAA,CAAO,MAAA;AAAA,EAC7B,UAAA;AAAA,IACE,SAAS,aAAA,CAAc,KAAA,EAAO,GAAA,EAAK;AACjC,MAAA,MAAM,IAAA,GAAO;AAAA,QACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,QACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,QAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,QACvC,OAAO,KAAA,CAAM;AAAA,OACf;AAEA,MAAA,MAAM,aAAa,aAAA,CAAc;AAAA,QAC/B,IAAA,EAAM,UAAA;AAAA,QACN,IAAA;AAAA,QACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,OACxC,CAAA;AACD,MAAA,2BACGA,UAAA,EAAA,EAAa,GAAA,EAAU,kBAAA,EAAkB,UAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,IAErE;AAAA,GACF;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsBE,KAAA,EAAO;AAAA;AAEX;AACA,QAAA,CAAS,cAAcA,UAAA,CAAa,WAAA;;;;"}
+{"version":3,"file":"Checkbox-BeIzx_ZX.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } 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\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(\n  forwardRef<HTMLInputElement, CheckboxProps>(\n    function CheckboxInner(props, ref) {\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 (\n        <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />\n      );\n    },\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     * - 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);\nCheckbox.displayName = CoreCheckbox.displayName;\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AAgDO,MAAM,WAAW,MAAA,CAAO,MAAA;AAAA,EAC7B,UAAA;AAAA,IACE,SAAS,aAAA,CAAc,KAAA,EAAO,GAAA,EAAK;AACjC,MAAA,MAAM,IAAA,GAAO;AAAA,QACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,QACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,QAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,QACvC,OAAO,KAAA,CAAM;AAAA,OACf;AAEA,MAAA,MAAM,aAAa,aAAA,CAAc;AAAA,QAC/B,IAAA,EAAM,UAAA;AAAA,QACN,IAAA;AAAA,QACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,OACxC,CAAA;AACD,MAAA,2BACGA,UAAA,EAAA,EAAa,GAAA,EAAU,kBAAA,EAAkB,UAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,IAErE;AAAA,GACF;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsBE,KAAA,EAAO;AAAA;AAEX;AACA,QAAA,CAAS,cAAcA,UAAA,CAAa,WAAA;;;;"}

package/dist/Checkbox.css

@@ -1,8 +1,8 @@
-.anvil2 {._wrapper_cclcz_1 {
+.anvil2 {._wrapper_1szzp_1 {
   display: inline-flex;
   flex-direction: column;
   gap: var(--a2-size-1, 0.25rem);
-}._checkbox_cclcz_7 {
+}._checkbox_1szzp_7 {
   --a2-internal-checkbox-focus-ring-color: var(
     --a2-mod-checkbox-focus-ring-color
   );
@@ -23,6 +23,7 @@
   --a2-mod-checkbox-checked-icon-color-active: var(--a2-checkbox-default-checked-icon-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
   --a2-mod-checkbox-checked-icon-color-disabled: var(--a2-checkbox-default-checked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
   --a2-mod-checkbox-checked-icon-color-hover: var(--a2-checkbox-default-checked-icon-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-checkbox-cursor: pointer;
   --a2-mod-checkbox-error-checked-foreground-color: var(--a2-checkbox-error-checked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
   --a2-mod-checkbox-error-checked-icon-background-color: var(--a2-checkbox-error-checked-icon-background-color, var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0)));
   --a2-mod-checkbox-error-checked-icon-background-color-active: var(--a2-checkbox-error-checked-icon-background-color-active, var(--a2-background-color-transparent-danger-active, light-dark(rgba(255, 57, 20, 0.3019607843), rgba(255, 134, 112, 0.2509803922))));
@@ -61,27 +62,29 @@
   display: revert-layer;
   align-items: flex-start;
   color: var(--a2-internal-checkbox-foreground-color);
+  cursor: var(--a2-mod-checkbox-cursor);
   display: inline-flex;
   font-size: var(--a2-font-size-400, 1rem);
   gap: var(--a2-size-2, 0.5rem);
   line-height: 1.5;
   position: relative;
-}._checkbox_cclcz_7:hover:not(:has(input:disabled)), ._checkbox_cclcz_7:has(input[data-interactive=hover]:not(:disabled)) {
+}._checkbox_1szzp_7:hover:not(:has(input:disabled)), ._checkbox_1szzp_7:has(input[data-interactive=hover]:not(:disabled)) {
   --a2-internal-checkbox-icon-background-color: var(
     --a2-mod-checkbox-unchecked-icon-background-color-hover
   );
-}._checkbox_cclcz_7:active:not(:has(input:disabled)), ._checkbox_cclcz_7:has(input[data-interactive=active]:not(:disabled)) {
+}._checkbox_1szzp_7:active:not(:has(input:disabled)), ._checkbox_1szzp_7:has(input[data-interactive=active]:not(:disabled)) {
   --a2-internal-checkbox-icon-background-color: var(
     --a2-mod-checkbox-unchecked-icon-background-color-active
   );
-}._checkbox_cclcz_7:has(input:disabled) {
+}._checkbox_1szzp_7:has(input:disabled) {
   --a2-internal-checkbox-icon-color: var(
     --a2-mod-checkbox-unchecked-icon-color-disabled
   );
+  --a2-mod-checkbox-cursor: not-allowed;
   opacity: var(--a2-opacity-disabled, 0.6);
-}._checkbox_cclcz_7:has(input:disabled) ._icon-wrapper_cclcz_88 {
+}._checkbox_1szzp_7:has(input:disabled) ._icon-wrapper_1szzp_91 {
   outline-width: 0;
-}._checkbox_cclcz_7 input {
+}._checkbox_1szzp_7 input {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
@@ -92,16 +95,16 @@
   position: absolute;
   white-space: nowrap;
   width: 1px;
-}._required-asterisk_cclcz_104 {
+}._required-asterisk_1szzp_107 {
   color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
   margin-inline-start: var(--a2-size-1, 0.25rem);
-}._focus-label_cclcz_109 {
+}._focus-label_1szzp_112 {
   color: var(--a2-internal-checkbox-foreground-color);
   outline: 0 solid var(--a2-mod-checkbox-label-focus-ring-color, --a2-internal-checkbox-focus-ring-color);
   outline-offset: var(--a2-size-half, 0.125rem);
   border-radius: var(--a2-mod-checkbox-label-border-radius);
   transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
-}._icon-wrapper_cclcz_88 {
+}._icon-wrapper_1szzp_91 {
   background-color: var(--a2-internal-checkbox-icon-background-color);
   border-radius: var(--a2-checkbox-border-radius, var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)));
   display: inline-flex;
@@ -109,22 +112,22 @@
   position: relative;
   transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
 }@media (prefers-reduced-motion: reduce) {
-  ._icon-wrapper_cclcz_88 {
+  ._icon-wrapper_1szzp_91 {
     transition-duration: 0.01ms !important;
     transition-property: outline;
   }
-}._helper-wrapper_cclcz_132 {
+}._helper-wrapper_1szzp_135 {
   margin-inline-start: var(--a2-size-8, 2rem);
-}._icon_cclcz_88 {
+}._icon_1szzp_91 {
   border-radius: var(--a2-checkbox-border-radius, var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)));
   color: var(--a2-internal-checkbox-icon-color);
-}input:focus-visible ~ ._icon-wrapper_cclcz_88,
-input:focus-visible ~ ._focus-label_cclcz_109,
-input[data-interactive=focus-visible] ~ ._icon-wrapper_cclcz_88,
-input[data-interactive=focus-visible] ~ ._focus-label_cclcz_109 {
+}input:focus-visible ~ ._icon-wrapper_1szzp_91,
+input:focus-visible ~ ._focus-label_1szzp_112,
+input[data-interactive=focus-visible] ~ ._icon-wrapper_1szzp_91,
+input[data-interactive=focus-visible] ~ ._focus-label_1szzp_112 {
   outline-width: var(--a2-size-half, 0.125rem);
-}._checkbox-checked_cclcz_148,
-._checkbox-indeterminate_cclcz_149 {
+}._checkbox-checked_1szzp_151,
+._checkbox-indeterminate_1szzp_152 {
   --a2-internal-checkbox-foreground-color: var(
     --a2-mod-checkbox-checked-foreground-color
   );
@@ -132,30 +135,30 @@ input[data-interactive=focus-visible] ~ ._focus-label_cclcz_109 {
     --a2-mod-checkbox-checked-icon-background-color
   );
   --a2-internal-checkbox-icon-color: var(--a2-mod-checkbox-checked-icon-color);
-}._checkbox-checked_cclcz_148:hover:not(:has(input:disabled)), ._checkbox-checked_cclcz_148:has(input[data-interactive=hover]:not(:disabled)),
-._checkbox-indeterminate_cclcz_149:hover:not(:has(input:disabled)),
-._checkbox-indeterminate_cclcz_149:has(input[data-interactive=hover]:not(:disabled)) {
+}._checkbox-checked_1szzp_151:hover:not(:has(input:disabled)), ._checkbox-checked_1szzp_151:has(input[data-interactive=hover]:not(:disabled)),
+._checkbox-indeterminate_1szzp_152:hover:not(:has(input:disabled)),
+._checkbox-indeterminate_1szzp_152:has(input[data-interactive=hover]:not(:disabled)) {
   --a2-internal-checkbox-icon-background-color: var(
     --a2-mod-checkbox-checked-icon-background-color-hover
   );
   --a2-internal-checkbox-icon-color: var(
     --a2-mod-checkbox-checked-icon-color-hover
   );
-}._checkbox-checked_cclcz_148:active:not(:has(input:disabled)), ._checkbox-checked_cclcz_148:has(input[data-interactive=active]:not(:disabled)),
-._checkbox-indeterminate_cclcz_149:active:not(:has(input:disabled)),
-._checkbox-indeterminate_cclcz_149:has(input[data-interactive=active]:not(:disabled)) {
+}._checkbox-checked_1szzp_151:active:not(:has(input:disabled)), ._checkbox-checked_1szzp_151:has(input[data-interactive=active]:not(:disabled)),
+._checkbox-indeterminate_1szzp_152:active:not(:has(input:disabled)),
+._checkbox-indeterminate_1szzp_152:has(input[data-interactive=active]:not(:disabled)) {
   --a2-internal-checkbox-icon-background-color: var(
     --a2-mod-checkbox-checked-icon-background-color-active
   );
   --a2-internal-checkbox-icon-color: var(
     --a2-mod-checkbox-checked-icon-color-active
   );
-}._checkbox-checked_cclcz_148:has(input:disabled),
-._checkbox-indeterminate_cclcz_149:has(input:disabled) {
+}._checkbox-checked_1szzp_151:has(input:disabled),
+._checkbox-indeterminate_1szzp_152:has(input:disabled) {
   --a2-internal-checkbox-icon-color: var(
     --a2-mod-checkbox-checked-icon-color-disabled
   );
-}._checkbox-error_cclcz_185 {
+}._checkbox-error_1szzp_188 {
   --a2-internal-checkbox-focus-ring-color: var(
     --a2-mod-checkbox-error-focus-ring-color
   );
@@ -168,25 +171,25 @@ input[data-interactive=focus-visible] ~ ._focus-label_cclcz_109 {
   --a2-internal-checkbox-icon-color: var(
     --a2-mod-checkbox-error-checked-icon-color
   );
-}._checkbox-error_cclcz_185:hover:not(:has(input:disabled)), ._checkbox-error_cclcz_185:has(input[data-interactive=hover]:not(:disabled)) {
+}._checkbox-error_1szzp_188:hover:not(:has(input:disabled)), ._checkbox-error_1szzp_188:has(input[data-interactive=hover]:not(:disabled)) {
   --a2-internal-checkbox-icon-background-color: var(
     --a2-mod-checkbox-error-checked-icon-background-color-hover
   );
   --a2-internal-checkbox-icon-color: var(
     --a2-mod-checkbox-error-checked-icon-color-hover
   );
-}._checkbox-error_cclcz_185:active:not(:has(input:disabled)), ._checkbox-error_cclcz_185:has(input[data-interactive=active]:not(:disabled)) {
+}._checkbox-error_1szzp_188:active:not(:has(input:disabled)), ._checkbox-error_1szzp_188:has(input[data-interactive=active]:not(:disabled)) {
   --a2-internal-checkbox-icon-background-color: var(
     --a2-mod-checkbox-error-checked-icon-background-color-active
   );
   --a2-internal-checkbox-icon-color: var(
     --a2-mod-checkbox-error-checked-icon-color-active
   );
-}._checkbox-error_cclcz_185:has(input:disabled) {
+}._checkbox-error_1szzp_188:has(input:disabled) {
   --a2-internal-checkbox-icon-color: var(
     --a2-mod-checkbox-error-checked-icon-color-disabled
   );
-}._sr-only_cclcz_221 {
+}._sr-only_1szzp_224 {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
@@ -197,7 +200,7 @@ input[data-interactive=focus-visible] ~ ._focus-label_cclcz_109 {
   position: absolute;
   white-space: nowrap;
   width: 1px;
-}._checkbox-group_cclcz_234 {
+}._checkbox-group_1szzp_237 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -211,7 +214,7 @@ input[data-interactive=focus-visible] ~ ._focus-label_cclcz_109 {
   display: inline-flex;
   flex-direction: column;
   gap: var(--a2-size-2, 0.5rem);
-}._legend_cclcz_250 {
+}._legend_1szzp_253 {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
@@ -222,15 +225,15 @@ input[data-interactive=focus-visible] ~ ._focus-label_cclcz_109 {
   position: absolute;
   white-space: nowrap;
   width: 1px;
-}._children_cclcz_263 {
+}._children_1szzp_266 {
   display: inline-flex;
   flex-direction: column;
   flex-wrap: wrap;
   gap: var(--a2-size-2, 0.5rem);
-}._label_cclcz_270._direction-row_cclcz_270 {
+}._label_1szzp_273._direction-row_1szzp_273 {
   justify-content: center;
   min-height: var(--a2-size-6, 1.5rem);
-}._label-row_cclcz_275 {
+}._label-row_1szzp_278 {
   display: flex;
   align-items: center;
 }

package/dist/Checkbox.js

@@ -1,2 +1,2 @@
-export { C as Checkbox, C as default } from './Checkbox-CVidv1sO.js';
+export { C as Checkbox, C as default } from './Checkbox-BeIzx_ZX.js';
 //# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.module-CURNX27M.js

@@ -0,0 +1,28 @@
+import './Checkbox.css';const wrapper = "_wrapper_1szzp_1";
+const checkbox = "_checkbox_1szzp_7";
+const icon = "_icon_1szzp_91";
+const legend = "_legend_1szzp_253";
+const children = "_children_1szzp_266";
+const label = "_label_1szzp_273";
+const checkboxStyles = {
+	wrapper: wrapper,
+	checkbox: checkbox,
+	"icon-wrapper": "_icon-wrapper_1szzp_91",
+	"required-asterisk": "_required-asterisk_1szzp_107",
+	"focus-label": "_focus-label_1szzp_112",
+	"helper-wrapper": "_helper-wrapper_1szzp_135",
+	icon: icon,
+	"checkbox-checked": "_checkbox-checked_1szzp_151",
+	"checkbox-indeterminate": "_checkbox-indeterminate_1szzp_152",
+	"checkbox-error": "_checkbox-error_1szzp_188",
+	"sr-only": "_sr-only_1szzp_224",
+	"checkbox-group": "_checkbox-group_1szzp_237",
+	legend: legend,
+	children: children,
+	label: label,
+	"direction-row": "_direction-row_1szzp_273",
+	"label-row": "_label-row_1szzp_278"
+};
+
+export { checkboxStyles as c };
+//# sourceMappingURL=Checkbox.module-CURNX27M.js.map

package/dist/Checkbox.module-CURNX27M.js.map

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

package/dist/{Chip-0-Yx9SGX.js → Chip-D2k5X_wX.js}

@@ -9,7 +9,7 @@ import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';
-import { A as AiMark } from './AiMark-DjOf60tj.js';
+import { A as AiMark } from './AiMark-BXL0sWIV.js';
 import { useTrackingId } from './useTrackingId.js';
 
 import './Chip.css';const chip = "_chip_9zzbi_1";
@@ -222,4 +222,4 @@ const Chip = forwardRef(
 Chip.displayName = Chip$1.displayName;
 
 export { Chip as C };
-//# sourceMappingURL=Chip-0-Yx9SGX.js.map
+//# sourceMappingURL=Chip-D2k5X_wX.js.map

package/dist/{Chip-0-Yx9SGX.js.map → Chip-D2k5X_wX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-0-Yx9SGX.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  useId,\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 { SrOnly } from \"../../SrOnly/SrOnly\";\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 ChipBaseProps = 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     * Color of the Chip\n     */\n    color?: string;\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     * Content displayed in the chip, after the text.\n     */\n    suffix?: ReactNode;\n  };\n\ntype ChipClickHandler = (\n  e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n) => void;\n\ntype ChipCloseHandler = (\n  e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n) => void;\n\ntype SmallChipHandlers =\n  | {\n      /**\n       * Callback for when the Chip is clicked\n       *\n       * @remarks\n       * Adding this will make Chip focusable\n       */\n      onClick?: ChipClickHandler;\n      /**\n       * Called when the component is closed. If supplied, a close button will be rendered.\n       * @returns void\n       */\n      onClose?: never;\n    }\n  | {\n      /**\n       * Called when the component is closed. If supplied, a close button will be rendered.\n       * @returns void\n       */\n      onClose?: ChipCloseHandler;\n      /**\n       * Callback for when the Chip is clicked\n       *\n       * @remarks\n       * Adding this will make Chip focusable\n       */\n      onClick?: never;\n    };\n\ntype SmallChipProps = ChipBaseProps & {\n  /**\n   * The size of the chip\n   * @default medium\n   */\n  size: Extract<Size, \"small\">;\n} & SmallChipHandlers;\n\ntype MediumChipProps = ChipBaseProps & {\n  /**\n   * The size of the chip\n   * @default medium\n   */\n  size?: Extract<Size, \"medium\">;\n  /**\n   * Callback for when the Chip is clicked\n   *\n   * @remarks\n   * Adding this will make Chip focusable\n   */\n  onClick?: ChipClickHandler;\n  /**\n   * Called when the component is closed. If supplied, a close button will be rendered.\n   * @returns void\n   */\n  onClose?: ChipCloseHandler;\n};\n\nexport type ChipProps = SmallChipProps | MediumChipProps;\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/Space to click, Delete/Backspace to close)\n * - Screen reader instructions for removal actions\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    suffix,\n    avatar,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n\n  const innerRef = useRef<HTMLSpanElement>(null);\n  const [isMultiline, setIsMultiline] = useState(false);\n  const descriptionId = useId();\n\n  useLayoutEffect(() => {\n    const element = innerRef.current;\n\n    const getSingleLineHeight = (element: HTMLSpanElement | null) => {\n      if (avatar == null) return 0;\n      if (!element) return 0;\n      const computedStyle = getComputedStyle(element);\n      const lineHeight = parseFloat(computedStyle.lineHeight);\n      const paddingTop = parseFloat(computedStyle.paddingTop);\n      const paddingBottom = parseFloat(computedStyle.paddingBottom);\n      return lineHeight + paddingTop + paddingBottom;\n    };\n\n    const singleLineHeight = getSingleLineHeight(element);\n\n    const observer = new ResizeObserver(() => {\n      if (element && avatar != null) {\n        // If actual height is significantly larger than single line, we have multiple lines\n        // Using 1.5 threshold to account for rounding\n        setIsMultiline(element.clientHeight > singleLineHeight * 1.5);\n      }\n    });\n\n    if (element) {\n      observer.observe(element);\n    }\n\n    return () => {\n      if (element) {\n        observer.unobserve(element);\n      }\n    };\n  }, [avatar]);\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 chip\";\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 && isMultiline,\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    \"--a2-inline-bg-color\": color && background,\n    \"--a2-inline-bg-color-hover\": color && bgObj.lighten(10).toHexString(),\n    \"--a2-inline-bg-color-active\": color && bgObj.darken(10).toHexString(),\n    \"--a2-inline-font-color\": color && foreground,\n    \"--a2-inline-border-color\": color && border,\n    \"--a2-inline-close-background-color-hover\": color\n      ? bgObj.isDark()\n        ? bgObj.lighten(10).toHexString()\n        : bgObj.darken(10).toHexString()\n      : undefined,\n    \"--a2-inline-close-background-color-active\": color\n      ? bgObj.isDark()\n        ? bgObj.lighten(15).toHexString()\n        : bgObj.darken(15).toHexString()\n      : undefined,\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      case \"Space\":\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      {...(onClose ? { [\"aria-describedby\"]: descriptionId } : {})}\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      {suffix != null ? <span className={styles.suffix}>{suffix}</span> : null}\n\n      {!!onClose && (\n        <>\n          <span\n            aria-hidden\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          <SrOnly id={descriptionId}>\n            Press Delete or Backspace to remove.\n          </SrOnly>\n        </>\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 { forwardRef, type Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { AiMarkBooleanProps } from \"../../types/ai-marks\";\nimport { AiMark } from \"../AiMark/AiMark\";\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 {boolean} [aiMark] - Whether to display an AI mark icon in 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 * @extends AiMarkBooleanProps\n */\nexport type ChipProps = DistributiveOmit<\n  CoreChipProps,\n  \"prefix\" | \"avatar\" | \"suffix\"\n> &\n  DataTrackingId &\n  AiMarkBooleanProps &\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 * - Optional AI mark icon to indicate AI-generated content\n * - Automatic AI mark type selection: gradient on default chips, inherited color on colored chips\n * - AI mark on clickable chips (hover/focus morph temporarily disabled; see @TODO in source)\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter/Space to click, Delete/Backspace to close)\n * - Screen reader instructions for removal actions\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 *\n * @example\n * <Chip label=\"AI Generated\" aiMark />\n */\nexport const Chip = forwardRef(\n  (\n    {\n      icon,\n      aiMark,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      ...props\n    }: ChipProps,\n    ref: Ref<HTMLSpanElement>,\n  ) => {\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\n          svg={icon}\n          color=\"var(--a2-inline-font-color)\"\n          size={props.size}\n        />\n      ) : null;\n\n    const aiMarkType = props.color ? \"default\" : \"gradient\";\n\n    // @TODO Re-enable AI mark hover/focus morph for `aiMark` + `onClick` chips after publish.\n    // Disabled: composed animation misaligned vs static asset / layout shift (see Chip AI Mark Fix 1 stash).\n    const suffix = aiMark ? (\n      <AiMark\n        type={aiMarkType}\n        size=\"small\"\n        color={props.color ? \"var(--int-font-color)\" : undefined}\n      />\n    ) : undefined;\n\n    const interactionProps = {\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n    };\n\n    return (\n      <CoreChip\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n        {...interactionProps}\n        prefix={prefix}\n        suffix={suffix}\n      />\n    );\n  },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["Chip","element","Close","CoreIcon","CoreChip"],"mappings":"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"}
+{"version":3,"file":"Chip-D2k5X_wX.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  useId,\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 { SrOnly } from \"../../SrOnly/SrOnly\";\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 ChipBaseProps = 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     * Color of the Chip\n     */\n    color?: string;\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     * Content displayed in the chip, after the text.\n     */\n    suffix?: ReactNode;\n  };\n\ntype ChipClickHandler = (\n  e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n) => void;\n\ntype ChipCloseHandler = (\n  e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>,\n) => void;\n\ntype SmallChipHandlers =\n  | {\n      /**\n       * Callback for when the Chip is clicked\n       *\n       * @remarks\n       * Adding this will make Chip focusable\n       */\n      onClick?: ChipClickHandler;\n      /**\n       * Called when the component is closed. If supplied, a close button will be rendered.\n       * @returns void\n       */\n      onClose?: never;\n    }\n  | {\n      /**\n       * Called when the component is closed. If supplied, a close button will be rendered.\n       * @returns void\n       */\n      onClose?: ChipCloseHandler;\n      /**\n       * Callback for when the Chip is clicked\n       *\n       * @remarks\n       * Adding this will make Chip focusable\n       */\n      onClick?: never;\n    };\n\ntype SmallChipProps = ChipBaseProps & {\n  /**\n   * The size of the chip\n   * @default medium\n   */\n  size: Extract<Size, \"small\">;\n} & SmallChipHandlers;\n\ntype MediumChipProps = ChipBaseProps & {\n  /**\n   * The size of the chip\n   * @default medium\n   */\n  size?: Extract<Size, \"medium\">;\n  /**\n   * Callback for when the Chip is clicked\n   *\n   * @remarks\n   * Adding this will make Chip focusable\n   */\n  onClick?: ChipClickHandler;\n  /**\n   * Called when the component is closed. If supplied, a close button will be rendered.\n   * @returns void\n   */\n  onClose?: ChipCloseHandler;\n};\n\nexport type ChipProps = SmallChipProps | MediumChipProps;\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/Space to click, Delete/Backspace to close)\n * - Screen reader instructions for removal actions\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    suffix,\n    avatar,\n    size = \"medium\",\n    tabIndex,\n    ...rest\n  } = componentProps;\n\n  const innerRef = useRef<HTMLSpanElement>(null);\n  const [isMultiline, setIsMultiline] = useState(false);\n  const descriptionId = useId();\n\n  useLayoutEffect(() => {\n    const element = innerRef.current;\n\n    const getSingleLineHeight = (element: HTMLSpanElement | null) => {\n      if (avatar == null) return 0;\n      if (!element) return 0;\n      const computedStyle = getComputedStyle(element);\n      const lineHeight = parseFloat(computedStyle.lineHeight);\n      const paddingTop = parseFloat(computedStyle.paddingTop);\n      const paddingBottom = parseFloat(computedStyle.paddingBottom);\n      return lineHeight + paddingTop + paddingBottom;\n    };\n\n    const singleLineHeight = getSingleLineHeight(element);\n\n    const observer = new ResizeObserver(() => {\n      if (element && avatar != null) {\n        // If actual height is significantly larger than single line, we have multiple lines\n        // Using 1.5 threshold to account for rounding\n        setIsMultiline(element.clientHeight > singleLineHeight * 1.5);\n      }\n    });\n\n    if (element) {\n      observer.observe(element);\n    }\n\n    return () => {\n      if (element) {\n        observer.unobserve(element);\n      }\n    };\n  }, [avatar]);\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 chip\";\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 && isMultiline,\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    \"--a2-inline-bg-color\": color && background,\n    \"--a2-inline-bg-color-hover\": color && bgObj.lighten(10).toHexString(),\n    \"--a2-inline-bg-color-active\": color && bgObj.darken(10).toHexString(),\n    \"--a2-inline-font-color\": color && foreground,\n    \"--a2-inline-border-color\": color && border,\n    \"--a2-inline-close-background-color-hover\": color\n      ? bgObj.isDark()\n        ? bgObj.lighten(10).toHexString()\n        : bgObj.darken(10).toHexString()\n      : undefined,\n    \"--a2-inline-close-background-color-active\": color\n      ? bgObj.isDark()\n        ? bgObj.lighten(15).toHexString()\n        : bgObj.darken(15).toHexString()\n      : undefined,\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      case \"Space\":\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      {...(onClose ? { [\"aria-describedby\"]: descriptionId } : {})}\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      {suffix != null ? <span className={styles.suffix}>{suffix}</span> : null}\n\n      {!!onClose && (\n        <>\n          <span\n            aria-hidden\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          <SrOnly id={descriptionId}>\n            Press Delete or Backspace to remove.\n          </SrOnly>\n        </>\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 { forwardRef, type Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { AiMarkBooleanProps } from \"../../types/ai-marks\";\nimport { AiMark } from \"../AiMark/AiMark\";\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 {boolean} [aiMark] - Whether to display an AI mark icon in 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 * @extends AiMarkBooleanProps\n */\nexport type ChipProps = DistributiveOmit<\n  CoreChipProps,\n  \"prefix\" | \"avatar\" | \"suffix\"\n> &\n  DataTrackingId &\n  AiMarkBooleanProps &\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 * - Optional AI mark icon to indicate AI-generated content\n * - Automatic AI mark type selection: gradient on default chips, inherited color on colored chips\n * - AI mark on clickable chips (hover/focus morph temporarily disabled; see @TODO in source)\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter/Space to click, Delete/Backspace to close)\n * - Screen reader instructions for removal actions\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 *\n * @example\n * <Chip label=\"AI Generated\" aiMark />\n */\nexport const Chip = forwardRef(\n  (\n    {\n      icon,\n      aiMark,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      ...props\n    }: ChipProps,\n    ref: Ref<HTMLSpanElement>,\n  ) => {\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\n          svg={icon}\n          color=\"var(--a2-inline-font-color)\"\n          size={props.size}\n        />\n      ) : null;\n\n    const aiMarkType = props.color ? \"default\" : \"gradient\";\n\n    // @TODO Re-enable AI mark hover/focus morph for `aiMark` + `onClick` chips after publish.\n    // Disabled: composed animation misaligned vs static asset / layout shift (see Chip AI Mark Fix 1 stash).\n    const suffix = aiMark ? (\n      <AiMark\n        type={aiMarkType}\n        size=\"small\"\n        color={props.color ? \"var(--int-font-color)\" : undefined}\n      />\n    ) : undefined;\n\n    const interactionProps = {\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n    };\n\n    return (\n      <CoreChip\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n        {...interactionProps}\n        prefix={prefix}\n        suffix={suffix}\n      />\n    );\n  },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["Chip","element","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-0-Yx9SGX.js';
+export { C as Chip, C as default } from './Chip-D2k5X_wX.js';
 //# sourceMappingURL=Chip.js.map

package/dist/Combobox.js

@@ -1,3 +1,2 @@
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default } from './Combobox-BXQFOwX4.js';
-export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default, u as useInfiniteCombobox } from './useInfiniteCombobox-CknXmqlQ.js';
 //# sourceMappingURL=Combobox.js.map

package/dist/Combobox.js.map

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