@servicetitan/anvil2 2.9.1 → 3.0.0

package/dist/{DateFieldYearless-DLeMEutt.js.map → DateFieldYearless-DHNVc7Sd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateFieldYearless-DLeMEutt.js","sources":["../src/components/DateFieldYearless/DateFieldYearless.tsx"],"sourcesContent":["import {\n  childrenToString,\n  stripInlineMarkdown,\n  warnOnce,\n} from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps, Size } from \"../../types\";\nimport { YearlessDate, YearlessDateMode } from \"./types\";\nimport {\n  YearlessDateInputWithPicker,\n  YearlessDateInputWithPickerRef,\n} from \"./internal/YearlessDateInputWithPicker\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport {\n  useId,\n  useRef,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentPropsWithoutRef,\n} from \"react\";\nimport { FieldLabel, FieldLabelProps } from \"../FieldLabel\";\nimport { Helper, HelperProps } from \"../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport styles from \"../TextField/TextField.module.scss\";\nimport cx from \"classnames\";\n\nexport type DateFieldYearlessProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  | \"onChange\"\n  | \"value\"\n  | \"defaultValue\"\n  | \"ref\"\n  | \"size\"\n  | \"type\"\n  | \"onFocus\"\n  | \"onBlur\"\n> &\n  LayoutUtilProps & {\n    /**\n     * The controlled value of the date field\n     */\n    value?: YearlessDate | null;\n    /**\n     * The default value for uncontrolled usage\n     */\n    defaultValue?: YearlessDate | null;\n    /**\n     * The function to call when the date value changes\n     */\n    onChange?: DateFieldYearlessChangeHandler;\n    /**\n     * The date format mode (mm/dd or dd/mm)\n     */\n    mode?: YearlessDateMode;\n    /**\n     * Whether the field is required\n     */\n    required?: boolean;\n    /**\n     * The minimum allowed date\n     */\n    minDate?: YearlessDate | null;\n    /**\n     * The maximum allowed date\n     */\n    maxDate?: YearlessDate | null;\n    /**\n     * Configuration for unavailable dates\n     */\n    unavailable?: {\n      /**\n       * Array of dates that are not selectable\n       */\n      dates?: YearlessDate[];\n    };\n    /**\n     * Whether the picker is disabled\n     */\n    disablePicker?: boolean;\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    // TODO(v4.0.0): make label required and type string\n    /**\n     * Label for the field.\n     * Omitting `label` is deprecated — it will be required in v4.0.0. Use `hideLabel` to visually hide it.\n     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.\n     */\n    label?: FieldLabelProps[\"children\"];\n    /**\n     * Props for the label component\n     */\n    labelProps?: FieldLabelProps;\n    /**\n     * Description text for the field\n     */\n    description?: HelperProps[\"description\"];\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     * Size of the input\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    /**\n     * Whether the field is disabled\n     */\n    disabled?: boolean;\n    /**\n     * Whether the field is in loading state\n     */\n    loading?: boolean;\n    /**\n     * Additional info content\n     */\n    moreInfo?: ReactNode;\n    /**\n     * Whether to disable the format hint\n     */\n    disableHint?: boolean;\n    /**\n     * When `true`, hides the visible label and moves it to `aria-label` on the input.\n     * @default false\n     */\n    hideLabel?: boolean;\n    /**\n     * Function to call when the field is focused\n     */\n    onFocus?: (event: React.FocusEvent) => void;\n    /**\n     * Function to call when the field is blurred\n     */\n    onBlur?: (event: React.FocusEvent) => void;\n  } & DataTrackingId;\n\n/**\n * Represents a change event for the DateFieldYearless component\n */\nexport type DateFieldYearlessChange = {\n  /**\n   * The current date value\n   */\n  value: YearlessDate | null;\n  /**\n   * Whether the input is valid\n   */\n  isInputValid: boolean;\n  /**\n   * Whether the input is empty\n   */\n  isInputEmpty: boolean;\n  /**\n   * Whether the overall value is valid\n   */\n  isValid: boolean;\n};\n\n/**\n * Handler function for DateFieldYearless change events\n */\nexport type DateFieldYearlessChangeHandler = (\n  change: DateFieldYearlessChange,\n) => void;\n\n/**\n * DateFieldYearless component for inputting dates without year information.\n *\n * Features:\n * - Supports both controlled and uncontrolled usage\n * - Supports different date formats (mm/dd or dd/mm)\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <DateFieldYearless\n *   label=\"Birthday\"\n *   mode=\"mm/dd\"\n *   required\n *   onChange={(change) => console.log('Date changed:', change.value)}\n * />\n */\nexport const DateFieldYearless = (props: DateFieldYearlessProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    value,\n    defaultValue,\n    minDate,\n    maxDate,\n    unavailable,\n    required,\n    disablePicker = false,\n    mode = \"mm/dd\",\n    error,\n    errorAriaLive: _errorAriaLive,\n    label,\n    moreInfo,\n    size,\n    disabled,\n    loading,\n    labelProps,\n    warning,\n    description,\n    id: idProp,\n    style,\n    disableHint = false,\n    hideLabel = false,\n    onFocus,\n    onBlur,\n    className,\n    onChange,\n    ...restProps\n  } = componentProps;\n\n  const inputRef = useRef<YearlessDateInputWithPickerRef>(null);\n\n  const { aiMark, ...labelPropsWithoutAiMark } = labelProps || {};\n\n  const data = {\n    label: childrenToString(props.label),\n    labelProps: labelPropsWithoutAiMark,\n    description: childrenToString(props.description),\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DateFieldYearless\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const labelUid = useId();\n  const id = idProp ?? labelUid;\n  const helperUid = useId();\n  const moreInfoUid = useId();\n\n  warnDeprecatedErrorUsage(\"DateFieldYearless\", error);\n\n  // TODO(v4.0.0): remove these warnings once label is required string\n  if (label === undefined) {\n    warnOnce(\n      \"DateFieldYearless: label will be required in v4.0.0. Use hideLabel to visually hide the label.\",\n    );\n  } else if (typeof label !== \"string\") {\n    warnOnce(\n      \"DateFieldYearless: Passing ReactNode to label 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 styleCombined = { ...style, ...layoutStyles };\n\n  const ariaDescribedBy = [helperUid, moreInfo && moreInfoUid]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div\n      className={cx(styles[\"textfield\"], className)}\n      data-anv=\"datefield-yearless\"\n      style={styleCombined}\n    >\n      {/* TODO(v4.0.0): simplify to !hideLabel once label is required */}\n      {label && !hideLabel && (\n        <FieldLabel\n          moreInfo={moreInfo}\n          moreInfoId={moreInfo ? moreInfoUid : undefined}\n          required={required}\n          htmlFor={id}\n          {...labelProps}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <YearlessDateInputWithPicker\n        {...restProps}\n        ref={inputRef}\n        mode={mode}\n        required={required}\n        minDate={minDate}\n        maxDate={maxDate}\n        unavailable={unavailable}\n        disablePicker={disablePicker}\n        size={size}\n        error={!!error}\n        disabled={disabled}\n        loading={loading}\n        id={id}\n        data-tracking-id={trackingId}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={error ? !!error : undefined}\n        aria-label={\n          // TODO(v4.0.0): remove typeof check — label will always be string\n          hideLabel && typeof label === \"string\"\n            ? stripInlineMarkdown(label)\n            : label\n              ? undefined\n              : \"Select a date\"\n        }\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n      />\n      {errorMessages || warning || description || (!disableHint && mode) ? (\n        <Helper\n          id={helperUid}\n          hint={disableHint ? undefined : `Format: ${mode}`}\n          showCounter={false}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          description={description}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nDateFieldYearless.displayName = \"DateFieldYearless\";\n"],"names":["styles"],"mappings":"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"}
+{"version":3,"file":"DateFieldYearless-DHNVc7Sd.js","sources":["../src/components/DateFieldYearless/DateFieldYearless.tsx"],"sourcesContent":["import {\n  childrenToString,\n  stripInlineMarkdown,\n  warnOnce,\n} from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps, Size } from \"../../types\";\nimport { YearlessDate, YearlessDateMode } from \"./types\";\nimport {\n  YearlessDateInputWithPicker,\n  YearlessDateInputWithPickerRef,\n} from \"./internal/YearlessDateInputWithPicker\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport {\n  useId,\n  useRef,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentPropsWithoutRef,\n} from \"react\";\nimport { FieldLabel, FieldLabelProps } from \"../FieldLabel\";\nimport { Helper, HelperProps } from \"../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport styles from \"../TextField/TextField.module.scss\";\nimport cx from \"classnames\";\n\nexport type DateFieldYearlessProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  | \"onChange\"\n  | \"value\"\n  | \"defaultValue\"\n  | \"ref\"\n  | \"size\"\n  | \"type\"\n  | \"onFocus\"\n  | \"onBlur\"\n> &\n  LayoutUtilProps & {\n    /**\n     * The controlled value of the date field\n     */\n    value?: YearlessDate | null;\n    /**\n     * The default value for uncontrolled usage\n     */\n    defaultValue?: YearlessDate | null;\n    /**\n     * The function to call when the date value changes\n     */\n    onChange?: DateFieldYearlessChangeHandler;\n    /**\n     * The date format mode (mm/dd or dd/mm)\n     */\n    mode?: YearlessDateMode;\n    /**\n     * Whether the field is required\n     */\n    required?: boolean;\n    /**\n     * The minimum allowed date\n     */\n    minDate?: YearlessDate | null;\n    /**\n     * The maximum allowed date\n     */\n    maxDate?: YearlessDate | null;\n    /**\n     * Configuration for unavailable dates\n     */\n    unavailable?: {\n      /**\n       * Array of dates that are not selectable\n       */\n      dates?: YearlessDate[];\n    };\n    /**\n     * Whether the picker is disabled\n     */\n    disablePicker?: boolean;\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    // TODO(v4.0.0): make label required and type string\n    /**\n     * Label for the field.\n     * Omitting `label` is deprecated — it will be required in v4.0.0. Use `hideLabel` to visually hide it.\n     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.\n     */\n    label?: FieldLabelProps[\"children\"];\n    /**\n     * Props for the label component\n     */\n    labelProps?: FieldLabelProps;\n    /**\n     * Description text for the field\n     */\n    description?: HelperProps[\"description\"];\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     * Size of the input\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    /**\n     * Whether the field is disabled\n     */\n    disabled?: boolean;\n    /**\n     * Whether the field is in loading state\n     */\n    loading?: boolean;\n    /**\n     * Additional info content\n     */\n    moreInfo?: ReactNode;\n    /**\n     * Whether to disable the format hint\n     */\n    disableHint?: boolean;\n    /**\n     * When `true`, hides the visible label and moves it to `aria-label` on the input.\n     * @default false\n     */\n    hideLabel?: boolean;\n    /**\n     * Function to call when the field is focused\n     */\n    onFocus?: (event: React.FocusEvent) => void;\n    /**\n     * Function to call when the field is blurred\n     */\n    onBlur?: (event: React.FocusEvent) => void;\n  } & DataTrackingId;\n\n/**\n * Represents a change event for the DateFieldYearless component\n */\nexport type DateFieldYearlessChange = {\n  /**\n   * The current date value\n   */\n  value: YearlessDate | null;\n  /**\n   * Whether the input is valid\n   */\n  isInputValid: boolean;\n  /**\n   * Whether the input is empty\n   */\n  isInputEmpty: boolean;\n  /**\n   * Whether the overall value is valid\n   */\n  isValid: boolean;\n};\n\n/**\n * Handler function for DateFieldYearless change events\n */\nexport type DateFieldYearlessChangeHandler = (\n  change: DateFieldYearlessChange,\n) => void;\n\n/**\n * DateFieldYearless component for inputting dates without year information.\n *\n * Features:\n * - Supports both controlled and uncontrolled usage\n * - Supports different date formats (mm/dd or dd/mm)\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <DateFieldYearless\n *   label=\"Birthday\"\n *   mode=\"mm/dd\"\n *   required\n *   onChange={(change) => console.log('Date changed:', change.value)}\n * />\n */\nexport const DateFieldYearless = (props: DateFieldYearlessProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    value,\n    defaultValue,\n    minDate,\n    maxDate,\n    unavailable,\n    required,\n    disablePicker = false,\n    mode = \"mm/dd\",\n    error,\n    errorAriaLive: _errorAriaLive,\n    label,\n    moreInfo,\n    size,\n    disabled,\n    loading,\n    labelProps,\n    warning,\n    description,\n    id: idProp,\n    style,\n    disableHint = false,\n    hideLabel = false,\n    onFocus,\n    onBlur,\n    className,\n    onChange,\n    ...restProps\n  } = componentProps;\n\n  const inputRef = useRef<YearlessDateInputWithPickerRef>(null);\n\n  const { aiMark, ...labelPropsWithoutAiMark } = labelProps || {};\n\n  const data = {\n    label: childrenToString(props.label),\n    labelProps: labelPropsWithoutAiMark,\n    description: childrenToString(props.description),\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DateFieldYearless\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const labelUid = useId();\n  const id = idProp ?? labelUid;\n  const helperUid = useId();\n  const moreInfoUid = useId();\n\n  warnDeprecatedErrorUsage(\"DateFieldYearless\", error);\n\n  // TODO(v4.0.0): remove these warnings once label is required string\n  if (label === undefined) {\n    warnOnce(\n      \"DateFieldYearless: label will be required in v4.0.0. Use hideLabel to visually hide the label.\",\n    );\n  } else if (typeof label !== \"string\") {\n    warnOnce(\n      \"DateFieldYearless: Passing ReactNode to label 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 styleCombined = { ...style, ...layoutStyles };\n\n  const ariaDescribedBy = [helperUid, moreInfo && moreInfoUid]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div\n      className={cx(styles[\"textfield\"], className)}\n      data-anv=\"datefield-yearless\"\n      style={styleCombined}\n    >\n      {/* TODO(v4.0.0): simplify to !hideLabel once label is required */}\n      {label && !hideLabel && (\n        <FieldLabel\n          moreInfo={moreInfo}\n          moreInfoId={moreInfo ? moreInfoUid : undefined}\n          required={required}\n          htmlFor={id}\n          {...labelProps}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <YearlessDateInputWithPicker\n        {...restProps}\n        ref={inputRef}\n        mode={mode}\n        required={required}\n        minDate={minDate}\n        maxDate={maxDate}\n        unavailable={unavailable}\n        disablePicker={disablePicker}\n        size={size}\n        error={!!error}\n        disabled={disabled}\n        loading={loading}\n        id={id}\n        data-tracking-id={trackingId}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={error ? !!error : undefined}\n        aria-label={\n          // TODO(v4.0.0): remove typeof check — label will always be string\n          hideLabel && typeof label === \"string\"\n            ? stripInlineMarkdown(label)\n            : label\n              ? undefined\n              : \"Select a date\"\n        }\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n      />\n      {errorMessages || warning || description || (!disableHint && mode) ? (\n        <Helper\n          id={helperUid}\n          hint={disableHint ? undefined : `Format: ${mode}`}\n          showCounter={false}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          description={description}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nDateFieldYearless.displayName = \"DateFieldYearless\";\n"],"names":["styles"],"mappings":"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"}

