@dynatrace/strato-components 3.13.3 → 3.14.0

package/esm/forms/number-input-v2/NumberInput.js

@@ -70,13 +70,15 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     stepMultiplier = 1,
     placeholder = defaultPlaceholder,
     onValidityChange,
+    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
+    controlState,
     ...remainingProps
   } = props;
   const [behavioralTrackingProps, restProps] = useBehavioralTrackingProps(remainingProps);
   const { dispatch } = useFormFieldMessagesContext();
   const formValidityChangeRef = useRef(void 0);
   const emitBaseValidationState = useValidationStateEmitter(
-    (state) => formValidityChangeRef.current?.(state)
+    controlState ? void 0 : (state) => formValidityChangeRef.current?.(state)
   );
   const errorId = useId();
   const isPasted = useRef(false);
@@ -209,7 +211,7 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       });
       dispatch?.({
         type: FormFieldMessagesAction.REMOVEMESSAGE,
-        payload: { id: errorId, messageType: "formcontrol", controlId: id }
+        payload: { id: errorId, source: "native" }
       });
     }
   });
@@ -313,10 +315,13 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     };
   }, [dispatch, getNumberValidationState, emitValidationState]);
   useEffect(() => {
+    if (controlState) {
+      return;
+    }
     if (!value && value !== 0) {
       dispatch?.({
         type: FormFieldMessagesAction.REMOVEMESSAGE,
-        payload: { id: errorId, messageType: "formcontrol" }
+        payload: { id: errorId, source: "native" }
       });
       const nativeErrorKey = getErrorType(
         internalRef.current?.inputRef?.validity
@@ -326,8 +331,21 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
           nativeErrorKey,
           errorId,
           internalRef.current?.inputRef,
-          dispatch
+          dispatch,
+          intl
+        );
+        emitValidationState(
+          getValidationState(
+            internalRef.current?.inputRef,
+            "change",
+            getI18nValidationMessage(
+              intl,
+              nativeErrorKey,
+              internalRef.current?.inputRef
+            )
+          )
         );
+        return;
       }
     } else {
       const errorKey = getErrorKey(value, min, max, step);
@@ -337,17 +355,37 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
           errorId,
           internalRef.current?.inputRef,
           dispatch,
+          intl,
           true
         );
+        emitValidationState(
+          getValidationState(
+            NativeValidityStateKeys[errorKey],
+            "change",
+            getI18nValidationMessage(
+              intl,
+              errorKey,
+              internalRef.current?.inputRef
+            ),
+            id
+          )
+        );
+        return;
       } else {
         dispatch?.({
           type: FormFieldMessagesAction.REMOVEMESSAGE,
-          payload: { id: errorId, messageType: "formcontrol" }
+          payload: { id: errorId, source: "native" }
         });
       }
     }
