@servicetitan/anvil2 3.10.1 → 3.11.0

package/dist/Stepper.css

@@ -1,4 +1,4 @@
-.anvil2 {._stepper-list_tnvkm_1 {
+.anvil2 {._stepper-list_iy9bb_1 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -14,21 +14,21 @@
   gap: var(--a2-size-2, 0.5rem);
   justify-content: flex-start;
   position: relative;
-}._stepper-steps_tnvkm_19 {
+}._stepper-steps_iy9bb_19 {
   display: flex;
   flex-direction: row;
   font-size: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
   gap: var(--a2-size-2, 0.5rem);
   justify-content: flex-start;
   position: relative;
-}._label_tnvkm_28 {
-  font-weight: bold;
+}._label_iy9bb_28 {
+  font-weight: var(--a2-mod-stepper-list-label-font-weight, var(--a2-font-weight-bold));
 }@container stepper (width > 768px) {
-  ._label_tnvkm_28 {
+  ._label_iy9bb_28 {
     display: none;
   }
 }
-}.anvil2 {._stepper-step_1l4p4_1 {
+}.anvil2 {._stepper-step_1p8ur_1 {
   --a2-mod-stepper-step-circle-foreground-color: var(--a2-stepper-step-default-circle-icon-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
   --a2-mod-stepper-step-fill-color: var(--a2-stepper-step-default-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
   --a2-mod-stepper-step-focus-ring-color: var(--a2-stepper-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
@@ -50,12 +50,12 @@
   flex-basis: 100%;
   flex-direction: column;
   font-size: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
-  font-weight: normal;
+  font-weight: var(--a2-mod-stepper-step-font-weight, var(--a2-font-weight-normal));
   gap: var(--a2-size-2, 0.5rem);
   line-height: normal;
   text-align: start;
   transition: background-color var(--a2-duration-fast, 100ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-fast, 100ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
-}._bar_1l4p4_30 {
+}._bar_1p8ur_30 {
   background-color: var(--a2-mod-stepper-step-track-color);
   border-radius: var(--a2-mod-stepper-step-bar-border-radius, var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem)));
   flex-shrink: 0;
@@ -64,14 +64,14 @@
   outline: var(--a2-mod-stepper-step-bar-outline, none);
   outline-offset: var(--a2-mod-stepper-step-bar-outline-offset, 0);
   overflow: hidden;
-}._bar_1l4p4_30::before {
+}._bar_1p8ur_30::before {
   background-color: var(--a2-mod-stepper-step-fill-color);
   content: "";
   display: block;
   height: 100%;
   transition: width var(--a2-duration-fast, 100ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)) var(--a2-mod-stepper-step-bar-transition-delay, 0s);
   width: var(--a2-mod-stepper-step-bar-width, 0);
-}._label_1l4p4_49 {
+}._label_1p8ur_49 {
   border-radius: var(--a2-mod-stepper-step-label-border-radius, 0);
   color: var(--a2-mod-stepper-step-label-color, inherit);
   display: var(--a2-mod-stepper-step-label-display, none);
@@ -82,7 +82,7 @@
   outline-offset: var(--a2-mod-stepper-step-label-outline-offset, 0);
   position: static;
   text-decoration: var(--a2-mod-stepper-step-label-text-decoration, none);
-}._circle_1l4p4_62 {
+}._circle_1p8ur_62 {
   align-items: center;
   background-color: var(--a2-mod-stepper-step-circle-background-color, var(--a2-stepper-step-default-circle-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))));
   border: var(--a2-size-quarter, 0.0625rem) var(--a2-mod-stepper-step-circle-border-style, dashed) var(--a2-mod-stepper-step-circle-border-color, var(--a2-stepper-step-default-circle-border-color, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))));
@@ -95,41 +95,41 @@
   justify-content: center;
   margin-block-start: var(--a2-size-half, 0.125rem);
   width: var(--a2-size-4, 1rem);
-}._circle_1l4p4_62 svg {
+}._circle_1p8ur_62 svg {
   display: var(--a2-mod-stepper-step-check-icon-display, none);
-}._stepper-step_1l4p4_1[aria-selected=true] {
+}._stepper-step_1p8ur_1[aria-selected=true] {
   --a2-mod-stepper-step-bar-transition-delay: var(--a2-duration-fast, 100ms);
   --a2-mod-stepper-step-bar-width: var(--a2-size-6, 1.5rem);
   --a2-mod-stepper-step-circle-border-color: var(--a2-stepper-step-current-circle-border-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
   --a2-mod-stepper-step-circle-border-style: solid;
-}._stepper-step_1l4p4_1[aria-selected=true]:not(._all-completed_1l4p4_87) {
-  font-weight: bold;
-}._can-navigate_1l4p4_91[data-completed=true]:not(._all-completed_1l4p4_87):not([aria-selected=true]) {
+}._stepper-step_1p8ur_1[aria-selected=true]:not(._all-completed_1p8ur_87) {
+  font-weight: var(--a2-mod-stepper-step-selected-font-weight, var(--a2-font-weight-bold));
+}._can-navigate_1p8ur_91[data-completed=true]:not(._all-completed_1p8ur_87):not([aria-selected=true]) {
   --a2-mod-stepper-step-label-color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
   --a2-mod-stepper-step-label-text-decoration: underline;
   cursor: pointer;
-}._stepper-step_1l4p4_1[data-completed=true],
-._stepper-step_1l4p4_1._all-completed_1l4p4_87 {
+}._stepper-step_1p8ur_1[data-completed=true],
+._stepper-step_1p8ur_1._all-completed_1p8ur_87 {
   --a2-mod-stepper-step-bar-transition-delay: 0s;
   --a2-mod-stepper-step-bar-width: 100%;
   --a2-mod-stepper-step-check-icon-display: block;
   --a2-mod-stepper-step-circle-background-color: var(--a2-stepper-step-complete-circle-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
   --a2-mod-stepper-step-circle-border-color: var(--a2-stepper-step-complete-circle-border-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
   --a2-mod-stepper-step-circle-border-style: solid;
-}._stepper-step_1l4p4_1:focus-visible,
-._stepper-step_1l4p4_1[data-interactive=focus-visible] {
+}._stepper-step_1p8ur_1:focus-visible,
+._stepper-step_1p8ur_1[data-interactive=focus-visible] {
   --a2-mod-stepper-step-bar-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
   --a2-mod-stepper-step-bar-outline: var(--a2-size-half, 0.125rem) solid
     var(--a2-mod-stepper-step-focus-ring-color);
   --a2-mod-stepper-step-bar-outline-offset: var(--a2-size-half, 0.125rem);
 }@container stepper (width > 768px) {
-  ._stepper-step_1l4p4_1 {
+  ._stepper-step_1p8ur_1 {
     --a2-mod-stepper-step-bar-height: var(--a2-size-1, 0.25rem);
     --a2-mod-stepper-step-circle-display: inline-flex;
     --a2-mod-stepper-step-label-display: flex;
   }
-  ._stepper-step_1l4p4_1:focus-visible,
-  ._stepper-step_1l4p4_1[data-interactive=focus-visible] {
+  ._stepper-step_1p8ur_1:focus-visible,
+  ._stepper-step_1p8ur_1[data-interactive=focus-visible] {
     --a2-mod-stepper-step-bar-border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem));
     --a2-mod-stepper-step-bar-outline: none;
     --a2-mod-stepper-step-bar-outline-offset: 0;

package/dist/Stepper.js

@@ -1,2 +1,2 @@
-export { S as Stepper, S as default } from './Stepper-BX_gDWLE.js';
+export { S as Stepper, S as default } from './Stepper-z1y9AfaJ.js';
 //# sourceMappingURL=Stepper.js.map

package/dist/{Switch-BpjBYm-U.js → Switch-DnhE6CHy.js}

@@ -3,7 +3,7 @@ import { forwardRef, useId } from 'react';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { I as Icon } from './Icon-B5zwN7GD.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
-import { A as AiMark } from './AiMark-2_O4tKv_.js';
+import { A as AiMark } from './AiMark-BqRDRySA.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
@@ -100,4 +100,4 @@ const Switch = forwardRef(
 Switch.displayName = "Switch";
 
 export { Switch as S };
-//# sourceMappingURL=Switch-BpjBYm-U.js.map
+//# sourceMappingURL=Switch-DnhE6CHy.js.map

package/dist/{Switch-BpjBYm-U.js.map → Switch-DnhE6CHy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Switch-BpjBYm-U.js","sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type Ref,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport type {\n  AiMarkWithTooltipOrPopoverProps,\n  DataTrackingId,\n  LayoutUtilProps,\n} from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\nimport Icon from \"../Icon\";\nimport Flex from \"../Flex\";\nimport { Helper } from \"../../internal/components\";\nimport { AiMark } from \"../../components/AiMark\";\n\nimport cx from \"classnames\";\nimport styles from \"./Switch.module.scss\";\n\n/**\n * State object returned by the Switch onChange callback\n */\nexport type SwitchState = {\n  /**\n   * Whether the switch is currently checked\n   */\n  checked: boolean;\n  /**\n   * The value of the switch input\n   */\n  value?: string | number | readonly string[];\n};\n\n/**\n * Props for the Switch component\n * @extends ComponentPropsWithoutRef<\"input\">\n * @extends LayoutUtilProps\n */\nexport type SwitchProps = Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\"> &\n  LayoutUtilProps & {\n    /**\n     * Callback when switch is changed.\n     * @param e Change event object\n     * @param state Current switch state with checked status and value\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement>, state: SwitchState) => void;\n\n    /**\n     * Label for the switch.\n     * @remarks This should either be a string or have text content inside for accessibility\n     */\n    label?: ReactElement | string;\n\n    /**\n     * AI mark configuration to display next to the label.\n     * Can be a boolean to show a simple AI mark, or an object with tooltip/popover configuration.\n     */\n    labelAiMark?: AiMarkWithTooltipOrPopoverProps[\"aiMark\"];\n\n    /**\n     * Description text to display below the label\n     */\n    description?: string;\n  } & DataTrackingId;\n\n/**\n * Switch component for toggling between on/off states.\n *\n * Features:\n * - Toggle switch with smooth animations\n * - Check icon indicator when active\n * - Accessible with proper ARIA roles and attributes\n * - Keyboard navigation support (Space/Enter)\n * - Controlled and uncontrolled state management\n * - Customizable label and styling\n * - Layout utilities for positioning and spacing\n * - Focus management with visible focus indicators\n * - Hover states and visual feedback\n * - Disabled state support\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Switch\n *   label=\"Enable notifications\"\n *   onChange={(e, state) => console.log('Switch toggled:', state.checked)}\n * />\n */\nexport const Switch = forwardRef(\n  (props: SwitchProps, ref: Ref<HTMLInputElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      label,\n      labelAiMark,\n      description,\n      className,\n      onChange,\n      checked,\n      defaultChecked,\n      value,\n      style,\n      \"aria-label\": ariaLabel,\n      ...rest\n    } = componentProps;\n\n    const helperUid = useId();\n\n    const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e, { value, checked: e.target.checked });\n    };\n\n    const data = {\n      label: childrenToString(label),\n      ariaLabel: ariaLabel || \"Toggle option\",\n      ariaLabelledBy: rest[\"aria-labelledby\"],\n      value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Switch\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    const switchClassNames = cx(styles[\"switch\"], className);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      alignItems: description ? \"flex-start\" : \"center\",\n    };\n\n    return (\n      <label className={switchClassNames} style={styleCombined}>\n        <input\n          className={styles[\"input\"]}\n          data-tracking-id={trackingId}\n          data-anv=\"switch\"\n          ref={ref}\n          type=\"checkbox\"\n          role=\"switch\"\n          value={value}\n          aria-checked={checked ?? defaultChecked}\n          aria-label={label ? undefined : ariaLabel || \"Toggle option\"}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          onChange={onChangeHandler}\n          {...rest}\n        />\n        <span aria-hidden className={styles[\"toggle\"]}>\n          <span className={styles[\"thumb\"]}>\n            <Icon svg={Check} className={styles[\"check\"]} />\n          </span>\n        </span>\n        {label || description ? (\n          <Flex direction=\"column\" gap={1}>\n            <Flex alignItems=\"center\" gap={2}>\n              {label}\n              {labelAiMark && (\n                <AiMark\n                  className={styles[\"ai-mark-icon\"]}\n                  type=\"gradient\"\n                  popoverOrTooltipConfig={\n                    typeof labelAiMark === \"object\" ? labelAiMark : undefined\n                  }\n                />\n              )}\n            </Flex>\n            {description && <Helper id={helperUid} description={description} />}\n          </Flex>\n        ) : null}\n      </label>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n"],"names":["Check"],"mappings":"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"}
+{"version":3,"file":"Switch-DnhE6CHy.js","sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type Ref,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport type {\n  AiMarkWithTooltipOrPopoverProps,\n  DataTrackingId,\n  LayoutUtilProps,\n} from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\nimport Icon from \"../Icon\";\nimport Flex from \"../Flex\";\nimport { Helper } from \"../../internal/components\";\nimport { AiMark } from \"../../components/AiMark\";\n\nimport cx from \"classnames\";\nimport styles from \"./Switch.module.scss\";\n\n/**\n * State object returned by the Switch onChange callback\n */\nexport type SwitchState = {\n  /**\n   * Whether the switch is currently checked\n   */\n  checked: boolean;\n  /**\n   * The value of the switch input\n   */\n  value?: string | number | readonly string[];\n};\n\n/**\n * Props for the Switch component\n * @extends ComponentPropsWithoutRef<\"input\">\n * @extends LayoutUtilProps\n */\nexport type SwitchProps = Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\"> &\n  LayoutUtilProps & {\n    /**\n     * Callback when switch is changed.\n     * @param e Change event object\n     * @param state Current switch state with checked status and value\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement>, state: SwitchState) => void;\n\n    /**\n     * Label for the switch.\n     * @remarks This should either be a string or have text content inside for accessibility\n     */\n    label?: ReactElement | string;\n\n    /**\n     * AI mark configuration to display next to the label.\n     * Can be a boolean to show a simple AI mark, or an object with tooltip/popover configuration.\n     */\n    labelAiMark?: AiMarkWithTooltipOrPopoverProps[\"aiMark\"];\n\n    /**\n     * Description text to display below the label\n     */\n    description?: string;\n  } & DataTrackingId;\n\n/**\n * Switch component for toggling between on/off states.\n *\n * Features:\n * - Toggle switch with smooth animations\n * - Check icon indicator when active\n * - Accessible with proper ARIA roles and attributes\n * - Keyboard navigation support (Space/Enter)\n * - Controlled and uncontrolled state management\n * - Customizable label and styling\n * - Layout utilities for positioning and spacing\n * - Focus management with visible focus indicators\n * - Hover states and visual feedback\n * - Disabled state support\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Switch\n *   label=\"Enable notifications\"\n *   onChange={(e, state) => console.log('Switch toggled:', state.checked)}\n * />\n */\nexport const Switch = forwardRef(\n  (props: SwitchProps, ref: Ref<HTMLInputElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      label,\n      labelAiMark,\n      description,\n      className,\n      onChange,\n      checked,\n      defaultChecked,\n      value,\n      style,\n      \"aria-label\": ariaLabel,\n      ...rest\n    } = componentProps;\n\n    const helperUid = useId();\n\n    const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e, { value, checked: e.target.checked });\n    };\n\n    const data = {\n      label: childrenToString(label),\n      ariaLabel: ariaLabel || \"Toggle option\",\n      ariaLabelledBy: rest[\"aria-labelledby\"],\n      value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Switch\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    const switchClassNames = cx(styles[\"switch\"], className);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      alignItems: description ? \"flex-start\" : \"center\",\n    };\n\n    return (\n      <label className={switchClassNames} style={styleCombined}>\n        <input\n          className={styles[\"input\"]}\n          data-tracking-id={trackingId}\n          data-anv=\"switch\"\n          ref={ref}\n          type=\"checkbox\"\n          role=\"switch\"\n          value={value}\n          aria-checked={checked ?? defaultChecked}\n          aria-label={label ? undefined : ariaLabel || \"Toggle option\"}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          onChange={onChangeHandler}\n          {...rest}\n        />\n        <span aria-hidden className={styles[\"toggle\"]}>\n          <span className={styles[\"thumb\"]}>\n            <Icon svg={Check} className={styles[\"check\"]} />\n          </span>\n        </span>\n        {label || description ? (\n          <Flex direction=\"column\" gap={1}>\n            <Flex alignItems=\"center\" gap={2}>\n              {label}\n              {labelAiMark && (\n                <AiMark\n                  className={styles[\"ai-mark-icon\"]}\n                  type=\"gradient\"\n                  popoverOrTooltipConfig={\n                    typeof labelAiMark === \"object\" ? labelAiMark : undefined\n                  }\n                />\n              )}\n            </Flex>\n            {description && <Helper id={helperUid} description={description} />}\n          </Flex>\n        ) : null}\n      </label>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n"],"names":["Check"],"mappings":"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"}

package/dist/Switch.js

@@ -1,2 +1,2 @@
-export { S as Switch, S as default } from './Switch-BpjBYm-U.js';
+export { S as Switch, S as default } from './Switch-DnhE6CHy.js';
 //# sourceMappingURL=Switch.js.map

package/dist/Table.js

@@ -1,2 +1,2 @@
-export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-D-SKKt5w.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-BH0A9Sgs.js';
 //# sourceMappingURL=Table.js.map

package/dist/{Text-CIoD_RK4.js → Text-BT1MnQrn.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cx } from './index-De1g9FRV.js';
 import { forwardRef } from 'react';
-import { t as textStyles } from './Text.module-BcVew1AQ.js';
-import { A as AiMark } from './AiMark-2_O4tKv_.js';
+import { t as textStyles } from './Text.module-D9ksuiBV.js';
+import { A as AiMark } from './AiMark-BqRDRySA.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 
 const Text = forwardRef((props, ref) => {
@@ -16,10 +16,12 @@ const Text = forwardRef((props, ref) => {
       size = "medium",
       style,
       aiMark,
+      noMargin,
       ...rest
     } = componentProps;
     const TextClasses = cx(textStyles["headline"], className, {
-      [textStyles[`${size}`]]: size !== "medium"
+      [textStyles[`${size}`]]: size !== "medium",
+      [textStyles["no-margin"]]: noMargin
     });
     const styleCombined = { ...style, ...layoutStyles };
     const aiMarkSize = size === "small" ? "medium" : size;
@@ -120,4 +122,4 @@ const Text = forwardRef((props, ref) => {
 Text.displayName = "Text";
 
 export { Text as T };
-//# sourceMappingURL=Text-CIoD_RK4.js.map
+//# sourceMappingURL=Text-BT1MnQrn.js.map

package/dist/Text-BT1MnQrn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-BT1MnQrn.js","sources":["../src/components/Text/Text.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { forwardRef, type LegacyRef } from \"react\";\nimport styles from \"./Text.module.scss\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { AiMark } from \"../AiMark\";\nimport type {\n  BodyTextInlineProps,\n  BodyTextProps,\n  EyebrowProps,\n  HeadlineProps,\n} from \"./types\";\n\n/**\n * Props for the Text component\n * @extends HeadlineProps<\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\">\n * @extends EyebrowProps\n * @extends BodyTextProps\n * @extends BodyTextInlineProps\n */\nexport type TextProps =\n  | HeadlineProps<\"h1\">\n  | HeadlineProps<\"h2\">\n  | HeadlineProps<\"h3\">\n  | HeadlineProps<\"h4\">\n  | HeadlineProps<\"h5\">\n  | HeadlineProps<\"h6\">\n  | EyebrowProps\n  | BodyTextProps\n  | BodyTextInlineProps;\n\n/**\n * Text component for displaying various types of text content with consistent styling.\n *\n * Features:\n * - Multiple text variants (headline, eyebrow, body)\n * - Semantic HTML elements (h1-h6, p, span)\n * - Multiple size options for each variant\n *\n * @example\n * <Text variant=\"headline\" el=\"h1\" size=\"large\">Main Heading</Text>\n * <Text variant=\"headline\" el=\"h2\" size=\"medium\">Sub Heading</Text>\n *\n * @example\n * // Drop the trailing margin when aligning a headline against a sibling\n * <Flex alignItems=\"center\" gap=\"2\">\n *   <Text variant=\"headline\" el=\"h2\" noMargin>Invoices</Text>\n *   <Chip>Draft</Chip>\n * </Flex>\n *\n * @example\n * <Text variant=\"eyebrow\" size=\"small\">Category Label</Text>\n *\n * @example\n * <Text size=\"large\">Large body text</Text>\n * <Text subdued>Deemphasized text</Text>\n * <Text inline>Inline text within other text</Text>\n */\nexport const Text = forwardRef<\n  HTMLHeadingElement | HTMLSpanElement | HTMLParagraphElement,\n  TextProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  if (props.variant === \"headline\") {\n    const {\n      variant: _,\n      children,\n      className,\n      el: HeadlineElement,\n      size = \"medium\",\n      style,\n      aiMark,\n      noMargin,\n      ...rest\n    } = componentProps;\n\n    const TextClasses = classnames(styles[\"headline\"], className, {\n      [styles[`${size}`]]: size !== \"medium\",\n      [styles[\"no-margin\"]]: noMargin,\n    });\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    const aiMarkSize = size === \"small\" ? \"medium\" : size;\n\n    const aiMarkNode = aiMark && (\n      <span className={styles[\"headline-ai-mark\"]}>\n        <AiMark\n          type=\"gradient\"\n          collapsePadding=\"block\"\n          size={aiMarkSize}\n          popoverOrTooltipConfig={\n            typeof aiMark === \"object\" ? aiMark : undefined\n          }\n        />\n      </span>\n    );\n\n    return (\n      // @ts-expect-error ts(2604) HeadlineElement will work as element tag\n      <HeadlineElement\n        ref={ref as LegacyRef<HTMLHeadingElement>}\n        className={TextClasses}\n        data-anv=\"text\"\n        style={styleCombined}\n        {...rest}\n      >\n        {aiMarkNode ? (\n          <span className={styles[\"headline-with-ai-mark\"]}>\n            {children}\n            {aiMarkNode}\n          </span>\n        ) : (\n          children\n        )}\n      </HeadlineElement>\n    );\n  } else if (props.variant === \"eyebrow\") {\n    const {\n      variant: _,\n      children,\n      className,\n      size = \"medium\",\n      style,\n      ...rest\n    } = componentProps;\n\n    const TextClasses = classnames(styles[\"eyebrow\"], className, {\n      [styles[`${size}`]]: size !== \"medium\",\n    });\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    return (\n      <span\n        ref={ref as LegacyRef<HTMLSpanElement>}\n        className={TextClasses}\n        data-anv=\"text\"\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </span>\n    );\n  } else {\n    const {\n      variant: _,\n      children,\n      className,\n      subdued,\n      inline,\n      style,\n      size = \"medium\",\n      ...rest\n    } = componentProps;\n\n    const TextClasses = classnames(styles[\"bodytext\"], className, {\n      [styles[`${size}`]]: size !== \"medium\",\n      [styles[\"subdued\"]]: subdued,\n      [styles[\"inline\"]]: inline,\n    });\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    if (inline) {\n      return (\n        <span\n          ref={ref as LegacyRef<HTMLSpanElement>}\n          className={TextClasses}\n          data-anv=\"text\"\n          style={styleCombined}\n          {...rest}\n        >\n          {children}\n        </span>\n      );\n    } else {\n      return (\n        <p\n          ref={ref as LegacyRef<HTMLParagraphElement>}\n          className={TextClasses}\n          data-anv=\"text\"\n          style={styleCombined}\n          {...rest}\n        >\n          {children}\n        </p>\n      );\n    }\n  }\n});\n\nText.displayName = \"Text\";\n"],"names":["classnames","styles"],"mappings":"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"}

package/dist/Text.css

@@ -1,4 +1,4 @@
-.anvil2 {._headline_1wbl3_1 {
+.anvil2 {._headline_gpm68_1 {
   --a2-mod-text-headline-ai-mark-margin-block-start: var(--a2-size-1, 0.25rem);
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
@@ -20,14 +20,14 @@
   margin-inline-end: 0;
   margin-inline-start: 0;
   unicode-bidi: normal;
-}._headline-with-ai-mark_1wbl3_25 {
+}._headline-with-ai-mark_gpm68_25 {
   align-items: flex-start;
   display: inline-flex;
   gap: var(--a2-size-2, 0.5rem);
-}._headline-ai-mark_1wbl3_31 {
+}._headline-ai-mark_gpm68_31 {
   display: inline-flex;
   margin-block-start: var(--a2-mod-text-headline-ai-mark-margin-block-start);
-}._eyebrow_1wbl3_36 {
+}._eyebrow_gpm68_36 {
   --a2-mod-text-foreground-color-subdued: var(--a2-text-foreground-color-subdued, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
@@ -50,7 +50,7 @@
   padding-block: var(--a2-mod-text-eyebrow-padding-block, 0);
   padding-inline: var(--a2-mod-text-eyebrow-padding-inline, 0);
   text-transform: uppercase;
-}._bodytext_1wbl3_61 {
+}._bodytext_gpm68_61 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -66,36 +66,38 @@
   line-height: 1.5;
   margin-block: 0;
   margin-inline: 0;
-}._headline_1wbl3_1,
-._eyebrow_1wbl3_36,
-._bodytext_1wbl3_61 {
+}._headline_gpm68_1,
+._eyebrow_gpm68_36,
+._bodytext_gpm68_61 {
   --a2-mod-text-focus-ring-color: var(--a2-text-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
   outline: 0 solid var(--a2-mod-text-focus-ring-color);
   outline-offset: var(--a2-size-half, 0.125rem);
   transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
-}._headline_1wbl3_1:focus-visible,
-._eyebrow_1wbl3_36:focus-visible,
-._bodytext_1wbl3_61:focus-visible {
+}._headline_gpm68_1:focus-visible,
+._eyebrow_gpm68_36:focus-visible,
+._bodytext_gpm68_61:focus-visible {
   outline-width: var(--a2-size-half, 0.125rem);
-}._xlarge_1wbl3_93 {
+}._xlarge_gpm68_93 {
   --a2-mod-text-bodytext-font-size: var(--a2-typography-paragraph-size-xlarge, var(--a2-font-size-600, 1.5rem));
   --a2-mod-text-headline-ai-mark-margin-block-start: calc(
     var(--a2-size-1, 0.25rem) + var(--a2-size-quarter, 0.0625rem)
   );
   --a2-mod-text-headline-font-size: var(--a2-typography-heading-size-xlarge, var(--a2-font-size-800, 2rem));
-}._large_1wbl3_101 {
+}._large_gpm68_101 {
   --a2-mod-text-bodytext-font-size: var(--a2-typography-paragraph-size-large, var(--a2-font-size-500, 1.25rem));
   --a2-mod-text-eyebrow-font-size: var(--a2-typography-label-size-default, var(--a2-font-size-300, 0.875rem));
   --a2-mod-text-headline-font-size: var(--a2-typography-heading-size-large, var(--a2-font-size-600, 1.5rem));
-}._small_1wbl3_107 {
+}._small_gpm68_107 {
   --a2-mod-text-bodytext-font-size: var(--a2-typography-paragraph-size-small, var(--a2-font-size-300, 0.875rem));
   --a2-mod-text-eyebrow-font-size: var(--a2-typography-label-size-xsmall, var(--a2-font-size-100, 0.625rem));
   --a2-mod-text-headline-ai-mark-margin-block-start: var(--a2-size-half, 0.125rem);
   --a2-mod-text-headline-font-size: var(--a2-typography-heading-size-small, var(--a2-font-size-400, 1rem));
-}._subdued_1wbl3_114 {
+}._subdued_gpm68_114 {
   --a2-mod-text-foreground-color-subdued: var(--a2-text-foreground-color-subdued, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
   color: var(--a2-mod-text-foreground-color-subdued);
-}._inline_1wbl3_119 {
+}._inline_gpm68_119 {
   display: inline;
+}._no-margin_gpm68_123 {
+  margin-block-end: 0;
 }
 }

package/dist/Text.js

@@ -1,2 +1,2 @@
-export { T as Text, T as default } from './Text-CIoD_RK4.js';
+export { T as Text, T as default } from './Text-BT1MnQrn.js';
 //# sourceMappingURL=Text.js.map

package/dist/Text.module-D9ksuiBV.js

@@ -0,0 +1,24 @@
+import './Text.css';const headline = "_headline_gpm68_1";
+const eyebrow = "_eyebrow_gpm68_36";
+const bodytext = "_bodytext_gpm68_61";
+const xlarge = "_xlarge_gpm68_93";
+const large = "_large_gpm68_101";
+const small = "_small_gpm68_107";
+const subdued = "_subdued_gpm68_114";
+const inline = "_inline_gpm68_119";
+const textStyles = {
+	headline: headline,
+	"headline-with-ai-mark": "_headline-with-ai-mark_gpm68_25",
+	"headline-ai-mark": "_headline-ai-mark_gpm68_31",
+	eyebrow: eyebrow,
+	bodytext: bodytext,
+	xlarge: xlarge,
+	large: large,
+	small: small,
+	subdued: subdued,
+	inline: inline,
+	"no-margin": "_no-margin_gpm68_123"
+};
+
+export { textStyles as t };
+//# sourceMappingURL=Text.module-D9ksuiBV.js.map

package/dist/Text.module-D9ksuiBV.js.map

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

package/dist/{TextField-CzzvLI5_.js → TextField-1RXT8l7y.js}

@@ -4,13 +4,13 @@ import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 import { S as Spinner } from './Spinner-B7tTWcP6.js';
 import { t as textFieldStyles } from './TextField.module-DklyLNKz.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { F as FieldLabel } from './FieldLabel-SzH61hCb.js';
+import { F as FieldLabel } from './FieldLabel-C-XG9Dvv.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
-import { s as stripInlineMarkdown } from './stripInlineMarkdown-BfNNOWPk.js';
+import { s as stripInlineMarkdown } from './stripInlineMarkdown-BVD5dm2G.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { H as Helper } from './Helper-Bq6Npkgh.js';
 
@@ -215,4 +215,4 @@ const TextField = forwardRef(
 TextField.displayName = "InternalTextField";
 
 export { TextField as T };
-//# sourceMappingURL=TextField-CzzvLI5_.js.map
+//# sourceMappingURL=TextField-1RXT8l7y.js.map

package/dist/{TextField-CzzvLI5_.js.map → TextField-1RXT8l7y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextField-CzzvLI5_.js","sources":["../src/components/TextField/internal/TextField.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId, useMergeRefs } from \"../../../hooks\";\nimport type {\n  DataTrackingId,\n  LayoutUtilProps,\n  Size,\n  MaxLengthCounterProps,\n} from \"../../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../../internal/hooks\";\nimport { Helper, type HelperProps } from \"../../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../../FieldMessage\";\nimport { Spinner } from \"../../Spinner\";\nimport styles from \"../TextField.module.scss\";\nimport cx from \"classnames\";\nimport { FieldLabel, type FieldLabelProps } from \"../../FieldLabel\";\nimport {\n  childrenToString,\n  stripInlineMarkdown,\n  warnOnce,\n} from \"../../../internal/functions\";\n\nexport type TextFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"size\" | \"prefix\"\n> &\n  LayoutUtilProps & {\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    prefix?: string | ReactElement;\n    suffix?: string | ReactElement;\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    type?: \"text\" | \"email\" | \"tel\" | \"url\" | \"password\" | \"number\";\n    description?: HelperProps[\"description\"];\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    hint?: HelperProps[\"hint\"];\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n    loading?: boolean;\n    disabled?: boolean;\n    labelProps?: FieldLabelProps;\n    moreInfo?: ReactNode;\n    /**\n     * When `true`, hides the visible label and moves it to `aria-label` on the input.\n     * Requires `label` to be set — the label is always needed for accessibility.\n     * @default false\n     */\n    hideLabel?: boolean;\n    /**\n     * When `true`, applies a subdued primary background to the field to draw attention to it.\n     * @default false\n     */\n    isHighlighted?: boolean;\n  } & MaxLengthCounterProps &\n  DataTrackingId;\n\nexport const TextField = forwardRef(\n  (props: TextFieldProps, ref: Ref<HTMLInputElement>) => {\n    const { aiMark, ...labelPropsWithoutAiMark } = props.labelProps || {};\n\n    const data = {\n      label: childrenToString(props.label),\n      labelProps: labelPropsWithoutAiMark,\n      prefix: childrenToString(props.prefix),\n      hint: childrenToString(props.hint),\n      description: childrenToString(props.description),\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"TextField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      error,\n      errorAriaLive: _errorAriaLive,\n      defaultValue: defaultValueProp,\n      value: valueProp,\n      label,\n      moreInfo,\n      prefix,\n      suffix,\n      size,\n      type = \"text\",\n      required,\n      onChange,\n      onFocus,\n      onBlur,\n      id: idProp,\n      description,\n      hint,\n      showCounter,\n      maxLength,\n      loading,\n      disabled,\n      labelProps,\n      style,\n      placeholder,\n      warning,\n      \"aria-label\": ariaLabelProp,\n      hideLabel = false,\n      isHighlighted = false,\n      ...rest\n    } = componentProps;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isTyping, setIsTyping] = useState(false);\n\n    // Use the optionally controlled state for value\n    const [value, setValue] = useOptionallyControlledState<typeof valueProp>({\n      controlledValue: valueProp,\n      defaultValue: defaultValueProp,\n    });\n\n    const length = useMemo(() => {\n      if (\n        typeof value === \"string\" ||\n        typeof value === \"number\" ||\n        Array.isArray(value)\n      ) {\n        return String(value).length;\n      }\n      return 0;\n    }, [value]);\n\n    const onChangeHandler: ChangeEventHandler<HTMLInputElement> = (e) => {\n      setValue(e.target.value);\n      onChange?.(e);\n      if (!isTyping) {\n        setIsTyping(true);\n      }\n    };\n\n    const blurHandler: FocusEventHandler<HTMLInputElement> = (e) => {\n      onBlur?.(e);\n      if (isTyping) {\n        setIsTyping(false);\n      }\n    };\n\n    const labelUid = useId();\n    const id = idProp ?? labelUid;\n\n    const prefixUid = useId();\n    const suffixUid = useId();\n\n    const helperUid = useId();\n    const moreInfoUid = useId();\n\n    warnDeprecatedErrorUsage(\"TextField\", error);\n\n    // TODO(v4.0.0): remove these warnings once label is required string\n    if (label === undefined) {\n      warnOnce(\n        \"TextField: 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        \"TextField: 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 hasHelperText =\n      hint || showCounter || errorMessages || warning || description;\n\n    const ariaDescribedBy =\n      [hasHelperText && helperUid, moreInfo && moreInfoUid]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    return (\n      <div\n        className={cx(styles[\"textfield\"], className)}\n        data-anv=\"textfield\"\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        <div\n          className={cx(styles[\"input-wrapper\"], {\n            [styles[\"small\"]]: size === \"small\",\n            [styles[\"large\"]]: size === \"large\",\n            [styles[\"highlight\"]]: isHighlighted,\n          })}\n          role=\"presentation\"\n          onClick={(e) => {\n            inputRef.current?.focus();\n            if (e.target !== inputRef.current) {\n              inputRef.current?.click();\n            }\n          }}\n        >\n          {prefix ? (\n            <div\n              aria-hidden\n              className={styles[\"prefix\"]}\n              id={`prefix${prefixUid}`}\n            >\n              {prefix}\n            </div>\n          ) : null}\n          <input\n            id={id}\n            className={cx(styles[\"input\"], {\n              [styles[\"error\"]]: error,\n            })}\n            onChange={onChangeHandler}\n            onFocus={onFocus}\n            onBlur={blurHandler}\n            ref={useMergeRefs([ref, inputRef])}\n            required={required}\n            maxLength={maxLength}\n            placeholder={placeholder}\n            type={type}\n            disabled={disabled}\n            value={value ?? \"\"}\n            data-tracking-id={trackingId}\n            {...rest}\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                : ariaLabelProp || (label ? undefined : placeholder) // TODO(v4.0.0): this can all be removed once label is required. Aria-label should no longer be a separate prop passed through.\n            }\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={error ? !!error : undefined}\n          />\n          {loading ? (\n            <div className={styles[\"loading-spinner-wrapper\"]}>\n              <Spinner size=\"small\" />\n            </div>\n          ) : null}\n          {suffix ? (\n            <div\n              className={styles[\"suffix\"]}\n              aria-hidden\n              id={`suffix${suffixUid}`}\n            >\n              {suffix}\n            </div>\n          ) : null}\n        </div>\n        {hasHelperText ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            maxLength={maxLength}\n            inputLength={length}\n            isTyping={isTyping}\n            showCounter={showCounter}\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);\nTextField.displayName = \"InternalTextField\";\n"],"names":["styles"],"mappings":"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"}
+{"version":3,"file":"TextField-1RXT8l7y.js","sources":["../src/components/TextField/internal/TextField.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId, useMergeRefs } from \"../../../hooks\";\nimport type {\n  DataTrackingId,\n  LayoutUtilProps,\n  Size,\n  MaxLengthCounterProps,\n} from \"../../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../../internal/hooks\";\nimport { Helper, type HelperProps } from \"../../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../../FieldMessage\";\nimport { Spinner } from \"../../Spinner\";\nimport styles from \"../TextField.module.scss\";\nimport cx from \"classnames\";\nimport { FieldLabel, type FieldLabelProps } from \"../../FieldLabel\";\nimport {\n  childrenToString,\n  stripInlineMarkdown,\n  warnOnce,\n} from \"../../../internal/functions\";\n\nexport type TextFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"size\" | \"prefix\"\n> &\n  LayoutUtilProps & {\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    prefix?: string | ReactElement;\n    suffix?: string | ReactElement;\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    type?: \"text\" | \"email\" | \"tel\" | \"url\" | \"password\" | \"number\";\n    description?: HelperProps[\"description\"];\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    hint?: HelperProps[\"hint\"];\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n    loading?: boolean;\n    disabled?: boolean;\n    labelProps?: FieldLabelProps;\n    moreInfo?: ReactNode;\n    /**\n     * When `true`, hides the visible label and moves it to `aria-label` on the input.\n     * Requires `label` to be set — the label is always needed for accessibility.\n     * @default false\n     */\n    hideLabel?: boolean;\n    /**\n     * When `true`, applies a subdued primary background to the field to draw attention to it.\n     * @default false\n     */\n    isHighlighted?: boolean;\n  } & MaxLengthCounterProps &\n  DataTrackingId;\n\nexport const TextField = forwardRef(\n  (props: TextFieldProps, ref: Ref<HTMLInputElement>) => {\n    const { aiMark, ...labelPropsWithoutAiMark } = props.labelProps || {};\n\n    const data = {\n      label: childrenToString(props.label),\n      labelProps: labelPropsWithoutAiMark,\n      prefix: childrenToString(props.prefix),\n      hint: childrenToString(props.hint),\n      description: childrenToString(props.description),\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"TextField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      error,\n      errorAriaLive: _errorAriaLive,\n      defaultValue: defaultValueProp,\n      value: valueProp,\n      label,\n      moreInfo,\n      prefix,\n      suffix,\n      size,\n      type = \"text\",\n      required,\n      onChange,\n      onFocus,\n      onBlur,\n      id: idProp,\n      description,\n      hint,\n      showCounter,\n      maxLength,\n      loading,\n      disabled,\n      labelProps,\n      style,\n      placeholder,\n      warning,\n      \"aria-label\": ariaLabelProp,\n      hideLabel = false,\n      isHighlighted = false,\n      ...rest\n    } = componentProps;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isTyping, setIsTyping] = useState(false);\n\n    // Use the optionally controlled state for value\n    const [value, setValue] = useOptionallyControlledState<typeof valueProp>({\n      controlledValue: valueProp,\n      defaultValue: defaultValueProp,\n    });\n\n    const length = useMemo(() => {\n      if (\n        typeof value === \"string\" ||\n        typeof value === \"number\" ||\n        Array.isArray(value)\n      ) {\n        return String(value).length;\n      }\n      return 0;\n    }, [value]);\n\n    const onChangeHandler: ChangeEventHandler<HTMLInputElement> = (e) => {\n      setValue(e.target.value);\n      onChange?.(e);\n      if (!isTyping) {\n        setIsTyping(true);\n      }\n    };\n\n    const blurHandler: FocusEventHandler<HTMLInputElement> = (e) => {\n      onBlur?.(e);\n      if (isTyping) {\n        setIsTyping(false);\n      }\n    };\n\n    const labelUid = useId();\n    const id = idProp ?? labelUid;\n\n    const prefixUid = useId();\n    const suffixUid = useId();\n\n    const helperUid = useId();\n    const moreInfoUid = useId();\n\n    warnDeprecatedErrorUsage(\"TextField\", error);\n\n    // TODO(v4.0.0): remove these warnings once label is required string\n    if (label === undefined) {\n      warnOnce(\n        \"TextField: 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        \"TextField: 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 hasHelperText =\n      hint || showCounter || errorMessages || warning || description;\n\n    const ariaDescribedBy =\n      [hasHelperText && helperUid, moreInfo && moreInfoUid]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    return (\n      <div\n        className={cx(styles[\"textfield\"], className)}\n        data-anv=\"textfield\"\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        <div\n          className={cx(styles[\"input-wrapper\"], {\n            [styles[\"small\"]]: size === \"small\",\n            [styles[\"large\"]]: size === \"large\",\n            [styles[\"highlight\"]]: isHighlighted,\n          })}\n          role=\"presentation\"\n          onClick={(e) => {\n            inputRef.current?.focus();\n            if (e.target !== inputRef.current) {\n              inputRef.current?.click();\n            }\n          }}\n        >\n          {prefix ? (\n            <div\n              aria-hidden\n              className={styles[\"prefix\"]}\n              id={`prefix${prefixUid}`}\n            >\n              {prefix}\n            </div>\n          ) : null}\n          <input\n            id={id}\n            className={cx(styles[\"input\"], {\n              [styles[\"error\"]]: error,\n            })}\n            onChange={onChangeHandler}\n            onFocus={onFocus}\n            onBlur={blurHandler}\n            ref={useMergeRefs([ref, inputRef])}\n            required={required}\n            maxLength={maxLength}\n            placeholder={placeholder}\n            type={type}\n            disabled={disabled}\n            value={value ?? \"\"}\n            data-tracking-id={trackingId}\n            {...rest}\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                : ariaLabelProp || (label ? undefined : placeholder) // TODO(v4.0.0): this can all be removed once label is required. Aria-label should no longer be a separate prop passed through.\n            }\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={error ? !!error : undefined}\n          />\n          {loading ? (\n            <div className={styles[\"loading-spinner-wrapper\"]}>\n              <Spinner size=\"small\" />\n            </div>\n          ) : null}\n          {suffix ? (\n            <div\n              className={styles[\"suffix\"]}\n              aria-hidden\n              id={`suffix${suffixUid}`}\n            >\n              {suffix}\n            </div>\n          ) : null}\n        </div>\n        {hasHelperText ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            maxLength={maxLength}\n            inputLength={length}\n            isTyping={isTyping}\n            showCounter={showCounter}\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);\nTextField.displayName = \"InternalTextField\";\n"],"names":["styles"],"mappings":"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"}

package/dist/{TextField-D3sRS5q1.js → TextField-ClFi79P0.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { T as TextField$1 } from './TextField-CzzvLI5_.js';
+import { T as TextField$1 } from './TextField-1RXT8l7y.js';
 
 const TextField = forwardRef(
   (props, ref) => {
@@ -10,4 +10,4 @@ const TextField = forwardRef(
 TextField.displayName = "TextField";
 
 export { TextField as T };
-//# sourceMappingURL=TextField-D3sRS5q1.js.map
+//# sourceMappingURL=TextField-ClFi79P0.js.map

package/dist/{TextField-D3sRS5q1.js.map → TextField-ClFi79P0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextField-D3sRS5q1.js","sources":["../src/components/TextField/TextField.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  TextField as CoreTextField,\n  type TextFieldProps as CoreTextFieldProps,\n} from \"./internal/TextField\";\nimport type { MaxLengthCounterProps } from \"../../types\";\n\nexport type TextFieldProps = Omit<CoreTextFieldProps, \"prefix\"> & {\n  prefix?: string;\n} & MaxLengthCounterProps;\n\n/**\n * TextField component for single-line text input.\n *\n * Features:\n * - Label, hint, description, error, and warning messaging\n * - Optional prefix/suffix content (text, icon, or element)\n * - Character counter via `showCounter`/`maxLength`\n * - Loading state with spinner, and disabled/read-only states\n * - Configurable `size` and native input `type`\n * - Full accessibility support via `FieldLabel`\n *\n * @example\n * <TextField label=\"Email\" type=\"email\" placeholder=\"you@example.com\" />\n */\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (props, ref) => {\n    return <CoreTextField ref={ref} {...props} />;\n  },\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["CoreTextField"],"mappings":";;;;AAyBO,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,uBAAO,GAAA,CAACA,WAAA,EAAA,EAAc,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAC7C;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}
+{"version":3,"file":"TextField-ClFi79P0.js","sources":["../src/components/TextField/TextField.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  TextField as CoreTextField,\n  type TextFieldProps as CoreTextFieldProps,\n} from \"./internal/TextField\";\nimport type { MaxLengthCounterProps } from \"../../types\";\n\nexport type TextFieldProps = Omit<CoreTextFieldProps, \"prefix\"> & {\n  prefix?: string;\n} & MaxLengthCounterProps;\n\n/**\n * TextField component for single-line text input.\n *\n * Features:\n * - Label, hint, description, error, and warning messaging\n * - Optional prefix/suffix content (text, icon, or element)\n * - Character counter via `showCounter`/`maxLength`\n * - Loading state with spinner, and disabled/read-only states\n * - Configurable `size` and native input `type`\n * - Full accessibility support via `FieldLabel`\n *\n * @example\n * <TextField label=\"Email\" type=\"email\" placeholder=\"you@example.com\" />\n */\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (props, ref) => {\n    return <CoreTextField ref={ref} {...props} />;\n  },\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["CoreTextField"],"mappings":";;;;AAyBO,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,uBAAO,GAAA,CAACA,WAAA,EAAA,EAAc,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAC7C;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}

package/dist/TextField.js

@@ -1,2 +1,2 @@
-export { T as TextField, T as default } from './TextField-D3sRS5q1.js';
+export { T as TextField, T as default } from './TextField-ClFi79P0.js';
 //# sourceMappingURL=TextField.js.map

package/dist/{Textarea-B3C7AkPj.js → Textarea-CuR8d8LC.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useLayoutEffect, forwardRef, useRef, useState, useMemo, useEffect, useId, isValidElement } from 'react';
-import { F as FieldLabel } from './FieldLabel-SzH61hCb.js';
+import { F as FieldLabel } from './FieldLabel-C-XG9Dvv.js';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { _ as _objectWithoutPropertiesLoose, a as _extends } from './extends-Bg2s_OKl.js';
@@ -10,7 +10,7 @@ import { useTrackingId } from './useTrackingId.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
-import { s as stripInlineMarkdown } from './stripInlineMarkdown-BfNNOWPk.js';
+import { s as stripInlineMarkdown } from './stripInlineMarkdown-BVD5dm2G.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { H as Helper } from './Helper-Bq6Npkgh.js';
 
@@ -423,4 +423,4 @@ const Textarea = forwardRef(
 Textarea.displayName = "Textarea";
 
 export { Textarea as T };
-//# sourceMappingURL=Textarea-B3C7AkPj.js.map
+//# sourceMappingURL=Textarea-CuR8d8LC.js.map