package/dist/DateFieldYearless.js

@@ -1,2 +1,2 @@
-export { D as DateFieldYearless } from './DateFieldYearless-DLeMEutt.js';
+export { D as DateFieldYearless } from './DateFieldYearless-DHNVc7Sd.js';
 //# sourceMappingURL=DateFieldYearless.js.map

package/dist/{DateFieldYearlessRange-BfPuYKKC.js → DateFieldYearlessRange-C5ktVUgG.js}

@@ -2,19 +2,19 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useId, isValidElement } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { t as textFieldStyles } from './TextField.module-BP-hDP5m.js';
+import { t as textFieldStyles } from './TextField.module-MRVo1X9H.js';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
-import { F as FieldLabel } from './FieldLabel-HO2VP-4B.js';
-import { I as Icon } from './Icon-DuIlne4x.js';
-import { Y as YearlessDateInputWithPicker } from './YearlessDateInputWithPicker-C_twiQW5.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { F as FieldLabel } from './FieldLabel-DZWu5dMp.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
+import { Y as YearlessDateInputWithPicker } from './YearlessDateInputWithPicker-DyytWt0x.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
-import { H as Helper } from './Helper-B_FIOlhy.js';
+import { H as Helper } from './Helper-DtDeaYTn.js';
 
 import './DateFieldYearlessRange.css';const dateFieldYearlessRangeStyles = {
-	"range-row": "_range-row_xox8l_1",
-	"range-root": "_range-root_xox8l_12",
-	"sr-only": "_sr-only_xox8l_23"
+	"range-row": "_range-row_vmodf_1",
+	"range-root": "_range-root_vmodf_11",
+	"sr-only": "_sr-only_vmodf_22"
 };
 
 const SvgArrowForward = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }));
@@ -169,4 +169,4 @@ const DateFieldYearlessRange = (props) => {
 };
 
 export { DateFieldYearlessRange as D };
-//# sourceMappingURL=DateFieldYearlessRange-BfPuYKKC.js.map
+//# sourceMappingURL=DateFieldYearlessRange-C5ktVUgG.js.map