-    emitValidationState(getNumberValidationState("change"));
+    dispatch?.({
+      type: FormFieldMessagesAction.REMOVEMESSAGE,
+      payload: { id: errorId, source: "native" }
+    });
+    internalRef.current?.inputRef?.setCustomValidity("");
+    emitValidationState(getValidationState(null, "change"));
   }, [
+    controlState,
     value,
     min,
     max,
@@ -355,7 +393,8 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     dispatch,
     errorId,
     emitValidationState,
-    getNumberValidationState
+    intl,
+    id
   ]);
   return /* @__PURE__ */ jsx(
     BaseInput,
@@ -371,6 +410,7 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       value: value ?? "",
       required,
       readOnly,
+      controlState,
       onChange: handleChange,
       onKeyDown: handleKeyDown,
       onBlur: handleBlur,

package/esm/forms/number-input-v2/NumberInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/number-input-v2/NumberInput.tsx"],
-  "sourcesContent": ["import {\n  type ChangeEvent as ReactChangeEvent,\n  type FocusEvent as ReactFocusEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { applyStep } from './utils/calculations.js';\nimport { checkFormat, parseNumber } from './utils/format.js';\nimport { addError, getErrorKey } from './utils/validation.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { FocusEvents } from '../../core/types/events.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport type { BaseInputProps } from '../_base-input/base-input.types.js';\nimport { BaseInput } from '../_base-input/BaseInput.js';\nimport { BaseInputButton } from '../_base-input/BaseInputButton.js';\nimport {\n  BaseInputPrefix,\n  BaseInputSuffix,\n} from '../_base-input/BaseInputContent.js';\nimport type { ValidateFieldOptions } from '../form/form.types.js';\nimport { useInternalFormRegistration } from '../form/hooks/useInternalFormRegistration.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport {\n  getErrorType,\n  getI18nValidationMessage,\n} from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { getSafeRegionalFormat } from '../forms-core/time/helpers.js';\nimport type { FormControlRef } from '../shared-types.js';\nimport type { MessageTarget } from '../validation/message-routing.js';\nimport {\n  NativeValidityStateKeys,\n  type ValidationState,\n  type ValidationTrigger,\n} from '../validation/types.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\nimport { getValidationState } from '../validation/validation-builders.js';\n\nconst COMPONENT_NAME = 'NumberInput';\n// Matches a fully valid number: optional sign, integer digits, optional decimal part, optional scientific notation (e.g. \"-1.5e+3\")\nconst VALID_PATTERN = '^[+\\\\-]?\\\\d+(?:[\\\\.,]\\\\d+)?(?:[eE][+\\\\-]?\\\\d+)?$';\nconst VALID_REGEXP = new RegExp(VALID_PATTERN);\n// Matches a number that may use any locale's grouping/decimal separators (spaces, dots, commas, Arabic/Unicode variants)\n// \u2014 used to detect paste-formatted input that can be normalized\nconst FORMATTABLE_PATTERN =\n  /^[-+]?[\\d.,'\u2019 \u066B\u066C\\u00A0\\u1680\\u2000-\\u200A\\u202F\\u205F\\u3000]+(?:[eE][-+]?\\d+)?$/u;\n// Matches a number that is syntactically incomplete but still being typed:\n// digits and separators are optional so intermediate states like \"-\", \"1.\", \"1.5e\" are allowed without rejecting the input\nconst INTERMEDIATE_VALID_PATTERN = /^[+-]?\\d*(?:[.,]\\d*)?(?:[eE][+-]?\\d*)?$/;\n\n// #region Typings\n/**\n * Number inputs let users enter and edit integers and floating-point numbers.\n * @public\n */\nexport type NumberInputProps = Pick<\n  BaseInputProps,\n  | 'placeholder'\n  | 'variant'\n  | 'onKeyUp'\n  | 'onKeyDown'\n  | 'className'\n  | 'style'\n  | 'data-testid'\n  | 'data-dtrum-mask'\n  | 'data-dtrum-allow'\n> &\n  FormControlProps<number | null, (value: number | null) => void> &\n  PropsWithChildren &\n  // DEPRECATION: APPDEV-18319 - Remove deprecated `controlId`.\n  // oxlint-disable-next-line typescript/no-deprecated\n  FocusEvents &\n  BehaviorTrackingProps & {\n    /**\n     * Internal: associates this control with a `_Form` rendered outside its\n     * React subtree via the native `form` attribute. Unstable.\n     * @internal\n     */\n    _form?: string;\n    /**\n     * Internal: routes this control's native/Strato validation messages to the\n     * field outlet (default), the enclosing form's outlet, or both. Unstable.\n     * @internal\n     */\n    _messageTarget?: MessageTarget | MessageTarget[];\n    /** Minimum amount of the input.\n     * @defaultValue undefined */\n    min?: number;\n    /** Maximum amount of the input.\n     * @defaultValue undefined */\n    max?: number;\n    /** Defines the step in which increments/decrements can be performed on the input and validates the value.\n     * Must be a positive number greater than 0. Values that are negative, zero, NaN, or undefined default to 1.\n     * @defaultValue undefined */\n    step?: number;\n    /** Multiplier applied to `step` (or 1 if no `step` is set) to determine how much the value changes\n     * when using arrow keys or the scroll wheel. Must be a positive integer greater than 0.\n     * Values that are negative, zero, NaN, or undefined default to 1. Decimal values are truncated to the nearest integer.\n     * @defaultValue 1 */\n    stepMultiplier?: number;\n  };\n\n// #endregion\n\n/**\n * Number inputs let users enter and edit integers and floating-point numbers.\n * @public\n */\nconst NumberInputRoot = /* @__PURE__ */ forwardRef<\n  FormControlRef<HTMLDivElement>,\n  NumberInputProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const defaultPlaceholder = intl.formatMessage({\n    defaultMessage: 'Add number',\n    id: 'rrkUQoVNb46Jbd/8',\n    description: 'Default placeholder for the number input.',\n  });\n\n  const {\n    onChange,\n    onKeyDown,\n    onBlur,\n    id: propId,\n    name,\n    _form,\n    _messageTarget,\n    value: propValue,\n    defaultValue,\n    required,\n    readOnly = false,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    min,\n    max,\n    step,\n    stepMultiplier = 1,\n    placeholder = defaultPlaceholder,\n    onValidityChange,\n    ...remainingProps\n  }: NumberInputProps = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const { dispatch } = useFormFieldMessagesContext();\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const emitBaseValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n\n  const errorId = useId();\n  const isPasted = useRef<boolean>(false);\n  const isInternalChanged = useRef<boolean>(defaultValue !== undefined);\n  // Tracks whether onChange was called with a valid value in the current edit\n  // cycle. Controlled components should show propValue once onChange fires;\n  // only intermediate states (e.g. \"1.\" while typing \"1.5\") should keep\n  // showing internalValue.\n  const onChangeCalledRef = useRef<boolean>(false);\n\n  const internalRef = useRef<FormControlRef<HTMLDivElement>>(null);\n  const inputRef = useMergeRefs([forwardedRef, internalRef]);\n\n  const [internalValue, setInternalValue] = useState<string | number | null>(\n    defaultValue ?? propValue ?? null,\n  );\n\n  const generatedId = useId();\n  const id = propId ?? generatedId;\n\n  // Caching the value to keep not valid states in the input\n  const value = useMemo<string | number | null>(() => {\n    const isChanged = isInternalChanged.current;\n    isInternalChanged.current = false;\n    const onChangeCalled = onChangeCalledRef.current;\n    onChangeCalledRef.current = false;\n\n    const isControlled = propValue !== undefined;\n\n    // Show internalValue for uncontrolled components (no value prop), or for\n    // controlled components in an intermediate input state where onChange\n    // hasn't fired yet (e.g. typing \"1.\" before \"1.5\").\n    // Once onChange fires, propValue takes over \u2014 the parent decides what shows.\n    if (isChanged && (!isControlled || !onChangeCalled)) {\n      return internalValue;\n    }\n\n    if (!propValue && propValue !== 0) {\n      return '';\n    }\n\n    return new Intl.NumberFormat(getSafeRegionalFormat(), {\n      useGrouping: false,\n      maximumFractionDigits: 17, // Max precision for a JS number\n    }).format(propValue);\n  }, [propValue, internalValue]);\n\n  const getNumberValidationState = useCallback(\n    (trigger: ValidationTrigger): ValidationState => {\n      if (!value && value !== 0) {\n        const nativeErrorKey = getErrorType(\n          internalRef.current?.inputRef?.validity,\n        );\n        const message = nativeErrorKey\n          ? getI18nValidationMessage(\n              intl,\n              nativeErrorKey,\n              internalRef.current?.inputRef,\n            )\n          : undefined;\n        return getValidationState(\n          internalRef.current?.inputRef,\n          trigger,\n          message,\n        );\n      }\n\n      const errorKey = getErrorKey(value, min, max, step);\n      return errorKey\n        ? getValidationState(\n            NativeValidityStateKeys[errorKey],\n            trigger,\n            getI18nValidationMessage(\n              intl,\n              errorKey,\n              internalRef.current?.inputRef,\n            ),\n            id,\n          )\n        : getValidationState(null, trigger);\n    },\n    [id, intl, max, min, step, value],\n  );\n\n  const emitValidationState = useCustomMessageEmitter(\n    emitBaseValidationState,\n    () => getNumberValidationState('manual'),\n  );\n\n  const setValueNative = useCallback(\n    (newValue: number | string | null, triggerChange: boolean = true) => {\n      const input = internalRef.current?.inputRef;\n      if (input) {\n        let stringValue: string;\n        if (newValue === null) {\n          stringValue = '';\n        } else if (typeof newValue === 'number') {\n          stringValue = new Intl.NumberFormat(getSafeRegionalFormat(), {\n            useGrouping: false,\n            maximumFractionDigits: 17,\n          }).format(newValue);\n        } else {\n          stringValue = String(newValue);\n        }\n        if (triggerChange) {\n          // Left to React's own controlled rendering (via the `value` memo) rather than\n          // written to the DOM directly: a direct write here can go uncorrected when the\n          // resulting setInternalValue/onChange call is a no-op (e.g. a controlled parent\n          // that doesn't feed the stepped value back into `value`), leaving the input\n          // showing a value no state/prop actually holds.\n          const parsedValue = checkFormat(stringValue);\n          isInternalChanged.current = true;\n          setInternalValue(parsedValue || stringValue);\n          if (VALID_REGEXP.exec(parsedValue)) {\n            onChangeCalledRef.current = true;\n            onChange?.(parseNumber(parsedValue));\n          } else if (parsedValue === '') {\n            onChangeCalledRef.current = true;\n            onChange?.(null);\n          }\n        } else {\n          // No React state changes in this path (paste normalization / invalid-input\n          // revert), so the DOM needs a direct correction via the native setter to keep\n          // React's internal value tracker in sync.\n          const desc = Object.getOwnPropertyDescriptor(\n            HTMLInputElement.prototype,\n            'value',\n          );\n          desc?.set?.call(input, stringValue);\n          input.value = stringValue;\n        }\n      }\n    },\n    [onChange],\n  );\n\n  const validateField = useCallback(\n    ({ reveal, trigger }: ValidateFieldOptions): ValidationState => {\n      internalRef.current?.inputRef?.checkValidity();\n      if (reveal) {\n        dispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n      }\n      return emitValidationState(getNumberValidationState(trigger));\n    },\n    [dispatch, emitValidationState, getNumberValidationState],\n  );\n\n  const formControl = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    onValidityChange,\n    getValue: () =>\n      value === '' || value === null ? null : parseNumber(value),\n    focus: () => internalRef.current?.focus?.(),\n    validateField: (options) => Promise.resolve(validateField(options)),\n    resetValidation: () => {\n      dispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n      dispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id: errorId, messageType: 'formcontrol', controlId: id },\n      });\n    },\n  });\n  formValidityChangeRef.current = formControl.onValidityChange;\n\n  const handleChange = useCallback(\n    (e: ReactChangeEvent<HTMLInputElement>) => {\n      const parsedValue = checkFormat(e.target.value);\n\n      if (VALID_REGEXP.exec(parsedValue)) {\n        onChangeCalledRef.current = true;\n        onChange?.(parseNumber(parsedValue));\n      } else if (parsedValue === '') {\n        // null is a valid committed value \u2014 mark onChange as called so a\n        // controlled parent that rejects null causes the input to snap back,\n        // just like a rejected number would.\n        onChangeCalledRef.current = true;\n        onChange?.(null);\n      }\n\n      if (isPasted.current && FORMATTABLE_PATTERN.exec(parsedValue)) {\n        isInternalChanged.current = true;\n        setInternalValue(parsedValue);\n        setValueNative(parsedValue, false);\n      } else if (INTERMEDIATE_VALID_PATTERN.exec(e.target.value)) {\n        isInternalChanged.current = true;\n        setInternalValue(parsedValue);\n      } else {\n        setValueNative(value ?? '', false);\n      }\n      isPasted.current = false;\n    },\n    [onChange, setInternalValue, value, setValueNative],\n  );\n\n  const handleBlur = useCallback(\n    (e: ReactFocusEvent<HTMLInputElement>) => {\n      emitValidationState(getNumberValidationState('blur'));\n      onBlur?.(e);\n    },\n    [emitValidationState, getNumberValidationState, onBlur],\n  );\n\n  // Handling step changes with buttons, keyboard and wheel\n  const handleStep = useCallback(\n    (direction: 1 | -1) => {\n      setValueNative(\n        applyStep(value, step, stepMultiplier, min, max, direction),\n      );\n    },\n    [value, stepMultiplier, step, min, max, setValueNative],\n  );\n\n  // Handling keyboard input for step changes and home/end keys\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        onKeyDown?.(e);\n        return;\n      }\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        handleStep(+1);\n      }\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        handleStep(-1);\n      }\n\n      if (e.key === 'Home' && min !== undefined) {\n        e.preventDefault();\n        setValueNative(min);\n      }\n\n      if (e.key === 'End' && max !== undefined) {\n        e.preventDefault();\n        setValueNative(max);\n      }\n      onKeyDown?.(e);\n    },\n    [handleStep, onKeyDown, setValueNative, min, max, readOnly],\n  );\n\n  // Handling wheel input\n  useEffect(() => {\n    const el = internalRef?.current;\n\n    if (!el) {\n      return;\n    }\n\n    const onWheel = (e: WheelEvent) => {\n      if (document.activeElement !== e.target) {\n        return;\n      }\n      e.preventDefault();\n      handleStep(e.deltaY < 0 ? +1 : -1);\n    };\n\n    // Passive event listeners do not work, because the default action needs to be prevented\n    // so we need to explicitly set passive to false\n    el.element?.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.element?.removeEventListener('wheel', onWheel);\n  }, [handleStep]);\n\n  useImperativeHandle(forwardedRef, () => {\n    const base = internalRef.current ?? {\n      element: null,\n      validate: () => undefined,\n    };\n    return {\n      ...base,\n      validateAsync: async () => {\n        dispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        const validationState = getNumberValidationState('manual');\n        emitValidationState(validationState);\n        return validationState;\n      },\n    };\n  }, [dispatch, getNumberValidationState, emitValidationState]);\n\n  // Validating the native number input props manually, as we need to use a type=\"text\" input and can't rely on the native checks.\n  // We can't use type=\"number\" because it doesn't support all the formatting and localization features we need.\n  useEffect(() => {\n    if (!value && value !== 0) {\n      dispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id: errorId, messageType: 'formcontrol' },\n      });\n      const nativeErrorKey = getErrorType(\n        internalRef.current?.inputRef?.validity,\n      );\n      if (nativeErrorKey) {\n        addError(\n          nativeErrorKey,\n          errorId,\n          internalRef.current?.inputRef,\n          dispatch,\n        );\n      }\n    } else {\n      const errorKey = getErrorKey(value, min, max, step);\n      if (errorKey) {\n        addError(\n          errorKey,\n          errorId,\n          internalRef.current?.inputRef,\n          dispatch,\n          true,\n        );\n      } else {\n        dispatch?.({\n          type: FormFieldMessagesAction.REMOVEMESSAGE,\n          payload: { id: errorId, messageType: 'formcontrol' },\n        });\n      }\n    }\n    emitValidationState(getNumberValidationState('change'));\n  }, [\n    value,\n    min,\n    max,\n    step,\n    dispatch,\n    errorId,\n    emitValidationState,\n    getNumberValidationState,\n  ]);\n\n  return (\n    <BaseInput\n      ref={inputRef}\n      {...mergeProps(restProps, behavioralTrackingProps)}\n      id={id}\n      name={name}\n      form={_form}\n      type=\"text\"\n      inputMode=\"decimal\"\n      autoComplete=\"off\"\n      value={value ?? ''}\n      required={required}\n      readOnly={readOnly}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      onPaste={() => (isPasted.current = true)}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      aria-disabled={ariaDisabledProp}\n      data-dt-component={COMPONENT_NAME}\n      min={min}\n      max={max}\n      step={step}\n      pattern={VALID_PATTERN}\n      placeholder={placeholder}\n    />\n  );\n});\n\n/**\n * Use `NumberInputV2` to let users enter integers and floating-point numbers.\n * @public\n */\nexport const NumberInput = Object.assign(NumberInputRoot, {\n  Prefix: BaseInputPrefix,\n  Suffix: BaseInputSuffix,\n  Button: BaseInputButton,\n});\n\n(NumberInput as typeof NumberInput & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type ChangeEvent as ReactChangeEvent,\n  type FocusEvent as ReactFocusEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { applyStep } from './utils/calculations.js';\nimport { checkFormat, parseNumber } from './utils/format.js';\nimport { addError, getErrorKey } from './utils/validation.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { FocusEvents } from '../../core/types/events.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport type { BaseInputProps } from '../_base-input/base-input.types.js';\nimport { BaseInput } from '../_base-input/BaseInput.js';\nimport { BaseInputButton } from '../_base-input/BaseInputButton.js';\nimport {\n  BaseInputPrefix,\n  BaseInputSuffix,\n} from '../_base-input/BaseInputContent.js';\nimport type { ValidateFieldOptions } from '../form/form.types.js';\nimport { useInternalFormRegistration } from '../form/hooks/useInternalFormRegistration.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport {\n  getErrorType,\n  getI18nValidationMessage,\n} from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { getSafeRegionalFormat } from '../forms-core/time/helpers.js';\nimport type { FormControlRef } from '../shared-types.js';\nimport type { MessageTarget } from '../validation/message-routing.js';\nimport {\n  NativeValidityStateKeys,\n  type ValidationState,\n  type ValidationTrigger,\n} from '../validation/types.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\nimport { getValidationState } from '../validation/validation-builders.js';\n\nconst COMPONENT_NAME = 'NumberInput';\n// Matches a fully valid number: optional sign, integer digits, optional decimal part, optional scientific notation (e.g. \"-1.5e+3\")\nconst VALID_PATTERN = '^[+\\\\-]?\\\\d+(?:[\\\\.,]\\\\d+)?(?:[eE][+\\\\-]?\\\\d+)?$';\nconst VALID_REGEXP = new RegExp(VALID_PATTERN);\n// Matches a number that may use any locale's grouping/decimal separators (spaces, dots, commas, Arabic/Unicode variants)\n// \u2014 used to detect paste-formatted input that can be normalized\nconst FORMATTABLE_PATTERN =\n  /^[-+]?[\\d.,'\u2019 \u066B\u066C\\u00A0\\u1680\\u2000-\\u200A\\u202F\\u205F\\u3000]+(?:[eE][-+]?\\d+)?$/u;\n// Matches a number that is syntactically incomplete but still being typed:\n// digits and separators are optional so intermediate states like \"-\", \"1.\", \"1.5e\" are allowed without rejecting the input\nconst INTERMEDIATE_VALID_PATTERN = /^[+-]?\\d*(?:[.,]\\d*)?(?:[eE][+-]?\\d*)?$/;\n\n// #region Typings\n/**\n * Number inputs let users enter and edit integers and floating-point numbers.\n * @public\n */\nexport type NumberInputProps = Pick<\n  BaseInputProps,\n  | 'placeholder'\n  | 'variant'\n  | 'onKeyUp'\n  | 'onKeyDown'\n  | 'className'\n  | 'style'\n  | 'data-testid'\n  | 'data-dtrum-mask'\n  | 'data-dtrum-allow'\n> &\n  FormControlProps<number | null, (value: number | null) => void> &\n  PropsWithChildren &\n  // DEPRECATION: APPDEV-18319 - Remove deprecated `controlId`.\n  // oxlint-disable-next-line typescript/no-deprecated\n  FocusEvents &\n  BehaviorTrackingProps & {\n    /**\n     * Internal: associates this control with a `_Form` rendered outside its\n     * React subtree via the native `form` attribute. Unstable.\n     * @internal\n     */\n    _form?: string;\n    /**\n     * Internal: routes this control's native/Strato validation messages to the\n     * field outlet (default), the enclosing form's outlet, or both. Unstable.\n     * @internal\n     */\n    _messageTarget?: MessageTarget | MessageTarget[];\n    /** Minimum amount of the input.\n     * @defaultValue undefined */\n    min?: number;\n    /** Maximum amount of the input.\n     * @defaultValue undefined */\n    max?: number;\n    /** Defines the step in which increments/decrements can be performed on the input and validates the value.\n     * Must be a positive number greater than 0. Values that are negative, zero, NaN, or undefined default to 1.\n     * @defaultValue undefined */\n    step?: number;\n    /** Multiplier applied to `step` (or 1 if no `step` is set) to determine how much the value changes\n     * when using arrow keys or the scroll wheel. Must be a positive integer greater than 0.\n     * Values that are negative, zero, NaN, or undefined default to 1. Decimal values are truncated to the nearest integer.\n     * @defaultValue 1 */\n    stepMultiplier?: number;\n  };\n\n// #endregion\n\n/**\n * Number inputs let users enter and edit integers and floating-point numbers.\n * @public\n */\nconst NumberInputRoot = /* @__PURE__ */ forwardRef<\n  FormControlRef<HTMLDivElement>,\n  NumberInputProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const defaultPlaceholder = intl.formatMessage({\n    defaultMessage: 'Add number',\n    id: 'rrkUQoVNb46Jbd/8',\n    description: 'Default placeholder for the number input.',\n  });\n\n  const {\n    onChange,\n    onKeyDown,\n    onBlur,\n    id: propId,\n    name,\n    _form,\n    _messageTarget,\n    value: propValue,\n    defaultValue,\n    required,\n    readOnly = false,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    min,\n    max,\n    step,\n    stepMultiplier = 1,\n    placeholder = defaultPlaceholder,\n    onValidityChange,\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    ...remainingProps\n  }: NumberInputProps = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const { dispatch } = useFormFieldMessagesContext();\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const emitBaseValidationState = useValidationStateEmitter(\n    controlState\n      ? undefined\n      : (state) => formValidityChangeRef.current?.(state),\n  );\n\n  const errorId = useId();\n  const isPasted = useRef<boolean>(false);\n  const isInternalChanged = useRef<boolean>(defaultValue !== undefined);\n  // Tracks whether onChange was called with a valid value in the current edit\n  // cycle. Controlled components should show propValue once onChange fires;\n  // only intermediate states (e.g. \"1.\" while typing \"1.5\") should keep\n  // showing internalValue.\n  const onChangeCalledRef = useRef<boolean>(false);\n\n  const internalRef = useRef<FormControlRef<HTMLDivElement>>(null);\n  const inputRef = useMergeRefs([forwardedRef, internalRef]);\n\n  const [internalValue, setInternalValue] = useState<string | number | null>(\n    defaultValue ?? propValue ?? null,\n  );\n\n  const generatedId = useId();\n  const id = propId ?? generatedId;\n\n  // Caching the value to keep not valid states in the input\n  const value = useMemo<string | number | null>(() => {\n    const isChanged = isInternalChanged.current;\n    isInternalChanged.current = false;\n    const onChangeCalled = onChangeCalledRef.current;\n    onChangeCalledRef.current = false;\n\n    const isControlled = propValue !== undefined;\n\n    // Show internalValue for uncontrolled components (no value prop), or for\n    // controlled components in an intermediate input state where onChange\n    // hasn't fired yet (e.g. typing \"1.\" before \"1.5\").\n    // Once onChange fires, propValue takes over \u2014 the parent decides what shows.\n    if (isChanged && (!isControlled || !onChangeCalled)) {\n      return internalValue;\n    }\n\n    if (!propValue && propValue !== 0) {\n      return '';\n    }\n\n    return new Intl.NumberFormat(getSafeRegionalFormat(), {\n      useGrouping: false,\n      maximumFractionDigits: 17, // Max precision for a JS number\n    }).format(propValue);\n  }, [propValue, internalValue]);\n\n  const getNumberValidationState = useCallback(\n    (trigger: ValidationTrigger): ValidationState => {\n      if (!value && value !== 0) {\n        const nativeErrorKey = getErrorType(\n          internalRef.current?.inputRef?.validity,\n        );\n        const message = nativeErrorKey\n          ? getI18nValidationMessage(\n              intl,\n              nativeErrorKey,\n              internalRef.current?.inputRef,\n            )\n          : undefined;\n        return getValidationState(\n          internalRef.current?.inputRef,\n          trigger,\n          message,\n        );\n      }\n\n      const errorKey = getErrorKey(value, min, max, step);\n      return errorKey\n        ? getValidationState(\n            NativeValidityStateKeys[errorKey],\n            trigger,\n            getI18nValidationMessage(\n              intl,\n              errorKey,\n              internalRef.current?.inputRef,\n            ),\n            id,\n          )\n        : getValidationState(null, trigger);\n    },\n    [id, intl, max, min, step, value],\n  );\n\n  const emitValidationState = useCustomMessageEmitter(\n    emitBaseValidationState,\n    () => getNumberValidationState('manual'),\n  );\n\n  const setValueNative = useCallback(\n    (newValue: number | string | null, triggerChange: boolean = true) => {\n      const input = internalRef.current?.inputRef;\n      if (input) {\n        let stringValue: string;\n        if (newValue === null) {\n          stringValue = '';\n        } else if (typeof newValue === 'number') {\n          stringValue = new Intl.NumberFormat(getSafeRegionalFormat(), {\n            useGrouping: false,\n            maximumFractionDigits: 17,\n          }).format(newValue);\n        } else {\n          stringValue = String(newValue);\n        }\n        if (triggerChange) {\n          // Left to React's own controlled rendering (via the `value` memo) rather than\n          // written to the DOM directly: a direct write here can go uncorrected when the\n          // resulting setInternalValue/onChange call is a no-op (e.g. a controlled parent\n          // that doesn't feed the stepped value back into `value`), leaving the input\n          // showing a value no state/prop actually holds.\n          const parsedValue = checkFormat(stringValue);\n          isInternalChanged.current = true;\n          setInternalValue(parsedValue || stringValue);\n          if (VALID_REGEXP.exec(parsedValue)) {\n            onChangeCalledRef.current = true;\n            onChange?.(parseNumber(parsedValue));\n          } else if (parsedValue === '') {\n            onChangeCalledRef.current = true;\n            onChange?.(null);\n          }\n        } else {\n          // No React state changes in this path (paste normalization / invalid-input\n          // revert), so the DOM needs a direct correction via the native setter to keep\n          // React's internal value tracker in sync.\n          const desc = Object.getOwnPropertyDescriptor(\n            HTMLInputElement.prototype,\n            'value',\n          );\n          desc?.set?.call(input, stringValue);\n          input.value = stringValue;\n        }\n      }\n    },\n    [onChange],\n  );\n\n  const validateField = useCallback(\n    ({ reveal, trigger }: ValidateFieldOptions): ValidationState => {\n      internalRef.current?.inputRef?.checkValidity();\n      if (reveal) {\n        dispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n      }\n      return emitValidationState(getNumberValidationState(trigger));\n    },\n    [dispatch, emitValidationState, getNumberValidationState],\n  );\n\n  const formControl = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    onValidityChange,\n    getValue: () =>\n      value === '' || value === null ? null : parseNumber(value),\n    focus: () => internalRef.current?.focus?.(),\n    validateField: (options) => Promise.resolve(validateField(options)),\n    resetValidation: () => {\n      dispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n      dispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id: errorId, source: 'native' },\n      });\n    },\n  });\n  formValidityChangeRef.current = formControl.onValidityChange;\n\n  const handleChange = useCallback(\n    (e: ReactChangeEvent<HTMLInputElement>) => {\n      const parsedValue = checkFormat(e.target.value);\n\n      if (VALID_REGEXP.exec(parsedValue)) {\n        onChangeCalledRef.current = true;\n        onChange?.(parseNumber(parsedValue));\n      } else if (parsedValue === '') {\n        // null is a valid committed value \u2014 mark onChange as called so a\n        // controlled parent that rejects null causes the input to snap back,\n        // just like a rejected number would.\n        onChangeCalledRef.current = true;\n        onChange?.(null);\n      }\n\n      if (isPasted.current && FORMATTABLE_PATTERN.exec(parsedValue)) {\n        isInternalChanged.current = true;\n        setInternalValue(parsedValue);\n        setValueNative(parsedValue, false);\n      } else if (INTERMEDIATE_VALID_PATTERN.exec(e.target.value)) {\n        isInternalChanged.current = true;\n        setInternalValue(parsedValue);\n      } else {\n        setValueNative(value ?? '', false);\n      }\n      isPasted.current = false;\n    },\n    [onChange, setInternalValue, value, setValueNative],\n  );\n\n  const handleBlur = useCallback(\n    (e: ReactFocusEvent<HTMLInputElement>) => {\n      emitValidationState(getNumberValidationState('blur'));\n      onBlur?.(e);\n    },\n    [emitValidationState, getNumberValidationState, onBlur],\n  );\n\n  // Handling step changes with buttons, keyboard and wheel\n  const handleStep = useCallback(\n    (direction: 1 | -1) => {\n      setValueNative(\n        applyStep(value, step, stepMultiplier, min, max, direction),\n      );\n    },\n    [value, stepMultiplier, step, min, max, setValueNative],\n  );\n\n  // Handling keyboard input for step changes and home/end keys\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        onKeyDown?.(e);\n        return;\n      }\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        handleStep(+1);\n      }\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        handleStep(-1);\n      }\n\n      if (e.key === 'Home' && min !== undefined) {\n        e.preventDefault();\n        setValueNative(min);\n      }\n\n      if (e.key === 'End' && max !== undefined) {\n        e.preventDefault();\n        setValueNative(max);\n      }\n      onKeyDown?.(e);\n    },\n    [handleStep, onKeyDown, setValueNative, min, max, readOnly],\n  );\n\n  // Handling wheel input\n  useEffect(() => {\n    const el = internalRef?.current;\n\n    if (!el) {\n      return;\n    }\n\n    const onWheel = (e: WheelEvent) => {\n      if (document.activeElement !== e.target) {\n        return;\n      }\n      e.preventDefault();\n      handleStep(e.deltaY < 0 ? +1 : -1);\n    };\n\n    // Passive event listeners do not work, because the default action needs to be prevented\n    // so we need to explicitly set passive to false\n    el.element?.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.element?.removeEventListener('wheel', onWheel);\n  }, [handleStep]);\n\n  useImperativeHandle(forwardedRef, () => {\n    const base = internalRef.current ?? {\n      element: null,\n      validate: () => undefined,\n    };\n    return {\n      ...base,\n      validateAsync: async () => {\n        dispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        const validationState = getNumberValidationState('manual');\n        emitValidationState(validationState);\n        return validationState;\n      },\n    };\n  }, [dispatch, getNumberValidationState, emitValidationState]);\n\n  // Validating the native number input props manually, as we need to use a type=\"text\" input and can't rely on the native checks.\n  // We can't use type=\"number\" because it doesn't support all the formatting and localization features we need.\n  useEffect(() => {\n    if (controlState) {\n      return;\n    }\n\n    if (!value && value !== 0) {\n      dispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id: errorId, source: 'native' },\n      });\n      const nativeErrorKey = getErrorType(\n        internalRef.current?.inputRef?.validity,\n      );\n      if (nativeErrorKey) {\n        addError(\n          nativeErrorKey,\n          errorId,\n          internalRef.current?.inputRef,\n          dispatch,\n          intl,\n        );\n        emitValidationState(\n          getValidationState(\n            internalRef.current?.inputRef,\n            'change',\n            getI18nValidationMessage(\n              intl,\n              nativeErrorKey,\n              internalRef.current?.inputRef,\n            ),\n          ),\n        );\n        return;\n      }\n    } else {\n      const errorKey = getErrorKey(value, min, max, step);\n      if (errorKey) {\n        addError(\n          errorKey,\n          errorId,\n          internalRef.current?.inputRef,\n          dispatch,\n          intl,\n          true,\n        );\n        emitValidationState(\n          getValidationState(\n            NativeValidityStateKeys[errorKey],\n            'change',\n            getI18nValidationMessage(\n              intl,\n              errorKey,\n              internalRef.current?.inputRef,\n            ),\n            id,\n          ),\n        );\n        return;\n      } else {\n        dispatch?.({\n          type: FormFieldMessagesAction.REMOVEMESSAGE,\n          payload: { id: errorId, source: 'native' },\n        });\n      }\n    }\n\n    dispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: { id: errorId, source: 'native' },\n    });\n    internalRef.current?.inputRef?.setCustomValidity('');\n    emitValidationState(getValidationState(null, 'change'));\n  }, [\n    controlState,\n    value,\n    min,\n    max,\n    step,\n    dispatch,\n    errorId,\n    emitValidationState,\n    intl,\n    id,\n  ]);\n\n  return (\n    <BaseInput\n      ref={inputRef}\n      {...mergeProps(restProps, behavioralTrackingProps)}\n      id={id}\n      name={name}\n      form={_form}\n      type=\"text\"\n      inputMode=\"decimal\"\n      autoComplete=\"off\"\n      value={value ?? ''}\n      required={required}\n      readOnly={readOnly}\n      // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n      controlState={controlState}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      onPaste={() => (isPasted.current = true)}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      aria-disabled={ariaDisabledProp}\n      data-dt-component={COMPONENT_NAME}\n      min={min}\n      max={max}\n      step={step}\n      pattern={VALID_PATTERN}\n      placeholder={placeholder}\n    />\n  );\n});\n\n/**\n * Use `NumberInputV2` to let users enter integers and floating-point numbers.\n * @public\n */\nexport const NumberInput = Object.assign(NumberInputRoot, {\n  Prefix: BaseInputPrefix,\n  Suffix: BaseInputSuffix,\n  Button: BaseInputButton,\n});\n\n(NumberInput as typeof NumberInput & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
+  "mappings": "AA2iBI;AA3iBJ;AAAA,EAGE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,iBAAiB;AAC1B,SAAS,aAAa,mBAAmB;AACzC,SAAS,UAAU,mBAAmB;AACtC,SAAS,kCAAkC;AAC3C,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAI7B,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mCAAmC;AAC5C,SAAS,mCAAmC;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AAGtC;AAAA,EACE;AAAA,OAGK;AACP,SAAS,+BAA+B;AACxC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AAEnC,MAAM,iBAAiB;AAEvB,MAAM,gBAAgB;AACtB,MAAM,eAAe,IAAI,OAAO,aAAa;AAG7C,MAAM,sBACJ;AAGF,MAAM,6BAA6B;AA4DnC,MAAM,kBAAkC,2BAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM,OAAO,QAAQ;AAErB,QAAM,qBAAqB,KAAK,cAAc;AAAA,IAC5C,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AAED,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd;AAAA;AAAA,IAEA;AAAA,IACA,GAAG;AAAA,EACL,IAAsB;AAEtB,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,QAAM,EAAE,SAAS,IAAI,4BAA4B;AACjD,QAAM,wBAAwB,OAE5B,MAAS;AACX,QAAM,0BAA0B;AAAA,IAC9B,eACI,SACA,CAAC,UAAU,sBAAsB,UAAU,KAAK;AAAA,EACtD;AAEA,QAAM,UAAU,MAAM;AACtB,QAAM,WAAW,OAAgB,KAAK;AACtC,QAAM,oBAAoB,OAAgB,iBAAiB,MAAS;AAKpE,QAAM,oBAAoB,OAAgB,KAAK;AAE/C,QAAM,cAAc,OAAuC,IAAI;AAC/D,QAAM,WAAW,aAAa,CAAC,cAAc,WAAW,CAAC;AAEzD,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,gBAAgB,aAAa;AAAA,EAC/B;AAEA,QAAM,cAAc,MAAM;AAC1B,QAAM,KAAK,UAAU;AAGrB,QAAM,QAAQ,QAAgC,MAAM;AAClD,UAAM,YAAY,kBAAkB;AACpC,sBAAkB,UAAU;AAC5B,UAAM,iBAAiB,kBAAkB;AACzC,sBAAkB,UAAU;AAE5B,UAAM,eAAe,cAAc;AAMnC,QAAI,cAAc,CAAC,gBAAgB,CAAC,iBAAiB;AACnD,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,aAAa,cAAc,GAAG;AACjC,aAAO;AAAA,IACT;AAEA,WAAO,IAAI,KAAK,aAAa,sBAAsB,GAAG;AAAA,MACpD,aAAa;AAAA,MACb,uBAAuB;AAAA;AAAA,IACzB,CAAC,EAAE,OAAO,SAAS;AAAA,EACrB,GAAG,CAAC,WAAW,aAAa,CAAC;AAE7B,QAAM,2BAA2B;AAAA,IAC/B,CAAC,YAAgD;AAC/C,UAAI,CAAC,SAAS,UAAU,GAAG;AACzB,cAAM,iBAAiB;AAAA,UACrB,YAAY,SAAS,UAAU;AAAA,QACjC;AACA,cAAM,UAAU,iBACZ;AAAA,UACE;AAAA,UACA;AAAA,UACA,YAAY,SAAS;AAAA,QACvB,IACA;AACJ,eAAO;AAAA,UACL,YAAY,SAAS;AAAA,UACrB;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,YAAM,WAAW,YAAY,OAAO,KAAK,KAAK,IAAI;AAClD,aAAO,WACH;AAAA,QACE,wBAAwB,QAAQ;AAAA,QAChC;AAAA,QACA;AAAA,UACE;AAAA,UACA;AAAA,UACA,YAAY,SAAS;AAAA,QACvB;AAAA,QACA;AAAA,MACF,IACA,mBAAmB,MAAM,OAAO;AAAA,IACtC;AAAA,IACA,CAAC,IAAI,MAAM,KAAK,KAAK,MAAM,KAAK;AAAA,EAClC;AAEA,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA,MAAM,yBAAyB,QAAQ;AAAA,EACzC;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,UAAkC,gBAAyB,SAAS;AACnE,YAAM,QAAQ,YAAY,SAAS;AACnC,UAAI,OAAO;AACT,YAAI;AACJ,YAAI,aAAa,MAAM;AACrB,wBAAc;AAAA,QAChB,WAAW,OAAO,aAAa,UAAU;AACvC,wBAAc,IAAI,KAAK,aAAa,sBAAsB,GAAG;AAAA,YAC3D,aAAa;AAAA,YACb,uBAAuB;AAAA,UACzB,CAAC,EAAE,OAAO,QAAQ;AAAA,QACpB,OAAO;AACL,wBAAc,OAAO,QAAQ;AAAA,QAC/B;AACA,YAAI,eAAe;AAMjB,gBAAM,cAAc,YAAY,WAAW;AAC3C,4BAAkB,UAAU;AAC5B,2BAAiB,eAAe,WAAW;AAC3C,cAAI,aAAa,KAAK,WAAW,GAAG;AAClC,8BAAkB,UAAU;AAC5B,uBAAW,YAAY,WAAW,CAAC;AAAA,UACrC,WAAW,gBAAgB,IAAI;AAC7B,8BAAkB,UAAU;AAC5B,uBAAW,IAAI;AAAA,UACjB;AAAA,QACF,OAAO;AAIL,gBAAM,OAAO,OAAO;AAAA,YAClB,iBAAiB;AAAA,YACjB;AAAA,UACF;AACA,gBAAM,KAAK,KAAK,OAAO,WAAW;AAClC,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,EAAE,QAAQ,QAAQ,MAA6C;AAC9D,kBAAY,SAAS,UAAU,cAAc;AAC7C,UAAI,QAAQ;AACV,mBAAW;AAAA,UACT,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,QAC7B,CAAC;AAAA,MACH;AACA,aAAO,oBAAoB,yBAAyB,OAAO,CAAC;AAAA,IAC9D;AAAA,IACA,CAAC,UAAU,qBAAqB,wBAAwB;AAAA,EAC1D;AAEA,QAAM,cAAc,4BAA4B;AAAA,IAC9C;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,eAAe;AAAA,IACf;AAAA,IACA,UAAU,MACR,UAAU,MAAM,UAAU,OAAO,OAAO,YAAY,KAAK;AAAA,IAC3D,OAAO,MAAM,YAAY,SAAS,QAAQ;AAAA,IAC1C,eAAe,CAAC,YAAY,QAAQ,QAAQ,cAAc,OAAO,CAAC;AAAA,IAClE,iBAAiB,MAAM;AACrB,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,WAAW,OAAO,gBAAgB,KAAK;AAAA,MACpD,CAAC;AACD,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,IAAI,SAAS,QAAQ,SAAS;AAAA,MAC3C,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACD,wBAAsB,UAAU,YAAY;AAE5C,QAAM,eAAe;AAAA,IACnB,CAAC,MAA0C;AACzC,YAAM,cAAc,YAAY,EAAE,OAAO,KAAK;AAE9C,UAAI,aAAa,KAAK,WAAW,GAAG;AAClC,0BAAkB,UAAU;AAC5B,mBAAW,YAAY,WAAW,CAAC;AAAA,MACrC,WAAW,gBAAgB,IAAI;AAI7B,0BAAkB,UAAU;AAC5B,mBAAW,IAAI;AAAA,MACjB;AAEA,UAAI,SAAS,WAAW,oBAAoB,KAAK,WAAW,GAAG;AAC7D,0BAAkB,UAAU;AAC5B,yBAAiB,WAAW;AAC5B,uBAAe,aAAa,KAAK;AAAA,MACnC,WAAW,2BAA2B,KAAK,EAAE,OAAO,KAAK,GAAG;AAC1D,0BAAkB,UAAU;AAC5B,yBAAiB,WAAW;AAAA,MAC9B,OAAO;AACL,uBAAe,SAAS,IAAI,KAAK;AAAA,MACnC;AACA,eAAS,UAAU;AAAA,IACrB;AAAA,IACA,CAAC,UAAU,kBAAkB,OAAO,cAAc;AAAA,EACpD;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,MAAyC;AACxC,0BAAoB,yBAAyB,MAAM,CAAC;AACpD,eAAS,CAAC;AAAA,IACZ;AAAA,IACA,CAAC,qBAAqB,0BAA0B,MAAM;AAAA,EACxD;AAGA,QAAM,aAAa;AAAA,IACjB,CAAC,cAAsB;AACrB;AAAA,QACE,UAAU,OAAO,MAAM,gBAAgB,KAAK,KAAK,SAAS;AAAA,MAC5D;AAAA,IACF;AAAA,IACA,CAAC,OAAO,gBAAgB,MAAM,KAAK,KAAK,cAAc;AAAA,EACxD;AAGA,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAuC;AACtC,UAAI,UAAU;AACZ,oBAAY,CAAC;AACb;AAAA,MACF;AAEA,UAAI,EAAE,QAAQ,WAAW;AACvB,UAAE,eAAe;AACjB,mBAAW,CAAE;AAAA,MACf;AAEA,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAe;AACjB,mBAAW,EAAE;AAAA,MACf;AAEA,UAAI,EAAE,QAAQ,UAAU,QAAQ,QAAW;AACzC,UAAE,eAAe;AACjB,uBAAe,GAAG;AAAA,MACpB;AAEA,UAAI,EAAE,QAAQ,SAAS,QAAQ,QAAW;AACxC,UAAE,eAAe;AACjB,uBAAe,GAAG;AAAA,MACpB;AACA,kBAAY,CAAC;AAAA,IACf;AAAA,IACA,CAAC,YAAY,WAAW,gBAAgB,KAAK,KAAK,QAAQ;AAAA,EAC5D;AAGA,YAAU,MAAM;AACd,UAAM,KAAK,aAAa;AAExB,QAAI,CAAC,IAAI;AACP;AAAA,IACF;AAEA,UAAM,UAAU,CAAC,MAAkB;AACjC,UAAI,SAAS,kBAAkB,EAAE,QAAQ;AACvC;AAAA,MACF;AACA,QAAE,eAAe;AACjB,iBAAW,EAAE,SAAS,IAAI,IAAK,EAAE;AAAA,IACnC;AAIA,OAAG,SAAS,iBAAiB,SAAS,SAAS,EAAE,SAAS,MAAM,CAAC;AACjE,WAAO,MAAM,GAAG,SAAS,oBAAoB,SAAS,OAAO;AAAA,EAC/D,GAAG,CAAC,UAAU,CAAC;AAEf,sBAAoB,cAAc,MAAM;AACtC,UAAM,OAAO,YAAY,WAAW;AAAA,MAClC,SAAS;AAAA,MACT,UAAU,MAAM;AAAA,IAClB;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,eAAe,YAAY;AACzB,mBAAW;AAAA,UACT,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,QAC7B,CAAC;AACD,cAAM,kBAAkB,yBAAyB,QAAQ;AACzD,4BAAoB,eAAe;AACnC,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,0BAA0B,mBAAmB,CAAC;AAI5D,YAAU,MAAM;AACd,QAAI,cAAc;AAChB;AAAA,IACF;AAEA,QAAI,CAAC,SAAS,UAAU,GAAG;AACzB,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,IAAI,SAAS,QAAQ,SAAS;AAAA,MAC3C,CAAC;AACD,YAAM,iBAAiB;AAAA,QACrB,YAAY,SAAS,UAAU;AAAA,MACjC;AACA,UAAI,gBAAgB;AAClB;AAAA,UACE;AAAA,UACA;AAAA,UACA,YAAY,SAAS;AAAA,UACrB;AAAA,UACA;AAAA,QACF;AACA;AAAA,UACE;AAAA,YACE,YAAY,SAAS;AAAA,YACrB;AAAA,YACA;AAAA,cACE;AAAA,cACA;AAAA,cACA,YAAY,SAAS;AAAA,YACvB;AAAA,UACF;AAAA,QACF;AACA;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,WAAW,YAAY,OAAO,KAAK,KAAK,IAAI;AAClD,UAAI,UAAU;AACZ;AAAA,UACE;AAAA,UACA;AAAA,UACA,YAAY,SAAS;AAAA,UACrB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AACA;AAAA,UACE;AAAA,YACE,wBAAwB,QAAQ;AAAA,YAChC;AAAA,YACA;AAAA,cACE;AAAA,cACA;AAAA,cACA,YAAY,SAAS;AAAA,YACvB;AAAA,YACA;AAAA,UACF;AAAA,QACF;AACA;AAAA,MACF,OAAO;AACL,mBAAW;AAAA,UACT,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,IAAI,SAAS,QAAQ,SAAS;AAAA,QAC3C,CAAC;AAAA,MACH;AAAA,IACF;AAEA,eAAW;AAAA,MACT,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,IAAI,SAAS,QAAQ,SAAS;AAAA,IAC3C,CAAC;AACD,gBAAY,SAAS,UAAU,kBAAkB,EAAE;AACnD,wBAAoB,mBAAmB,MAAM,QAAQ,CAAC;AAAA,EACxD,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG,WAAW,WAAW,uBAAuB;AAAA,MACjD;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAa;AAAA,MACb,OAAO,SAAS;AAAA,MAChB;AAAA,MACA;AAAA,MAEA;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS,MAAO,SAAS,UAAU;AAAA,MACnC,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,iBAAe;AAAA,MACf,qBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA;AAAA,EACF;AAEJ,CAAC;AAMM,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AACV,CAAC;AAEA,YAA6D,cAC5D;",
   "names": []
 }

package/esm/forms/number-input-v2/utils/validation.js

@@ -1,10 +1,12 @@
-import { jsx } from "react/jsx-runtime";
 import { parseNumber } from "./format.js";
-import { Text } from "../../../typography/text/Text.js";
-import { getI18nErrorMessage } from "../../forms-core/hooks/useFormFieldValidation.js";
+import { getI18nValidationMessage } from "../../forms-core/hooks/useFormFieldValidation.js";
 import {
   FormFieldMessagesAction
 } from "../../forms-core/state/formfield-messages-state-reducer.js";
+import {
+  NativeValidityStateKeys,
+  ValidationError
+} from "../../validation/types.js";
 function sanitizePositiveNumber(value) {
   return value !== void 0 && !Number.isNaN(value) && value > 0 ? value : 1;
 }
@@ -27,22 +29,25 @@ function getErrorKey(value, min, max, step) {
   }
   return null;
 }
