@servicetitan/anvil2 3.1.0 → 3.2.0

package/dist/SelectTriggerBase.css

@@ -1,4 +1,4 @@
-.anvil2 {._search-field_2e6em_1 {
+.anvil2 {._search-field_2c5gw_1 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -12,9 +12,9 @@
   flex-direction: column;
   font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
   gap: var(--a2-size-2, 0.5rem);
-}._select_2e6em_17 {
+}._select_2c5gw_17 {
   cursor: pointer;
-}._input-wrapper_2e6em_21 {
+}._input-wrapper_2c5gw_21 {
   --a2-mod-select-trigger-base-height: calc(
     var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
@@ -37,30 +37,32 @@
   padding-inline-end: 4.5rem;
   padding-inline-start: var(--a2-size-3, 0.75rem);
   position: relative;
-}._input-wrapper_2e6em_21:focus:not([disabled]), ._input-wrapper_2e6em_21:focus-visible, ._input-wrapper_2e6em_21:has(._input_2e6em_21:focus-visible) {
+}._input-wrapper_2c5gw_21:focus:not([disabled]), ._input-wrapper_2c5gw_21:focus-visible, ._input-wrapper_2c5gw_21:has(._input_2c5gw_21:focus-visible) {
   outline-width: var(--a2-size-half, 0.125rem);
-}._input-wrapper_2e6em_21:has(._input_2e6em_21._error_2e6em_48) {
+}._input-wrapper_2c5gw_21:has(._input_2c5gw_21._error_2c5gw_48) {
   border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
-}._input-wrapper_2e6em_21:focus:has(._input_2e6em_21._error_2e6em_48):not([disabled]), ._input-wrapper_2e6em_21:focus-visible:has(._input_2e6em_21._error_2e6em_48), ._input-wrapper_2e6em_21:has(._input_2e6em_21._error_2e6em_48:focus-visible) {
+}._input-wrapper_2c5gw_21:focus:has(._input_2c5gw_21._error_2c5gw_48):not([disabled]), ._input-wrapper_2c5gw_21:focus-visible:has(._input_2c5gw_21._error_2c5gw_48), ._input-wrapper_2c5gw_21:has(._input_2c5gw_21._error_2c5gw_48:focus-visible) {
   outline-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
   outline-width: var(--a2-size-half, 0.125rem);
-}._input-wrapper_2e6em_21._disabled_2e6em_55, ._input-wrapper_2e6em_21[disabled], ._input-wrapper_2e6em_21:has(._input_2e6em_21:disabled) {
+}._input-wrapper_2c5gw_21._disabled_2c5gw_55, ._input-wrapper_2c5gw_21[disabled], ._input-wrapper_2c5gw_21:has(._input_2c5gw_21:disabled) {
   opacity: 0.4;
-}._input-wrapper_2e6em_21._disabled_2e6em_55 *, ._input-wrapper_2e6em_21[disabled] *, ._input-wrapper_2e6em_21:has(._input_2e6em_21:disabled) * {
+}._input-wrapper_2c5gw_21._disabled_2c5gw_55 *, ._input-wrapper_2c5gw_21[disabled] *, ._input-wrapper_2c5gw_21:has(._input_2c5gw_21:disabled) * {
   cursor: not-allowed;
-}._input-wrapper_2e6em_21:has(input._input_2e6em_21:-moz-read-only) {
+}._input-wrapper_2c5gw_21:has(input._input_2c5gw_21:-moz-read-only) {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._input-wrapper_2e6em_21[disabled], ._input-wrapper_2e6em_21[readonly], ._input-wrapper_2e6em_21._disabled_2e6em_55, ._input-wrapper_2e6em_21:has(input._input_2e6em_21:read-only) {
+}._input-wrapper_2c5gw_21[disabled], ._input-wrapper_2c5gw_21[readonly], ._input-wrapper_2c5gw_21._disabled_2c5gw_55, ._input-wrapper_2c5gw_21:has(input._input_2c5gw_21:read-only) {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._input-flex_2e6em_65 {
+}._input-wrapper_2c5gw_21._highlight_2c5gw_64 {
+  background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)));
+}._input-flex_2c5gw_68 {
   flex: 1 1 100px;
   min-width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 0;
-}._input_2e6em_21,
-._input_2e6em_21[type] {
+}._input_2c5gw_21,
+._input_2c5gw_21[type] {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -83,45 +85,45 @@
   padding-inline: 0;
   transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
   width: 100px;
-}._input_2e6em_21::-moz-placeholder, ._input_2e6em_21[type]::-moz-placeholder {
+}._input_2c5gw_21::-moz-placeholder, ._input_2c5gw_21[type]::-moz-placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
-}._input_2e6em_21::placeholder,
-._input_2e6em_21[type]::placeholder {
+}._input_2c5gw_21::placeholder,
+._input_2c5gw_21[type]::placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
-}._input_2e6em_21:focus,
-._input_2e6em_21[type]:focus {
+}._input_2c5gw_21:focus,
+._input_2c5gw_21[type]:focus {
   box-shadow: none;
   outline: none;
 }@media (prefers-reduced-motion: reduce) {
-  ._input_2e6em_21,
-  ._input_2e6em_21[type] {
+  ._input_2c5gw_21,
+  ._input_2c5gw_21[type] {
     transition-duration: 0.01ms !important;
     transition-property: outline;
   }
-}input._input_2e6em_21:-moz-read-only {
+}input._input_2c5gw_21:-moz-read-only {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}input._input_2e6em_21:read-only {
+}input._input_2c5gw_21:read-only {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._fake-placeholder_2e6em_120 {
+}._fake-placeholder_2c5gw_123 {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-}._no-clear-button_2e6em_125 {
+}._no-clear-button_2c5gw_128 {
   padding-inline-end: var(--a2-size-8, 2rem);
-}._no-toggle-button_2e6em_129 {
+}._no-toggle-button_2c5gw_132 {
   padding-inline-end: var(--a2-size-8, 2rem);
-}._no-clear-button_2e6em_125._no-toggle-button_2e6em_129 {
+}._no-clear-button_2c5gw_128._no-toggle-button_2c5gw_132 {
   padding-inline-end: var(--a2-size-3, 0.75rem);
-}._small_2e6em_137 {
+}._small_2c5gw_140 {
   --a2-mod-select-trigger-base-height: calc(
     var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
-}._large_2e6em_143 {
+}._large_2c5gw_146 {
   --a2-mod-select-trigger-base-height: calc(
     var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
-}._buttons-wrapper_2e6em_149 {
+}._buttons-wrapper_2c5gw_152 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -136,7 +138,7 @@
   inset-block-start: 0;
   inset-inline-end: 0;
   position: absolute;
-}._close-button-wrapper_2e6em_166 {
+}._close-button-wrapper_2c5gw_169 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -150,11 +152,11 @@
   align-items: center;
   cursor: pointer;
   display: flex;
-}._close-button_2e6em_166 {
+}._close-button_2c5gw_169 {
   --a2-mod-button-background-color: transparent;
-}._close-button_2e6em_166[data-interactive=hover]::before, ._close-button_2e6em_166:hover::before, ._close-button_2e6em_166:disabled:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._close-button_2e6em_166._disabled_2e6em_55:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._close-button_2e6em_166[aria-disabled=true]:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185) {
+}._close-button_2c5gw_169[data-interactive=hover]::before, ._close-button_2c5gw_169:hover::before, ._close-button_2c5gw_169:disabled:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188), ._close-button_2c5gw_169._disabled_2c5gw_55:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188), ._close-button_2c5gw_169[aria-disabled=true]:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188) {
   --a2-mod-button-background-color: transparent;
-}._toggle-button-wrapper_2e6em_189 {
+}._toggle-button-wrapper_2c5gw_192 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -168,29 +170,29 @@
   align-items: center;
   cursor: pointer;
   display: flex;