package/dist/{DateFieldYearlessRange-BfPuYKKC.js.map → DateFieldYearlessRange-C5ktVUgG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateFieldYearlessRange-BfPuYKKC.js","sources":["../../hammer-icon/mdi/filled/arrow_forward.svg","../src/components/DateFieldYearlessRange/DateFieldYearlessRange.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgArrowForward = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\" }));\nexport default SvgArrowForward;\n","import { ReactElement, isValidElement, useId } from \"react\";\nimport cx from \"classnames\";\nimport textFieldStyles from \"../TextField/TextField.module.scss\";\nimport dateFieldYearlessRangeStyles from \"./DateFieldYearlessRange.module.scss\";\nimport { Helper, HelperProps } from \"../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../internal/hooks\";\nimport FieldLabel, { FieldLabelProps } from \"../FieldLabel\";\nimport { YearlessDate, YearlessDateMode } from \"../DateFieldYearless/types\";\nimport Icon from \"../Icon\";\nimport ArrowForward from \"@servicetitan/hammer-icon/mdi/filled/arrow_forward.svg\";\nimport { YearlessDateInputWithPicker } from \"../DateFieldYearless/internal/YearlessDateInputWithPicker\";\n\nexport type DateFieldYearlessRangeValue = {\n  startDate: YearlessDate | null;\n  endDate: YearlessDate | null;\n};\n\nexport type DateFieldYearlessRangeChange = {\n  startDate: YearlessDate | null;\n  endDate: YearlessDate | null;\n};\n\nexport type DateFieldYearlessRangeChangeHandler = (\n  change: DateFieldYearlessRangeChange,\n) => void;\n\nexport type DateFieldYearlessRangeProps = {\n  /**\n   * The controlled value of the date field\n   */\n  value?: DateFieldYearlessRangeValue;\n  /**\n   * The default value for uncontrolled usage\n   */\n  defaultValue?: DateFieldYearlessRangeValue;\n  /**\n   * The function to call when the date value changes\n   */\n  onChange?: DateFieldYearlessRangeChangeHandler;\n  /**\n   * The date format mode (mm/dd or dd/mm)\n   */\n  mode?: YearlessDateMode;\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Whether the picker is disabled\n   */\n  disablePicker?: boolean;\n  /**\n   * Whether to disable the hint\n   */\n  disableHint?: boolean;\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   * Label for the field group. Always required for accessibility.\n   */\n  label: string;\n  /**\n   * When `true`, hides the visible legend while keeping it accessible to screen readers.\n   * @default false\n   */\n  hideLabel?: boolean;\n  size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n  description?: HelperProps[\"description\"];\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  disabled?: boolean;\n  onFocus?: (event: React.FocusEvent) => void;\n  onBlur?: (event: React.FocusEvent) => void;\n  id?: string;\n  startLabel?: string;\n  endLabel?: string;\n  legendProps?: Omit<FieldLabelProps, \"el\">;\n  moreInfo?: FieldLabelProps[\"moreInfo\"];\n} & LayoutUtilProps;\n\nexport const DateFieldYearlessRange = (props: DateFieldYearlessRangeProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    label,\n    moreInfo,\n    size,\n    hideLabel = false,\n    required,\n    id: idProp,\n    legendProps,\n    errorAriaLive: _errorAriaLive,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    error,\n    warning,\n    disabled,\n    disableHint,\n    description,\n    mode = \"mm/dd\",\n    startLabel = \"Start date\",\n    endLabel = \"End date\",\n    disablePicker,\n  } = componentProps;\n\n  const [value, setValue] =\n    useOptionallyControlledState<DateFieldYearlessRangeValue>({\n      controlledValue: props.value,\n      defaultValue: props.defaultValue,\n      onChange: props.onChange,\n    });\n\n  const labelUid = useId();\n  const id = idProp ?? labelUid;\n  const helperUid = useId();\n  const moreInfoUid = useId();\n\n  warnDeprecatedErrorUsage(\"DateFieldYearlessRange\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const handleStartDateChange = (startDate: YearlessDate | null) => {\n    setValue({\n      ...value,\n      startDate,\n    });\n  };\n\n  const handleEndDateChange = (endDate: YearlessDate | null) => {\n    setValue({\n      ...value,\n      endDate,\n    });\n  };\n\n  const ariaDescribedBy = [helperUid, moreInfo && moreInfoUid]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <fieldset\n      className={cx(\n        textFieldStyles[\"textfield\"],\n        dateFieldYearlessRangeStyles[\"range-root\"],\n      )}\n      data-anv=\"date-field-yearless-range\"\n      style={layoutStyles}\n    >\n      <FieldLabel\n        el=\"legend\"\n        moreInfo={moreInfo}\n        moreInfoId={moreInfo ? moreInfoUid : undefined}\n        required={required}\n        {...legendProps}\n        className={cx(\n          legendProps?.className,\n          hideLabel ? dateFieldYearlessRangeStyles[\"sr-only\"] : undefined,\n        )}\n      >\n        {label}\n      </FieldLabel>\n      <div className={dateFieldYearlessRangeStyles[\"range-row\"]}>\n        <FieldLabel\n          htmlFor={id + \"-\" + \"start\"}\n          className={dateFieldYearlessRangeStyles[\"sr-only\"]}\n        >\n          {startLabel}\n        </FieldLabel>\n        <YearlessDateInputWithPicker\n          id={id + \"-\" + \"start\"}\n          size={size}\n          error={!!error}\n          required={required}\n          disabled={disabled}\n          mode={mode}\n          value={value?.startDate}\n          onChange={(change) => handleStartDateChange(change.value)}\n          aria-describedby={ariaDescribedBy}\n          disablePicker={disablePicker}\n          onFocus={onFocusProp}\n          onBlur={onBlurProp}\n        />\n        <Icon\n          svg={ArrowForward}\n          className={dateFieldYearlessRangeStyles[\"range-arrow\"]}\n        />\n        <FieldLabel\n          htmlFor={id + \"-\" + \"end\"}\n          className={dateFieldYearlessRangeStyles[\"sr-only\"]}\n        >\n          {endLabel}\n        </FieldLabel>\n        <YearlessDateInputWithPicker\n          id={id + \"-\" + \"end\"}\n          size={size}\n          error={!!error}\n          required={required}\n          disabled={disabled}\n          mode={mode}\n          value={value?.endDate}\n          onChange={(change) => handleEndDateChange(change.value)}\n          aria-labelledby={labelUid}\n          aria-describedby={ariaDescribedBy}\n          disablePicker={disablePicker}\n          onFocus={onFocusProp}\n          onBlur={onBlurProp}\n        />\n      </div>\n      {!disableHint || errorMessages || warning || description ? (\n        <Helper\n          id={helperUid}\n          hint={disableHint ? undefined : `Format: ${mode}`}\n          showCounter={false}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          description={description}\n        />\n      ) : null}\n    </fieldset>\n  );\n};\n"],"names":["ArrowForward"],"mappings":"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"}
+{"version":3,"file":"DateFieldYearlessRange-C5ktVUgG.js","sources":["../../hammer-icon/mdi/filled/arrow_forward.svg","../src/components/DateFieldYearlessRange/DateFieldYearlessRange.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgArrowForward = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\" }));\nexport default SvgArrowForward;\n","import { ReactElement, isValidElement, useId } from \"react\";\nimport cx from \"classnames\";\nimport textFieldStyles from \"../TextField/TextField.module.scss\";\nimport dateFieldYearlessRangeStyles from \"./DateFieldYearlessRange.module.scss\";\nimport { Helper, HelperProps } from \"../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../internal/hooks\";\nimport FieldLabel, { FieldLabelProps } from \"../FieldLabel\";\nimport { YearlessDate, YearlessDateMode } from \"../DateFieldYearless/types\";\nimport Icon from \"../Icon\";\nimport ArrowForward from \"@servicetitan/hammer-icon/mdi/filled/arrow_forward.svg\";\nimport { YearlessDateInputWithPicker } from \"../DateFieldYearless/internal/YearlessDateInputWithPicker\";\n\nexport type DateFieldYearlessRangeValue = {\n  startDate: YearlessDate | null;\n  endDate: YearlessDate | null;\n};\n\nexport type DateFieldYearlessRangeChange = {\n  startDate: YearlessDate | null;\n  endDate: YearlessDate | null;\n};\n\nexport type DateFieldYearlessRangeChangeHandler = (\n  change: DateFieldYearlessRangeChange,\n) => void;\n\nexport type DateFieldYearlessRangeProps = {\n  /**\n   * The controlled value of the date field\n   */\n  value?: DateFieldYearlessRangeValue;\n  /**\n   * The default value for uncontrolled usage\n   */\n  defaultValue?: DateFieldYearlessRangeValue;\n  /**\n   * The function to call when the date value changes\n   */\n  onChange?: DateFieldYearlessRangeChangeHandler;\n  /**\n   * The date format mode (mm/dd or dd/mm)\n   */\n  mode?: YearlessDateMode;\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Whether the picker is disabled\n   */\n  disablePicker?: boolean;\n  /**\n   * Whether to disable the hint\n   */\n  disableHint?: boolean;\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   * Label for the field group. Always required for accessibility.\n   */\n  label: string;\n  /**\n   * When `true`, hides the visible legend while keeping it accessible to screen readers.\n   * @default false\n   */\n  hideLabel?: boolean;\n  size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n  description?: HelperProps[\"description\"];\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  disabled?: boolean;\n  onFocus?: (event: React.FocusEvent) => void;\n  onBlur?: (event: React.FocusEvent) => void;\n  id?: string;\n  startLabel?: string;\n  endLabel?: string;\n  legendProps?: Omit<FieldLabelProps, \"el\">;\n  moreInfo?: FieldLabelProps[\"moreInfo\"];\n} & LayoutUtilProps;\n\nexport const DateFieldYearlessRange = (props: DateFieldYearlessRangeProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    label,\n    moreInfo,\n    size,\n    hideLabel = false,\n    required,\n    id: idProp,\n    legendProps,\n    errorAriaLive: _errorAriaLive,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    error,\n    warning,\n    disabled,\n    disableHint,\n    description,\n    mode = \"mm/dd\",\n    startLabel = \"Start date\",\n    endLabel = \"End date\",\n    disablePicker,\n  } = componentProps;\n\n  const [value, setValue] =\n    useOptionallyControlledState<DateFieldYearlessRangeValue>({\n      controlledValue: props.value,\n      defaultValue: props.defaultValue,\n      onChange: props.onChange,\n    });\n\n  const labelUid = useId();\n  const id = idProp ?? labelUid;\n  const helperUid = useId();\n  const moreInfoUid = useId();\n\n  warnDeprecatedErrorUsage(\"DateFieldYearlessRange\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const handleStartDateChange = (startDate: YearlessDate | null) => {\n    setValue({\n      ...value,\n      startDate,\n    });\n  };\n\n  const handleEndDateChange = (endDate: YearlessDate | null) => {\n    setValue({\n      ...value,\n      endDate,\n    });\n  };\n\n  const ariaDescribedBy = [helperUid, moreInfo && moreInfoUid]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <fieldset\n      className={cx(\n        textFieldStyles[\"textfield\"],\n        dateFieldYearlessRangeStyles[\"range-root\"],\n      )}\n      data-anv=\"date-field-yearless-range\"\n      style={layoutStyles}\n    >\n      <FieldLabel\n        el=\"legend\"\n        moreInfo={moreInfo}\n        moreInfoId={moreInfo ? moreInfoUid : undefined}\n        required={required}\n        {...legendProps}\n        className={cx(\n          legendProps?.className,\n          hideLabel ? dateFieldYearlessRangeStyles[\"sr-only\"] : undefined,\n        )}\n      >\n        {label}\n      </FieldLabel>\n      <div className={dateFieldYearlessRangeStyles[\"range-row\"]}>\n        <FieldLabel\n          htmlFor={id + \"-\" + \"start\"}\n          className={dateFieldYearlessRangeStyles[\"sr-only\"]}\n        >\n          {startLabel}\n        </FieldLabel>\n        <YearlessDateInputWithPicker\n          id={id + \"-\" + \"start\"}\n          size={size}\n          error={!!error}\n          required={required}\n          disabled={disabled}\n          mode={mode}\n          value={value?.startDate}\n          onChange={(change) => handleStartDateChange(change.value)}\n          aria-describedby={ariaDescribedBy}\n          disablePicker={disablePicker}\n          onFocus={onFocusProp}\n          onBlur={onBlurProp}\n        />\n        <Icon\n          svg={ArrowForward}\n          className={dateFieldYearlessRangeStyles[\"range-arrow\"]}\n        />\n        <FieldLabel\n          htmlFor={id + \"-\" + \"end\"}\n          className={dateFieldYearlessRangeStyles[\"sr-only\"]}\n        >\n          {endLabel}\n        </FieldLabel>\n        <YearlessDateInputWithPicker\n          id={id + \"-\" + \"end\"}\n          size={size}\n          error={!!error}\n          required={required}\n          disabled={disabled}\n          mode={mode}\n          value={value?.endDate}\n          onChange={(change) => handleEndDateChange(change.value)}\n          aria-labelledby={labelUid}\n          aria-describedby={ariaDescribedBy}\n          disablePicker={disablePicker}\n          onFocus={onFocusProp}\n          onBlur={onBlurProp}\n        />\n      </div>\n      {!disableHint || errorMessages || warning || description ? (\n        <Helper\n          id={helperUid}\n          hint={disableHint ? undefined : `Format: ${mode}`}\n          showCounter={false}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          description={description}\n        />\n      ) : null}\n    </fieldset>\n  );\n};\n"],"names":["ArrowForward"],"mappings":"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"}

