@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/forms/forms-core/time/helpers.js

@@ -63,7 +63,7 @@ function sortTimeframeValues(value, min, max, precision) {
         value.to.value,
         value.from.value,
         "from",
-        value.from.type === "expression",
+        value.to.type === "expression",
         min,
         max,
         precision
@@ -72,7 +72,7 @@ function sortTimeframeValues(value, min, max, precision) {
         value.from.value,
         value.to.value,
         "to",
-        value.to.type === "expression",
+        value.from.type === "expression",
         min,
         max,
         precision
@@ -102,7 +102,7 @@ function getSafeRegionalFormat() {
   } catch (error) {
     const logger = getStratoLogger("Date-Component");
     if (!hasLoggedSafeRegionalFormatError) {
-      logger.error(`Invalid regional format "${region}" encountered.`, error, {
+      logger.warn(`Invalid regional format "${region}" encountered.`, error, {
         region,
         modifiedRegion
       });
@@ -259,7 +259,7 @@ function _getPreciseIsoString(isoString, timeOffset, position, isExpression) {
       }
       const parsedOffsetDate = parseTimeAsTimeValue(offsetDate);
       if (parsedOffsetDate?.type === "expression") {
-        return parsedOffsetDate.absoluteDate;
+        return isoString;
       }
       const precision = getSecondFractions(offsetDate);
       return applyInitialTime(isoString, offsetDate, precision);

package/esm/forms/forms-core/time/helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/time/helpers.ts"],
-  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addSeconds,\n  constructFrom,\n  ContextFn,\n  DateArg,\n  EachDayOfIntervalOptions,\n  endOfDay,\n  isBefore,\n  isSameDay,\n  startOfDay,\n} from 'date-fns';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport {\n  applyInitialTime,\n  getSecondFractions,\n  GRAIL_MAX_DATE,\n  GRAIL_MIN_DATE,\n} from './date-time.js';\nimport { removePrecision } from './timeParser.js';\nimport { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\nimport { isSimpleTimeOffset } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { StringTimeOffset } from '../../../core/time/timeframeStore/calendar.types.js';\nimport { isOutOfBounds } from '../../../core/time/validation.js';\nimport { type TimeValue } from '../../../core/types/time.js';\nimport { isOutsideRange } from '../../../filters/timeframe-selector/utils/timeframe-selection.js';\nimport type { CalendarState } from '../../calendar/types/shared-types.js';\n\n// Adapted from date-fns.\n// In some timezones with DST transitions at midnight (Cairo, Beirut), startOfDay may return 11 PM instead of 12 AM.\nfunction normalizeDates(\n  context: ContextFn<Date> | undefined,\n  ...dates: Array<DateArg<Date> & {}>\n): Date[] {\n  const normalize = constructFrom.bind(\n    null,\n    context || dates.find((date) => typeof date === 'object'),\n  );\n  return dates.map(normalize);\n}\n\n/**\n * Returns an array of dates within the specified time interval.\n *\n * @returns An array with starts of days from the day of the interval start to the day of the interval end\n *\n * @example\n * Each day between 6 October 2014 and 10 October 2014:\n * const result = eachDayOfInterval({\n *   start: new Date(2014, 9, 6),\n *   end: new Date(2014, 9, 10)\n * })\n * => [\n *    Mon Oct 06 2014 00:00:00,\n *    Tue Oct 07 2014 00:00:00,\n *    Wed Oct 08 2014 00:00:00,\n *    Thu Oct 09 2014 00:00:00,\n *    Fri Oct 10 2014 00:00:00\n *  ]\n *\n * @internal\n */\nexport function eachDayOfInterval(\n  interval: { start: TZDate | number | string; end: TZDate | number | string },\n  options?: EachDayOfIntervalOptions<TZDate>,\n): TZDate[] {\n  const [start, end] = normalizeDates(\n    options?.in,\n    interval.start,\n    interval.end,\n  );\n  let reversed = +start > +end;\n  const endTime = reversed ? +start : +end;\n  const date = reversed ? end : start;\n\n  date.setHours(0, 0, 0, 0);\n\n  let step = options?.step ?? 1;\n  if (!step) {\n    return [];\n  }\n  if (step < 0) {\n    step = -step;\n    reversed = !reversed;\n  }\n\n  const dates: TZDate[] = [];\n\n  while (+date <= endTime) {\n    dates.push(constructFrom(start, date));\n    date.setHours(date.getHours() + step * 24 + 1);\n    date.setHours(0);\n  }\n\n  return reversed ? dates.reverse() : dates;\n}\n\n/**\n * Sanitizes Timeframe to have a from date that comes before the to date and ensures the times are applied properly.\n * @internal\n */\nexport function sortTimeframeValues(\n  value: { from: TimeValue | null; to: TimeValue | null },\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n) {\n  if (\n    value?.from?.absoluteDate &&\n    value?.to?.absoluteDate &&\n    isBefore(value.to.absoluteDate, value.from.absoluteDate)\n  ) {\n    // Swaps the `from` and the `to`, to ensure `from` is before `to`.\n    // Since the times should be kept on the position, the time value must be reevaluated with the new time offsets.\n    return {\n      from: getTimeValueFromSimpleValue(\n        value.to.value,\n        value.from.value,\n        'from',\n        value.from.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n      to: getTimeValueFromSimpleValue(\n        value.from.value,\n        value.to.value,\n        'to',\n        value.to.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n    };\n  }\n\n  return {\n    from: value?.from,\n    to: value?.to,\n  };\n}\n\nlet hasLoggedSafeRegionalFormatError = false;\n\nexport function resetRegionalFormatErrorFlag() {\n  hasLoggedSafeRegionalFormatError = false;\n}\n\n/**\n * Returns a \"safe\" regional format string by replacing problematic language codes\n * with 'en' (English) while preserving the region, and by removing any extra subtags.\n * This is used to avoid issues with certain languages or day period formats that may\n * not be supported or may cause formatting errors.\n *\n * - If the language part of the locale is in a known problematic list, it is replaced with 'en'.\n * - If the locale contains more than two subtags (e.g., 'ja-JP-u-ca-japanese'), it is truncated to 'ja-JP'.\n *\n * @internal\n */\nexport function getSafeRegionalFormat(): string {\n  const region = getRegionalFormat();\n  const modifiedRegion = removeProblematicLanguagesFromRegion(region);\n\n  try {\n    new Intl.Locale(modifiedRegion);\n    if (Intl.DisplayNames.supportedLocalesOf([modifiedRegion]).length === 0) {\n      throw new Error(\n        `Locale \"${modifiedRegion}\" is not supported by Intl.DisplayNames.`,\n      );\n    }\n    return modifiedRegion;\n  } catch (error) {\n    /* eslint-disable react-hooks/rules-of-hooks */\n    const logger = getStratoLogger('Date-Component');\n    if (!hasLoggedSafeRegionalFormatError) {\n      logger.error(`Invalid regional format \"${region}\" encountered.`, error, {\n        region,\n        modifiedRegion,\n      });\n      hasLoggedSafeRegionalFormatError = true;\n    }\n    return 'en-US';\n  }\n}\n\nconst removeProblematicLanguagesFromRegion = (region: string) => {\n  const problematicLanguages = [\n    // Non-Arabic numerals.\n    'ar',\n    'as',\n    'bgc',\n    'bho',\n    'bn',\n    'ccp',\n    'ckb',\n    'dz',\n    'fa',\n    'ff',\n    'ks',\n    'lrc',\n    'mni',\n    'mr',\n    'my',\n    'mzn',\n    'ne',\n    'pa',\n    'ps',\n    'raj',\n    'sa',\n    'sat',\n    'sd',\n    'ur',\n    'uz',\n    // Problematic day period.\n    'ak',\n    'bem',\n    'bo',\n    'ee',\n    'ha',\n    'hi',\n    'kok',\n    'mai',\n    'naq',\n    'nus',\n    'pt',\n    'sq',\n    'ti',\n    'to',\n    'yue',\n    'zh',\n    'tw',\n    'bh',\n    // Non gregorian calendars.\n    'th',\n  ];\n\n  let safeRegionalFormat = region;\n\n  if (!safeRegionalFormat) {\n    return 'en-US';\n  }\n\n  if (safeRegionalFormat.split('-')[1] === undefined) {\n    return 'en-' + safeRegionalFormat.split('-')[0];\n  }\n\n  // If the language code is problematic, replace it with 'en'.\n  if (\n    problematicLanguages.find(\n      (lang) => lang === safeRegionalFormat.split('-')[0].toLocaleLowerCase(),\n    )\n  ) {\n    safeRegionalFormat = 'en-' + safeRegionalFormat.split('-')[1];\n  }\n\n  // If there are more than two subtags, truncate to language-region only.\n  // For example, 'ja-JP-u-ca-japanese'\n  if (safeRegionalFormat.split('-')[3]) {\n    return safeRegionalFormat.split('-').slice(0, 2).join('-');\n  }\n\n  return safeRegionalFormat;\n};\n\n/**\n * Gets the dayPeriod values such as AM/PM, a.m./p.m. etc. depending on the user's region.\n * @internal\n */\nexport const getDayPeriodValues = () => {\n  const dayPeriod = new Intl.DisplayNames(getSafeRegionalFormat(), {\n    type: 'dateTimeField',\n  }).of('dayPeriod');\n\n  // Intl does sometimes return just 'Dayperiod' instead of the 'AM/PM'.\n  if (!dayPeriod?.split('/')[1]) {\n    return ['AM', 'PM'];\n  }\n\n  return dayPeriod.split('/');\n};\n\n/**\n * parses a timeValue and converts it to a TZDate.\n * @internal\n */\nexport function timeValueToDate(\n  timeValue: TimeValue | undefined,\n  relativeDate: number,\n): TZDate | null {\n  if (!timeValue) {\n    return null;\n  }\n  const parsedString = parseTimeAsTimeValue(timeValue?.value, relativeDate);\n  return parsedString?.absoluteDate\n    ? new TZDateMini(parsedString.absoluteDate, getTimezone())\n    : null;\n}\n\n/**\n * Converts a given Date or ISO string to the TimeValue structure for the calendar value.\n * @internal\n */\nexport const getTimeValueFromSimpleValue = (\n  candidate?: string | Date | null,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'day' | 'minutes' | 'seconds' | 'milliseconds',\n): TimeValue | null => {\n  if (!candidate) {\n    return null;\n  }\n\n  const stringDate =\n    typeof candidate === 'string' ? candidate : candidate.toISOString();\n  const timezone = getTimezone();\n  const date = new TZDateMini(stringDate, timezone);\n\n  const minDate = new TZDateMini(\n    removePrecision(min?.absoluteDate ?? '', precision),\n    timezone,\n  );\n  // Enforce min boundary if candidate is before min and position is not 'to'.\n  if (\n    min &&\n    position !== 'to' &&\n    isOutOfBounds(startOfDay(date), min) &&\n    isSameDay(minDate, date)\n  ) {\n    if (min.type === 'expression') {\n      return min;\n    }\n\n    const offsetByPrecision = { milliseconds: 0, seconds: 1, minutes: 60 };\n\n    const offsetSeconds =\n      // Only add the offset when the min has different precision than the calendar.\n      minDate.getTime() === new TZDateMini(min.absoluteDate, timezone).getTime()\n        ? 0\n        : offsetByPrecision[precision as keyof typeof offsetByPrecision] ?? 0;\n\n    // Add one minute/second depending on the precision to keep the timeValue larger than the min.\n    const parsedMin = parseTimeAsTimeValue(\n      addSeconds(minDate, offsetSeconds).toISOString(),\n      undefined,\n      precision,\n    );\n\n    if (parsedMin && isSameDay(minDate, date)) {\n      return parsedMin;\n    }\n  }\n\n  // Enforce max boundary if candidate is after max and position is not 'from'.\n  if (\n    max &&\n    position !== 'from' &&\n    isOutOfBounds(endOfDay(date), undefined, max) &&\n    isSameDay(new TZDateMini(max.absoluteDate, timezone), date)\n  ) {\n    return max;\n  }\n\n  const parsedDate = parseTimeAsTimeValue(stringDate, undefined, precision);\n  if (!parsedDate) {\n    return null;\n  }\n\n  const isRelativeExpression = isExpression || parsedDate.type === 'expression';\n\n  // Preserve the original absoluteDate (including its time component) when precision\n  // is 'day'. The time is used internally to resolve the correct calendar date once precision is applied.\n  const resolvedDate =\n    precision === 'day'\n      ? parsedDate.absoluteDate\n      : _getPreciseIsoString(\n          parsedDate.absoluteDate,\n          timeOffset,\n          position,\n          isRelativeExpression,\n        );\n\n  return isRelativeExpression\n    ? { ...parsedDate, absoluteDate: resolvedDate, type: 'expression' }\n    : { ...parsedDate, absoluteDate: resolvedDate, value: resolvedDate };\n};\n\n/** Applies the proper timeoffset and returns the date as ISO String. */\nfunction _getPreciseIsoString(\n  isoString: string,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n) {\n  if (!timeOffset) {\n    return isoString;\n  }\n\n  const offsetDate = isSimpleTimeOffset(timeOffset)\n    ? timeOffset\n    : timeOffset[position ?? 'from'];\n\n  const date = new TZDateMini(isoString, getTimezone());\n\n  if (isExpression) {\n    return date.toISOString();\n  }\n\n  switch (offsetDate) {\n    case 'startOfDay':\n      return startOfDay(date).toISOString();\n    case 'endOfDay':\n      return endOfDay(date).toISOString();\n    default: {\n      if (isoString === offsetDate) {\n        return isoString;\n      }\n\n      const parsedOffsetDate = parseTimeAsTimeValue(offsetDate);\n\n      if (parsedOffsetDate?.type === 'expression') {\n        return parsedOffsetDate.absoluteDate;\n      }\n\n      const precision = getSecondFractions(offsetDate);\n      return applyInitialTime(isoString, offsetDate, precision);\n    }\n  }\n}\n\n/**\n * For 'date' type, it adjusts the time by the timezone offset to ensure the\n * date is correct without time information.\n * For 'time' and 'datetime' types, it returns the ISO string as is.\n */\nexport const convertDateOnlyToDateTime = (\n  isoString: string | undefined,\n  type: 'time' | 'date' | 'datetime' | undefined,\n): string => {\n  if (type === 'date') {\n    const newDate = new TZDateMini(isoString ?? '', getTimezone());\n    if (!isNaN(newDate.getTime())) {\n      newDate.setMinutes(newDate.getMinutes() + newDate.getTimezoneOffset());\n      return newDate.toISOString();\n    }\n  }\n  return isoString ?? '';\n};\n\n/**\n * Converts a raw TimeValue to the correct calendarValue shape.\n * When precision is 'day', the absoluteDate/value fields must contain a full\n * ISO datetime string (produced by convertDateOnlyToDateTime) rather than the\n * date-only string stored in dateTimePickerValue.\n */\nexport function toCalendarValue(\n  value: TimeValue | null | undefined,\n  precision: Precision | undefined,\n): TimeValue | null {\n  if (!value || value.absoluteDate === '') {\n    return null;\n  }\n  if (precision === 'day') {\n    const converted = convertDateOnlyToDateTime(value.absoluteDate, 'date');\n    if (converted) {\n      return { absoluteDate: converted, value: converted, type: 'iso8601' };\n    }\n  }\n  return value;\n}\n\n/**\n * Filters the Grail min or max date.\n * Returns `undefined` if the provided limit is the default Grail min or max and the value is not outside the Grail range.\n * Otherwise, returns the custom min or max limit.\n * @internal\n */\nexport function filterOutGrailLimit(\n  value: {\n    from: string | null | TimeValue;\n    to: string | null | TimeValue;\n  } | null,\n  limit?: string,\n): string | undefined {\n  const isOutsideGrailLimit = isOutsideRange(\n    value,\n    GRAIL_MIN_DATE,\n    GRAIL_MAX_DATE,\n  );\n\n  return (limit === GRAIL_MIN_DATE || limit === GRAIL_MAX_DATE) &&\n    !isOutsideGrailLimit\n    ? undefined\n    : limit;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addSeconds,\n  constructFrom,\n  ContextFn,\n  DateArg,\n  EachDayOfIntervalOptions,\n  endOfDay,\n  isBefore,\n  isSameDay,\n  startOfDay,\n} from 'date-fns';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport {\n  applyInitialTime,\n  getSecondFractions,\n  GRAIL_MAX_DATE,\n  GRAIL_MIN_DATE,\n} from './date-time.js';\nimport { removePrecision } from './timeParser.js';\nimport { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\nimport { isSimpleTimeOffset } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { StringTimeOffset } from '../../../core/time/timeframeStore/calendar.types.js';\nimport { isOutOfBounds } from '../../../core/time/validation.js';\nimport { type TimeValue } from '../../../core/types/time.js';\nimport { isOutsideRange } from '../../../filters/timeframe-selector/utils/timeframe-selection.js';\nimport type { CalendarState } from '../../calendar/types/shared-types.js';\n\n// Adapted from date-fns.\n// In some timezones with DST transitions at midnight (Cairo, Beirut), startOfDay may return 11 PM instead of 12 AM.\nfunction normalizeDates(\n  context: ContextFn<Date> | undefined,\n  ...dates: Array<DateArg<Date> & {}>\n): Date[] {\n  const normalize = constructFrom.bind(\n    null,\n    context || dates.find((date) => typeof date === 'object'),\n  );\n  return dates.map(normalize);\n}\n\n/**\n * Returns an array of dates within the specified time interval.\n *\n * @returns An array with starts of days from the day of the interval start to the day of the interval end\n *\n * @example\n * Each day between 6 October 2014 and 10 October 2014:\n * const result = eachDayOfInterval({\n *   start: new Date(2014, 9, 6),\n *   end: new Date(2014, 9, 10)\n * })\n * => [\n *    Mon Oct 06 2014 00:00:00,\n *    Tue Oct 07 2014 00:00:00,\n *    Wed Oct 08 2014 00:00:00,\n *    Thu Oct 09 2014 00:00:00,\n *    Fri Oct 10 2014 00:00:00\n *  ]\n *\n * @internal\n */\nexport function eachDayOfInterval(\n  interval: { start: TZDate | number | string; end: TZDate | number | string },\n  options?: EachDayOfIntervalOptions<TZDate>,\n): TZDate[] {\n  const [start, end] = normalizeDates(\n    options?.in,\n    interval.start,\n    interval.end,\n  );\n  let reversed = +start > +end;\n  const endTime = reversed ? +start : +end;\n  const date = reversed ? end : start;\n\n  date.setHours(0, 0, 0, 0);\n\n  let step = options?.step ?? 1;\n  if (!step) {\n    return [];\n  }\n  if (step < 0) {\n    step = -step;\n    reversed = !reversed;\n  }\n\n  const dates: TZDate[] = [];\n\n  while (+date <= endTime) {\n    dates.push(constructFrom(start, date));\n    date.setHours(date.getHours() + step * 24 + 1);\n    date.setHours(0);\n  }\n\n  return reversed ? dates.reverse() : dates;\n}\n\n/**\n * Sanitizes Timeframe to have a from date that comes before the to date and ensures the times are applied properly.\n * @internal\n */\nexport function sortTimeframeValues(\n  value: { from: TimeValue | null; to: TimeValue | null },\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n) {\n  if (\n    value?.from?.absoluteDate &&\n    value?.to?.absoluteDate &&\n    isBefore(value.to.absoluteDate, value.from.absoluteDate)\n  ) {\n    // Swaps the `from` and the `to`, to ensure `from` is before `to`.\n    // Since the times should be kept on the position, the time value must be reevaluated with the new time offsets.\n    return {\n      from: getTimeValueFromSimpleValue(\n        value.to.value,\n        value.from.value,\n        'from',\n        value.to.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n      to: getTimeValueFromSimpleValue(\n        value.from.value,\n        value.to.value,\n        'to',\n        value.from.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n    };\n  }\n\n  return {\n    from: value?.from,\n    to: value?.to,\n  };\n}\n\nlet hasLoggedSafeRegionalFormatError = false;\n\nexport function resetRegionalFormatErrorFlag() {\n  hasLoggedSafeRegionalFormatError = false;\n}\n\n/**\n * Returns a \"safe\" regional format string by replacing problematic language codes\n * with 'en' (English) while preserving the region, and by removing any extra subtags.\n * This is used to avoid issues with certain languages or day period formats that may\n * not be supported or may cause formatting errors.\n *\n * - If the language part of the locale is in a known problematic list, it is replaced with 'en'.\n * - If the locale contains more than two subtags (e.g., 'ja-JP-u-ca-japanese'), it is truncated to 'ja-JP'.\n *\n * @internal\n */\nexport function getSafeRegionalFormat(): string {\n  const region = getRegionalFormat();\n  const modifiedRegion = removeProblematicLanguagesFromRegion(region);\n\n  try {\n    new Intl.Locale(modifiedRegion);\n    if (Intl.DisplayNames.supportedLocalesOf([modifiedRegion]).length === 0) {\n      throw new Error(\n        `Locale \"${modifiedRegion}\" is not supported by Intl.DisplayNames.`,\n      );\n    }\n    return modifiedRegion;\n  } catch (error) {\n    /* eslint-disable react-hooks/rules-of-hooks */\n    const logger = getStratoLogger('Date-Component');\n    if (!hasLoggedSafeRegionalFormatError) {\n      logger.warn(`Invalid regional format \"${region}\" encountered.`, error, {\n        region,\n        modifiedRegion,\n      });\n      hasLoggedSafeRegionalFormatError = true;\n    }\n    return 'en-US';\n  }\n}\n\nconst removeProblematicLanguagesFromRegion = (region: string) => {\n  const problematicLanguages = [\n    // Non-Arabic numerals.\n    'ar',\n    'as',\n    'bgc',\n    'bho',\n    'bn',\n    'ccp',\n    'ckb',\n    'dz',\n    'fa',\n    'ff',\n    'ks',\n    'lrc',\n    'mni',\n    'mr',\n    'my',\n    'mzn',\n    'ne',\n    'pa',\n    'ps',\n    'raj',\n    'sa',\n    'sat',\n    'sd',\n    'ur',\n    'uz',\n    // Problematic day period.\n    'ak',\n    'bem',\n    'bo',\n    'ee',\n    'ha',\n    'hi',\n    'kok',\n    'mai',\n    'naq',\n    'nus',\n    'pt',\n    'sq',\n    'ti',\n    'to',\n    'yue',\n    'zh',\n    'tw',\n    'bh',\n    // Non gregorian calendars.\n    'th',\n  ];\n\n  let safeRegionalFormat = region;\n\n  if (!safeRegionalFormat) {\n    return 'en-US';\n  }\n\n  if (safeRegionalFormat.split('-')[1] === undefined) {\n    return 'en-' + safeRegionalFormat.split('-')[0];\n  }\n\n  // If the language code is problematic, replace it with 'en'.\n  if (\n    problematicLanguages.find(\n      (lang) => lang === safeRegionalFormat.split('-')[0].toLocaleLowerCase(),\n    )\n  ) {\n    safeRegionalFormat = 'en-' + safeRegionalFormat.split('-')[1];\n  }\n\n  // If there are more than two subtags, truncate to language-region only.\n  // For example, 'ja-JP-u-ca-japanese'\n  if (safeRegionalFormat.split('-')[3]) {\n    return safeRegionalFormat.split('-').slice(0, 2).join('-');\n  }\n\n  return safeRegionalFormat;\n};\n\n/**\n * Gets the dayPeriod values such as AM/PM, a.m./p.m. etc. depending on the user's region.\n * @internal\n */\nexport const getDayPeriodValues = () => {\n  const dayPeriod = new Intl.DisplayNames(getSafeRegionalFormat(), {\n    type: 'dateTimeField',\n  }).of('dayPeriod');\n\n  // Intl does sometimes return just 'Dayperiod' instead of the 'AM/PM'.\n  if (!dayPeriod?.split('/')[1]) {\n    return ['AM', 'PM'];\n  }\n\n  return dayPeriod.split('/');\n};\n\n/**\n * parses a timeValue and converts it to a TZDate.\n * @internal\n */\nexport function timeValueToDate(\n  timeValue: TimeValue | undefined,\n  relativeDate: number,\n): TZDate | null {\n  if (!timeValue) {\n    return null;\n  }\n  const parsedString = parseTimeAsTimeValue(timeValue?.value, relativeDate);\n  return parsedString?.absoluteDate\n    ? new TZDateMini(parsedString.absoluteDate, getTimezone())\n    : null;\n}\n\n/**\n * Converts a given Date or ISO string to the TimeValue structure for the calendar value.\n * @internal\n */\nexport const getTimeValueFromSimpleValue = (\n  candidate?: string | Date | null,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'day' | 'minutes' | 'seconds' | 'milliseconds',\n): TimeValue | null => {\n  if (!candidate) {\n    return null;\n  }\n\n  const stringDate =\n    typeof candidate === 'string' ? candidate : candidate.toISOString();\n  const timezone = getTimezone();\n  const date = new TZDateMini(stringDate, timezone);\n\n  const minDate = new TZDateMini(\n    removePrecision(min?.absoluteDate ?? '', precision),\n    timezone,\n  );\n  // Enforce min boundary if candidate is before min and position is not 'to'.\n  if (\n    min &&\n    position !== 'to' &&\n    isOutOfBounds(startOfDay(date), min) &&\n    isSameDay(minDate, date)\n  ) {\n    if (min.type === 'expression') {\n      return min;\n    }\n\n    const offsetByPrecision = { milliseconds: 0, seconds: 1, minutes: 60 };\n\n    const offsetSeconds =\n      // Only add the offset when the min has different precision than the calendar.\n      minDate.getTime() === new TZDateMini(min.absoluteDate, timezone).getTime()\n        ? 0\n        : offsetByPrecision[precision as keyof typeof offsetByPrecision] ?? 0;\n\n    // Add one minute/second depending on the precision to keep the timeValue larger than the min.\n    const parsedMin = parseTimeAsTimeValue(\n      addSeconds(minDate, offsetSeconds).toISOString(),\n      undefined,\n      precision,\n    );\n\n    if (parsedMin && isSameDay(minDate, date)) {\n      return parsedMin;\n    }\n  }\n\n  // Enforce max boundary if candidate is after max and position is not 'from'.\n  if (\n    max &&\n    position !== 'from' &&\n    isOutOfBounds(endOfDay(date), undefined, max) &&\n    isSameDay(new TZDateMini(max.absoluteDate, timezone), date)\n  ) {\n    return max;\n  }\n\n  const parsedDate = parseTimeAsTimeValue(stringDate, undefined, precision);\n  if (!parsedDate) {\n    return null;\n  }\n\n  const isRelativeExpression = isExpression || parsedDate.type === 'expression';\n\n  // Preserve the original absoluteDate (including its time component) when precision\n  // is 'day'. The time is used internally to resolve the correct calendar date once precision is applied.\n  const resolvedDate =\n    precision === 'day'\n      ? parsedDate.absoluteDate\n      : _getPreciseIsoString(\n          parsedDate.absoluteDate,\n          timeOffset,\n          position,\n          isRelativeExpression,\n        );\n\n  return isRelativeExpression\n    ? { ...parsedDate, absoluteDate: resolvedDate, type: 'expression' }\n    : { ...parsedDate, absoluteDate: resolvedDate, value: resolvedDate };\n};\n\n/** Applies the proper timeoffset and returns the date as ISO String. */\nfunction _getPreciseIsoString(\n  isoString: string,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n) {\n  if (!timeOffset) {\n    return isoString;\n  }\n\n  const offsetDate = isSimpleTimeOffset(timeOffset)\n    ? timeOffset\n    : timeOffset[position ?? 'from'];\n\n  const date = new TZDateMini(isoString, getTimezone());\n\n  if (isExpression) {\n    return date.toISOString();\n  }\n\n  switch (offsetDate) {\n    case 'startOfDay':\n      return startOfDay(date).toISOString();\n    case 'endOfDay':\n      return endOfDay(date).toISOString();\n    default: {\n      if (isoString === offsetDate) {\n        return isoString;\n      }\n\n      const parsedOffsetDate = parseTimeAsTimeValue(offsetDate);\n      // If the offset itself is an expression (e.g. \"now()\"), we cannot use its\n      // absoluteDate as a time-of-day reference \u2014 that would replace the candidate's\n      // date with the current clock time. Return the candidate ISO string as-is.\n      if (parsedOffsetDate?.type === 'expression') {\n        return isoString;\n      }\n      const precision = getSecondFractions(offsetDate);\n      return applyInitialTime(isoString, offsetDate, precision);\n    }\n  }\n}\n\n/**\n * For 'date' type, it adjusts the time by the timezone offset to ensure the\n * date is correct without time information.\n * For 'time' and 'datetime' types, it returns the ISO string as is.\n */\nexport const convertDateOnlyToDateTime = (\n  isoString: string | undefined,\n  type: 'time' | 'date' | 'datetime' | undefined,\n): string => {\n  if (type === 'date') {\n    const newDate = new TZDateMini(isoString ?? '', getTimezone());\n    if (!isNaN(newDate.getTime())) {\n      newDate.setMinutes(newDate.getMinutes() + newDate.getTimezoneOffset());\n      return newDate.toISOString();\n    }\n  }\n  return isoString ?? '';\n};\n\n/**\n * Converts a raw TimeValue to the correct calendarValue shape.\n * When precision is 'day', the absoluteDate/value fields must contain a full\n * ISO datetime string (produced by convertDateOnlyToDateTime) rather than the\n * date-only string stored in dateTimePickerValue.\n */\nexport function toCalendarValue(\n  value: TimeValue | null | undefined,\n  precision: Precision | undefined,\n): TimeValue | null {\n  if (!value || value.absoluteDate === '') {\n    return null;\n  }\n  if (precision === 'day') {\n    const converted = convertDateOnlyToDateTime(value.absoluteDate, 'date');\n    if (converted) {\n      return { absoluteDate: converted, value: converted, type: 'iso8601' };\n    }\n  }\n  return value;\n}\n\n/**\n * Filters the Grail min or max date.\n * Returns `undefined` if the provided limit is the default Grail min or max and the value is not outside the Grail range.\n * Otherwise, returns the custom min or max limit.\n * @internal\n */\nexport function filterOutGrailLimit(\n  value: {\n    from: string | null | TimeValue;\n    to: string | null | TimeValue;\n  } | null,\n  limit?: string,\n): string | undefined {\n  const isOutsideGrailLimit = isOutsideRange(\n    value,\n    GRAIL_MIN_DATE,\n    GRAIL_MAX_DATE,\n  );\n\n  return (limit === GRAIL_MIN_DATE || limit === GRAIL_MAX_DATE) &&\n    !isOutsideGrailLimit\n    ? undefined\n    : limit;\n}\n"],
+  "mappings": "AAAA,SAAiB,kBAAkB;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AAGnC,SAAS,qBAAqB;AAE9B,SAAS,sBAAsB;AAK/B,SAAS,eACP,YACG,OACK;AACR,QAAM,YAAY,cAAc;AAAA,IAC9B;AAAA,IACA,WAAW,MAAM,KAAK,CAAC,SAAS,OAAO,SAAS,QAAQ;AAAA,EAC1D;AACA,SAAO,MAAM,IAAI,SAAS;AAC5B;AAuBO,SAAS,kBACd,UACA,SACU;AACV,QAAM,CAAC,OAAO,GAAG,IAAI;AAAA,IACnB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACA,MAAI,WAAW,CAAC,QAAQ,CAAC;AACzB,QAAM,UAAU,WAAW,CAAC,QAAQ,CAAC;AACrC,QAAM,OAAO,WAAW,MAAM;AAE9B,OAAK,SAAS,GAAG,GAAG,GAAG,CAAC;AAExB,MAAI,OAAO,SAAS,QAAQ;AAC5B,MAAI,CAAC,MAAM;AACT,WAAO,CAAC;AAAA,EACV;AACA,MAAI,OAAO,GAAG;AACZ,WAAO,CAAC;AACR,eAAW,CAAC;AAAA,EACd;AAEA,QAAM,QAAkB,CAAC;AAEzB,SAAO,CAAC,QAAQ,SAAS;AACvB,UAAM,KAAK,cAAc,OAAO,IAAI,CAAC;AACrC,SAAK,SAAS,KAAK,SAAS,IAAI,OAAO,KAAK,CAAC;AAC7C,SAAK,SAAS,CAAC;AAAA,EACjB;AAEA,SAAO,WAAW,MAAM,QAAQ,IAAI;AACtC;AAMO,SAAS,oBACd,OACA,KACA,KACA,WACA;AACA,MACE,OAAO,MAAM,gBACb,OAAO,IAAI,gBACX,SAAS,MAAM,GAAG,cAAc,MAAM,KAAK,YAAY,GACvD;AAGA,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM,GAAG;AAAA,QACT,MAAM,KAAK;AAAA,QACX;AAAA,QACA,MAAM,GAAG,SAAS;AAAA,QAClB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,MAAM,KAAK;AAAA,QACX,MAAM,GAAG;AAAA,QACT;AAAA,QACA,MAAM,KAAK,SAAS;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,IAAI,OAAO;AAAA,EACb;AACF;AAEA,IAAI,mCAAmC;AAEhC,SAAS,+BAA+B;AAC7C,qCAAmC;AACrC;AAaO,SAAS,wBAAgC;AAC9C,QAAM,SAAS,kBAAkB;AACjC,QAAM,iBAAiB,qCAAqC,MAAM;AAElE,MAAI;AACF,QAAI,KAAK,OAAO,cAAc;AAC9B,QAAI,KAAK,aAAa,mBAAmB,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG;AACvE,YAAM,IAAI;AAAA,QACR,WAAW,cAAc;AAAA,MAC3B;AAAA,IACF;AACA,WAAO;AAAA,EACT,SAAS,OAAO;AAEd,UAAM,SAAS,gBAAgB,gBAAgB;AAC/C,QAAI,CAAC,kCAAkC;AACrC,aAAO,KAAK,4BAA4B,MAAM,kBAAkB,OAAO;AAAA,QACrE;AAAA,QACA;AAAA,MACF,CAAC;AACD,yCAAmC;AAAA,IACrC;AACA,WAAO;AAAA,EACT;AACF;AAEA,MAAM,uCAAuC,CAAC,WAAmB;AAC/D,QAAM,uBAAuB;AAAA;AAAA,IAE3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EACF;AAEA,MAAI,qBAAqB;AAEzB,MAAI,CAAC,oBAAoB;AACvB,WAAO;AAAA,EACT;AAEA,MAAI,mBAAmB,MAAM,GAAG,EAAE,CAAC,MAAM,QAAW;AAClD,WAAO,QAAQ,mBAAmB,MAAM,GAAG,EAAE,CAAC;AAAA,EAChD;AAGA,MACE,qBAAqB;AAAA,IACnB,CAAC,SAAS,SAAS,mBAAmB,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB;AAAA,EACxE,GACA;AACA,yBAAqB,QAAQ,mBAAmB,MAAM,GAAG,EAAE,CAAC;AAAA,EAC9D;AAIA,MAAI,mBAAmB,MAAM,GAAG,EAAE,CAAC,GAAG;AACpC,WAAO,mBAAmB,MAAM,GAAG,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG;AAAA,EAC3D;AAEA,SAAO;AACT;AAMO,MAAM,qBAAqB,MAAM;AACtC,QAAM,YAAY,IAAI,KAAK,aAAa,sBAAsB,GAAG;AAAA,IAC/D,MAAM;AAAA,EACR,CAAC,EAAE,GAAG,WAAW;AAGjB,MAAI,CAAC,WAAW,MAAM,GAAG,EAAE,CAAC,GAAG;AAC7B,WAAO,CAAC,MAAM,IAAI;AAAA,EACpB;AAEA,SAAO,UAAU,MAAM,GAAG;AAC5B;AAMO,SAAS,gBACd,WACA,cACe;AACf,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,QAAM,eAAe,qBAAqB,WAAW,OAAO,YAAY;AACxE,SAAO,cAAc,eACjB,IAAI,WAAW,aAAa,cAAc,YAAY,CAAC,IACvD;AACN;AAMO,MAAM,8BAA8B,CACzC,WACA,YACA,UACA,cACA,KACA,KACA,cACqB;AACrB,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,QAAM,aACJ,OAAO,cAAc,WAAW,YAAY,UAAU,YAAY;AACpE,QAAM,WAAW,YAAY;AAC7B,QAAM,OAAO,IAAI,WAAW,YAAY,QAAQ;AAEhD,QAAM,UAAU,IAAI;AAAA,IAClB,gBAAgB,KAAK,gBAAgB,IAAI,SAAS;AAAA,IAClD;AAAA,EACF;AAEA,MACE,OACA,aAAa,QACb,cAAc,WAAW,IAAI,GAAG,GAAG,KACnC,UAAU,SAAS,IAAI,GACvB;AACA,QAAI,IAAI,SAAS,cAAc;AAC7B,aAAO;AAAA,IACT;AAEA,UAAM,oBAAoB,EAAE,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG;AAErE,UAAM;AAAA;AAAA,MAEJ,QAAQ,QAAQ,MAAM,IAAI,WAAW,IAAI,cAAc,QAAQ,EAAE,QAAQ,IACrE,IACA,kBAAkB,SAA2C,KAAK;AAAA;AAGxE,UAAM,YAAY;AAAA,MAChB,WAAW,SAAS,aAAa,EAAE,YAAY;AAAA,MAC/C;AAAA,MACA;AAAA,IACF;AAEA,QAAI,aAAa,UAAU,SAAS,IAAI,GAAG;AACzC,aAAO;AAAA,IACT;AAAA,EACF;AAGA,MACE,OACA,aAAa,UACb,cAAc,SAAS,IAAI,GAAG,QAAW,GAAG,KAC5C,UAAU,IAAI,WAAW,IAAI,cAAc,QAAQ,GAAG,IAAI,GAC1D;AACA,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,qBAAqB,YAAY,QAAW,SAAS;AACxE,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,uBAAuB,gBAAgB,WAAW,SAAS;AAIjE,QAAM,eACJ,cAAc,QACV,WAAW,eACX;AAAA,IACE,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEN,SAAO,uBACH,EAAE,GAAG,YAAY,cAAc,cAAc,MAAM,aAAa,IAChE,EAAE,GAAG,YAAY,cAAc,cAAc,OAAO,aAAa;AACvE;AAGA,SAAS,qBACP,WACA,YACA,UACA,cACA;AACA,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,mBAAmB,UAAU,IAC5C,aACA,WAAW,YAAY,MAAM;AAEjC,QAAM,OAAO,IAAI,WAAW,WAAW,YAAY,CAAC;AAEpD,MAAI,cAAc;AAChB,WAAO,KAAK,YAAY;AAAA,EAC1B;AAEA,UAAQ,YAAY;AAAA,IAClB,KAAK;AACH,aAAO,WAAW,IAAI,EAAE,YAAY;AAAA,IACtC,KAAK;AACH,aAAO,SAAS,IAAI,EAAE,YAAY;AAAA,IACpC,SAAS;AACP,UAAI,cAAc,YAAY;AAC5B,eAAO;AAAA,MACT;AAEA,YAAM,mBAAmB,qBAAqB,UAAU;AAIxD,UAAI,kBAAkB,SAAS,cAAc;AAC3C,eAAO;AAAA,MACT;AACA,YAAM,YAAY,mBAAmB,UAAU;AAC/C,aAAO,iBAAiB,WAAW,YAAY,SAAS;AAAA,IAC1D;AAAA,EACF;AACF;AAOO,MAAM,4BAA4B,CACvC,WACA,SACW;AACX,MAAI,SAAS,QAAQ;AACnB,UAAM,UAAU,IAAI,WAAW,aAAa,IAAI,YAAY,CAAC;AAC7D,QAAI,CAAC,MAAM,QAAQ,QAAQ,CAAC,GAAG;AAC7B,cAAQ,WAAW,QAAQ,WAAW,IAAI,QAAQ,kBAAkB,CAAC;AACrE,aAAO,QAAQ,YAAY;AAAA,IAC7B;AAAA,EACF;AACA,SAAO,aAAa;AACtB;AAQO,SAAS,gBACd,OACA,WACkB;AAClB,MAAI,CAAC,SAAS,MAAM,iBAAiB,IAAI;AACvC,WAAO;AAAA,EACT;AACA,MAAI,cAAc,OAAO;AACvB,UAAM,YAAY,0BAA0B,MAAM,cAAc,MAAM;AACtE,QAAI,WAAW;AACb,aAAO,EAAE,cAAc,WAAW,OAAO,WAAW,MAAM,UAAU;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AAQO,SAAS,oBACd,OAIA,OACoB;AACpB,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,UAAQ,UAAU,kBAAkB,UAAU,mBAC5C,CAAC,sBACC,SACA;AACN;",
   "names": []
 }

package/esm/forms/hooks/useAutofillEvent.css

@@ -1,20 +1,20 @@
-@keyframes _yfwka31-3-5-2 {
+@keyframes _yfwka31-3-7-0 {
 
 }
-@keyframes _yfwka32-3-5-2 {
+@keyframes _yfwka32-3-7-0 {
 
 }
-._yfwka33-3-5-2:-webkit-autofill:is(._yfwka33-3-5-2,:hover,:focus) {
+._yfwka33-3-7-0:-webkit-autofill:is(._yfwka33-3-7-0,:hover,:focus) {
   -webkit-text-fill-color: var(--dt-colors-text-primary-default, #464cce);
-  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-5-2) inset;
+  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-7-0) inset;
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._yfwka33-3-5-2:-webkit-autofill {
-  animation-name: _yfwka31-3-5-2;
+._yfwka33-3-7-0:-webkit-autofill {
+  animation-name: _yfwka31-3-7-0;
   animation-duration: 0.001s;
 }
-._yfwka33-3-5-2:not(:-webkit-autofill) {
-  animation-name: _yfwka32-3-5-2;
+._yfwka33-3-7-0:not(:-webkit-autofill) {
+  animation-name: _yfwka32-3-7-0;
   animation-duration: 0.001s;
 }
 input:-webkit-autofill::spelling-error {

package/esm/forms/hooks/useAutofillEvent.sty.js

@@ -1,8 +1,8 @@
 import "./useAutofillEvent.css";
-var autofillBackground = "var(--_yfwka30-3-5-2)";
-var autofillCSS = "_yfwka33-3-5-2";
-var end = "_yfwka32-3-5-2";
-var start = "_yfwka31-3-5-2";
+var autofillBackground = "var(--_yfwka30-3-7-0)";
+var autofillCSS = "_yfwka33-3-7-0";
+var end = "_yfwka32-3-7-0";
+var start = "_yfwka31-3-7-0";
 export {
   autofillBackground,
   autofillCSS,

package/esm/forms/hooks/useAutofillEvent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/hooks/useAutofillEvent.css.ts"],
-  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-5-2)';\nexport var autofillCSS = '_yfwka33-3-5-2';\nexport var end = '_yfwka32-3-5-2';\nexport var start = '_yfwka31-3-5-2';"],
+  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-7-0)';\nexport var autofillCSS = '_yfwka33-3-7-0';\nexport var end = '_yfwka32-3-7-0';\nexport var start = '_yfwka31-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,QAAQ;",
   "names": []
 }

package/esm/forms/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/forms/index.ts"],
-  "sourcesContent": ["export type { BaseInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputContentProps } from './_base-input/BaseInputContent.js';\nexport type { BaseInputButtonProps as TextInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputProps } from './_base-input/base-input.types.js';\nexport type { BaseInputContentProps as TextInputContentProps } from './_base-input/BaseInputContent.js';\nexport { Checkbox } from './checkbox/Checkbox.js';\nexport type { CheckboxProps } from './checkbox/Checkbox.js';\nexport { Calendar as _Calendar } from './calendar/Calendar.js';\nexport type {\n  CalendarProps as _CalendarProps,\n  CalendarStrictValueType as _CalendarOnChangeType,\n  CalendarValueType as _CalendarValueType,\n} from './calendar/Calendar.types.js';\nexport type { CalendarType as _CalendarType } from './calendar/types/calendarConfiguration.js';\nexport { getFormattedDateTime } from './forms-core/time/date-time.js';\nexport { DateTimePicker } from './date-time-picker/DateTimePicker.js';\nexport type {\n  DateTimePickerPrecision,\n  DateTimePickerProps,\n  DateTimePickerType,\n  DateTimePickerTypeProps,\n} from './date-time-picker/types.js';\nexport { FieldSet } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetProps } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetLegendProps } from './forms-core/components/field-set/FieldSet.js';\nexport { FormField } from './forms-core/components/form-field/FormField.js';\nexport type { FormFieldProps } from './forms-core/components/form-field/FormField.js';\nexport { _FormFieldContext } from './forms-core/contexts/FormFieldContext.js';\nexport type { SharedFormFieldContextProps } from './forms-core/contexts/FormFieldContext.js';\nexport type {\n  FormFieldReducerAction,\n  FormFieldReducerActionPayload,\n  FormFieldAction,\n} from './forms-core/state/formfield-state-reducer.js';\nexport type { SharedFormFieldProps } from './forms-core/types/formfield.types.js';\nexport { FormFieldMessages } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type { FormFieldMessageProps } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type {\n  FormFieldControlMessage,\n  FormFieldCustomMessage,\n} from './forms-core/types/formfield-messages.types.js';\nexport type { FormFieldMessageItemProps } from './forms-core/components/form-field-messages/FormFieldMessageItem.js';\nexport type { FormFieldMessageBaseItemProps } from './forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nexport { Hint } from './forms-core/components/hint/Hint.js';\nexport type { HintProps } from './forms-core/components/hint/Hint.js';\nexport { Label } from './forms-core/components/label/Label.js';\nexport type { LabelProps } from './forms-core/components/label/Label.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport { NumberInput } from './number-input/NumberInput.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport type { NumberInputProps } from './number-input/NumberInputBase.js';\nexport { NumberInput as NumberInputV2 } from './number-input-v2/NumberInput.js';\nexport type { NumberInputProps as NumberInputV2Props } from './number-input-v2/NumberInput.js';\nexport { PasswordInput } from './password-input/PasswordInput.js';\nexport type { PasswordInputProps } from './password-input/PasswordInput.js';\nexport type { PasswordInputTooltipProps } from './password-input/PasswordInputTooltip.js';\nexport { Radio } from './radio/Radio.js';\nexport type { RadioProps } from './radio/Radio.js';\nexport { RadioGroup } from './radio/RadioGroup.js';\nexport type { RadioGroupProps } from './radio/RadioGroup.js';\nexport { SearchInput } from './search-input/SearchInput.js';\nexport type { SearchInputProps } from './search-input/SearchInput.js';\n\nexport { Select } from './select/Select.js';\nexport type {\n  SelectOnChangeValue,\n  SelectFormsProps,\n  SelectBaseProps,\n} from './select/Select.js';\nexport { SelectContent } from './select/SelectContent.js';\nexport type { SelectContentProps } from './select/SelectContent.js';\n\nexport { SelectCustomTrigger } from './select/SelectCustomTrigger.js';\nexport type { SelectCustomTriggerProps } from './select/SelectCustomTrigger.js';\n\nexport { SelectDisplayValue } from './select/SelectDisplayValue.js';\nexport type { SelectDisplayValueProps } from './select/SelectDisplayValue.js';\n\nexport { SelectEmptyState } from './select/SelectEmptyState.js';\nexport type { SelectEmptyStateProps } from './select/SelectEmptyState.js';\n\nexport { SelectFilter } from './select/SelectFilter.js';\nexport type { SelectFilterProps } from './select/SelectFilter.js';\n\nexport { SelectGroup, SelectGroupLabel } from './select/SelectGroup.js';\n\nexport type {\n  SelectGroupLabelProps,\n  SelectGroupProps,\n} from './select/SelectGroup.js';\n\nexport { SelectOption } from './select/SelectOption.js';\nexport type { SelectOptionProps } from './select/SelectOption.js';\n\nexport { SelectPrefix } from './select/SelectPrefix.js';\nexport type { SelectPrefixProps } from './select/SelectPrefix.js';\n\nexport { SelectSuffix } from './select/SelectSuffix.js';\nexport type { SelectSuffixProps } from './select/SelectSuffix.js';\n\nexport { SelectTrigger } from './select/SelectTrigger.js';\nexport type { SelectTriggerProps } from './select/SelectTrigger.js';\n\nexport type {\n  SelectContentWidthOptionsType,\n  SelectTriggerWidthOptionsType,\n  SelectMultiValue,\n  SelectSingleValue,\n} from './select/types.js';\n\nexport {\n  isFormControlRef as _isFormControlRef,\n  isFormControlWithOverlayRef as _isFormControlWithOverlayRef,\n} from './shared-types.js';\nexport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n  TimeRangePickerRef,\n} from './shared-types.js';\nexport { NumberSpinButton as _NumberSpinButton } from './spin-buttons/number-spin-button/NumberSpinButton.js';\nexport type {\n  NumberSpinButtonDisplayFormat as _NumberSpinButtonDisplayFormat,\n  NumberSpinButtonProps as _NumberSpinButtonProps,\n  NumberSpinButtonRef as _NumberSpinButtonRef,\n} from './spin-buttons/number-spin-button/types.js';\nexport { SpinButtonGroup as _SpinButtonGroup } from './spin-buttons/spin-button-group/SpinButtonGroup.js';\nexport type {\n  SpinButtonGroupProps as _SpinButtonGroupProps,\n  SpinButtonGroupSeparatorProps as _SpinButtonGroupSeparatorProps,\n} from './spin-buttons/spin-button-group/types.js';\nexport { TextSpinButton as _TextSpinButton } from './spin-buttons/text-spin-button/TextSpinButton.js';\nexport type {\n  TextSpinButtonProps as _TextSpinButtonProps,\n  TextSpinButtonRef as _TextSpinButtonRef,\n} from './spin-buttons/text-spin-button/types.js';\nexport type { SpinButtonTextSelection as _SpinButtonTextSelection } from './spin-buttons/types.js';\nexport { Switch } from './switch/Switch.js';\nexport type { SwitchProps } from './switch/Switch.js';\nexport { TextArea } from './text-area/TextArea.js';\nexport type { TextAreaProps, TextAreaInputRef } from './text-area/TextArea.js';\nexport { TextInput } from './text-input/TextInput.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputControlledProps,\n  TextInputProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputUncontrolledProps,\n} from './text-input/TextInput.js';\n\nexport { DateTimeRangePicker as _DateTimeRangePicker } from './date-time-range-picker/DateTimeRangePicker.js';\nexport type {\n  DateTimeRangePickerProps as _DateTimeRangePickerProps,\n  DateTimeRangePickerRef as _DateTimeRangePickerRef,\n} from './date-time-range-picker/types.js';\n\nexport {\n  ToggleButtonGroup,\n  type ToggleButtonGroupProps,\n} from './toggle-button-group/ToggleButtonGroup.js';\nexport type { ToggleButtonGroupItemProps } from './toggle-button-group/Item.js';\nexport type { ToggleButtonGroupPrefixProps } from './toggle-button-group/Prefix.js';\nexport type { ToggleButtonGroupSuffixProps } from './toggle-button-group/Suffix.js';\n"],
-  "mappings": "AAKA,SAAS,gBAAgB;AAEzB,SAAqB,gBAAiB;AAOtC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAO/B,SAAS,gBAAgB;AAGzB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAQlC,SAAS,yBAAyB;AAQlC,SAAS,YAAY;AAErB,SAAS,aAAa;AAGtB,SAAS,mBAAmB;AAG5B,SAAwB,eAAfA,oBAAoC;AAE7C,SAAS,qBAAqB;AAG9B,SAAS,aAAa;AAEtB,SAAS,kBAAkB;AAE3B,SAAS,mBAAmB;AAG5B,SAAS,cAAc;AAMvB,SAAS,qBAAqB;AAG9B,SAAS,2BAA2B;AAGpC,SAAS,0BAA0B;AAGnC,SAAS,wBAAwB;AAGjC,SAAS,oBAAoB;AAG7B,SAAS,aAAa,wBAAwB;AAO9C,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAU9B;AAAA,EACsB;AAAA,EACW;AAAA,OAC1B;AAMP,SAA6B,wBAAyB;AAMtD,SAA4B,uBAAwB;AAKpD,SAA2B,sBAAuB;AAMlD,SAAS,cAAc;AAEvB,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAS1B,SAAgC,2BAA4B;AAM5D;AAAA,EACE;AAAA,OAEK;",
+  "sourcesContent": ["export type { BaseInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputContentProps } from './_base-input/BaseInputContent.js';\nexport type { BaseInputButtonProps as TextInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputProps } from './_base-input/base-input.types.js';\nexport type { BaseInputContentProps as TextInputContentProps } from './_base-input/BaseInputContent.js';\nexport { Checkbox } from './checkbox/Checkbox.js';\nexport type { CheckboxProps } from './checkbox/Checkbox.js';\nexport { Calendar as _Calendar } from './calendar/Calendar.js';\nexport type {\n  CalendarProps as _CalendarProps,\n  CalendarStrictValueType as _CalendarOnChangeType,\n  CalendarValueType as _CalendarValueType,\n} from './calendar/Calendar.types.js';\nexport type { CalendarType as _CalendarType } from './calendar/types/calendarConfiguration.js';\nexport { getFormattedDateTime } from './forms-core/time/date-time.js';\nexport { DateTimePicker } from './date-time-picker/DateTimePicker.js';\nexport type {\n  DateTimePickerPrecision,\n  DateTimePickerProps,\n  DateTimePickerType,\n  DateTimePickerTypeProps,\n} from './date-time-picker/types.js';\nexport { FieldSet } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetProps } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetLegendProps } from './forms-core/components/field-set/FieldSet.js';\nexport { FormField } from './forms-core/components/form-field/FormField.js';\nexport type { FormFieldProps } from './forms-core/components/form-field/FormField.js';\nexport { _FormFieldContext } from './forms-core/contexts/FormFieldContext.js';\nexport type { SharedFormFieldContextProps } from './forms-core/contexts/FormFieldContext.js';\nexport type {\n  FormFieldReducerAction,\n  FormFieldReducerActionPayload,\n  FormFieldAction,\n} from './forms-core/state/formfield-state-reducer.js';\nexport type { SharedFormFieldProps } from './forms-core/types/formfield.types.js';\nexport { FormFieldMessages } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type { FormFieldMessageProps } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type {\n  FormFieldControlMessage,\n  FormFieldCustomMessage,\n} from './forms-core/types/formfield-messages.types.js';\nexport type { FormFieldMessageItemProps } from './forms-core/components/form-field-messages/FormFieldMessageItem.js';\nexport type { FormFieldMessageBaseItemProps } from './forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nexport { Hint } from './forms-core/components/hint/Hint.js';\nexport type { HintProps } from './forms-core/components/hint/Hint.js';\nexport { Label } from './forms-core/components/label/Label.js';\nexport type { LabelProps } from './forms-core/components/label/Label.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport { NumberInput } from './number-input/NumberInput.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport type { NumberInputProps } from './number-input/NumberInputBase.js';\nexport { NumberInput as NumberInputV2 } from './number-input-v2/NumberInput.js';\nexport type { NumberInputProps as NumberInputV2Props } from './number-input-v2/NumberInput.js';\nexport { PasswordInput } from './password-input/PasswordInput.js';\nexport type { PasswordInputProps } from './password-input/PasswordInput.js';\nexport type { PasswordInputTooltipProps } from './password-input/PasswordInputTooltip.js';\nexport { Radio } from './radio/Radio.js';\nexport type { RadioProps } from './radio/Radio.js';\nexport { RadioGroup } from './radio/RadioGroup.js';\nexport type { RadioGroupProps } from './radio/RadioGroup.js';\nexport { SearchInput } from './search-input/SearchInput.js';\nexport type { SearchInputProps } from './search-input/SearchInput.js';\nexport type { SearchInputStepperProps } from './search-input/Stepper.js';\n\nexport { Select } from './select/Select.js';\nexport type {\n  SelectOnChangeValue,\n  SelectFormsProps,\n  SelectBaseProps,\n} from './select/Select.js';\nexport { SelectContent } from './select/SelectContent.js';\nexport type { SelectContentProps } from './select/SelectContent.js';\n\nexport { SelectCustomTrigger } from './select/SelectCustomTrigger.js';\nexport type { SelectCustomTriggerProps } from './select/SelectCustomTrigger.js';\n\nexport { SelectDisplayValue } from './select/SelectDisplayValue.js';\nexport type { SelectDisplayValueProps } from './select/SelectDisplayValue.js';\n\nexport { SelectEmptyState } from './select/SelectEmptyState.js';\nexport type { SelectEmptyStateProps } from './select/SelectEmptyState.js';\n\nexport { SelectFilter } from './select/SelectFilter.js';\nexport type { SelectFilterProps } from './select/SelectFilter.js';\n\nexport { SelectGroup, SelectGroupLabel } from './select/SelectGroup.js';\n\nexport type {\n  SelectGroupLabelProps,\n  SelectGroupProps,\n} from './select/SelectGroup.js';\n\nexport { SelectOption } from './select/SelectOption.js';\nexport type { SelectOptionProps } from './select/SelectOption.js';\n\nexport { SelectPrefix } from './select/SelectPrefix.js';\nexport type { SelectPrefixProps } from './select/SelectPrefix.js';\n\nexport { SelectSuffix } from './select/SelectSuffix.js';\nexport type { SelectSuffixProps } from './select/SelectSuffix.js';\n\nexport { SelectTrigger } from './select/SelectTrigger.js';\nexport type { SelectTriggerProps } from './select/SelectTrigger.js';\n\nexport type {\n  SelectContentWidthOptionsType,\n  SelectTriggerWidthOptionsType,\n  SelectMultiValue,\n  SelectSingleValue,\n} from './select/types.js';\n\nexport {\n  isFormControlRef as _isFormControlRef,\n  isFormControlWithOverlayRef as _isFormControlWithOverlayRef,\n} from './shared-types.js';\nexport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n  TimeRangePickerRef,\n} from './shared-types.js';\nexport { NumberSpinButton as _NumberSpinButton } from './spin-buttons/number-spin-button/NumberSpinButton.js';\nexport type {\n  NumberSpinButtonDisplayFormat as _NumberSpinButtonDisplayFormat,\n  NumberSpinButtonProps as _NumberSpinButtonProps,\n  NumberSpinButtonRef as _NumberSpinButtonRef,\n} from './spin-buttons/number-spin-button/types.js';\nexport { SpinButtonGroup as _SpinButtonGroup } from './spin-buttons/spin-button-group/SpinButtonGroup.js';\nexport type {\n  SpinButtonGroupProps as _SpinButtonGroupProps,\n  SpinButtonGroupSeparatorProps as _SpinButtonGroupSeparatorProps,\n} from './spin-buttons/spin-button-group/types.js';\nexport { TextSpinButton as _TextSpinButton } from './spin-buttons/text-spin-button/TextSpinButton.js';\nexport type {\n  TextSpinButtonProps as _TextSpinButtonProps,\n  TextSpinButtonRef as _TextSpinButtonRef,\n} from './spin-buttons/text-spin-button/types.js';\nexport type { SpinButtonTextSelection as _SpinButtonTextSelection } from './spin-buttons/types.js';\nexport { Switch } from './switch/Switch.js';\nexport type { SwitchProps } from './switch/Switch.js';\nexport { TextArea } from './text-area/TextArea.js';\nexport type { TextAreaProps, TextAreaInputRef } from './text-area/TextArea.js';\nexport { TextInput } from './text-input/TextInput.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputControlledProps,\n  TextInputProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputUncontrolledProps,\n} from './text-input/TextInput.js';\n\nexport { DateTimeRangePicker as _DateTimeRangePicker } from './date-time-range-picker/DateTimeRangePicker.js';\nexport type {\n  DateTimeRangePickerProps as _DateTimeRangePickerProps,\n  DateTimeRangePickerRef as _DateTimeRangePickerRef,\n} from './date-time-range-picker/types.js';\n\nexport {\n  ToggleButtonGroup,\n  type ToggleButtonGroupProps,\n} from './toggle-button-group/ToggleButtonGroup.js';\nexport type { ToggleButtonGroupItemProps } from './toggle-button-group/Item.js';\nexport type { ToggleButtonGroupPrefixProps } from './toggle-button-group/Prefix.js';\nexport type { ToggleButtonGroupSuffixProps } from './toggle-button-group/Suffix.js';\n"],
+  "mappings": "AAKA,SAAS,gBAAgB;AAEzB,SAAqB,gBAAiB;AAOtC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAO/B,SAAS,gBAAgB;AAGzB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAQlC,SAAS,yBAAyB;AAQlC,SAAS,YAAY;AAErB,SAAS,aAAa;AAGtB,SAAS,mBAAmB;AAG5B,SAAwB,eAAfA,oBAAoC;AAE7C,SAAS,qBAAqB;AAG9B,SAAS,aAAa;AAEtB,SAAS,kBAAkB;AAE3B,SAAS,mBAAmB;AAI5B,SAAS,cAAc;AAMvB,SAAS,qBAAqB;AAG9B,SAAS,2BAA2B;AAGpC,SAAS,0BAA0B;AAGnC,SAAS,wBAAwB;AAGjC,SAAS,oBAAoB;AAG7B,SAAS,aAAa,wBAAwB;AAO9C,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAU9B;AAAA,EACsB;AAAA,EACW;AAAA,OAC1B;AAMP,SAA6B,wBAAyB;AAMtD,SAA4B,uBAAwB;AAKpD,SAA2B,sBAAuB;AAMlD,SAAS,cAAc;AAEvB,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAS1B,SAAgC,2BAA4B;AAM5D;AAAA,EACE;AAAA,OAEK;",
   "names": ["NumberInput"]
 }

package/esm/forms/number-input/NumberInputBase.js

@@ -9,18 +9,18 @@ import {
   useRef
 } from "react";
 import { useIntl } from "react-intl";
-import { getRegionalFormat } from "@dynatrace-sdk/user-preferences";
 import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
 import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useControllableState } from "../../core/hooks/useControllableState.js";
+import { useFocusRing } from "../../core/hooks/useFocusRing.js";
 import { useFormControlState } from "../../core/hooks/useFormControlState.js";
-import { useFocusRing } from "../../core/styles/useFocusRing.js";
 import { mergeProps as _mergeProps } from "../../core/utils/merge-props.js";
 import { Flex } from "../../layouts/flex/Flex.js";
 import { inputGroupClassName } from "../../layouts/input-group/InputGroup.sty.js";
 import * as styles from "../_base-input/BaseInput.sty.js";
 import { InternalBaseItem as BaseItem } from "../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js";
 import { useSyncedFormControlProps } from "../forms-core/hooks/useSyncedFormControlProps.js";
+import { getSafeRegionalFormat } from "../forms-core/time/helpers.js";
 import { autofillCSS } from "../hooks/useAutofillEvent.sty.js";
 import { useAutofillEvent } from "../hooks/useAutofillEvent.js";
 import { useInputHint } from "../hooks/useInputHint.js";
@@ -61,10 +61,10 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const [behavioralTrackingProps, restProps] = useBehavioralTrackingProps(remainingProps);
   const componentName = restProps["data-dt-component"];
   const { "aria-labelledby": ariaLabelledBy, ...remainingAriaProps } = useAriaLabelingProps(restProps);
-  const locale = useMemo(() => getRegionalFormat(), []);
+  const locale = useMemo(() => getSafeRegionalFormat(), []);
   const minValue = !isNaN(Number(minValueNumberLike)) ? Number(minValueNumberLike) : void 0;
   const maxValue = !isNaN(Number(maxValueNumberLike)) ? Number(maxValueNumberLike) : void 0;
-  const numberInputValue = value === null || value === void 0 ? NaN : value;
+  const numberInputValue = value ?? NaN;
   const {
     disabled,
     required,

package/esm/forms/number-input/NumberInputBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/number-input/NumberInputBase.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated */\nimport { useNumberField } from '@react-aria/numberfield';\nimport { useNumberFieldState } from '@react-stately/numberfield';\nimport clsx from 'clsx';\nimport {\n  type ChangeEvent,\n  type KeyboardEvent,\n  type KeyboardEventHandler,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { getRegionalFormat } from '@dynatrace-sdk/user-preferences';\n\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useFormControlState } from '../../core/hooks/useFormControlState.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.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 as _mergeProps } from '../../core/utils/merge-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport type { BaseInputProps } from '../_base-input/base-input.types.js';\nimport * as styles from '../_base-input/BaseInput.sty.js';\nimport { InternalBaseItem as BaseItem } from '../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useSyncedFormControlProps } from '../forms-core/hooks/useSyncedFormControlProps.js';\nimport { autofillCSS } from '../hooks/useAutofillEvent.sty.js';\nimport { useAutofillEvent } from '../hooks/useAutofillEvent.js';\nimport { useInputHint } from '../hooks/useInputHint.js';\nimport type { FormControlRef } from '../shared-types.js';\n\n// #region Typings\n/**\n * The properties of the NumberInput component.\n * @public\n * @deprecated This type is deprecated and will be removed in a future release. Please use the NumberInputV2Props instead.\n */\nexport type NumberInputProps = Pick<\n  BaseInputProps,\n  | 'autoComplete'\n  | 'placeholder'\n  | 'minLength'\n  | 'maxLength'\n  | 'pattern'\n  | 'onKeyUp'\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  FocusEvents &\n  BehaviorTrackingProps & {\n    /** Handler that is called when a key is pressed. */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /** Minimum amount of the input. */\n    min?: number | string;\n    /** Maximum amount of the input. */\n    max?: number | string;\n    /** Defines the step size in which increments/decrements can be performed on the input. */\n    step?: number;\n  };\n// #endregion\n\n/**\n * NumberInputBase component. This is necessary in order to correctly call onChange with undefined on blur, which is otherwise set to NaN by react-stately.\n * @public\n */\nexport const NumberInputBase = /* @__PURE__ */ forwardRef<\n  Omit<FormControlRef<HTMLDivElement>, 'validate'>,\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    id: propId,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    disabled: propDisabled,\n    readOnly: propReadOnly,\n    required: propRequired,\n    min: minValueNumberLike,\n    max: maxValueNumberLike,\n    step,\n    placeholder = defaultPlaceholder,\n    controlState,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    onFocusChange,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    ...remainingProps\n  }: NumberInputProps = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const componentName = (restProps as Record<string, unknown>)[\n    'data-dt-component'\n  ];\n\n  const { 'aria-labelledby': ariaLabelledBy, ...remainingAriaProps } =\n    useAriaLabelingProps(restProps);\n  const locale = useMemo(() => getRegionalFormat(), []);\n\n  // Cast min and max to number since we accept string as well to better match native number inputs\n  const minValue = !isNaN(Number(minValueNumberLike))\n    ? Number(minValueNumberLike)\n    : undefined;\n  const maxValue = !isNaN(Number(maxValueNumberLike))\n    ? Number(maxValueNumberLike)\n    : undefined;\n\n  const numberInputValue = value === null || value === undefined ? NaN : value; // necessary so we can clear the inputValue; otherwise, it snaps back to the previously valid inputValue\n\n  const {\n    disabled,\n    required,\n    id: contextId,\n    ariaDisabled,\n    readOnly: isReadOnly,\n  } = useSyncedFormControlProps({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: ariaDisabledProp,\n    propReadOnly,\n  });\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const state = useNumberFieldState({\n    value: numberInputValue,\n    onChange,\n    placeholder,\n    minValue,\n    maxValue,\n    step,\n    isDisabled: disabled,\n    isReadOnly,\n    isRequired: required,\n    locale,\n  });\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    (): Omit<FormControlRef<HTMLDivElement>, 'validate'> => ({\n      element: wrapperRef.current,\n      inputRef: inputRef.current,\n      focus() {\n        inputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const { inputProps } = useNumberField(\n    {\n      value: numberInputValue,\n      onChange,\n      id: contextId,\n      placeholder,\n      minValue,\n      maxValue,\n      step,\n      isDisabled: disabled,\n      isReadOnly,\n      isRequired: required,\n      onKeyUp,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onFocusChange,\n      // we pass the aria-labelledBy only if there's no aria-label, because the useNumberField would add aria-labelledby\n      // with 2 ids and append the input text to its aria-label otherwise, breaking the getByLabelText selectors in tests otherwise\n      'aria-labelledby': remainingAriaProps['aria-label']\n        ? undefined\n        : ariaLabelledBy,\n\n      ...remainingAriaProps, // passing the aria props here prevents unnecessary react-aria warnings when aria-labelling props are already set\n    },\n    state,\n    // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment\n    // @ts-ignore React 19 - proper overlap for the ref is no longer there. It should be fine, but the Numberfield will be reworked anyways\n    inputRef,\n  );\n  let inputDefaultValue: string | undefined;\n\n  if (defaultValue !== null && defaultValue !== undefined) {\n    inputDefaultValue = defaultValue.toString();\n  } else {\n    inputDefaultValue =\n      value === undefined && !onChange\n        ? '' // this prevents warnings about switching from uncontrolled to controlled inputs when no value or defaultValue is set, but onChange used without a value/defaultValue will still throw it\n        : undefined;\n  }\n\n  const {\n    value: inputPropsValue,\n    type,\n    id,\n    readOnly = false,\n    role,\n    onKeyDown: onKeyDownReactAria,\n    ...remainingInputProps\n  } = inputProps;\n\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue: inputDefaultValue,\n    value: inputPropsValue?.toString(),\n  });\n\n  const [hasError, hint] = useFormControlState(controlState);\n  // _useInputHint will be replaced with new validation concept. APPDEV-8298\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { inputProps: inputHintAriaProps, hintProps } = useInputHint({\n    hint,\n    hasError,\n  });\n\n  const { isAutoFilled, onAnimationStart } = useAutofillEvent();\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    remainingInputProps?.onChange?.(event);\n    setInputValue(event.target.value);\n  };\n\n  const { focusProps, focusClassName } = useFocusRing({\n    color: hasError && !(disabled || ariaDisabled) ? 'critical' : 'neutral',\n    ignoreModality: true,\n    disabled,\n  });\n\n  //TODO: replace this with the BaseInput once the rework is done and we no longer depend on react-aria. This introduced the limitation of passing the inputRef from the BaseInput to the NumberInputBase, as it's initially null and useNumberField instantly breaks instead of waiting for failing gracefully and then resetting the ref on the next render\n  return (\n    <Flex\n      gap={4}\n      flexDirection=\"column\"\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      ref={wrapperRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      {...behavioralTrackingProps}\n      data-dt-component={componentName}\n    >\n      <Flex\n        gap={2}\n        alignItems=\"center\"\n        className={clsx(styles.wrapper, styles.variant['default'], {\n          [styles.hasError]: hasError,\n          [styles.disabled]: disabledOrAriaDisabled,\n          [styles.readOnly]: readOnly,\n        })}\n      >\n        <div\n          className={clsx(\n            styles.container,\n            inputGroupClassName,\n            focusClassName,\n            {\n              [styles.isAutoFilled]: isAutoFilled,\n            },\n          )}\n        >\n          <input\n            id={id}\n            ref={inputRef}\n            type=\"text\"\n            role={role}\n            onChange={handleInputChange}\n            onAnimationStart={onAnimationStart}\n            disabled={disabled}\n            className={clsx(styles.input, autofillCSS)}\n            readOnly={readOnly}\n            {...(_mergeProps(\n              remainingInputProps,\n              restProps,\n              focusProps,\n              inputHintAriaProps,\n            ) as unknown as Record<string, unknown>)}\n            name={name}\n            required={required} // react-aria only sets aria-required in the remainingInputProps, so we need to override it with the context prop here\n            value={inputValue}\n            aria-disabled={ariaDisabled}\n            // react-aria prevents default events, so it behaves differently from our TextInput, which has some undesired issues - see ADES-3971 and https://github.com/adobe/react-spectrum/issues/2803\n            onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n              if (\n                (e.key === 'Home' && minValue === undefined) ||\n                (e.key === 'End' && maxValue === undefined)\n              ) {\n                onKeyDown?.(e);\n                return; // opt out of using react-aria's keydown logic in this case, because it would prevent default behavior (moving the cursor to the front/end with Home/End)\n              }\n\n              onKeyDownReactAria?.(e); // we still need to use react aria's events when we do have a min/max (then the value will be snapped to these when pressing Home/End) or for incrementing/decrementing the value on pressing Up/Down keys, but these will no longer be necessary as soon as we implement the spin button\n            }}\n          />\n        </div>\n      </Flex>\n      {hint && (\n        <BaseItem\n          variant={hasError ? 'error' : 'hint'}\n          disabled={disabled || ariaDisabled}\n          {...hintProps}\n        >\n          {hint}\n        </BaseItem>\n      )}\n    </Flex>\n  );\n});\n\n(\n  NumberInputBase as typeof NumberInputBase & { displayName: string }\n).displayName = 'NumberInputBase';\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated */\nimport { useNumberField } from '@react-aria/numberfield';\nimport { useNumberFieldState } from '@react-stately/numberfield';\nimport clsx from 'clsx';\nimport {\n  type ChangeEvent,\n  type KeyboardEvent,\n  type KeyboardEventHandler,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useFocusRing } from '../../core/hooks/useFocusRing.js';\nimport { useFormControlState } from '../../core/hooks/useFormControlState.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 as _mergeProps } from '../../core/utils/merge-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport type { BaseInputProps } from '../_base-input/base-input.types.js';\nimport * as styles from '../_base-input/BaseInput.sty.js';\nimport { InternalBaseItem as BaseItem } from '../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useSyncedFormControlProps } from '../forms-core/hooks/useSyncedFormControlProps.js';\nimport { getSafeRegionalFormat } from '../forms-core/time/helpers.js';\nimport { autofillCSS } from '../hooks/useAutofillEvent.sty.js';\nimport { useAutofillEvent } from '../hooks/useAutofillEvent.js';\nimport { useInputHint } from '../hooks/useInputHint.js';\nimport type { FormControlRef } from '../shared-types.js';\n\n// #region Typings\n/**\n * The properties of the NumberInput component.\n * @public\n * @deprecated This type is deprecated and will be removed in a future release. Please use the NumberInputV2Props instead.\n */\nexport type NumberInputProps = Pick<\n  BaseInputProps,\n  | 'autoComplete'\n  | 'placeholder'\n  | 'minLength'\n  | 'maxLength'\n  | 'pattern'\n  | 'onKeyUp'\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  FocusEvents &\n  BehaviorTrackingProps & {\n    /** Handler that is called when a key is pressed. */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /** Minimum amount of the input. */\n    min?: number | string;\n    /** Maximum amount of the input. */\n    max?: number | string;\n    /** Defines the step size in which increments/decrements can be performed on the input. */\n    step?: number;\n  };\n// #endregion\n\n/**\n * NumberInputBase component. This is necessary in order to correctly call onChange with undefined on blur, which is otherwise set to NaN by react-stately.\n * @public\n */\nexport const NumberInputBase = /* @__PURE__ */ forwardRef<\n  Omit<FormControlRef<HTMLDivElement>, 'validate'>,\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    id: propId,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    disabled: propDisabled,\n    readOnly: propReadOnly,\n    required: propRequired,\n    min: minValueNumberLike,\n    max: maxValueNumberLike,\n    step,\n    placeholder = defaultPlaceholder,\n    controlState,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    onFocusChange,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    ...remainingProps\n  }: NumberInputProps = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const componentName = (restProps as Record<string, unknown>)[\n    'data-dt-component'\n  ];\n\n  const { 'aria-labelledby': ariaLabelledBy, ...remainingAriaProps } =\n    useAriaLabelingProps(restProps);\n  const locale = useMemo(() => getSafeRegionalFormat(), []);\n\n  // Cast min and max to number since we accept string as well to better match native number inputs\n  const minValue = !isNaN(Number(minValueNumberLike))\n    ? Number(minValueNumberLike)\n    : undefined;\n  const maxValue = !isNaN(Number(maxValueNumberLike))\n    ? Number(maxValueNumberLike)\n    : undefined;\n\n  const numberInputValue = value ?? NaN; // necessary so we can clear the inputValue; otherwise, it snaps back to the previously valid inputValue\n\n  const {\n    disabled,\n    required,\n    id: contextId,\n    ariaDisabled,\n    readOnly: isReadOnly,\n  } = useSyncedFormControlProps({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: ariaDisabledProp,\n    propReadOnly,\n  });\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const state = useNumberFieldState({\n    value: numberInputValue,\n    onChange,\n    placeholder,\n    minValue,\n    maxValue,\n    step,\n    isDisabled: disabled,\n    isReadOnly,\n    isRequired: required,\n    locale,\n  });\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    (): Omit<FormControlRef<HTMLDivElement>, 'validate'> => ({\n      element: wrapperRef.current,\n      inputRef: inputRef.current,\n      focus() {\n        inputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const { inputProps } = useNumberField(\n    {\n      value: numberInputValue,\n      onChange,\n      id: contextId,\n      placeholder,\n      minValue,\n      maxValue,\n      step,\n      isDisabled: disabled,\n      isReadOnly,\n      isRequired: required,\n      onKeyUp,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onFocusChange,\n      // we pass the aria-labelledBy only if there's no aria-label, because the useNumberField would add aria-labelledby\n      // with 2 ids and append the input text to its aria-label otherwise, breaking the getByLabelText selectors in tests otherwise\n      'aria-labelledby': remainingAriaProps['aria-label']\n        ? undefined\n        : ariaLabelledBy,\n\n      ...remainingAriaProps, // passing the aria props here prevents unnecessary react-aria warnings when aria-labelling props are already set\n    },\n    state,\n    // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment\n    // @ts-ignore React 19 - proper overlap for the ref is no longer there. It should be fine, but the Numberfield will be reworked anyways\n    inputRef,\n  );\n  let inputDefaultValue: string | undefined;\n\n  if (defaultValue !== null && defaultValue !== undefined) {\n    inputDefaultValue = defaultValue.toString();\n  } else {\n    inputDefaultValue =\n      value === undefined && !onChange\n        ? '' // this prevents warnings about switching from uncontrolled to controlled inputs when no value or defaultValue is set, but onChange used without a value/defaultValue will still throw it\n        : undefined;\n  }\n\n  const {\n    value: inputPropsValue,\n    type,\n    id,\n    readOnly = false,\n    role,\n    onKeyDown: onKeyDownReactAria,\n    ...remainingInputProps\n  } = inputProps;\n\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue: inputDefaultValue,\n    value: inputPropsValue?.toString(),\n  });\n\n  const [hasError, hint] = useFormControlState(controlState);\n  // _useInputHint will be replaced with new validation concept. APPDEV-8298\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { inputProps: inputHintAriaProps, hintProps } = useInputHint({\n    hint,\n    hasError,\n  });\n\n  const { isAutoFilled, onAnimationStart } = useAutofillEvent();\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    remainingInputProps?.onChange?.(event);\n    setInputValue(event.target.value);\n  };\n\n  const { focusProps, focusClassName } = useFocusRing({\n    color: hasError && !(disabled || ariaDisabled) ? 'critical' : 'neutral',\n    ignoreModality: true,\n    disabled,\n  });\n\n  //TODO: replace this with the BaseInput once the rework is done and we no longer depend on react-aria. This introduced the limitation of passing the inputRef from the BaseInput to the NumberInputBase, as it's initially null and useNumberField instantly breaks instead of waiting for failing gracefully and then resetting the ref on the next render\n  return (\n    <Flex\n      gap={4}\n      flexDirection=\"column\"\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      ref={wrapperRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      {...behavioralTrackingProps}\n      data-dt-component={componentName}\n    >\n      <Flex\n        gap={2}\n        alignItems=\"center\"\n        className={clsx(styles.wrapper, styles.variant['default'], {\n          [styles.hasError]: hasError,\n          [styles.disabled]: disabledOrAriaDisabled,\n          [styles.readOnly]: readOnly,\n        })}\n      >\n        <div\n          className={clsx(\n            styles.container,\n            inputGroupClassName,\n            focusClassName,\n            {\n              [styles.isAutoFilled]: isAutoFilled,\n            },\n          )}\n        >\n          <input\n            id={id}\n            ref={inputRef}\n            type=\"text\"\n            role={role}\n            onChange={handleInputChange}\n            onAnimationStart={onAnimationStart}\n            disabled={disabled}\n            className={clsx(styles.input, autofillCSS)}\n            readOnly={readOnly}\n            {...(_mergeProps(\n              remainingInputProps,\n              restProps,\n              focusProps,\n              inputHintAriaProps,\n            ) as unknown as Record<string, unknown>)}\n            name={name}\n            required={required} // react-aria only sets aria-required in the remainingInputProps, so we need to override it with the context prop here\n            value={inputValue}\n            aria-disabled={ariaDisabled}\n            // react-aria prevents default events, so it behaves differently from our TextInput, which has some undesired issues - see ADES-3971 and https://github.com/adobe/react-spectrum/issues/2803\n            onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n              if (\n                (e.key === 'Home' && minValue === undefined) ||\n                (e.key === 'End' && maxValue === undefined)\n              ) {\n                onKeyDown?.(e);\n                return; // opt out of using react-aria's keydown logic in this case, because it would prevent default behavior (moving the cursor to the front/end with Home/End)\n              }\n\n              onKeyDownReactAria?.(e); // we still need to use react aria's events when we do have a min/max (then the value will be snapped to these when pressing Home/End) or for incrementing/decrementing the value on pressing Up/Down keys, but these will no longer be necessary as soon as we implement the spin button\n            }}\n          />\n        </div>\n      </Flex>\n      {hint && (\n        <BaseItem\n          variant={hasError ? 'error' : 'hint'}\n          disabled={disabled || ariaDisabled}\n          {...hintProps}\n        >\n          {hint}\n        </BaseItem>\n      )}\n    </Flex>\n  );\n});\n\n(\n  NumberInputBase as typeof NumberInputBase & { displayName: string }\n).displayName = 'NumberInputBase';\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -8,7 +8,6 @@ import {
   useState
 } from "react";
 import { useIntl } from "react-intl";
-import { getRegionalFormat } from "@dynatrace-sdk/user-preferences";
 import { applyStep } from "./utils/calculations.js";
 import { checkFormat, parseNumber } from "./utils/format.js";
 import { addError, getErrorKey } from "./utils/validation.js";
@@ -24,6 +23,7 @@ import {
 } from "../_base-input/BaseInputContent.js";
 import { useFormFieldMessagesContext } from "../forms-core/hooks/useFormFieldMessagesContext.js";
 import { FormFieldMessagesAction } from "../forms-core/state/formfield-messages-state-reducer.js";
+import { getSafeRegionalFormat } from "../forms-core/time/helpers.js";
 const COMPONENT_NAME = "NumberInput";
 const VALID_PATTERN = "^[+\\-]?\\d+(?:[\\.,]\\d+)?(?:[eE][+\\-]?\\d+)?$";
 const VALID_REGEXP = new RegExp(VALID_PATTERN);
@@ -72,7 +72,7 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
         if (newValue === null) {
           stringValue = "";
         } else if (typeof newValue === "number") {
-          stringValue = new Intl.NumberFormat(getRegionalFormat(), {
+          stringValue = new Intl.NumberFormat(getSafeRegionalFormat(), {
             useGrouping: false,
             maximumFractionDigits: 17
           }).format(newValue);
@@ -108,7 +108,7 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     if (!propValue && propValue !== 0) {
       return "";
     }
-    const formattedPropValue = new Intl.NumberFormat(getRegionalFormat(), {
+    const formattedPropValue = new Intl.NumberFormat(getSafeRegionalFormat(), {
       useGrouping: false,
       maximumFractionDigits: 17
       // Max precision for a JS number

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  forwardRef,\n  type KeyboardEvent,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { getRegionalFormat } from '@dynatrace-sdk/user-preferences';\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 { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef } from '../shared-types.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  FocusEvents &\n  BehaviorTrackingProps & {\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    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    ...remainingProps\n  }: NumberInputProps = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const { state, dispatch } = useFormFieldMessagesContext();\n  const errorId = useId();\n  const isPasted = useRef<boolean>(false);\n  const isInternalChanged = useRef<boolean>(defaultValue !== undefined);\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  // Programmatically sets the DOM input value and optionally notifies consumers.\n  // Uses the native prototype setter so React's internal value tracker stays in sync.\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(getRegionalFormat(), {\n            useGrouping: false,\n            maximumFractionDigits: 17,\n          }).format(newValue);\n        } else {\n          stringValue = String(newValue);\n        }\n        const desc = Object.getOwnPropertyDescriptor(\n          HTMLInputElement.prototype,\n          'value',\n        );\n        desc?.set?.call(input, stringValue);\n        input.value = stringValue;\n        if (triggerChange) {\n          const parsedValue = checkFormat(stringValue);\n          isInternalChanged.current = true;\n          setInternalValue(parsedValue || stringValue);\n          if (VALID_REGEXP.exec(parsedValue)) {\n            onChange?.(parseNumber(parsedValue));\n          } else if (parsedValue === '') {\n            onChange?.(null);\n          }\n        }\n      }\n    },\n    [onChange],\n  );\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\n    if (isChanged) {\n      return internalValue;\n    }\n\n    if (!propValue && propValue !== 0) {\n      return '';\n    }\n\n    const formattedPropValue = new Intl.NumberFormat(getRegionalFormat(), {\n      useGrouping: false,\n      maximumFractionDigits: 17, // Max precision for a JS number\n    }).format(propValue);\n\n    return formattedPropValue;\n  }, [propValue, internalValue]);\n\n  const handleChange = useCallback(\n    (e: ReactChangeEvent<HTMLInputElement>) => {\n      const parsedValue = checkFormat(e.target.value);\n\n      if (VALID_REGEXP.exec(parsedValue)) {\n        onChange?.(parseNumber(parsedValue));\n      }\n\n      if (parsedValue === '') {\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  // 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  // 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      return;\n    }\n\n    const errorMessage = getErrorKey(value, min, max, step);\n    if (errorMessage) {\n      addError(errorMessage, errorId, internalRef.current?.inputRef, dispatch);\n      return;\n    }\n\n    dispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: {\n        id: errorId,\n        messageType: 'formcontrol',\n      },\n    });\n  }, [\n    value,\n    min,\n    max,\n    step,\n    state.isTouched,\n    state.isValid,\n    dispatch,\n    errorId,\n  ]);\n\n  return (\n    <BaseInput\n      ref={inputRef}\n      {...mergeProps(restProps, behavioralTrackingProps)}\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      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  forwardRef,\n  type KeyboardEvent,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\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 { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.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';\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  FocusEvents &\n  BehaviorTrackingProps & {\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    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    ...remainingProps\n  }: NumberInputProps = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const { state, dispatch } = useFormFieldMessagesContext();\n  const errorId = useId();\n  const isPasted = useRef<boolean>(false);\n  const isInternalChanged = useRef<boolean>(defaultValue !== undefined);\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  // Programmatically sets the DOM input value and optionally notifies consumers.\n  // Uses the native prototype setter so React's internal value tracker stays in sync.\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        const desc = Object.getOwnPropertyDescriptor(\n          HTMLInputElement.prototype,\n          'value',\n        );\n        desc?.set?.call(input, stringValue);\n        input.value = stringValue;\n        if (triggerChange) {\n          const parsedValue = checkFormat(stringValue);\n          isInternalChanged.current = true;\n          setInternalValue(parsedValue || stringValue);\n          if (VALID_REGEXP.exec(parsedValue)) {\n            onChange?.(parseNumber(parsedValue));\n          } else if (parsedValue === '') {\n            onChange?.(null);\n          }\n        }\n      }\n    },\n    [onChange],\n  );\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\n    if (isChanged) {\n      return internalValue;\n    }\n\n    if (!propValue && propValue !== 0) {\n      return '';\n    }\n\n    const formattedPropValue = new Intl.NumberFormat(getSafeRegionalFormat(), {\n      useGrouping: false,\n      maximumFractionDigits: 17, // Max precision for a JS number\n    }).format(propValue);\n\n    return formattedPropValue;\n  }, [propValue, internalValue]);\n\n  const handleChange = useCallback(\n    (e: ReactChangeEvent<HTMLInputElement>) => {\n      const parsedValue = checkFormat(e.target.value);\n\n      if (VALID_REGEXP.exec(parsedValue)) {\n        onChange?.(parseNumber(parsedValue));\n      }\n\n      if (parsedValue === '') {\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  // 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  // 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      return;\n    }\n\n    const errorMessage = getErrorKey(value, min, max, step);\n    if (errorMessage) {\n      addError(errorMessage, errorId, internalRef.current?.inputRef, dispatch);\n      return;\n    }\n\n    dispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: {\n        id: errorId,\n        messageType: 'formcontrol',\n      },\n    });\n  }, [\n    value,\n    min,\n    max,\n    step,\n    state.isTouched,\n    state.isValid,\n    dispatch,\n    errorId,\n  ]);\n\n  return (\n    <BaseInput\n      ref={inputRef}\n      {...mergeProps(restProps, behavioralTrackingProps)}\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      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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",
   "names": []
 }

package/esm/forms/radio/Radio.js

@@ -11,8 +11,8 @@ import { RadioGroupContext } from "./RadioGroupContext.js";
 import * as styles from "./styles.sty.js";
 import { VisuallyHidden } from "../../core/components/visually-hidden/VisuallyHidden.js";
 import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
+import { useFocusRing } from "../../core/hooks/useFocusRing.js";
 import { useId } from "../../core/hooks/useId.js";
-import { useFocusRing } from "../../core/styles/useFocusRing.js";
 import { isDev } from "../../core/utils/is-node-environment.js";
 import { mergeProps as _mergeProps } from "../../core/utils/merge-props.js";
 import { fieldTokens as fieldColorsCSS } from "../../styles/field.sty.js";

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 { useId } from '../../core/hooks/useId.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.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 { FocusEvents } from '../../core/types/events.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 { 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 type { FormControlRef } from '../shared-types.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>,\n  'disabled' | 'value'\n> &\n  DOMProps &\n  StylingProps &\n  WithChildren &\n  DataTestId &\n  FocusEvents &\n  AriaLabelingProps &\n  BehaviorTrackingProps;\n//#endregion\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 * If you want to give the user more than 4 options,\n * consider using a `Select` component.\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      ...remainingProps\n    }: RadioProps = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const { dispatch: messagesContextDispatch } = useFormFieldMessagesContext();\n\n    const radioGroupContext = useContext(RadioGroupContext);\n\n    if (isDev() && !radioGroupContext) {\n      // eslint-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      required: groupRequired,\n      value: groupValue,\n      onChange,\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      };\n    });\n\n    const {\n      onChange: validationOnChange,\n      onBlur: validationOnBlur,\n      onInvalid: validationOnInvalid,\n      ariaProps,\n    } = useFormFieldValidation(\n      inputRef,\n      { groupRequired },\n      {\n        'aria-label': ariaLabelProp,\n        'aria-labelledby': ariaLabelledByProp,\n        'aria-describedby': ariaDescribedByProp,\n        'aria-details': ariaDetailsProp,\n      },\n    );\n\n    /** Register every single input to the form error context to ensure proper validation. */\n    useEffect(() => {\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.ADDFORMCONTROLID,\n        payload: { controlId: id },\n      });\n\n      return () =>\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.REMOVEFORMCONTROLID,\n          payload: { controlId: id },\n        });\n    }, [id]);\n\n    const disabled = propDisabled ?? isDisabled;\n    const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n    const checked = value === groupValue;\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        )}\n        style={consumerStyle}\n        {...behavioralTrackingProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <VisuallyHidden>\n          <input\n            ref={inputRef}\n            checked={checked}\n            name={groupName}\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\n                ? {}\n                : {\n                    ...ariaProps,\n                    onBlur: validationOnBlur,\n                  },\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 { FocusEvents } from '../../core/types/events.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 { 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 type { FormControlRef } from '../shared-types.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>,\n  'disabled' | 'value'\n> &\n  DOMProps &\n  StylingProps &\n  WithChildren &\n  DataTestId &\n  FocusEvents &\n  AriaLabelingProps &\n  BehaviorTrackingProps;\n//#endregion\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 * If you want to give the user more than 4 options,\n * consider using a `Select` component.\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      ...remainingProps\n    }: RadioProps = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const { dispatch: messagesContextDispatch } = useFormFieldMessagesContext();\n\n    const radioGroupContext = useContext(RadioGroupContext);\n\n    if (isDev() && !radioGroupContext) {\n      // eslint-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      required: groupRequired,\n      value: groupValue,\n      onChange,\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      };\n    });\n\n    const {\n      onChange: validationOnChange,\n      onBlur: validationOnBlur,\n      onInvalid: validationOnInvalid,\n      ariaProps,\n    } = useFormFieldValidation(\n      inputRef,\n      { groupRequired },\n      {\n        'aria-label': ariaLabelProp,\n        'aria-labelledby': ariaLabelledByProp,\n        'aria-describedby': ariaDescribedByProp,\n        'aria-details': ariaDetailsProp,\n      },\n    );\n\n    /** Register every single input to the form error context to ensure proper validation. */\n    useEffect(() => {\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.ADDFORMCONTROLID,\n        payload: { controlId: id },\n      });\n\n      return () =>\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.REMOVEFORMCONTROLID,\n          payload: { controlId: id },\n        });\n    }, [id]);\n\n    const disabled = propDisabled ?? isDisabled;\n    const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n    const checked = value === groupValue;\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        )}\n        style={consumerStyle}\n        {...behavioralTrackingProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <VisuallyHidden>\n          <input\n            ref={inputRef}\n            checked={checked}\n            name={groupName}\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\n                ? {}\n                : {\n                    ...ariaProps,\n                    onBlur: validationOnBlur,\n                  },\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": []
 }