-}._toggle-button_2e6em_189 {
+}._toggle-button_2c5gw_192 {
   --a2-mod-button-background-color: transparent;
   --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
   transform: rotate(90deg);
   transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
-}._toggle-button_2e6em_189[aria-expanded=true] {
+}._toggle-button_2c5gw_192[aria-expanded=true] {
   transform: rotate(270deg);
-}._toggle-button_2e6em_189[data-interactive=hover]::before, ._toggle-button_2e6em_189:hover::before, ._toggle-button_2e6em_189:disabled:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._toggle-button_2e6em_189._disabled_2e6em_55:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._toggle-button_2e6em_189[aria-disabled=true]:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185) {
+}._toggle-button_2c5gw_192[data-interactive=hover]::before, ._toggle-button_2c5gw_192:hover::before, ._toggle-button_2c5gw_192:disabled:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188), ._toggle-button_2c5gw_192._disabled_2c5gw_55:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188), ._toggle-button_2c5gw_192[aria-disabled=true]:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188) {
   --a2-mod-button-background-color: transparent;
 }@media (prefers-reduced-motion: reduce) {
-  ._toggle-button_2e6em_189 {
+  ._toggle-button_2c5gw_192 {
     transition-duration: 0.01ms !important;
   }
-}[aria-expanded=true] ._toggle-button_2e6em_189 {
+}[aria-expanded=true] ._toggle-button_2c5gw_192 {
   transform: rotate(270deg);
-}._prefix-wrapper_2e6em_227 {
+}._prefix-wrapper_2c5gw_230 {
   align-items: stretch;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   height: var(--a2-mod-select-trigger-base-height);
   pointer-events: none;
-}._rows-wrapper_2e6em_236 {
+}._rows-wrapper_2c5gw_239 {
   align-items: stretch;
   display: flex;
   flex-direction: row;
@@ -199,16 +201,16 @@
   gap: 0 var(--a2-size-1, 0.25rem);
   max-width: 100%;
   width: 100%;
-}._chip-wrapper_2e6em_247 {
+}._chip-wrapper_2c5gw_250 {
   align-items: center;
   display: flex;
   height: var(--a2-mod-select-trigger-base-height);
   justify-content: center;
   max-width: 100%;
-}._chip_2e6em_247 {
+}._chip_2c5gw_250 {
   --a2-mod-chip-max-width: 100%;
-}._prefix_2e6em_227,
-._suffix_2e6em_260 {
+}._prefix_2c5gw_230,
+._suffix_2c5gw_263 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
@@ -224,9 +226,9 @@
   font-weight: var(--a2-font-weight-semibold, 600);
   justify-content: center;
   min-width: var(--a2-size-8, 2rem);
-}._prefix_2e6em_227 {
+}._prefix_2c5gw_230 {
   padding-inline-end: var(--a2-size-2, 0.5rem);
-}._suffix_2e6em_260 {
+}._suffix_2c5gw_263 {
   padding-inline-start: var(--a2-size-2, 0.5rem);
   padding-inline-end: var(--a2-size-2, 0.5rem);
 }