-function addError(errorKey, id, input, dispatch, forceCustomValidity = false) {
+function addError(errorKey, id, input, dispatch, intl, forceCustomValidity = false) {
   if (forceCustomValidity) {
     dispatch?.({
       type: FormFieldMessagesAction.REMOVEMESSAGE,
-      payload: { id, messageType: "formcontrol", controlId: input?.id }
+      payload: { id, source: "native" }
     });
   }
   dispatch?.({
     type: FormFieldMessagesAction.ADDMESSAGE,
     payload: {
       id,
-      message: /* @__PURE__ */ jsx(Text, { textStyle: "small", as: "p", children: getI18nErrorMessage(errorKey, input) }),
-      validityStateKey: forceCustomValidity ? "customError" : errorKey,
-      messageType: "formcontrol",
-      variant: "error",
-      controlId: input?.id
+      error: new ValidationError(
+        getI18nValidationMessage(intl, errorKey, input),
+        {
+          source: "native",
+          validityStateKey: forceCustomValidity ? NativeValidityStateKeys.customError : NativeValidityStateKeys[errorKey],
+          formControlId: input?.id
+        }
+      )
     }
   });
 }

package/esm/forms/number-input-v2/utils/validation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/number-input-v2/utils/validation.tsx"],
-  "sourcesContent": ["import { parseNumber } from './format.js';\nimport { Text } from '../../../typography/text/Text.js';\nimport { getI18nErrorMessage } from '../../forms-core/hooks/useFormFieldValidation.js';\nimport {\n  FormFieldMessagesAction,\n  type FormFieldMessagesReducerAction,\n} from '../../forms-core/state/formfield-messages-state-reducer.js';\nimport type { NativeValidityStateKeys } from '../../validation/types.js';\n\n/**\n * Sanitizes a numeric step value, returning 1 if the value is undefined, NaN, zero, or negative.\n * @internal\n */\nexport function sanitizePositiveNumber(value: number | undefined): number {\n  return value !== undefined && !Number.isNaN(value) && value > 0 ? value : 1;\n}\n\n/**\n * Checks if the given value is aligned with the specified step and minimum value.\n * @internal\n */\nexport function isStepAligned(\n  value: number,\n  step: number,\n  min: number = 0,\n): boolean {\n  step = sanitizePositiveNumber(step);\n  const roundedValue = Math.round((value - min) / step) * step + min;\n  const tolerance = step * 1e-9;\n  return Math.abs(value - roundedValue) < tolerance;\n}\n\n/**\n * Determines the appropriate error key based on the provided value and validation constraints (min, max, step).\n * @internal\n */\nexport function getErrorKey(\n  value: string | number,\n  min?: number,\n  max?: number,\n  step?: number,\n): keyof typeof NativeValidityStateKeys | null {\n  const parsed = parseNumber(value);\n\n  if (min !== undefined && parsed < min) {\n    return 'rangeUnderflow';\n  }\n\n  if (max !== undefined && parsed > max) {\n    return 'rangeOverflow';\n  }\n\n  if (step && step > 0 && !isStepAligned(parsed, step, min ?? 0)) {\n    return 'stepMismatch';\n  }\n  return null;\n}\n\n/** @internal */\nexport function addError(\n  errorKey: keyof typeof NativeValidityStateKeys,\n  id: string,\n  input: HTMLInputElement | HTMLSelectElement | null | undefined,\n  dispatch: ((action: FormFieldMessagesReducerAction) => void) | undefined,\n  forceCustomValidity: boolean = false,\n): void {\n  if (forceCustomValidity) {\n    dispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: { id, messageType: 'formcontrol', controlId: input?.id },\n    });\n  }\n\n  dispatch?.({\n    type: FormFieldMessagesAction.ADDMESSAGE,\n    payload: {\n      id,\n      message: (\n        <Text textStyle=\"small\" as=\"p\">\n          {getI18nErrorMessage(errorKey, input)}\n        </Text>\n      ),\n      validityStateKey: forceCustomValidity ? 'customError' : errorKey,\n      messageType: 'formcontrol',\n      variant: 'error',\n      controlId: input?.id,\n    },\n  });\n}\n"],
-  "mappings": "AA8EQ;AA9ER,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,OAEK;AAOA,SAAS,uBAAuB,OAAmC;AACxE,SAAO,UAAU,UAAa,CAAC,OAAO,MAAM,KAAK,KAAK,QAAQ,IAAI,QAAQ;AAC5E;AAMO,SAAS,cACd,OACA,MACA,MAAc,GACL;AACT,SAAO,uBAAuB,IAAI;AAClC,QAAM,eAAe,KAAK,OAAO,QAAQ,OAAO,IAAI,IAAI,OAAO;AAC/D,QAAM,YAAY,OAAO;AACzB,SAAO,KAAK,IAAI,QAAQ,YAAY,IAAI;AAC1C;AAMO,SAAS,YACd,OACA,KACA,KACA,MAC6C;AAC7C,QAAM,SAAS,YAAY,KAAK;AAEhC,MAAI,QAAQ,UAAa,SAAS,KAAK;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,UAAa,SAAS,KAAK;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,OAAO,KAAK,CAAC,cAAc,QAAQ,MAAM,OAAO,CAAC,GAAG;AAC9D,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAGO,SAAS,SACd,UACA,IACA,OACA,UACA,sBAA+B,OACzB;AACN,MAAI,qBAAqB;AACvB,eAAW;AAAA,MACT,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,IAAI,aAAa,eAAe,WAAW,OAAO,GAAG;AAAA,IAClE,CAAC;AAAA,EACH;AAEA,aAAW;AAAA,IACT,MAAM,wBAAwB;AAAA,IAC9B,SAAS;AAAA,MACP;AAAA,MACA,SACE,oBAAC,QAAK,WAAU,SAAQ,IAAG,KACxB,8BAAoB,UAAU,KAAK,GACtC;AAAA,MAEF,kBAAkB,sBAAsB,gBAAgB;AAAA,MACxD,aAAa;AAAA,MACb,SAAS;AAAA,MACT,WAAW,OAAO;AAAA,IACpB;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import type { IntlShape } from 'react-intl';\n\nimport { parseNumber } from './format.js';\nimport { getI18nValidationMessage } from '../../forms-core/hooks/useFormFieldValidation.js';\nimport {\n  FormFieldMessagesAction,\n  type FormFieldMessagesReducerAction,\n} from '../../forms-core/state/formfield-messages-state-reducer.js';\nimport {\n  NativeValidityStateKeys,\n  ValidationError,\n} from '../../validation/types.js';\n\n/**\n * Sanitizes a numeric step value, returning 1 if the value is undefined, NaN, zero, or negative.\n * @internal\n */\nexport function sanitizePositiveNumber(value: number | undefined): number {\n  return value !== undefined && !Number.isNaN(value) && value > 0 ? value : 1;\n}\n\n/**\n * Checks if the given value is aligned with the specified step and minimum value.\n * @internal\n */\nexport function isStepAligned(\n  value: number,\n  step: number,\n  min: number = 0,\n): boolean {\n  step = sanitizePositiveNumber(step);\n  const roundedValue = Math.round((value - min) / step) * step + min;\n  const tolerance = step * 1e-9;\n  return Math.abs(value - roundedValue) < tolerance;\n}\n\n/**\n * Determines the appropriate error key based on the provided value and validation constraints (min, max, step).\n * @internal\n */\nexport function getErrorKey(\n  value: string | number,\n  min?: number,\n  max?: number,\n  step?: number,\n): keyof typeof NativeValidityStateKeys | null {\n  const parsed = parseNumber(value);\n\n  if (min !== undefined && parsed < min) {\n    return 'rangeUnderflow';\n  }\n\n  if (max !== undefined && parsed > max) {\n    return 'rangeOverflow';\n  }\n\n  if (step && step > 0 && !isStepAligned(parsed, step, min ?? 0)) {\n    return 'stepMismatch';\n  }\n  return null;\n}\n\n/** @internal */\nexport function addError(\n  errorKey: keyof typeof NativeValidityStateKeys,\n  id: string,\n  input: HTMLInputElement | HTMLSelectElement | null | undefined,\n  dispatch: ((action: FormFieldMessagesReducerAction) => void) | undefined,\n  intl: IntlShape,\n  forceCustomValidity: boolean = false,\n): void {\n  if (forceCustomValidity) {\n    dispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: { id, source: 'native' },\n    });\n  }\n\n  dispatch?.({\n    type: FormFieldMessagesAction.ADDMESSAGE,\n    payload: {\n      id,\n      error: new ValidationError(\n        getI18nValidationMessage(intl, errorKey, input),\n        {\n          source: 'native',\n          validityStateKey: forceCustomValidity\n            ? NativeValidityStateKeys.customError\n            : NativeValidityStateKeys[errorKey],\n          formControlId: input?.id,\n        },\n      ),\n    },\n  });\n}\n"],
+  "mappings": "AAEA,SAAS,mBAAmB;AAC5B,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMA,SAAS,uBAAuB,OAAmC;AACxE,SAAO,UAAU,UAAa,CAAC,OAAO,MAAM,KAAK,KAAK,QAAQ,IAAI,QAAQ;AAC5E;AAMO,SAAS,cACd,OACA,MACA,MAAc,GACL;AACT,SAAO,uBAAuB,IAAI;AAClC,QAAM,eAAe,KAAK,OAAO,QAAQ,OAAO,IAAI,IAAI,OAAO;AAC/D,QAAM,YAAY,OAAO;AACzB,SAAO,KAAK,IAAI,QAAQ,YAAY,IAAI;AAC1C;AAMO,SAAS,YACd,OACA,KACA,KACA,MAC6C;AAC7C,QAAM,SAAS,YAAY,KAAK;AAEhC,MAAI,QAAQ,UAAa,SAAS,KAAK;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,UAAa,SAAS,KAAK;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,OAAO,KAAK,CAAC,cAAc,QAAQ,MAAM,OAAO,CAAC,GAAG;AAC9D,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAGO,SAAS,SACd,UACA,IACA,OACA,UACA,MACA,sBAA+B,OACzB;AACN,MAAI,qBAAqB;AACvB,eAAW;AAAA,MACT,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,IAAI,QAAQ,SAAS;AAAA,IAClC,CAAC;AAAA,EACH;AAEA,aAAW;AAAA,IACT,MAAM,wBAAwB;AAAA,IAC9B,SAAS;AAAA,MACP;AAAA,MACA,OAAO,IAAI;AAAA,QACT,yBAAyB,MAAM,UAAU,KAAK;AAAA,QAC9C;AAAA,UACE,QAAQ;AAAA,UACR,kBAAkB,sBACd,wBAAwB,cACxB,wBAAwB,QAAQ;AAAA,UACpC,eAAe,OAAO;AAAA,QACxB;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/esm/forms/password-input/PasswordInputTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/password-input/PasswordInputTooltip.tsx"],
-  "sourcesContent": ["import { type ReactNode, forwardRef } from 'react';\n\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { DOMProps } from '../../core/types/dom.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\n\n//#region Typings\n/**\n * Accepted properties for the PasswordInput tooltip\n * @public\n */\nexport interface PasswordInputTooltipProps\n  extends DOMProps,\n    StylingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /** Elements to be displayed in the PasswordInput tooltip slot, preferably an icon or a similar visual element */\n  children?: ReactNode;\n  /**\n   * If specified, the tooltip is rendered with this text when the password is shown, which describes what the trigger does.\n   * Please also consider translating the text in an internationalized context and use a short text description for the tooltip.\n   */\n  showText?: string;\n  /**\n   * If specified, the tooltip is rendered with this text when the password is hidden, which describes what the trigger does.\n   * Please also consider translating the text in an internationalized context and use a short text description for the tooltip.\n   */\n  hideText?: string;\n}\n\n//#endregion\n\n/**\n * Component which allows users to configure the tooltip text and icons of the PasswordInput.\n * @public\n */\nexport const PasswordInputTooltip = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  PasswordInputTooltipProps\n>((props, forwardedRef) => {\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(props);\n  return (\n    <div\n      ref={forwardedRef}\n      {...mergeProps(restProps, behavioralTrackingProps)}\n    />\n  );\n});\n\n(\n  PasswordInputTooltip as typeof PasswordInputTooltip & { displayName: string }\n).displayName = 'PasswordInput.Tooltip';\n"],
-  "mappings": "AA8CI;AA9CJ,SAAyB,kBAAkB;AAE3C,SAAS,kCAAkC;AAK3C,SAAS,kBAAkB;AAgCpB,MAAM,uBAAuC,2BAGlD,CAAC,OAAO,iBAAiB;AACzB,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,KAAK;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG,WAAW,WAAW,uBAAuB;AAAA;AAAA,EACnD;AAEJ,CAAC;AAGC,qBACA,cAAc;",
+  "sourcesContent": ["import { type ReactNode, forwardRef } from 'react';\n\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { DOMProps } from '../../core/types/dom.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\n\n//#region Typings\n/**\n * Accepted properties for the PasswordInput tooltip\n * @public\n */\nexport interface PasswordInputTooltipProps\n  extends DOMProps, StylingProps, DataTestId, BehaviorTrackingProps {\n  /** Elements to be displayed in the PasswordInput tooltip slot, preferably an icon or a similar visual element */\n  children?: ReactNode;\n  /**\n   * If specified, the tooltip is rendered with this text when the password is shown, which describes what the trigger does.\n   * Please also consider translating the text in an internationalized context and use a short text description for the tooltip.\n   */\n  showText?: string;\n  /**\n   * If specified, the tooltip is rendered with this text when the password is hidden, which describes what the trigger does.\n   * Please also consider translating the text in an internationalized context and use a short text description for the tooltip.\n   */\n  hideText?: string;\n}\n\n//#endregion\n\n/**\n * Component which allows users to configure the tooltip text and icons of the PasswordInput.\n * @public\n */\nexport const PasswordInputTooltip = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  PasswordInputTooltipProps\n>((props, forwardedRef) => {\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(props);\n  return (\n    <div\n      ref={forwardedRef}\n      {...mergeProps(restProps, behavioralTrackingProps)}\n    />\n  );\n});\n\n(\n  PasswordInputTooltip as typeof PasswordInputTooltip & { displayName: string }\n).displayName = 'PasswordInput.Tooltip';\n"],
+  "mappings": "AA2CI;AA3CJ,SAAyB,kBAAkB;AAE3C,SAAS,kCAAkC;AAK3C,SAAS,kBAAkB;AA6BpB,MAAM,uBAAuC,2BAGlD,CAAC,OAAO,iBAAiB;AACzB,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,KAAK;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG,WAAW,WAAW,uBAAuB;AAAA;AAAA,EACnD;AAEJ,CAAC;AAGC,qBACA,cAAc;",
   "names": []
 }