package/dist/DateFieldYearlessRange.css

@@ -1,28 +1,19 @@
-@layer starter, reset, base, state, application;
-
-._range-row_xox8l_1 {
+.anvil2{@layer starter, reset, base, state, application;._range-row_vmodf_1 {
+  align-items: center;
   display: grid;
+  gap: var(--a2-size-2, 0.5rem);
   grid-template-columns: 1fr auto 1fr;
-  gap: 0.5rem;
-  align-items: center;
-}
-
-._range-row_xox8l_1 ._input_xox8l_8 {
-  width: 100% !important;
-}
-
-._range-root_xox8l_12 {
-  width: 100% !important;
+}._range-row_vmodf_1 > * {
+  min-width: 0;
+}._range-root_vmodf_11 {
   container: range-root/inline-size;
-}
-
-@container range-root (width < 180px) {
-  ._range-row_xox8l_1 {
+  width: 100%;
+}@container range-root (width < 180px) {
+  ._range-row_vmodf_1 {
     grid-template-columns: 1fr;
     justify-items: center;
   }
-}
-._range-root_xox8l_12 ._sr-only_xox8l_23 {
+}._range-root_vmodf_11 ._sr-only_vmodf_22 {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
@@ -33,4 +24,5 @@
   position: absolute;
   white-space: nowrap;
   width: 1px;
+}
 }

package/dist/DateFieldYearlessRange.js

@@ -1,2 +1,2 @@
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-BfPuYKKC.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-C5ktVUgG.js';
 //# sourceMappingURL=DateFieldYearlessRange.js.map

package/dist/{DaysOfTheWeek-BW1T8sTU.js → DaysOfTheWeek-BubWkBZ0.js}

@@ -1,16 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useId, useMemo } from 'react';
-import { F as FieldLabel } from './FieldLabel-HO2VP-4B.js';
-import { B as ButtonToggle } from './ButtonToggle-DaFQ3DBG.js';
-import { T as Tooltip } from './Tooltip-C1PBRnJv.js';
-import { F as Flex } from './Flex-WyyZm1bf.js';
-import { H as Helper } from './Helper-B_FIOlhy.js';
+import { F as FieldLabel } from './FieldLabel-DZWu5dMp.js';
+import { B as ButtonToggle } from './ButtonToggle-Ct9_5bhC.js';
+import { T as Tooltip } from './Tooltip-BlStOXN3.js';
+import { F as Flex } from './Flex-DOUtHiPi.js';
+import { H as Helper } from './Helper-DtDeaYTn.js';
 
 import './DaysOfTheWeek.css';const styles = {
-	"days-of-the-week-container": "_days-of-the-week-container_13rkh_3",
-	"days-of-the-week": "_days-of-the-week_13rkh_3",
-	"button-toggle": "_button-toggle_13rkh_18",
-	"button-toggle-wrapper": "_button-toggle-wrapper_13rkh_24"
+	"days-of-the-week-container": "_days-of-the-week-container_1vz5n_1",
+	"days-of-the-week": "_days-of-the-week_1vz5n_1",
+	"button-toggle-wrapper": "_button-toggle-wrapper_1vz5n_17",
+	"button-toggle": "_button-toggle_1vz5n_17"
 };
 
 const DAYS = [
@@ -112,4 +112,4 @@ const DaysOfTheWeek = forwardRef(
 DaysOfTheWeek.displayName = "DaysOfTheWeek";
 
 export { DaysOfTheWeek as D };
-//# sourceMappingURL=DaysOfTheWeek-BW1T8sTU.js.map
+//# sourceMappingURL=DaysOfTheWeek-BubWkBZ0.js.map

package/dist/{DaysOfTheWeek-BW1T8sTU.js.map → DaysOfTheWeek-BubWkBZ0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DaysOfTheWeek-BW1T8sTU.js","sources":["../src/components/DaysOfTheWeek/DaysOfTheWeek.tsx"],"sourcesContent":["import {\n  AriaAttributes,\n  ReactElement,\n  Ref,\n  forwardRef,\n  useId,\n  useMemo,\n} from \"react\";\nimport { DataTrackingId } from \"../../types\";\nimport styles from \"./DaysOfTheWeek.module.scss\";\nimport { FieldLabel, FieldLabelProps } from \"../FieldLabel\";\n\nimport ButtonToggle from \"../ButtonToggle\";\nimport Tooltip from \"../Tooltip\";\nimport { Helper } from \"../../internal/components\";\nimport Flex from \"../Flex\";\n\n/**\n * Props for the DaysOfTheWeek component\n */\nexport type DaysOfTheWeekProps = {\n  /**\n   * The selected days (1-7, where 1 is Monday and 7 is Sunday)\n   */\n  selectedDays?: number[];\n  /**\n   * Callback fired when the selection changes\n   */\n  onChange?: (selectedDays: number[]) => void;\n  /**\n   * Whether the component is disabled\n   * Can be a boolean to disable all days, or an array of day numbers (1-7) to disable specific days\n   */\n  disabled?: boolean | number[];\n  /**\n   * The first day of the week (1-7, where 1 is Monday and 7 is Sunday)\n   * @default 1\n   */\n  firstDay?: number;\n  /**\n   * Hint text or element to display above the component\n   */\n  hint?: ReactElement | string;\n  /**\n   * ID for the component\n   */\n  id?: string;\n  /**\n   * Description text or element to display below the component\n   */\n  description?: ReactElement | string;\n  /**\n   * Error message(s) to display. Supports a single string or an array of strings.\n   */\n  error?: string | string[];\n  /**\n   * Warning message(s) to display. Supports a single string or an array of strings.\n   */\n  warning?: string | string[];\n  /**\n   * @deprecated Use the `error` prop instead.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n  /**\n   * Label text or element\n   */\n  label?: FieldLabelProps[\"children\"];\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Additional info to display in a tooltip next to the label\n   */\n  moreInfo?: FieldLabelProps[\"moreInfo\"];\n  /**\n   * Additional props to pass to the Label component\n   */\n  labelProps?: FieldLabelProps;\n} & DataTrackingId;\n\ninterface DayInfo {\n  short: string;\n  full: string;\n}\n\n// Days in order from Monday to Sunday\nconst DAYS: DayInfo[] = [\n  { short: \"Mo\", full: \"Monday\" },\n  { short: \"Tu\", full: \"Tuesday\" },\n  { short: \"We\", full: \"Wednesday\" },\n  { short: \"Th\", full: \"Thursday\" },\n  { short: \"Fr\", full: \"Friday\" },\n  { short: \"Sa\", full: \"Saturday\" },\n  { short: \"Su\", full: \"Sunday\" },\n];\n\n/**\n * DaysOfTheWeek component for selecting multiple days of the week.\n *\n * Features:\n * - Displays days of the week as toggleable buttons\n * - Supports custom first day of the week (Monday-Sunday)\n * - Individual day selection and deselection\n * - Optional label, hint, description, and error messaging\n * - Full accessibility support with ARIA attributes\n * - Tooltips showing full day names on hover\n * - Responsive design with flexible layout\n * - Support for disabling specific days or the entire component\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <DaysOfTheWeek\n *   selectedDays={[2, 4, 6]}\n *   onChange={(days) => console.log('Selected days:', days)}\n *   label=\"Working Days\"\n *   firstDay={1}\n * />\n */\nexport const DaysOfTheWeek = forwardRef(\n  (props: DaysOfTheWeekProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      selectedDays = [],\n      onChange,\n      disabled,\n      firstDay = 7,\n      hint,\n      id: idProp,\n      description,\n      error,\n      warning,\n      errorMessage,\n      errorAriaLive,\n      label,\n      required,\n      moreInfo,\n      labelProps,\n    } = props;\n\n    const autoId = useId();\n    const id = idProp ?? autoId;\n    const labelUid = useId();\n    const helperUid = useId();\n\n    const hasHelperText =\n      hint || error || warning || errorMessage || description;\n\n    const orderedDays = useMemo(() => {\n      const firstDayIndex = firstDay - 1;\n      return [...DAYS.slice(firstDayIndex), ...DAYS.slice(0, firstDayIndex)];\n    }, [firstDay]);\n\n    const handleDayToggle = (index: number) => {\n      // Convert from 0-based array index to 1-based day number, accounting for firstDay\n      const dayNumber = ((index + firstDay - 1) % 7) + 1;\n      const newSelectedDays = selectedDays.includes(dayNumber)\n        ? selectedDays.filter((d) => d !== dayNumber)\n        : [...selectedDays, dayNumber];\n\n      onChange?.(newSelectedDays);\n    };\n\n    const isDayDisabled = (dayNumber: number) => {\n      if (typeof disabled === \"boolean\") {\n        return disabled;\n      }\n      if (Array.isArray(disabled)) {\n        return disabled.includes(dayNumber);\n      }\n      return false;\n    };\n\n    return (\n      <div className={styles[\"days-of-the-week-container\"]}>\n        {label ? (\n          <FieldLabel\n            moreInfo={moreInfo}\n            required={required}\n            id={labelUid}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </FieldLabel>\n        ) : null}\n        <Flex ref={ref} gap={2} className={styles[\"days-of-the-week\"]} id={id}>\n          {orderedDays.map((day, index) => {\n            // Convert from 0-based array index to 1-based day number, accounting for firstDay\n            const dayNumber = ((index + firstDay - 1) % 7) + 1;\n            return (\n              <Tooltip key={day.short} placement=\"top\">\n                <Tooltip.Trigger className={styles[\"button-toggle-wrapper\"]}>\n                  <ButtonToggle\n                    checked={selectedDays.includes(dayNumber)}\n                    onClick={() => handleDayToggle(index)}\n                    disabled={isDayDisabled(dayNumber)}\n                    className={styles[\"button-toggle\"]}\n                    id={label ? labelUid : undefined}\n                    aria-describedby={hasHelperText ? helperUid : undefined}\n                  >\n                    {day.short}\n                  </ButtonToggle>\n                </Tooltip.Trigger>\n                <Tooltip.Content>{day.full}</Tooltip.Content>\n              </Tooltip>\n            );\n          })}\n        </Flex>\n        {hasHelperText ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            description={description}\n            error={error}\n            warning={warning}\n            errorMessage={errorMessage}\n            errorAriaLive={errorAriaLive}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\nDaysOfTheWeek.displayName = \"DaysOfTheWeek\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DaysOfTheWeek-BubWkBZ0.js","sources":["../src/components/DaysOfTheWeek/DaysOfTheWeek.tsx"],"sourcesContent":["import {\n  AriaAttributes,\n  ReactElement,\n  Ref,\n  forwardRef,\n  useId,\n  useMemo,\n} from \"react\";\nimport { DataTrackingId } from \"../../types\";\nimport styles from \"./DaysOfTheWeek.module.scss\";\nimport { FieldLabel, FieldLabelProps } from \"../FieldLabel\";\n\nimport ButtonToggle from \"../ButtonToggle\";\nimport Tooltip from \"../Tooltip\";\nimport { Helper } from \"../../internal/components\";\nimport Flex from \"../Flex\";\n\n/**\n * Props for the DaysOfTheWeek component\n */\nexport type DaysOfTheWeekProps = {\n  /**\n   * The selected days (1-7, where 1 is Monday and 7 is Sunday)\n   */\n  selectedDays?: number[];\n  /**\n   * Callback fired when the selection changes\n   */\n  onChange?: (selectedDays: number[]) => void;\n  /**\n   * Whether the component is disabled\n   * Can be a boolean to disable all days, or an array of day numbers (1-7) to disable specific days\n   */\n  disabled?: boolean | number[];\n  /**\n   * The first day of the week (1-7, where 1 is Monday and 7 is Sunday)\n   * @default 1\n   */\n  firstDay?: number;\n  /**\n   * Hint text or element to display above the component\n   */\n  hint?: ReactElement | string;\n  /**\n   * ID for the component\n   */\n  id?: string;\n  /**\n   * Description text or element to display below the component\n   */\n  description?: ReactElement | string;\n  /**\n   * Error message(s) to display. Supports a single string or an array of strings.\n   */\n  error?: string | string[];\n  /**\n   * Warning message(s) to display. Supports a single string or an array of strings.\n   */\n  warning?: string | string[];\n  /**\n   * @deprecated Use the `error` prop instead.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n  /**\n   * Label text or element\n   */\n  label?: FieldLabelProps[\"children\"];\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Additional info to display in a tooltip next to the label\n   */\n  moreInfo?: FieldLabelProps[\"moreInfo\"];\n  /**\n   * Additional props to pass to the Label component\n   */\n  labelProps?: FieldLabelProps;\n} & DataTrackingId;\n\ninterface DayInfo {\n  short: string;\n  full: string;\n}\n\n// Days in order from Monday to Sunday\nconst DAYS: DayInfo[] = [\n  { short: \"Mo\", full: \"Monday\" },\n  { short: \"Tu\", full: \"Tuesday\" },\n  { short: \"We\", full: \"Wednesday\" },\n  { short: \"Th\", full: \"Thursday\" },\n  { short: \"Fr\", full: \"Friday\" },\n  { short: \"Sa\", full: \"Saturday\" },\n  { short: \"Su\", full: \"Sunday\" },\n];\n\n/**\n * DaysOfTheWeek component for selecting multiple days of the week.\n *\n * Features:\n * - Displays days of the week as toggleable buttons\n * - Supports custom first day of the week (Monday-Sunday)\n * - Individual day selection and deselection\n * - Optional label, hint, description, and error messaging\n * - Full accessibility support with ARIA attributes\n * - Tooltips showing full day names on hover\n * - Responsive design with flexible layout\n * - Support for disabling specific days or the entire component\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <DaysOfTheWeek\n *   selectedDays={[2, 4, 6]}\n *   onChange={(days) => console.log('Selected days:', days)}\n *   label=\"Working Days\"\n *   firstDay={1}\n * />\n */\nexport const DaysOfTheWeek = forwardRef(\n  (props: DaysOfTheWeekProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      selectedDays = [],\n      onChange,\n      disabled,\n      firstDay = 7,\n      hint,\n      id: idProp,\n      description,\n      error,\n      warning,\n      errorMessage,\n      errorAriaLive,\n      label,\n      required,\n      moreInfo,\n      labelProps,\n    } = props;\n\n    const autoId = useId();\n    const id = idProp ?? autoId;\n    const labelUid = useId();\n    const helperUid = useId();\n\n    const hasHelperText =\n      hint || error || warning || errorMessage || description;\n\n    const orderedDays = useMemo(() => {\n      const firstDayIndex = firstDay - 1;\n      return [...DAYS.slice(firstDayIndex), ...DAYS.slice(0, firstDayIndex)];\n    }, [firstDay]);\n\n    const handleDayToggle = (index: number) => {\n      // Convert from 0-based array index to 1-based day number, accounting for firstDay\n      const dayNumber = ((index + firstDay - 1) % 7) + 1;\n      const newSelectedDays = selectedDays.includes(dayNumber)\n        ? selectedDays.filter((d) => d !== dayNumber)\n        : [...selectedDays, dayNumber];\n\n      onChange?.(newSelectedDays);\n    };\n\n    const isDayDisabled = (dayNumber: number) => {\n      if (typeof disabled === \"boolean\") {\n        return disabled;\n      }\n      if (Array.isArray(disabled)) {\n        return disabled.includes(dayNumber);\n      }\n      return false;\n    };\n\n    return (\n      <div className={styles[\"days-of-the-week-container\"]}>\n        {label ? (\n          <FieldLabel\n            moreInfo={moreInfo}\n            required={required}\n            id={labelUid}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </FieldLabel>\n        ) : null}\n        <Flex ref={ref} gap={2} className={styles[\"days-of-the-week\"]} id={id}>\n          {orderedDays.map((day, index) => {\n            // Convert from 0-based array index to 1-based day number, accounting for firstDay\n            const dayNumber = ((index + firstDay - 1) % 7) + 1;\n            return (\n              <Tooltip key={day.short} placement=\"top\">\n                <Tooltip.Trigger className={styles[\"button-toggle-wrapper\"]}>\n                  <ButtonToggle\n                    checked={selectedDays.includes(dayNumber)}\n                    onClick={() => handleDayToggle(index)}\n                    disabled={isDayDisabled(dayNumber)}\n                    className={styles[\"button-toggle\"]}\n                    id={label ? labelUid : undefined}\n                    aria-describedby={hasHelperText ? helperUid : undefined}\n                  >\n                    {day.short}\n                  </ButtonToggle>\n                </Tooltip.Trigger>\n                <Tooltip.Content>{day.full}</Tooltip.Content>\n              </Tooltip>\n            );\n          })}\n        </Flex>\n        {hasHelperText ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            description={description}\n            error={error}\n            warning={warning}\n            errorMessage={errorMessage}\n            errorAriaLive={errorAriaLive}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\nDaysOfTheWeek.displayName = \"DaysOfTheWeek\";\n"],"names":[],"mappings":"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"}

package/dist/DaysOfTheWeek.css

@@ -1,29 +1,21 @@
-@layer starter, reset, base, state, application;
-@layer base {}
-@layer state {
-  ._days-of-the-week-container_13rkh_3 {
-    display: flex;
-    flex-direction: column;
-    gap: var(--size-2);
-    width: 100%;
-    container-type: inline-size;
-    container-name: days-of-the-week;
-  }
-  ._days-of-the-week_13rkh_3 {
-    display: flex;
-    width: 100%;
-    overflow: auto;
-  }
+.anvil2{@layer starter, reset, base, state, application;._days-of-the-week-container_1vz5n_1 {
+  --a2-mod-days-of-the-week-button-width: var(--a2-size-10, 2.5rem);
+  container-name: days-of-the-week;
+  container-type: inline-size;
+  display: flex;
+  flex-direction: column;
+  gap: var(--a2-size-2, 0.5rem);
+  width: 100%;
+}._days-of-the-week_1vz5n_1 {
+  display: flex;
+  overflow: auto;
+  width: 100%;
+}._button-toggle-wrapper_1vz5n_17,
+._button-toggle_1vz5n_17 {
+  flex: 1 0 auto;
+  max-width: 100px;
+}._button-toggle_1vz5n_17 {
+  --a2-mod-button-min-width: var(--a2-mod-days-of-the-week-button-width);
+  --a2-mod-button-width: var(--a2-mod-days-of-the-week-button-width);
 }
-@layer application {
-  ._days-of-the-week_13rkh_3 ._button-toggle_13rkh_18 {
-    min-width: 2.5rem;
-    max-width: 100px;
-    width: 2.5rem;
-    flex: 1 0 auto !important;
-  }
-  ._days-of-the-week_13rkh_3 ._button-toggle-wrapper_13rkh_24 {
-    flex: 1 0 auto;
-    max-width: 100px;
-  }
 }

package/dist/DaysOfTheWeek.js

@@ -1,2 +1,2 @@
-export { D as DaysOfTheWeek, D as default } from './DaysOfTheWeek-BW1T8sTU.js';
+export { D as DaysOfTheWeek, D as default } from './DaysOfTheWeek-BubWkBZ0.js';
 //# sourceMappingURL=DaysOfTheWeek.js.map

package/dist/{Details-CZOIpNP_.js → Details-DYRJcLWL.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, forwardRef, useContext, useId, useState, useMemo } from 'react';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
-import { I as Icon } from './Icon-DuIlne4x.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
 import './Details.css';const DetailsContext = createContext({
   id: "",
@@ -15,18 +15,18 @@ import './Details.css';const DetailsContext = createContext({
   toggle: () => void 0
 });
 
-const details = "_details_1ozth_2";
-const summary = "_summary_1ozth_15";
-const arrow = "_arrow_1ozth_64";
-const content = "_content_1ozth_28";
-const expanded = "_expanded_1ozth_109";
+const details = "_details_10ce6_1";
+const summary = "_summary_10ce6_17";
+const arrow = "_arrow_10ce6_85";
+const content = "_content_10ce6_101";
+const expanded = "_expanded_10ce6_144";
 const styles = {
 	details: details,
 	summary: summary,
-	"content-wrapper": "_content-wrapper_1ozth_28",
 	arrow: arrow,
+	"is-expanded": "_is-expanded_10ce6_97",
+	"content-wrapper": "_content-wrapper_10ce6_101",
 	content: content,
-	"is-expanded": "_is-expanded_1ozth_106",
 	expanded: expanded
 };
 
@@ -164,4 +164,4 @@ const Details = Object.assign(
 Details.displayName = "Details";
 
 export { Details as D };
-//# sourceMappingURL=Details-CZOIpNP_.js.map
+//# sourceMappingURL=Details-DYRJcLWL.js.map

package/dist/{Details-CZOIpNP_.js.map → Details-DYRJcLWL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Details-CZOIpNP_.js","sources":["../src/components/Details/internal/DetailsContext.tsx","../src/components/Details/internal/DetailsArrow.tsx","../src/components/Details/DetailsSummary.tsx","../src/components/Details/DetailsContent.tsx","../src/components/Details/Details.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type DetailsContextProps = {\n  id: string;\n  isExpanded: boolean;\n  expanded: () => void;\n  close: () => void;\n  toggle: () => void;\n};\n\nexport const DetailsContext = createContext<DetailsContextProps>({\n  id: \"\",\n  isExpanded: false,\n  expanded: () => undefined,\n  close: () => undefined,\n  toggle: () => undefined,\n});\n","import { forwardRef, useContext, type ComponentPropsWithoutRef } from \"react\";\nimport Arrow_right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport { DetailsContext } from \"./DetailsContext\";\nimport Icon from \"../../Icon\";\n\nimport cx from \"classnames\";\nimport styles from \"../Details.module.scss\";\n\n/**\n * Props for the DetailsArrow component\n * @extends ComponentPropsWithoutRef<\"span\">\n */\nexport type DetailsArrowProps = ComponentPropsWithoutRef<\"span\">;\n\n/**\n * DetailsArrow component for the animated arrow indicator in DetailsSummary.\n *\n * Features:\n * - Animated chevron icon that rotates on expand/collapse\n * - Automatically reflects the current expanded state\n * - Uses consistent icon sizing and styling\n * - Smooth transition animations\n * - Accessible with proper ARIA context\n *\n * @example\n * <DetailsArrow className=\"custom-arrow\" />\n */\nexport const DetailsArrow = forwardRef<HTMLSpanElement, DetailsArrowProps>(\n  function DetailsArrow({ className: classNameProp, ...rest }, ref) {\n    const { isExpanded } = useContext(DetailsContext);\n\n    const className = cx(\n      styles.arrow,\n      { [styles[\"is-expanded\"]]: isExpanded },\n      classNameProp,\n    );\n\n    return (\n      <span className={className} ref={ref} {...rest}>\n        <Icon size=\"large\" svg={Arrow_right} />\n      </span>\n    );\n  },\n);\n","import {\n  forwardRef,\n  useContext,\n  type ComponentPropsWithoutRef,\n  type MouseEventHandler,\n} from \"react\";\nimport { DataTrackingId } from \"../../types\";\nimport { DetailsContext } from \"./internal/DetailsContext\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DetailsArrow } from \"./internal/DetailsArrow\";\n\nimport cx from \"classnames\";\nimport styles from \"./Details.module.scss\";\n\n/**\n * Props for the DetailsSummary component\n * @extends ComponentPropsWithoutRef<\"button\">\n */\nexport type DetailsSummaryProps = ComponentPropsWithoutRef<\"button\"> &\n  DataTrackingId;\n\n/**\n * DetailsSummary component for the clickable header of a Details section.\n *\n * Features:\n * - Clickable button that toggles the Details expanded state\n * - Automatic ARIA attributes for accessibility\n * - Includes animated arrow indicator\n * - Supports custom onClick handlers\n * - Keyboard navigation support (Enter, Space)\n * - Styled with consistent typography and spacing\n *\n * @example\n * <Details.Summary onClick={() => console.log('Summary clicked')}>\n *   Click to expand content\n * </Details.Summary>\n */\nexport const DetailsSummary = forwardRef<\n  HTMLButtonElement,\n  DetailsSummaryProps\n>(function DetailsSummary(\n  { children, onClick: onClickProp, className: classNameProp, ...rest },\n  ref,\n) {\n  const { id, isExpanded, toggle } = useContext(DetailsContext);\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (...args) => {\n    onClickProp?.(...args);\n    toggle();\n  };\n\n  const data = {\n    children: childrenToString(children),\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DetailsSummary\",\n    data,\n    hasOverride: !!rest[\"data-tracking-id\"],\n  });\n\n  const className = cx(styles.summary, classNameProp);\n\n  return (\n    <button\n      data-tracking-id={trackingId}\n      data-anv=\"details-summary\"\n      aria-controls={id}\n      aria-expanded={isExpanded}\n      className={className}\n      onClick={handleClick}\n      ref={ref}\n      {...rest}\n    >\n      <DetailsArrow />\n      {children}\n    </button>\n  );\n});\n","import { forwardRef, useContext, type ComponentPropsWithoutRef } from \"react\";\nimport { DetailsContext } from \"./internal/DetailsContext\";\n\nimport cx from \"classnames\";\nimport styles from \"./Details.module.scss\";\n\n/**\n * Props for the DetailsContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DetailsContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Fixed height for the content area\n   */\n  height?: string | number;\n  /**\n   * Maximum height for the content area\n   */\n  maxHeight?: string | number;\n};\n\n/**\n * DetailsContent component for the expandable content area of a Details section.\n *\n * Features:\n * - Expandable and collapsible content area\n * - Smooth animations for height transitions\n * - Configurable height and maxHeight constraints\n * - Automatic overflow handling when height is constrained\n * - Proper ARIA associations with the summary\n * - Responsive design with flexible layout\n *\n * @example\n * <Details.Content maxHeight={300}>\n *   <p>This content will be constrained to 300px max height</p>\n * </Details.Content>\n */\nexport const DetailsContent = forwardRef<HTMLDivElement, DetailsContentProps>(\n  function DetailsContent(\n    {\n      className: classNameProp,\n      children,\n      height,\n      maxHeight,\n      style: styleProp,\n      ...rest\n    },\n    ref,\n  ) {\n    const { id, isExpanded } = useContext(DetailsContext);\n\n    const style = {\n      height,\n      maxHeight,\n      ...(height || maxHeight ? { overflow: \"auto\" } : {}),\n      ...styleProp,\n    };\n\n    return (\n      <div\n        data-anv=\"details-content\"\n        id={id}\n        className={cx(styles[\"content-wrapper\"], {\n          [styles.expanded]: isExpanded,\n        })}\n        ref={ref}\n      >\n        <div className={styles.content}>\n          <div className={classNameProp} style={style} {...rest}>\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { DetailsSummary } from \"./DetailsSummary\";\nimport { DetailsContent } from \"./DetailsContent\";\nimport { DetailsContext } from \"./internal/DetailsContext\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Details.module.scss\";\n\n/**\n * Props for the Details component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type DetailsProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * Determines the controlled expanded state of the details.\n     * @remarks Use this to make the details expanded state controlled.\n     * @default false\n     */\n    expanded?: boolean;\n    /**\n     * Determines the default expanded state of the details.\n     * @remarks Use this to make the details expanded state uncontrolled.\n     * @default false\n     */\n    defaultExpanded?: boolean;\n  };\n\n/**\n * Details component for creating expandable/collapsible content sections.\n *\n * Features:\n * - Expandable and collapsible content sections\n * - Controlled and uncontrolled state management\n * - Accessible with proper ARIA attributes\n * - Smooth animations for expand/collapse\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Compound component pattern with Summary, Content, and Arrow sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Details defaultExpanded>\n *   <Details.Summary>Click to expand</Details.Summary>\n *   <Details.Content>This content is now visible</Details.Content>\n * </Details>\n */\nexport const Details = Object.assign(\n  forwardRef<HTMLDivElement, DetailsProps>(function DetailsInner(props, ref) {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      id: idProp,\n      expanded: expandedControlled,\n      defaultExpanded = false,\n      style,\n      className,\n      ...rest\n    } = componentProps;\n    const id = useId();\n    const [isExpanded, setIsOpen] = useState(defaultExpanded);\n\n    function expanded() {\n      setIsOpen(true);\n    }\n\n    function close() {\n      setIsOpen(false);\n    }\n\n    function toggle() {\n      setIsOpen((prevIsOpen: boolean) => !prevIsOpen);\n    }\n\n    const value = useMemo(\n      () => ({\n        id: idProp != null ? idProp : id,\n        isExpanded:\n          expandedControlled != null ? expandedControlled : isExpanded,\n        expanded,\n        close,\n        toggle,\n      }),\n      [id, idProp, isExpanded, expandedControlled],\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <DetailsContext.Provider value={value}>\n        <div\n          data-anv=\"details\"\n          ref={ref}\n          className={cx(styles.details, className)}\n          style={styleCombined}\n          {...rest}\n        >\n          {children}\n        </div>\n      </DetailsContext.Provider>\n    );\n  }),\n  {\n    Summary: DetailsSummary,\n    Content: DetailsContent,\n  },\n);\nDetails.displayName = \"Details\";\n"],"names":["DetailsArrow","Arrow_right","DetailsSummary","DetailsContent"],"mappings":"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"}
+{"version":3,"file":"Details-DYRJcLWL.js","sources":["../src/components/Details/internal/DetailsContext.tsx","../src/components/Details/internal/DetailsArrow.tsx","../src/components/Details/DetailsSummary.tsx","../src/components/Details/DetailsContent.tsx","../src/components/Details/Details.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type DetailsContextProps = {\n  id: string;\n  isExpanded: boolean;\n  expanded: () => void;\n  close: () => void;\n  toggle: () => void;\n};\n\nexport const DetailsContext = createContext<DetailsContextProps>({\n  id: \"\",\n  isExpanded: false,\n  expanded: () => undefined,\n  close: () => undefined,\n  toggle: () => undefined,\n});\n","import { forwardRef, useContext, type ComponentPropsWithoutRef } from \"react\";\nimport Arrow_right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport { DetailsContext } from \"./DetailsContext\";\nimport Icon from \"../../Icon\";\n\nimport cx from \"classnames\";\nimport styles from \"../Details.module.scss\";\n\n/**\n * Props for the DetailsArrow component\n * @extends ComponentPropsWithoutRef<\"span\">\n */\nexport type DetailsArrowProps = ComponentPropsWithoutRef<\"span\">;\n\n/**\n * DetailsArrow component for the animated arrow indicator in DetailsSummary.\n *\n * Features:\n * - Animated chevron icon that rotates on expand/collapse\n * - Automatically reflects the current expanded state\n * - Uses consistent icon sizing and styling\n * - Smooth transition animations\n * - Accessible with proper ARIA context\n *\n * @example\n * <DetailsArrow className=\"custom-arrow\" />\n */\nexport const DetailsArrow = forwardRef<HTMLSpanElement, DetailsArrowProps>(\n  function DetailsArrow({ className: classNameProp, ...rest }, ref) {\n    const { isExpanded } = useContext(DetailsContext);\n\n    const className = cx(\n      styles.arrow,\n      { [styles[\"is-expanded\"]]: isExpanded },\n      classNameProp,\n    );\n\n    return (\n      <span className={className} ref={ref} {...rest}>\n        <Icon size=\"large\" svg={Arrow_right} />\n      </span>\n    );\n  },\n);\n","import {\n  forwardRef,\n  useContext,\n  type ComponentPropsWithoutRef,\n  type MouseEventHandler,\n} from \"react\";\nimport { DataTrackingId } from \"../../types\";\nimport { DetailsContext } from \"./internal/DetailsContext\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DetailsArrow } from \"./internal/DetailsArrow\";\n\nimport cx from \"classnames\";\nimport styles from \"./Details.module.scss\";\n\n/**\n * Props for the DetailsSummary component\n * @extends ComponentPropsWithoutRef<\"button\">\n */\nexport type DetailsSummaryProps = ComponentPropsWithoutRef<\"button\"> &\n  DataTrackingId;\n\n/**\n * DetailsSummary component for the clickable header of a Details section.\n *\n * Features:\n * - Clickable button that toggles the Details expanded state\n * - Automatic ARIA attributes for accessibility\n * - Includes animated arrow indicator\n * - Supports custom onClick handlers\n * - Keyboard navigation support (Enter, Space)\n * - Styled with consistent typography and spacing\n *\n * @example\n * <Details.Summary onClick={() => console.log('Summary clicked')}>\n *   Click to expand content\n * </Details.Summary>\n */\nexport const DetailsSummary = forwardRef<\n  HTMLButtonElement,\n  DetailsSummaryProps\n>(function DetailsSummary(\n  { children, onClick: onClickProp, className: classNameProp, ...rest },\n  ref,\n) {\n  const { id, isExpanded, toggle } = useContext(DetailsContext);\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (...args) => {\n    onClickProp?.(...args);\n    toggle();\n  };\n\n  const data = {\n    children: childrenToString(children),\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DetailsSummary\",\n    data,\n    hasOverride: !!rest[\"data-tracking-id\"],\n  });\n\n  const className = cx(styles.summary, classNameProp);\n\n  return (\n    <button\n      data-tracking-id={trackingId}\n      data-anv=\"details-summary\"\n      aria-controls={id}\n      aria-expanded={isExpanded}\n      className={className}\n      onClick={handleClick}\n      ref={ref}\n      {...rest}\n    >\n      <DetailsArrow />\n      {children}\n    </button>\n  );\n});\n","import { forwardRef, useContext, type ComponentPropsWithoutRef } from \"react\";\nimport { DetailsContext } from \"./internal/DetailsContext\";\n\nimport cx from \"classnames\";\nimport styles from \"./Details.module.scss\";\n\n/**\n * Props for the DetailsContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DetailsContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Fixed height for the content area\n   */\n  height?: string | number;\n  /**\n   * Maximum height for the content area\n   */\n  maxHeight?: string | number;\n};\n\n/**\n * DetailsContent component for the expandable content area of a Details section.\n *\n * Features:\n * - Expandable and collapsible content area\n * - Smooth animations for height transitions\n * - Configurable height and maxHeight constraints\n * - Automatic overflow handling when height is constrained\n * - Proper ARIA associations with the summary\n * - Responsive design with flexible layout\n *\n * @example\n * <Details.Content maxHeight={300}>\n *   <p>This content will be constrained to 300px max height</p>\n * </Details.Content>\n */\nexport const DetailsContent = forwardRef<HTMLDivElement, DetailsContentProps>(\n  function DetailsContent(\n    {\n      className: classNameProp,\n      children,\n      height,\n      maxHeight,\n      style: styleProp,\n      ...rest\n    },\n    ref,\n  ) {\n    const { id, isExpanded } = useContext(DetailsContext);\n\n    const style = {\n      height,\n      maxHeight,\n      ...(height || maxHeight ? { overflow: \"auto\" } : {}),\n      ...styleProp,\n    };\n\n    return (\n      <div\n        data-anv=\"details-content\"\n        id={id}\n        className={cx(styles[\"content-wrapper\"], {\n          [styles.expanded]: isExpanded,\n        })}\n        ref={ref}\n      >\n        <div className={styles.content}>\n          <div className={classNameProp} style={style} {...rest}>\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { DetailsSummary } from \"./DetailsSummary\";\nimport { DetailsContent } from \"./DetailsContent\";\nimport { DetailsContext } from \"./internal/DetailsContext\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Details.module.scss\";\n\n/**\n * Props for the Details component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type DetailsProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * Determines the controlled expanded state of the details.\n     * @remarks Use this to make the details expanded state controlled.\n     * @default false\n     */\n    expanded?: boolean;\n    /**\n     * Determines the default expanded state of the details.\n     * @remarks Use this to make the details expanded state uncontrolled.\n     * @default false\n     */\n    defaultExpanded?: boolean;\n  };\n\n/**\n * Details component for creating expandable/collapsible content sections.\n *\n * Features:\n * - Expandable and collapsible content sections\n * - Controlled and uncontrolled state management\n * - Accessible with proper ARIA attributes\n * - Smooth animations for expand/collapse\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Compound component pattern with Summary, Content, and Arrow sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Details defaultExpanded>\n *   <Details.Summary>Click to expand</Details.Summary>\n *   <Details.Content>This content is now visible</Details.Content>\n * </Details>\n */\nexport const Details = Object.assign(\n  forwardRef<HTMLDivElement, DetailsProps>(function DetailsInner(props, ref) {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      id: idProp,\n      expanded: expandedControlled,\n      defaultExpanded = false,\n      style,\n      className,\n      ...rest\n    } = componentProps;\n    const id = useId();\n    const [isExpanded, setIsOpen] = useState(defaultExpanded);\n\n    function expanded() {\n      setIsOpen(true);\n    }\n\n    function close() {\n      setIsOpen(false);\n    }\n\n    function toggle() {\n      setIsOpen((prevIsOpen: boolean) => !prevIsOpen);\n    }\n\n    const value = useMemo(\n      () => ({\n        id: idProp != null ? idProp : id,\n        isExpanded:\n          expandedControlled != null ? expandedControlled : isExpanded,\n        expanded,\n        close,\n        toggle,\n      }),\n      [id, idProp, isExpanded, expandedControlled],\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <DetailsContext.Provider value={value}>\n        <div\n          data-anv=\"details\"\n          ref={ref}\n          className={cx(styles.details, className)}\n          style={styleCombined}\n          {...rest}\n        >\n          {children}\n        </div>\n      </DetailsContext.Provider>\n    );\n  }),\n  {\n    Summary: DetailsSummary,\n    Content: DetailsContent,\n  },\n);\nDetails.displayName = \"Details\";\n"],"names":["DetailsArrow","Arrow_right","DetailsSummary","DetailsContent"],"mappings":"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"}