package/dist/SelectTriggerBase.module-Brmw1nYG.js

@@ -0,0 +1,39 @@
+import './SelectTriggerBase.css';const select = "_select_2c5gw_17";
+const input = "_input_2c5gw_21";
+const error = "_error_2c5gw_48";
+const disabled = "_disabled_2c5gw_55";
+const highlight = "_highlight_2c5gw_64";
+const small = "_small_2c5gw_140";
+const large = "_large_2c5gw_146";
+const chip = "_chip_2c5gw_250";
+const prefix = "_prefix_2c5gw_230";
+const suffix = "_suffix_2c5gw_263";
+const styles = {
+	"search-field": "_search-field_2c5gw_1",
+	select: select,
+	"input-wrapper": "_input-wrapper_2c5gw_21",
+	input: input,
+	error: error,
+	disabled: disabled,
+	highlight: highlight,
+	"input-flex": "_input-flex_2c5gw_68",
+	"fake-placeholder": "_fake-placeholder_2c5gw_123",
+	"no-clear-button": "_no-clear-button_2c5gw_128",
+	"no-toggle-button": "_no-toggle-button_2c5gw_132",
+	small: small,
+	large: large,
+	"buttons-wrapper": "_buttons-wrapper_2c5gw_152",
+	"close-button-wrapper": "_close-button-wrapper_2c5gw_169",
+	"close-button": "_close-button_2c5gw_169",
+	"toggle-button-wrapper": "_toggle-button-wrapper_2c5gw_192",
+	"toggle-button": "_toggle-button_2c5gw_192",
+	"prefix-wrapper": "_prefix-wrapper_2c5gw_230",
+	"rows-wrapper": "_rows-wrapper_2c5gw_239",
+	"chip-wrapper": "_chip-wrapper_2c5gw_250",
+	chip: chip,
+	prefix: prefix,
+	suffix: suffix
+};
+
+export { styles as s };
+//# sourceMappingURL=SelectTriggerBase.module-Brmw1nYG.js.map

package/dist/SelectTriggerBase.module-Brmw1nYG.js.map

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