package/esm/forms/radio/Radio.js

@@ -112,7 +112,8 @@ const Radio = /* @__PURE__ */ forwardRef(
         "aria-details": ariaDetailsProp
       },
       id,
-      onValidityChange
+      onValidityChange,
+      controlState
     );
     useEffect(
       () => registerMemberFormControlId(id),
@@ -141,7 +142,7 @@ const Radio = /* @__PURE__ */ forwardRef(
         return;
       }
       onChange?.(e.target.value);
-      !controlState && validationOnChange?.();
+      validationOnChange?.();
     }
     let variant = "default";
     let color = "neutral";
@@ -193,13 +194,7 @@ const Radio = /* @__PURE__ */ forwardRef(
               required: groupRequired,
               id,
               onChange: handleChange,
-              onInvalid: (e) => {
-                if (controlState) {
-                  e.preventDefault();
-                  return;
-                }
-                validationOnInvalid(e);
-              },
+              onInvalid: validationOnInvalid,
               readOnly,
               ..._mergeProps(
                 restProps,

package/esm/forms/radio/Radio.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/radio/Radio.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type ChangeEvent,\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { RadioGroupContext } from './RadioGroupContext.js';\nimport * as styles from './styles.sty.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFocusRing } from '../../core/hooks/useFocusRing.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { DOMProps } from '../../core/types/dom.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport { fieldTokens as fieldColorsCSS } from '../../styles/field.sty.js';\nimport { Text } from '../../typography/text/Text.js';\nimport { useFormFieldContext } from '../forms-core/hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useFormFieldValidation } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { useContainerFocus } from '../hooks/useContainerFocus.js';\nimport type { FormControlRef } from '../shared-types.js';\nimport { getValidationState } from '../validation/validation-builders.js';\n\nconst COMPONENT_NAME = 'Radio';\n\n// #region Typings\n/**\n * Properties for the Radio component\n * @public\n */\nexport type RadioProps = Pick<\n  FormControlProps<string, never, HTMLLabelElement>,\n  'disabled' | 'value' | 'onFocus' | 'onBlur'\n> &\n  DOMProps &\n  StylingProps &\n  WithChildren &\n  DataTestId &\n  AriaLabelingProps &\n  BehaviorTrackingProps & {\n    /**\n     * Handler that is called when the element's focus status changes.\n     * @deprecated Use onFocus/onBlur instead.\n     */\n    onFocusChange?: (isFocused: boolean) => void;\n  };\n//#endregion\n\n/**\n * Use the `Radio` to let users select one option from a small group of mutually exclusive choices. The choices are presented so users can compare all options at once.\n * @public\n */\nexport const Radio = /* @__PURE__ */ forwardRef<FormControlRef, RadioProps>(\n  (props, forwardedRef) => {\n    const fallbackId = useId();\n    const {\n      disabled: propDisabled,\n      id = fallbackId,\n      children,\n      value,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n      'aria-describedby': ariaDescribedByProp,\n      'aria-details': ariaDetailsProp,\n      onFocus,\n      onBlur,\n      ...remainingProps\n    }: RadioProps = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const { dispatch: messagesContextDispatch } = useFormFieldMessagesContext();\n    const { registerMemberFormControlId } = useFormFieldContext();\n\n    const radioGroupContext = useContext(RadioGroupContext);\n\n    if (isDev() && !radioGroupContext) {\n      // oxlint-disable-next-line no-console\n      console.warn(\n        '<Radio /> can only be used as a child element of <RadioGroup />',\n      );\n    }\n\n    const {\n      isDisabled,\n      ariaDisabled,\n      controlState,\n      hasError,\n      readOnly,\n      name: groupName,\n      form: groupForm,\n      required: groupRequired,\n      value: groupValue,\n      onChange,\n      onValidityChange,\n    } = radioGroupContext || {};\n\n    // Imperative Handle Construction\n    const radioLabelRef = useRef<HTMLLabelElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(forwardedRef, (): FormControlRef<HTMLLabelElement> => {\n      return {\n        element: radioLabelRef.current,\n        inputRef: inputRef.current,\n        focus() {\n          inputRef.current?.focus();\n        },\n        validate() {\n          if (controlState !== undefined) {\n            return;\n          }\n\n          inputRef.current?.checkValidity();\n          messagesContextDispatch?.({\n            type: FormFieldMessagesAction.SETISTOUCHED,\n            payload: { isTouched: true },\n          });\n        },\n        // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n        validateAsync: async () => {\n          if (controlState !== undefined) {\n            return getValidationState(inputRef.current, 'manual');\n          }\n          inputRef.current?.checkValidity();\n          messagesContextDispatch?.({\n            type: FormFieldMessagesAction.SETISTOUCHED,\n            payload: { isTouched: true },\n          });\n          return getValidationState(inputRef.current, 'manual');\n        },\n      };\n    });\n\n    const {\n      onChange: validationOnChange,\n      onInvalid: validationOnInvalid,\n      ariaProps,\n    } = useFormFieldValidation(\n      inputRef,\n      { groupRequired, groupValue: String(groupValue) },\n      {\n        'aria-label': ariaLabelProp,\n        'aria-labelledby': ariaLabelledByProp,\n        'aria-describedby': ariaDescribedByProp,\n        'aria-details': ariaDetailsProp,\n      },\n      id,\n      onValidityChange,\n    );\n\n    /** Register every single input to ensure grouped validity reaches all native controls. */\n    useEffect(\n      () => registerMemberFormControlId(id),\n      [id, registerMemberFormControlId],\n    );\n\n    useEffect(() => {\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.ADDMEMBERFORMCONTROLID,\n        payload: { formControlId: id },\n      });\n\n      return () =>\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.REMOVEMEMBERFORMCONTROLID,\n          payload: { formControlId: id },\n        });\n    }, [id, messagesContextDispatch]);\n\n    const disabled = propDisabled ?? isDisabled;\n    const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n    const checked = value === groupValue;\n\n    const { containerClassName, ...containerProps } =\n      useContainerFocus<HTMLLabelElement>({\n        onFocus,\n        onBlur,\n        disabled,\n      });\n\n    function handleChange(e: ChangeEvent<HTMLInputElement>) {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(e.target.value);\n      !controlState && validationOnChange?.();\n    }\n\n    let variant: 'accent' | 'emphasized' | 'default' = 'default';\n    let color: 'critical' | 'primary' | 'neutral' = 'neutral';\n\n    if (checked) {\n      variant = 'accent';\n    } else if (hasError) {\n      variant = 'emphasized';\n    }\n\n    if (hasError) {\n      color = 'critical';\n    } else if (!readOnly && checked) {\n      color = 'primary';\n    }\n\n    const { focusProps, focusClassName, isFocusVisible } = useFocusRing({\n      color,\n      disabled,\n    });\n\n    return (\n      <label\n        data-testid={dataTestId}\n        htmlFor={id}\n        ref={radioLabelRef}\n        className={clsx(\n          styles.label,\n          {\n            [styles.disabled]: disabledOrAriaDisabled,\n            [styles.checked]: checked,\n          },\n          consumerClassName,\n          containerClassName,\n        )}\n        style={consumerStyle}\n        {...containerProps}\n        {...behavioralTrackingProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <VisuallyHidden>\n          <input\n            ref={inputRef}\n            checked={checked}\n            name={groupName}\n            form={groupForm}\n            value={value}\n            type=\"radio\"\n            disabled={disabled}\n            aria-disabled={ariaDisabled}\n            required={groupRequired}\n            id={id}\n            onChange={handleChange}\n            onInvalid={(e) => {\n              if (controlState) {\n                e.preventDefault(); // Prevents the browser validation pop-up\n                return;\n              }\n\n              validationOnInvalid(e);\n            }}\n            readOnly={readOnly}\n            {..._mergeProps(\n              restProps,\n              focusProps,\n              controlState ? {} : ariaProps,\n            )}\n          />\n        </VisuallyHidden>\n        <div\n          className={clsx(\n            styles.knob({\n              disabled: disabledOrAriaDisabled,\n              checked,\n              isFocusVisible,\n              hasError,\n              readOnly,\n            }),\n            fieldColorsCSS({\n              disabled: disabledOrAriaDisabled,\n              variant,\n              color,\n            }),\n            focusClassName,\n          )}\n        >\n          <svg\n            className={clsx(\n              styles.innerKnob,\n              fieldColorsCSS({\n                color: hasError ? 'critical' : 'primary',\n                disabled: disabledOrAriaDisabled,\n                variant: 'accent',\n              }),\n            )}\n            viewBox=\"0 0 100 100\"\n          >\n            <circle r={isFocusVisible ? '20' : '25'} cx=\"50\" cy=\"50\" />\n          </svg>\n        </div>\n        <Text as=\"span\" textStyle=\"base\">\n          {children}\n        </Text>\n      </label>\n    );\n  },\n);\n\n(Radio as typeof Radio & { displayName: string }).displayName = COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type ChangeEvent,\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { RadioGroupContext } from './RadioGroupContext.js';\nimport * as styles from './styles.sty.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFocusRing } from '../../core/hooks/useFocusRing.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { DOMProps } from '../../core/types/dom.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport { fieldTokens as fieldColorsCSS } from '../../styles/field.sty.js';\nimport { Text } from '../../typography/text/Text.js';\nimport { useFormFieldContext } from '../forms-core/hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useFormFieldValidation } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { useContainerFocus } from '../hooks/useContainerFocus.js';\nimport type { FormControlRef } from '../shared-types.js';\nimport { getValidationState } from '../validation/validation-builders.js';\n\nconst COMPONENT_NAME = 'Radio';\n\n// #region Typings\n/**\n * Properties for the Radio component\n * @public\n */\nexport type RadioProps = Pick<\n  FormControlProps<string, never, HTMLLabelElement>,\n  'disabled' | 'value' | 'onFocus' | 'onBlur'\n> &\n  DOMProps &\n  StylingProps &\n  WithChildren &\n  DataTestId &\n  AriaLabelingProps &\n  BehaviorTrackingProps & {\n    /**\n     * Handler that is called when the element's focus status changes.\n     * @deprecated Use onFocus/onBlur instead.\n     */\n    onFocusChange?: (isFocused: boolean) => void;\n  };\n//#endregion\n\n/**\n * Use the `Radio` to let users select one option from a small group of mutually exclusive choices. The choices are presented so users can compare all options at once.\n * @public\n */\nexport const Radio = /* @__PURE__ */ forwardRef<FormControlRef, RadioProps>(\n  (props, forwardedRef) => {\n    const fallbackId = useId();\n    const {\n      disabled: propDisabled,\n      id = fallbackId,\n      children,\n      value,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n      'aria-describedby': ariaDescribedByProp,\n      'aria-details': ariaDetailsProp,\n      onFocus,\n      onBlur,\n      ...remainingProps\n    }: RadioProps = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const { dispatch: messagesContextDispatch } = useFormFieldMessagesContext();\n    const { registerMemberFormControlId } = useFormFieldContext();\n\n    const radioGroupContext = useContext(RadioGroupContext);\n\n    if (isDev() && !radioGroupContext) {\n      // oxlint-disable-next-line no-console\n      console.warn(\n        '<Radio /> can only be used as a child element of <RadioGroup />',\n      );\n    }\n\n    const {\n      isDisabled,\n      ariaDisabled,\n      controlState,\n      hasError,\n      readOnly,\n      name: groupName,\n      form: groupForm,\n      required: groupRequired,\n      value: groupValue,\n      onChange,\n      onValidityChange,\n    } = radioGroupContext || {};\n\n    // Imperative Handle Construction\n    const radioLabelRef = useRef<HTMLLabelElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(forwardedRef, (): FormControlRef<HTMLLabelElement> => {\n      return {\n        element: radioLabelRef.current,\n        inputRef: inputRef.current,\n        focus() {\n          inputRef.current?.focus();\n        },\n        validate() {\n          if (controlState !== undefined) {\n            return;\n          }\n\n          inputRef.current?.checkValidity();\n          messagesContextDispatch?.({\n            type: FormFieldMessagesAction.SETISTOUCHED,\n            payload: { isTouched: true },\n          });\n        },\n        // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n        validateAsync: async () => {\n          if (controlState !== undefined) {\n            return getValidationState(inputRef.current, 'manual');\n          }\n          inputRef.current?.checkValidity();\n          messagesContextDispatch?.({\n            type: FormFieldMessagesAction.SETISTOUCHED,\n            payload: { isTouched: true },\n          });\n          return getValidationState(inputRef.current, 'manual');\n        },\n      };\n    });\n\n    const {\n      onChange: validationOnChange,\n      onInvalid: validationOnInvalid,\n      ariaProps,\n    } = useFormFieldValidation(\n      inputRef,\n      { groupRequired, groupValue: String(groupValue) },\n      {\n        'aria-label': ariaLabelProp,\n        'aria-labelledby': ariaLabelledByProp,\n        'aria-describedby': ariaDescribedByProp,\n        'aria-details': ariaDetailsProp,\n      },\n      id,\n      onValidityChange,\n      controlState,\n    );\n\n    /** Register every single input to ensure grouped validity reaches all native controls. */\n    useEffect(\n      () => registerMemberFormControlId(id),\n      [id, registerMemberFormControlId],\n    );\n\n    useEffect(() => {\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.ADDMEMBERFORMCONTROLID,\n        payload: { formControlId: id },\n      });\n\n      return () =>\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.REMOVEMEMBERFORMCONTROLID,\n          payload: { formControlId: id },\n        });\n    }, [id, messagesContextDispatch]);\n\n    const disabled = propDisabled ?? isDisabled;\n    const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n    const checked = value === groupValue;\n\n    const { containerClassName, ...containerProps } =\n      useContainerFocus<HTMLLabelElement>({\n        onFocus,\n        onBlur,\n        disabled,\n      });\n\n    function handleChange(e: ChangeEvent<HTMLInputElement>) {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(e.target.value);\n      validationOnChange?.();\n    }\n\n    let variant: 'accent' | 'emphasized' | 'default' = 'default';\n    let color: 'critical' | 'primary' | 'neutral' = 'neutral';\n\n    if (checked) {\n      variant = 'accent';\n    } else if (hasError) {\n      variant = 'emphasized';\n    }\n\n    if (hasError) {\n      color = 'critical';\n    } else if (!readOnly && checked) {\n      color = 'primary';\n    }\n\n    const { focusProps, focusClassName, isFocusVisible } = useFocusRing({\n      color,\n      disabled,\n    });\n\n    return (\n      <label\n        data-testid={dataTestId}\n        htmlFor={id}\n        ref={radioLabelRef}\n        className={clsx(\n          styles.label,\n          {\n            [styles.disabled]: disabledOrAriaDisabled,\n            [styles.checked]: checked,\n          },\n          consumerClassName,\n          containerClassName,\n        )}\n        style={consumerStyle}\n        {...containerProps}\n        {...behavioralTrackingProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <VisuallyHidden>\n          <input\n            ref={inputRef}\n            checked={checked}\n            name={groupName}\n            form={groupForm}\n            value={value}\n            type=\"radio\"\n            disabled={disabled}\n            aria-disabled={ariaDisabled}\n            required={groupRequired}\n            id={id}\n            onChange={handleChange}\n            onInvalid={validationOnInvalid}\n            readOnly={readOnly}\n            {..._mergeProps(\n              restProps,\n              focusProps,\n              controlState ? {} : ariaProps,\n            )}\n          />\n        </VisuallyHidden>\n        <div\n          className={clsx(\n            styles.knob({\n              disabled: disabledOrAriaDisabled,\n              checked,\n              isFocusVisible,\n              hasError,\n              readOnly,\n            }),\n            fieldColorsCSS({\n              disabled: disabledOrAriaDisabled,\n              variant,\n              color,\n            }),\n            focusClassName,\n          )}\n        >\n          <svg\n            className={clsx(\n              styles.innerKnob,\n              fieldColorsCSS({\n                color: hasError ? 'critical' : 'primary',\n                disabled: disabledOrAriaDisabled,\n                variant: 'accent',\n              }),\n            )}\n            viewBox=\"0 0 100 100\"\n          >\n            <circle r={isFocusVisible ? '20' : '25'} cx=\"50\" cy=\"50\" />\n          </svg>\n        </div>\n        <Text as=\"span\" textStyle=\"base\">\n          {children}\n        </Text>\n      </label>\n    );\n  },\n);\n\n(Radio as typeof Radio & { displayName: string }).displayName = COMPONENT_NAME;\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/forms/radio/RadioGroup.js

@@ -82,7 +82,7 @@ const RadioGroupRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const wrapperRef = useRef(null);
   const formValidityChangeRef = useRef(void 0);
   const _emitValidationState = useValidationStateEmitter(
-    (state) => formValidityChangeRef.current?.(state)
+    controlState ? void 0 : (state) => formValidityChangeRef.current?.(state)
   );
   const emitValidationState = useCustomMessageEmitter(
     _emitValidationState,

package/esm/forms/radio/RadioGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/radio/RadioGroup.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { RadioGroupContext } from './RadioGroupContext.js';\nimport * as styles from './styles.sty.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { useInternalFormRegistration } from '../form/hooks/useInternalFormRegistration.js';\nimport { withFormFieldMessageContextProvider } from '../forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { InternalBaseItem as BaseItem } from '../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport { useFormFieldContext } from '../forms-core/hooks/useFormFieldContext.js';\nimport { getI18nValidationState } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { useContainerFocus } from '../hooks/useContainerFocus.js';\nimport type { FormControlRef } from '../shared-types.js';\nimport type { MessageTarget } from '../validation/message-routing.js';\nimport type { ValidationState } from '../validation/types.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\n\n// #region Typings\n/**\n * Properties for the RadioGroup component\n * @public\n */\nexport type RadioGroupProps = FormControlProps<\n  string,\n  (value: string, event?: FocusEvent<HTMLInputElement>) => void | never,\n  HTMLDivElement\n> &\n  StylingProps &\n  WithChildren &\n  DataTestId &\n  MaskingProps & {\n    /**\n     * Internal: associates this control with a `_Form` rendered outside its\n     * React subtree via the native `form` attribute. Unstable.\n     * @internal\n     */\n    _form?: string;\n    /**\n     * Internal: routes this control's native/Strato validation messages to the\n     * field outlet (default), the enclosing form's outlet, or both. Unstable.\n     * @internal\n     */\n    _messageTarget?: MessageTarget | MessageTarget[];\n  };\n// #endregion\n\nconst RadioGroupRoot = /* @__PURE__ */ forwardRef<\n  FormControlRef,\n  RadioGroupProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    id: propId,\n    disabled: propDisabled,\n    value,\n    name,\n    _form,\n    _messageTarget,\n    defaultValue,\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    onChange,\n    onValidityChange,\n    onFocus,\n    onBlur,\n    readOnly: propReadOnly,\n    required: propRequired,\n    'aria-disabled': propAriaDisabled,\n    'aria-describedby': ariaDescribedby,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  }: RadioGroupProps = props;\n\n  const {\n    id,\n    disabled,\n    required,\n    readOnly: _readOnly,\n    ariaDisabled,\n    inputProps,\n    hintProps,\n    hint,\n    showError,\n    messageDispatch: messagesContextDispatch,\n  } = useFormControl({\n    propId,\n    propDisabled,\n    propRequired,\n    propAriaDisabled,\n    propReadOnly,\n    controlState,\n  });\n  const readOnly = !!_readOnly;\n  const { formFieldLabelId } = useFormFieldContext();\n  const groupLabelledby =\n    ariaLabelledby ?? (ariaLabel === undefined ? formFieldLabelId : undefined);\n\n  const [controllableState, setControllableState] = useControllableState({\n    defaultValue,\n    value,\n    onChange,\n  });\n\n  const intl = useIntl();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () =>\n      getI18nValidationState(\n        intl,\n        wrapperRef.current?.querySelector('input'),\n        'manual',\n      ),\n  );\n\n  const formControl = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    onValidityChange,\n    getValue: () => controllableState ?? null,\n    focus: () => {\n      const checkedInput = wrapperRef.current?.querySelector(\n        'input:checked',\n      ) as HTMLInputElement | null;\n      (\n        checkedInput ??\n        (wrapperRef.current?.querySelector('input') as HTMLInputElement | null)\n      )?.focus();\n    },\n    validateField: ({ reveal, trigger }) => {\n      wrapperRef.current\n        ?.querySelectorAll('input')\n        ?.forEach((input) => input.checkValidity());\n      if (reveal) {\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n      }\n      const firstInput = wrapperRef.current?.querySelector(\n        'input',\n      ) as HTMLInputElement | null;\n      return Promise.resolve(\n        emitValidationState(getI18nValidationState(intl, firstInput, trigger)),\n      );\n    },\n    resetValidation: () => {\n      wrapperRef.current\n        ?.querySelectorAll('input')\n        ?.forEach((input) => input.setCustomValidity(''));\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n    },\n  });\n  formValidityChangeRef.current = formControl.onValidityChange;\n\n  useImperativeHandle(forwardedRef, (): FormControlRef<HTMLDivElement> => {\n    return {\n      element: wrapperRef.current,\n      focus() {\n        const checkedInput = wrapperRef.current?.querySelector(\n          'input:checked',\n        ) as HTMLInputElement;\n        (\n          checkedInput ??\n          (wrapperRef.current?.querySelector('input') as HTMLInputElement)\n        )?.focus();\n      },\n      validate() {\n        if (controlState !== undefined) {\n          return;\n        }\n        wrapperRef.current\n          ?.querySelectorAll('input')\n          ?.forEach((i) => i.checkValidity());\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        const firstInput = wrapperRef.current?.querySelector(\n          'input',\n        ) as HTMLInputElement | null;\n        emitValidationState(getI18nValidationState(intl, firstInput, 'manual'));\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        const firstInput = wrapperRef.current?.querySelector(\n          'input',\n        ) as HTMLInputElement | null;\n        if (controlState !== undefined) {\n          return emitValidationState(\n            getI18nValidationState(intl, firstInput, 'manual'),\n          );\n        }\n        wrapperRef.current\n          ?.querySelectorAll('input')\n          ?.forEach((i) => i.checkValidity());\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        return emitValidationState(\n          getI18nValidationState(intl, firstInput, 'manual'),\n        );\n      },\n    };\n  });\n\n  if (isDev() && name === undefined) {\n    // oxlint-disable-next-line no-console\n    console.warn(\n      'RadioGroup: The \"name\" prop is missing, which is necessary to link the radio buttons correctly.',\n    );\n  }\n\n  const radioGroupContextValue = useMemo(\n    () => ({\n      name,\n      form: _form,\n      isDisabled: disabled,\n      ariaDisabled,\n      hasError: showError,\n      value: controllableState,\n      onChange: setControllableState,\n      readOnly,\n      required,\n      controlState,\n      onValidityChange: emitValidationState,\n    }),\n    [\n      name,\n      _form,\n      disabled,\n      ariaDisabled,\n      showError,\n      controllableState,\n      setControllableState,\n      readOnly,\n      required,\n      controlState,\n      emitValidationState,\n    ],\n  );\n\n  const { containerClassName, ...containerProps } =\n    useContainerFocus<HTMLDivElement>({\n      onFocus,\n      onBlur,\n      disabled,\n      emitValidationState,\n    });\n\n  return (\n    <div\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      aria-orientation=\"vertical\"\n      role=\"radiogroup\"\n      aria-live=\"polite\"\n      aria-label={ariaLabel}\n      aria-disabled={propAriaDisabled}\n      aria-labelledby={groupLabelledby}\n      ref={wrapperRef}\n      className={clsx(containerClassName, consumerClassName, styles.group, {\n        [styles.readOnly]: readOnly,\n        [styles.hasError]: showError,\n      })}\n      style={consumerStyle}\n      id={id}\n      aria-describedby={\n        [ariaDescribedby, inputProps['aria-describedby']]\n          .filter(Boolean)\n          .join(' ') || undefined\n      }\n      aria-invalid={inputProps['aria-invalid']}\n      {...containerProps}\n      {...remainingProps}\n    >\n      <RadioGroupContext.Provider value={radioGroupContextValue}>\n        <Flex flexDirection=\"column\" gap={8}>\n          {children}\n        </Flex>\n      </RadioGroupContext.Provider>\n      {hint && (\n        <BaseItem\n          variant={showError ? 'error' : 'hint'}\n          disabled={disabled || ariaDisabled}\n          {...hintProps}\n        >\n          {hint}\n        </BaseItem>\n      )}\n    </div>\n  );\n});\n\n/**\n * Radio buttons allow users to select one option from\n * a group of related options. To group options, wrap the\n * `Radio` components inside a 'RadioGroup' component.\n * @public\n */\nexport const RadioGroup = withFormFieldMessageContextProvider<\n  RadioGroupProps,\n  FormControlRef,\n  HTMLDivElement\n>(RadioGroupRoot);\n\n(RadioGroup as typeof RadioGroup & { displayName: string }).displayName =\n  'RadioGroup';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { RadioGroupContext } from './RadioGroupContext.js';\nimport * as styles from './styles.sty.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { useInternalFormRegistration } from '../form/hooks/useInternalFormRegistration.js';\nimport { withFormFieldMessageContextProvider } from '../forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { InternalBaseItem as BaseItem } from '../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport { useFormFieldContext } from '../forms-core/hooks/useFormFieldContext.js';\nimport { getI18nValidationState } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { useContainerFocus } from '../hooks/useContainerFocus.js';\nimport type { FormControlRef } from '../shared-types.js';\nimport type { MessageTarget } from '../validation/message-routing.js';\nimport type { ValidationState } from '../validation/types.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\n\n// #region Typings\n/**\n * Properties for the RadioGroup component\n * @public\n */\nexport type RadioGroupProps = FormControlProps<\n  string,\n  (value: string, event?: FocusEvent<HTMLInputElement>) => void | never,\n  HTMLDivElement\n> &\n  StylingProps &\n  WithChildren &\n  DataTestId &\n  MaskingProps & {\n    /**\n     * Internal: associates this control with a `_Form` rendered outside its\n     * React subtree via the native `form` attribute. Unstable.\n     * @internal\n     */\n    _form?: string;\n    /**\n     * Internal: routes this control's native/Strato validation messages to the\n     * field outlet (default), the enclosing form's outlet, or both. Unstable.\n     * @internal\n     */\n    _messageTarget?: MessageTarget | MessageTarget[];\n  };\n// #endregion\n\nconst RadioGroupRoot = /* @__PURE__ */ forwardRef<\n  FormControlRef,\n  RadioGroupProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    id: propId,\n    disabled: propDisabled,\n    value,\n    name,\n    _form,\n    _messageTarget,\n    defaultValue,\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    onChange,\n    onValidityChange,\n    onFocus,\n    onBlur,\n    readOnly: propReadOnly,\n    required: propRequired,\n    'aria-disabled': propAriaDisabled,\n    'aria-describedby': ariaDescribedby,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  }: RadioGroupProps = props;\n\n  const {\n    id,\n    disabled,\n    required,\n    readOnly: _readOnly,\n    ariaDisabled,\n    inputProps,\n    hintProps,\n    hint,\n    showError,\n    messageDispatch: messagesContextDispatch,\n  } = useFormControl({\n    propId,\n    propDisabled,\n    propRequired,\n    propAriaDisabled,\n    propReadOnly,\n    controlState,\n  });\n  const readOnly = !!_readOnly;\n  const { formFieldLabelId } = useFormFieldContext();\n  const groupLabelledby =\n    ariaLabelledby ?? (ariaLabel === undefined ? formFieldLabelId : undefined);\n\n  const [controllableState, setControllableState] = useControllableState({\n    defaultValue,\n    value,\n    onChange,\n  });\n\n  const intl = useIntl();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter(\n    controlState\n      ? undefined\n      : (state) => formValidityChangeRef.current?.(state),\n  );\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () =>\n      getI18nValidationState(\n        intl,\n        wrapperRef.current?.querySelector('input'),\n        'manual',\n      ),\n  );\n\n  const formControl = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    onValidityChange,\n    getValue: () => controllableState ?? null,\n    focus: () => {\n      const checkedInput = wrapperRef.current?.querySelector(\n        'input:checked',\n      ) as HTMLInputElement | null;\n      (\n        checkedInput ??\n        (wrapperRef.current?.querySelector('input') as HTMLInputElement | null)\n      )?.focus();\n    },\n    validateField: ({ reveal, trigger }) => {\n      wrapperRef.current\n        ?.querySelectorAll('input')\n        ?.forEach((input) => input.checkValidity());\n      if (reveal) {\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n      }\n      const firstInput = wrapperRef.current?.querySelector(\n        'input',\n      ) as HTMLInputElement | null;\n      return Promise.resolve(\n        emitValidationState(getI18nValidationState(intl, firstInput, trigger)),\n      );\n    },\n    resetValidation: () => {\n      wrapperRef.current\n        ?.querySelectorAll('input')\n        ?.forEach((input) => input.setCustomValidity(''));\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n    },\n  });\n  formValidityChangeRef.current = formControl.onValidityChange;\n\n  useImperativeHandle(forwardedRef, (): FormControlRef<HTMLDivElement> => {\n    return {\n      element: wrapperRef.current,\n      focus() {\n        const checkedInput = wrapperRef.current?.querySelector(\n          'input:checked',\n        ) as HTMLInputElement;\n        (\n          checkedInput ??\n          (wrapperRef.current?.querySelector('input') as HTMLInputElement)\n        )?.focus();\n      },\n      validate() {\n        if (controlState !== undefined) {\n          return;\n        }\n        wrapperRef.current\n          ?.querySelectorAll('input')\n          ?.forEach((i) => i.checkValidity());\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        const firstInput = wrapperRef.current?.querySelector(\n          'input',\n        ) as HTMLInputElement | null;\n        emitValidationState(getI18nValidationState(intl, firstInput, 'manual'));\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        const firstInput = wrapperRef.current?.querySelector(\n          'input',\n        ) as HTMLInputElement | null;\n        if (controlState !== undefined) {\n          return emitValidationState(\n            getI18nValidationState(intl, firstInput, 'manual'),\n          );\n        }\n        wrapperRef.current\n          ?.querySelectorAll('input')\n          ?.forEach((i) => i.checkValidity());\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        return emitValidationState(\n          getI18nValidationState(intl, firstInput, 'manual'),\n        );\n      },\n    };\n  });\n\n  if (isDev() && name === undefined) {\n    // oxlint-disable-next-line no-console\n    console.warn(\n      'RadioGroup: The \"name\" prop is missing, which is necessary to link the radio buttons correctly.',\n    );\n  }\n\n  const radioGroupContextValue = useMemo(\n    () => ({\n      name,\n      form: _form,\n      isDisabled: disabled,\n      ariaDisabled,\n      hasError: showError,\n      value: controllableState,\n      onChange: setControllableState,\n      readOnly,\n      required,\n      controlState,\n      onValidityChange: emitValidationState,\n    }),\n    [\n      name,\n      _form,\n      disabled,\n      ariaDisabled,\n      showError,\n      controllableState,\n      setControllableState,\n      readOnly,\n      required,\n      controlState,\n      emitValidationState,\n    ],\n  );\n\n  const { containerClassName, ...containerProps } =\n    useContainerFocus<HTMLDivElement>({\n      onFocus,\n      onBlur,\n      disabled,\n      emitValidationState,\n    });\n\n  return (\n    <div\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      aria-orientation=\"vertical\"\n      role=\"radiogroup\"\n      aria-live=\"polite\"\n      aria-label={ariaLabel}\n      aria-disabled={propAriaDisabled}\n      aria-labelledby={groupLabelledby}\n      ref={wrapperRef}\n      className={clsx(containerClassName, consumerClassName, styles.group, {\n        [styles.readOnly]: readOnly,\n        [styles.hasError]: showError,\n      })}\n      style={consumerStyle}\n      id={id}\n      aria-describedby={\n        [ariaDescribedby, inputProps['aria-describedby']]\n          .filter(Boolean)\n          .join(' ') || undefined\n      }\n      aria-invalid={inputProps['aria-invalid']}\n      {...containerProps}\n      {...remainingProps}\n    >\n      <RadioGroupContext.Provider value={radioGroupContextValue}>\n        <Flex flexDirection=\"column\" gap={8}>\n          {children}\n        </Flex>\n      </RadioGroupContext.Provider>\n      {hint && (\n        <BaseItem\n          variant={showError ? 'error' : 'hint'}\n          disabled={disabled || ariaDisabled}\n          {...hintProps}\n        >\n          {hint}\n        </BaseItem>\n      )}\n    </div>\n  );\n});\n\n/**\n * Radio buttons allow users to select one option from\n * a group of related options. To group options, wrap the\n * `Radio` components inside a 'RadioGroup' component.\n * @public\n */\nexport const RadioGroup = withFormFieldMessageContextProvider<\n  RadioGroupProps,\n  FormControlRef,\n  HTMLDivElement\n>(RadioGroupRoot);\n\n(RadioGroup as typeof RadioGroup & { displayName: string }).displayName =\n  'RadioGroup';\n"],
+  "mappings": "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",
   "names": []
 }