@dynatrace/strato-components 3.6.0 → 3.7.1

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.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\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": "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",
   "names": []
 }

package/esm/forms/hooks/useAutofillEvent.css

@@ -1,20 +1,20 @@
-@keyframes _yfwka31-3-6-0 {
+@keyframes _yfwka31-3-7-1 {
 
 }
-@keyframes _yfwka32-3-6-0 {
+@keyframes _yfwka32-3-7-1 {
 
 }
-._yfwka33-3-6-0:-webkit-autofill:is(._yfwka33-3-6-0,:hover,:focus) {
+._yfwka33-3-7-1:-webkit-autofill:is(._yfwka33-3-7-1,:hover,:focus) {
   -webkit-text-fill-color: var(--dt-colors-text-primary-default, #464cce);
-  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-6-0) inset;
+  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-7-1) inset;
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._yfwka33-3-6-0:-webkit-autofill {
-  animation-name: _yfwka31-3-6-0;
+._yfwka33-3-7-1:-webkit-autofill {
+  animation-name: _yfwka31-3-7-1;
   animation-duration: 0.001s;
 }
-._yfwka33-3-6-0:not(:-webkit-autofill) {
-  animation-name: _yfwka32-3-6-0;
+._yfwka33-3-7-1:not(:-webkit-autofill) {
+  animation-name: _yfwka32-3-7-1;
   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-6-0)";
-var autofillCSS = "_yfwka33-3-6-0";
-var end = "_yfwka32-3-6-0";
-var start = "_yfwka31-3-6-0";
+var autofillBackground = "var(--_yfwka30-3-7-1)";
+var autofillCSS = "_yfwka33-3-7-1";
+var end = "_yfwka32-3-7-1";
+var start = "_yfwka31-3-7-1";
 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-6-0)';\nexport var autofillCSS = '_yfwka33-3-6-0';\nexport var end = '_yfwka32-3-6-0';\nexport var start = '_yfwka31-3-6-0';"],
+  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-7-1)';\nexport var autofillCSS = '_yfwka33-3-7-1';\nexport var end = '_yfwka32-3-7-1';\nexport var start = '_yfwka31-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,QAAQ;",
   "names": []
 }

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

@@ -12,8 +12,8 @@ import { useIntl } from "react-intl";
 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";
@@ -64,7 +64,7 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   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 { 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 { 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 === 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/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": "AAmMM,SAiBI,KAjBJ;AAnMN,OAAO,UAAU;AACjB;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,yBAAyB;AAClC,YAAY,YAAY;AACxB,SAAS,sBAAsB;AAC/B,SAAS,kCAAkC;AAC3C,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAS7B,SAAS,aAAa;AACtB,SAAS,cAAc,mBAAmB;AAC1C,SAAS,eAAe,sBAAsB;AAC9C,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAGxC,MAAM,iBAAiB;AA4BhB,MAAM,QAAwB;AAAA,EACnC,CAAC,OAAO,iBAAiB;AACvB,UAAM,aAAa,MAAM;AACzB,UAAM;AAAA,MACJ,UAAU;AAAA,MACV,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,GAAG;AAAA,IACL,IAAgB;AAEhB,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,UAAM,EAAE,UAAU,wBAAwB,IAAI,4BAA4B;AAE1E,UAAM,oBAAoB,WAAW,iBAAiB;AAEtD,QAAI,MAAM,KAAK,CAAC,mBAAmB;AAEjC,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAEA,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP;AAAA,IACF,IAAI,qBAAqB,CAAC;AAG1B,UAAM,gBAAgB,OAAyB,IAAI;AACnD,UAAM,WAAW,OAAyB,IAAI;AAE9C,wBAAoB,cAAc,MAAwC;AACxE,aAAO;AAAA,QACL,SAAS,cAAc;AAAA,QACvB,UAAU,SAAS;AAAA,QACnB,QAAQ;AACN,mBAAS,SAAS,MAAM;AAAA,QAC1B;AAAA,QACA,WAAW;AACT,cAAI,iBAAiB,QAAW;AAC9B;AAAA,UACF;AAEA,mBAAS,SAAS,cAAc;AAChC,oCAA0B;AAAA,YACxB,MAAM,wBAAwB;AAAA,YAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,UAC7B,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAW;AAAA,MACX;AAAA,IACF,IAAI;AAAA,MACF;AAAA,MACA,EAAE,cAAc;AAAA,MAChB;AAAA,QACE,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,MAClB;AAAA,IACF;AAGA,cAAU,MAAM;AACd,gCAA0B;AAAA,QACxB,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,WAAW,GAAG;AAAA,MAC3B,CAAC;AAED,aAAO,MACL,0BAA0B;AAAA,QACxB,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,WAAW,GAAG;AAAA,MAC3B,CAAC;AAAA,IACL,GAAG,CAAC,EAAE,CAAC;AAEP,UAAM,WAAW,gBAAgB;AACjC,UAAM,yBAAyB,YAAY,gBAAgB;AAE3D,UAAM,UAAU,UAAU;AAE1B,aAAS,aAAa,GAAkC;AACtD,UAAI,UAAU;AACZ;AAAA,MACF;AAEA,iBAAW,EAAE,OAAO,KAAK;AACzB,OAAC,gBAAgB,qBAAqB;AAAA,IACxC;AAEA,QAAI,UAA+C;AACnD,QAAI,QAA4C;AAEhD,QAAI,SAAS;AACX,gBAAU;AAAA,IACZ,WAAW,UAAU;AACnB,gBAAU;AAAA,IACZ;AAEA,QAAI,UAAU;AACZ,cAAQ;AAAA,IACV,WAAW,CAAC,YAAY,SAAS;AAC/B,cAAQ;AAAA,IACV;AAEA,UAAM,EAAE,YAAY,gBAAgB,eAAe,IAAI,aAAa;AAAA,MAClE;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,SAAS;AAAA,QACT,KAAK;AAAA,QACL,WAAW;AAAA,UACT,OAAO;AAAA,UACP;AAAA,YACE,CAAC,OAAO,QAAQ,GAAG;AAAA,YACnB,CAAC,OAAO,OAAO,GAAG;AAAA,UACpB;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,QACN,GAAG;AAAA,QACJ,qBAAmB;AAAA,QAEnB;AAAA,8BAAC,kBACC;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,cACA,MAAM;AAAA,cACN;AAAA,cACA,MAAK;AAAA,cACL;AAAA,cACA,iBAAe;AAAA,cACf,UAAU;AAAA,cACV;AAAA,cACA,UAAU;AAAA,cACV,WAAW,CAAC,MAAM;AAChB,oBAAI,cAAc;AAChB,oBAAE,eAAe;AACjB;AAAA,gBACF;AAEA,oCAAoB,CAAC;AAAA,cACvB;AAAA,cACA;AAAA,cACC,GAAG;AAAA,gBACF;AAAA,gBACA;AAAA,gBACA,eACI,CAAC,IACD;AAAA,kBACE,GAAG;AAAA,kBACH,QAAQ;AAAA,gBACV;AAAA,cACN;AAAA;AAAA,UACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,OAAO,KAAK;AAAA,kBACV,UAAU;AAAA,kBACV;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF,CAAC;AAAA,gBACD,eAAe;AAAA,kBACb,UAAU;AAAA,kBACV;AAAA,kBACA;AAAA,gBACF,CAAC;AAAA,gBACD;AAAA,cACF;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT,OAAO;AAAA,oBACP,eAAe;AAAA,sBACb,OAAO,WAAW,aAAa;AAAA,sBAC/B,UAAU;AAAA,sBACV,SAAS;AAAA,oBACX,CAAC;AAAA,kBACH;AAAA,kBACA,SAAQ;AAAA,kBAER,8BAAC,YAAO,GAAG,iBAAiB,OAAO,MAAM,IAAG,MAAK,IAAG,MAAK;AAAA;AAAA,cAC3D;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,QAAK,IAAG,QAAO,WAAU,QACvB,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEC,MAAiD,cAAc;",
+  "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": []
 }

package/esm/forms/radio/styles.css

@@ -1,12 +1,12 @@
-._h96idu0-3-6-0 {
+._h96idu0-3-7-1 {
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
 }
-._h96idu1-3-6-0 {
+._h96idu1-3-7-1 {
   cursor: default;
 }
-._h96idu5-3-6-0 {
+._h96idu5-3-7-1 {
   display: flex;
   gap: var(--dt-spacings-size-8, 8px);
   position: relative;
@@ -15,14 +15,14 @@
   vertical-align: middle;
   cursor: pointer;
 }
-._h96idu5-3-6-0._h96idu3-3-6-0 {
+._h96idu5-3-7-1._h96idu3-3-7-1 {
   cursor: not-allowed;
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._h96idu1-3-6-0 ._h96idu5-3-6-0 {
+._h96idu1-3-7-1 ._h96idu5-3-7-1 {
   cursor: default;
 }
-._h96idu6-3-6-0 {
+._h96idu6-3-7-1 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -31,38 +31,38 @@
   min-width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
-  background-color: var(--_bx32h3-3-6-0);
+  background-color: var(--_bx32h3-3-7-1);
 }
-._h96idu7-3-6-0 {
+._h96idu7-3-7-1 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._h96idue-3-6-0 {
+._h96idue-3-7-1 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._h96idug-3-6-0 {
+._h96idug-3-7-1 {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-accent, #bb0731);
 }
-._h96iduh-3-6-0 {
+._h96iduh-3-7-1 {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._h96idui-3-6-0 {
+._h96idui-3-7-1 {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._h96iduj-3-6-0 {
+._h96iduj-3-7-1 {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-accent, #bb0731);
 }
-._h96iduk-3-6-0 {
+._h96iduk-3-7-1 {
   height: 100%;
-  fill: var(--_bx32h1-3-6-0);
+  fill: var(--_bx32h1-3-7-1);
 }
-._h96idu5-3-6-0:not(._h96idu4-3-6-0) ._h96iduk-3-6-0 {
+._h96idu5-3-7-1:not(._h96idu4-3-7-1) ._h96iduk-3-7-1 {
   display: none;
 }
-._h96idu1-3-6-0 ._h96iduk-3-6-0 {
+._h96idu1-3-7-1 ._h96iduk-3-7-1 {
   fill: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._h96idu2-3-6-0._h96idu1-3-6-0 ._h96iduk-3-6-0 {
+._h96idu2-3-7-1._h96idu1-3-7-1 ._h96iduk-3-7-1 {
   fill: var(--dt-colors-icon-critical-default, #bb0731);
 }

package/esm/forms/radio/styles.sty.js

@@ -2,14 +2,14 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./styles.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var checked = "_h96idu4-3-6-0";
-var disabled = "_h96idu3-3-6-0";
-var group = "_h96idu0-3-6-0";
-var hasError = "_h96idu2-3-6-0";
-var innerKnob = "_h96iduk-3-6-0";
-var knob = _7a468({ defaultClassName: "_h96idu6-3-6-0", variantClassNames: { disabled: { true: "_h96idu7-3-6-0" }, checked: { true: "_h96idu8-3-6-0", false: "_h96idu9-3-6-0" }, hasError: { true: "_h96idua-3-6-0", false: "_h96idub-3-6-0" }, isFocusVisible: { true: "_h96iduc-3-6-0", false: "_h96idud-3-6-0" }, readOnly: { true: "_h96idue-3-6-0", false: "_h96iduf-3-6-0" } }, defaultVariants: {}, compoundVariants: [[{ checked: false, hasError: true, isFocusVisible: false, disabled: false, readOnly: false }, "_h96idug-3-6-0"], [{ checked: false, hasError: false, isFocusVisible: false, disabled: false, readOnly: false }, "_h96iduh-3-6-0"], [{ readOnly: true, disabled: false }, "_h96idui-3-6-0"], [{ readOnly: true, hasError: true, disabled: false }, "_h96iduj-3-6-0"]] });
-var label = "_h96idu5-3-6-0";
-var readOnly = "_h96idu1-3-6-0";
+var checked = "_h96idu4-3-7-1";
+var disabled = "_h96idu3-3-7-1";
+var group = "_h96idu0-3-7-1";
+var hasError = "_h96idu2-3-7-1";
+var innerKnob = "_h96iduk-3-7-1";
+var knob = _7a468({ defaultClassName: "_h96idu6-3-7-1", variantClassNames: { disabled: { true: "_h96idu7-3-7-1" }, checked: { true: "_h96idu8-3-7-1", false: "_h96idu9-3-7-1" }, hasError: { true: "_h96idua-3-7-1", false: "_h96idub-3-7-1" }, isFocusVisible: { true: "_h96iduc-3-7-1", false: "_h96idud-3-7-1" }, readOnly: { true: "_h96idue-3-7-1", false: "_h96iduf-3-7-1" } }, defaultVariants: {}, compoundVariants: [[{ checked: false, hasError: true, isFocusVisible: false, disabled: false, readOnly: false }, "_h96idug-3-7-1"], [{ checked: false, hasError: false, isFocusVisible: false, disabled: false, readOnly: false }, "_h96iduh-3-7-1"], [{ readOnly: true, disabled: false }, "_h96idui-3-7-1"], [{ readOnly: true, hasError: true, disabled: false }, "_h96iduj-3-7-1"]] });
+var label = "_h96idu5-3-7-1";
+var readOnly = "_h96idu1-3-7-1";
 export {
   checked,
   disabled,

package/esm/forms/radio/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/radio/styles.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checked = '_h96idu4-3-6-0';\nexport var disabled = '_h96idu3-3-6-0';\nexport var group = '_h96idu0-3-6-0';\nexport var hasError = '_h96idu2-3-6-0';\nexport var innerKnob = '_h96iduk-3-6-0';\nexport var knob = _7a468({defaultClassName:'_h96idu6-3-6-0',variantClassNames:{disabled:{true:'_h96idu7-3-6-0'},checked:{true:'_h96idu8-3-6-0',false:'_h96idu9-3-6-0'},hasError:{true:'_h96idua-3-6-0',false:'_h96idub-3-6-0'},isFocusVisible:{true:'_h96iduc-3-6-0',false:'_h96idud-3-6-0'},readOnly:{true:'_h96idue-3-6-0',false:'_h96iduf-3-6-0'}},defaultVariants:{},compoundVariants:[[{checked:false,hasError:true,isFocusVisible:false,disabled:false,readOnly:false},'_h96idug-3-6-0'],[{checked:false,hasError:false,isFocusVisible:false,disabled:false,readOnly:false},'_h96iduh-3-6-0'],[{readOnly:true,disabled:false},'_h96idui-3-6-0'],[{readOnly:true,hasError:true,disabled:false},'_h96iduj-3-6-0']]});\nexport var label = '_h96idu5-3-6-0';\nexport var readOnly = '_h96idu1-3-6-0';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checked = '_h96idu4-3-7-1';\nexport var disabled = '_h96idu3-3-7-1';\nexport var group = '_h96idu0-3-7-1';\nexport var hasError = '_h96idu2-3-7-1';\nexport var innerKnob = '_h96iduk-3-7-1';\nexport var knob = _7a468({defaultClassName:'_h96idu6-3-7-1',variantClassNames:{disabled:{true:'_h96idu7-3-7-1'},checked:{true:'_h96idu8-3-7-1',false:'_h96idu9-3-7-1'},hasError:{true:'_h96idua-3-7-1',false:'_h96idub-3-7-1'},isFocusVisible:{true:'_h96iduc-3-7-1',false:'_h96idud-3-7-1'},readOnly:{true:'_h96idue-3-7-1',false:'_h96iduf-3-7-1'}},defaultVariants:{},compoundVariants:[[{checked:false,hasError:true,isFocusVisible:false,disabled:false,readOnly:false},'_h96idug-3-7-1'],[{checked:false,hasError:false,isFocusVisible:false,disabled:false,readOnly:false},'_h96iduh-3-7-1'],[{readOnly:true,disabled:false},'_h96idui-3-7-1'],[{readOnly:true,hasError:true,disabled:false},'_h96iduj-3-7-1']]});\nexport var label = '_h96idu5-3-7-1';\nexport var readOnly = '_h96idu1-3-7-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,OAAO,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,gBAAe,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,SAAQ,OAAM,UAAS,MAAK,gBAAe,OAAM,UAAS,OAAM,UAAS,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,SAAQ,OAAM,UAAS,OAAM,gBAAe,OAAM,UAAS,OAAM,UAAS,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,UAAS,MAAK,GAAE,gBAAgB,CAAC,EAAC,CAAC;AAChrB,IAAI,QAAQ;AACZ,IAAI,WAAW;",
   "names": []
 }

package/esm/forms/search-input/SearchInput.css

@@ -1,6 +1,6 @@
-._1mumub80-3-6-0 {
+._1mumub80-3-7-1 {
   min-width: 192px;
 }
-._1mumub81-3-6-0 {
+._1mumub81-3-7-1 {
   min-width: 272px;
 }

package/esm/forms/search-input/SearchInput.sty.js

@@ -1,6 +1,6 @@
 import "./SearchInput.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var searchInput = _7a468({ defaultClassName: "_1mumub80-3-6-0", variantClassNames: { hasStepper: { true: "_1mumub81-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var searchInput = _7a468({ defaultClassName: "_1mumub80-3-7-1", variantClassNames: { hasStepper: { true: "_1mumub81-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   searchInput
 };

package/esm/forms/search-input/SearchInput.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/search-input/SearchInput.css.ts"],
-  "sourcesContent": ["import './SearchInput.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var searchInput = _7a468({defaultClassName:'_1mumub80-3-6-0',variantClassNames:{hasStepper:{true:'_1mumub81-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './SearchInput.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var searchInput = _7a468({defaultClassName:'_1mumub80-3-7-1',variantClassNames:{hasStepper:{true:'_1mumub81-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,YAAW,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/forms/search-input/Stepper.css

@@ -1,21 +1,21 @@
-._s3yy5s0-3-6-0 {
+._s3yy5s0-3-7-1 {
   display: flex;
   gap: var(--dt-spacings-size-4, 4px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   align-items: center;
 }
-._s3yy5s1-3-6-0 {
+._s3yy5s1-3-7-1 {
   display: flex;
   gap: var(--dt-spacings-size-0, 0);
 }
-._s3yy5s2-3-6-0 {
+._s3yy5s2-3-7-1 {
   margin: 0;
 }
-._s3yy5s1-3-6-0 > ._s3yy5s2-3-6-0:first-child {
+._s3yy5s1-3-7-1 > ._s3yy5s2-3-7-1:first-child {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._s3yy5s1-3-6-0 > ._s3yy5s2-3-6-0:last-child {
+._s3yy5s1-3-7-1 > ._s3yy5s2-3-7-1:last-child {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }

package/esm/forms/search-input/Stepper.js

@@ -22,12 +22,12 @@ const Stepper = ({
       `The current match index (${current}) is greater than the total number of matches (${total}). Please ensure that the current index is zero-based and less than the total.`
     );
   }
+  const currentDisplay = total === 0 ? 0 : current + 1;
   return /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
     /* @__PURE__ */ jsxs(
-      "div",
+      "output",
       {
         className: styles.matchPositionIndicators,
-        role: "status",
         "aria-live": "polite",
         "aria-label": intl.formatMessage(
           {
@@ -35,10 +35,10 @@ const Stepper = ({
             defaultMessage: "Match {current} of {total}",
             description: "Label for the current match position"
           },
-          { current: current + 1, total }
+          { current: currentDisplay, total }
         ),
         children: [
-          /* @__PURE__ */ jsx("span", { children: current + 1 }),
+          /* @__PURE__ */ jsx("span", { children: currentDisplay }),
           " / ",
           /* @__PURE__ */ jsx("span", { children: total })
         ]