package/dist/{Switch-Crcn7ffO.js → Switch-DibokoJL.js}

@@ -3,7 +3,7 @@ import { forwardRef, useId } from 'react';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { I as Icon } from './Icon-BEwHECSM.js';
 import { F as Flex } from './Flex-Bb3iHExM.js';
-import { A as AiMark } from './AiMark-m-sG_BrY.js';
+import { A as AiMark } from './AiMark-D6ScGfyP.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-Crcn7ffO.js.map
+//# sourceMappingURL=Switch-DibokoJL.js.map

package/dist/{Switch-Crcn7ffO.js.map → Switch-DibokoJL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Switch-Crcn7ffO.js","sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["import {\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  Ref,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\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-DibokoJL.js","sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["import {\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  Ref,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\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-Crcn7ffO.js';
+export { S as Switch, S as default } from './Switch-DibokoJL.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-B_GYRuR1.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-D_ZP3kZw.js';
 //# sourceMappingURL=Table.js.map

package/dist/{Text-CK1TI4Gz.js → Text-BTCfqeSr.js}

@@ -2,7 +2,7 @@ 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-m-sG_BrY.js';
+import { A as AiMark } from './AiMark-D6ScGfyP.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 
 const Text = forwardRef((props, ref) => {
@@ -120,4 +120,4 @@ const Text = forwardRef((props, ref) => {
 Text.displayName = "Text";
 
 export { Text as T };
-//# sourceMappingURL=Text-CK1TI4Gz.js.map
+//# sourceMappingURL=Text-BTCfqeSr.js.map

package/dist/{Text-CK1TI4Gz.js.map → Text-BTCfqeSr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Text-CK1TI4Gz.js","sources":["../src/components/Text/Text.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { forwardRef, LegacyRef } from \"react\";\nimport styles from \"./Text.module.scss\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { AiMark } from \"../AiMark\";\nimport {\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 * <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      ...rest\n    } = componentProps;\n\n    const TextClasses = classnames(styles[\"headline\"], className, {\n      [styles[`${size}`]]: size !== \"medium\",\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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"}
+{"version":3,"file":"Text-BTCfqeSr.js","sources":["../src/components/Text/Text.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { forwardRef, LegacyRef } from \"react\";\nimport styles from \"./Text.module.scss\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { AiMark } from \"../AiMark\";\nimport {\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 * <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      ...rest\n    } = componentProps;\n\n    const TextClasses = classnames(styles[\"headline\"], className, {\n      [styles[`${size}`]]: size !== \"medium\",\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.js

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

package/dist/{TextField-CFRhRDXu.js → TextField-CqJ9s4SG.js}

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

package/dist/{TextField-CFRhRDXu.js.map → TextField-CqJ9s4SG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextField-CFRhRDXu.js","sources":["../src/components/TextField/TextField.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  TextField as CoreTextField,\n  TextFieldProps as CoreTextFieldProps,\n} from \"./internal/TextField\";\nimport { MaxLengthCounterProps } from \"../../types\";\n\nexport type TextFieldProps = Omit<CoreTextFieldProps, \"prefix\"> & {\n  prefix?: string;\n} & MaxLengthCounterProps;\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":";;;;AAWO,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-CqJ9s4SG.js","sources":["../src/components/TextField/TextField.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  TextField as CoreTextField,\n  TextFieldProps as CoreTextFieldProps,\n} from \"./internal/TextField\";\nimport { MaxLengthCounterProps } from \"../../types\";\n\nexport type TextFieldProps = Omit<CoreTextFieldProps, \"prefix\"> & {\n  prefix?: string;\n} & MaxLengthCounterProps;\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":";;;;AAWO,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-Dn2pwnKf.js → TextField-KZkRXCbH.js}

@@ -2,15 +2,15 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useMemo, useId, isValidElement } from 'react';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 import { S as Spinner } from './Spinner-B7tTWcP6.js';
-import { t as textFieldStyles } from './TextField.module-C8FsjTpx.js';
+import { t as textFieldStyles } from './TextField.module-DklyLNKz.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { F as FieldLabel } from './FieldLabel-CtvpqdG9.js';
+import { F as FieldLabel } from './FieldLabel-tFSfJ7OJ.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-B-pONfu5.js';
+import { s as stripInlineMarkdown } from './stripInlineMarkdown-CQCRopqY.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { H as Helper } from './Helper-B_VAFgGd.js';
 
@@ -61,6 +61,7 @@ const TextField = forwardRef(
       warning,
       "aria-label": ariaLabelProp,
       hideLabel = false,
+      isHighlighted = false,
       ...rest
     } = componentProps;
     const inputRef = useRef(null);
@@ -131,7 +132,8 @@ const TextField = forwardRef(
             {
               className: cx(textFieldStyles["input-wrapper"], {
                 [textFieldStyles["small"]]: size === "small",
-                [textFieldStyles["large"]]: size === "large"
+                [textFieldStyles["large"]]: size === "large",
+                [textFieldStyles["highlight"]]: isHighlighted
               }),
               role: "presentation",
               onClick: (e) => {
@@ -213,4 +215,4 @@ const TextField = forwardRef(
 TextField.displayName = "InternalTextField";
 
 export { TextField as T };
-//# sourceMappingURL=TextField-Dn2pwnKf.js.map
+//# sourceMappingURL=TextField-KZkRXCbH.js.map

package/dist/TextField-KZkRXCbH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField-KZkRXCbH.js","sources":["../src/components/TextField/internal/TextField.tsx"],"sourcesContent":["import {\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEventHandler,\n  ReactElement,\n  ReactNode,\n  Ref,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId, useMergeRefs } from \"../../../hooks\";\nimport {\n  DataTrackingId,\n  LayoutUtilProps,\n  Size,\n  MaxLengthCounterProps,\n} from \"../../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../../FieldMessage\";\nimport { Spinner } from \"../../Spinner\";\nimport styles from \"../TextField.module.scss\";\nimport cx from \"classnames\";\nimport { FieldLabel, 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.css

@@ -1,4 +1,4 @@
-.anvil2 {._textfield_1089k_1 {
+.anvil2 {._textfield_77w7p_1 {
   --a2-mod-text-field-input-foreground-color: var(--a2-text-field-input-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
   --a2-mod-text-field-input-placeholder-foreground-color: var(--a2-text-field-input-placeholder-foreground-color, 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);
@@ -14,7 +14,7 @@
   flex-direction: column;
   font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
   gap: var(--a2-size-2, 0.5rem);
-}._input-wrapper_1089k_19 {
+}._input-wrapper_77w7p_19 {
   --a2-internal-text-field-focus-ring-color: var(
     --a2-mod-text-field-focus-ring-color
   );
@@ -45,26 +45,28 @@
   cursor: text;
   height: var(--a2-internal-text-field-input-wrapper-height);
   justify-content: stretch;
-}._input-wrapper_1089k_19:has(._input_1089k_19:disabled) {
+}._input-wrapper_77w7p_19:has(._input_77w7p_19:disabled) {
   opacity: var(--a2-opacity-disabled-strong, 0.4);
-}._input-wrapper_1089k_19:has(._input_1089k_19:-moz-read-only) {
+}._input-wrapper_77w7p_19:has(._input_77w7p_19:-moz-read-only) {
   --a2-internal-text-field-input-wrapper-background-color: var(--a2-text-field-input-wrapper-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
-}._input-wrapper_1089k_19:has(._input_1089k_19:read-only) {
+}._input-wrapper_77w7p_19:has(._input_77w7p_19:read-only) {
   --a2-internal-text-field-input-wrapper-background-color: var(--a2-text-field-input-wrapper-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
-}._input-wrapper_1089k_19:has(._input_1089k_19._error_1089k_57) {
+}._input-wrapper_77w7p_19._highlight_77w7p_57 {
+  --a2-internal-text-field-input-wrapper-background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)));
+}._input-wrapper_77w7p_19:has(._input_77w7p_19._error_77w7p_60) {
   --a2-internal-text-field-input-wrapper-border-color: var(--a2-text-field-input-wrapper-border-color-danger, var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e))));
-}._input-wrapper_1089k_19:has(._input_1089k_19:focus), ._input-wrapper_1089k_19:has([data-interactive=focus-visible]) {
+}._input-wrapper_77w7p_19:has(._input_77w7p_19:focus), ._input-wrapper_77w7p_19:has([data-interactive=focus-visible]) {
   outline: var(--a2-size-half, 0.125rem) solid var(--a2-internal-text-field-focus-ring-color);
   outline-offset: var(--a2-size-half, 0.125rem);
-}._input-wrapper_1089k_19:has(._input_1089k_19._error_1089k_57:focus) {
+}._input-wrapper_77w7p_19:has(._input_77w7p_19._error_77w7p_60:focus) {
   --a2-internal-text-field-focus-ring-color: var(--a2-text-field-focus-ring-color-danger, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
-}._input-wrapper_1089k_19:has(._prefix_1089k_68) ._input_1089k_19 {
+}._input-wrapper_77w7p_19:has(._prefix_77w7p_71) ._input_77w7p_19 {
   padding-inline-start: 0;
-}._input-wrapper_1089k_19:has(._suffix_1089k_72) ._input_1089k_19,
-._input-wrapper_1089k_19:has(._suffix_1089k_72) ._loading-spinner_1089k_73 {
+}._input-wrapper_77w7p_19:has(._suffix_77w7p_75) ._input_77w7p_19,
+._input-wrapper_77w7p_19:has(._suffix_77w7p_75) ._loading-spinner_77w7p_76 {
   padding-inline-end: 0;
-}._prefix_1089k_68,
-._suffix_1089k_72 {
+}._prefix_77w7p_71,
+._suffix_77w7p_75 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-mod-text-field-input-foreground-color);
@@ -82,14 +84,14 @@
   justify-content: center;
   min-width: var(--a2-size-8, 2rem);
   padding-inline: var(--a2-size-3, 0.75rem);
-}._xsmall_1089k_98 {
+}._xsmall_77w7p_101 {
   --a2-internal-text-field-input-wrapper-height: var(--a2-size-6, 1.5rem);
   font-size: var(--a2-font-size-200, 0.75rem);
-}._small_1089k_103 {
+}._small_77w7p_106 {
   --a2-internal-text-field-input-wrapper-height: var(--a2-size-8, 2rem);
-}._large_1089k_107 {
+}._large_77w7p_110 {
   --a2-internal-text-field-input-wrapper-height: var(--a2-size-12, 3rem);
-}._input_1089k_19[type] {
+}._input_77w7p_19[type] {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -113,16 +115,16 @@
   padding-block: var(--a2-size-2, 0.5rem);
   padding-inline: var(--a2-size-3, 0.75rem);
   width: auto;
-}._input_1089k_19[type]:focus, ._input_1089k_19[type]:focus:invalid {
+}._input_77w7p_19[type]:focus, ._input_77w7p_19[type]:focus:invalid {
   box-shadow: none;
   color: currentColor;
-}._input_1089k_19[type]::-moz-placeholder {
+}._input_77w7p_19[type]::-moz-placeholder {
   color: var(--a2-mod-text-field-input-placeholder-foreground-color);
-}._input_1089k_19[type]::placeholder {
+}._input_77w7p_19[type]::placeholder {
   color: var(--a2-mod-text-field-input-placeholder-foreground-color);
-}._input_1089k_19[type][data-input-empty=true] {
+}._input_77w7p_19[type][data-input-empty=true] {
   --a2-internal-text-field-input-placeholder-foreground-color: var(--a2-text-field-input-placeholder-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
-}._loading-spinner-wrapper_1089k_147 {
+}._loading-spinner-wrapper_77w7p_150 {
   height: var(--a2-size-4, 1rem);
   padding-inline: var(--a2-size-2, 0.5rem);
   width: var(--a2-size-4, 1rem);

package/dist/TextField.js

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

package/dist/TextField.module-DklyLNKz.js

@@ -0,0 +1,25 @@
+import './TextField.css';const textfield = "_textfield_77w7p_1";
+const input = "_input_77w7p_19";
+const highlight = "_highlight_77w7p_57";
+const error = "_error_77w7p_60";
+const prefix = "_prefix_77w7p_71";
+const suffix = "_suffix_77w7p_75";
+const xsmall = "_xsmall_77w7p_101";
+const small = "_small_77w7p_106";
+const large = "_large_77w7p_110";
+const textFieldStyles = {
+	textfield: textfield,
+	"input-wrapper": "_input-wrapper_77w7p_19",
+	input: input,
+	highlight: highlight,
+	error: error,
+	prefix: prefix,
+	suffix: suffix,
+	xsmall: xsmall,
+	small: small,
+	large: large,
+	"loading-spinner-wrapper": "_loading-spinner-wrapper_77w7p_150"
+};
+
+export { textFieldStyles as t };
+//# sourceMappingURL=TextField.module-DklyLNKz.js.map