@dynatrace/strato-components 3.13.2 → 3.14.0

package/esm/filters/timeframe-selector/utils/stepper-helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/timeframe-selector/utils/stepper-helpers.ts"],
-  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  add,\n  addDays,\n  addHours,\n  intervalToDuration,\n  startOfHour,\n  sub,\n} from 'date-fns';\nimport { type IntlShape } from 'react-intl';\n\nimport {\n  _parseTimeExpression,\n  parseTimeAsTimeValue,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { formatTimeframeDuration } from './formatting.js';\nimport {\n  getSmallestCommonUnit,\n  getTimeDifferenceInUnit,\n} from './timeframe-calculations.js';\nimport { isBiggerThan, isSmallerThan } from './timeframe-selection.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { Timeframe, TimeValue } from '../../../core/types/time.js';\nimport {\n  getTimeValue,\n  removePrecision,\n} from '../../../forms/forms-core/time/timeParser.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../constants/timeframeSelectorMessages.js';\n\n/**\n * Formats and returns the display value for given time values, including relative expressions.\n * @internal\n */\nexport function formatStepperValues(\n  from: TimeValue | null,\n  to: TimeValue | null,\n  intl: IntlShape,\n  direction: 'backward' | 'forward',\n  isFullDay?: boolean,\n): string {\n  const adjustedTo =\n    isFullDay && to\n      ? getTimeValue(\n          startOfHour(\n            addHours(new TZDateMini(to.absoluteDate, getTimezone()), 1),\n          ).toISOString(),\n        ) ?? null\n      : to;\n\n  const duration = formatTimeframeDuration(from, adjustedTo, intl);\n  const prefix = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.prefix);\n  const suffix = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.suffix, {\n    suffix: direction === 'backward' ? 'back' : 'forward',\n  });\n\n  return `${prefix}${duration}${suffix}`.trim();\n}\n\n/**\n * Calculates a given date by a difference in milliseconds, either forward or backward.\n */\nconst adjustDate = (\n  date: TZDate,\n  difference: number,\n  direction: 'forward' | 'backward',\n  isFullDay?: boolean,\n): string => {\n  if (isFullDay) {\n    const daysDifference = Math.ceil(-difference / (1000 * 60 * 60 * 24));\n    date = addDays(\n      date,\n      direction === 'backward' ? -daysDifference : daysDifference,\n    );\n    return date.toISOString();\n  }\n\n  date.setTime(\n    direction === 'backward'\n      ? date.getTime() - Math.abs(difference)\n      : date.getTime() + Math.abs(difference),\n  );\n  return date.toISOString();\n};\n\n/**\n * Calculates a new time relative value based on the offset amount and difference.\n */\nconst convertOffsetToExpression = (\n  offsetAmount: number,\n  diff: number,\n  offsetUnit: string,\n): string => {\n  const totalOffset = diff + offsetAmount;\n  if (totalOffset > 0) {\n    return `now()+${totalOffset}${offsetUnit}`;\n  } else if (totalOffset < 0) {\n    return `now()${totalOffset}${offsetUnit}`;\n  } else {\n    return 'now()';\n  }\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToMin = (\n  min: TimeValue | null,\n  max: TimeValue | null,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: Precision,\n): Timeframe => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  if (!min) {\n    return { from, to };\n  }\n\n  const isFromBelowMin = isSmallerThan(from.absoluteDate, min.absoluteDate);\n  const isToBelowMin = isSmallerThan(to.absoluteDate, min.absoluteDate);\n  const difference = intervalToDuration({\n    start: from.absoluteDate,\n    end: to.absoluteDate,\n  });\n\n  // from is below the min value, to is above the min value.\n  // from is adjusted to the min value, to stays the same.\n  if (isFromBelowMin && !isToBelowMin) {\n    return {\n      from: min,\n      to,\n    };\n  }\n\n  const _timezonedMin = new TZDateMini(min.absoluteDate, getTimezone());\n  const adjustedTimeISO = new TZDateMini(\n    add(_timezonedMin, difference),\n    getTimezone(),\n  ).toISOString();\n  let timeValueAdjusted = parseTimeAsTimeValue(\n    adjustedTimeISO,\n    relativeNow,\n    precision,\n  );\n\n  // If the adjusted time exceeds the max value, adjust it to the max value.\n  if (max && isBiggerThan(timeValueAdjusted?.absoluteDate, max.absoluteDate)) {\n    timeValueAdjusted = max;\n  }\n\n  // from and to are both below the min value.\n  // from is adjusted to the min value, to is adjusted to min value plus duration.\n  if (isFromBelowMin && isToBelowMin) {\n    return {\n      from: min,\n      to: timeValueAdjusted ?? min,\n    };\n  }\n\n  // from is above the min value, to is below the min value.\n  // from stays the same and to is adjusted to the from value plus duration.\n  if (!isFromBelowMin && isToBelowMin) {\n    return {\n      from,\n      to: timeValueAdjusted ?? from,\n    };\n  }\n\n  return { from, to };\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToMax = (\n  min: TimeValue | null,\n  max: TimeValue | null,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: Precision,\n): Timeframe => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  if (!max) {\n    return { from, to };\n  }\n\n  const isFromAboveMax = isBiggerThan(from.absoluteDate, max.absoluteDate);\n  const isToAboveMax = isBiggerThan(to.absoluteDate, max.absoluteDate);\n  const difference = intervalToDuration({\n    start: from.absoluteDate,\n    end: to.absoluteDate,\n  });\n\n  // from and to are both above the max value.\n  // from is adjusted to the max value, to is adjusted to max value minus duration.\n  if (isFromAboveMax && isToAboveMax) {\n    const _timezonedMax = new TZDateMini(max.absoluteDate, getTimezone());\n    const adjustedFrom = new TZDateMini(\n      sub(_timezonedMax, difference),\n      getTimezone(),\n    ).toISOString();\n\n    // If the adjusted from value is below the min value, use min directly\n    // to preserve its original expression value (e.g. 'now()-1d').\n    if (min && isSmallerThan(adjustedFrom, min.absoluteDate)) {\n      return { from: min, to: max };\n    }\n\n    return {\n      from: parseTimeAsTimeValue(adjustedFrom, relativeNow, precision) ?? max,\n      to: max,\n    };\n  }\n\n  // to is above the max value, from is within bounds.\n  // from stays the same, to is adjusted to the max value.\n  // This preserves the stepped-forward from (which equals the original to),\n  // satisfying the expectation that forward-stepping gives {orig_to, max}.\n  if (!isFromAboveMax && isToAboveMax) {\n    return {\n      from,\n      to: max,\n    };\n  }\n\n  // from is above the max value.\n  // from is adjusted to the max value, to stays the same.\n  if (isFromAboveMax && !isToAboveMax) {\n    const _timezonedFrom = new TZDateMini(from.absoluteDate, getTimezone());\n    let adjustedTo = new TZDateMini(\n      sub(_timezonedFrom, difference),\n      getTimezone(),\n    ).toISOString();\n\n    if (min && isSmallerThan(adjustedTo, min.absoluteDate)) {\n      adjustedTo = min.absoluteDate;\n    }\n\n    return {\n      from,\n      to: parseTimeAsTimeValue(adjustedTo, relativeNow, precision) ?? from,\n    };\n  }\n\n  return { from, to };\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToBoundaries = (\n  min: string | undefined,\n  max: string | undefined,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: Precision,\n): Timeframe | undefined => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const parsedMin = parseTimeAsTimeValue(min, relativeNow, precision);\n  const parsedMax = parseTimeAsTimeValue(max, relativeNow, precision);\n  let result = { from, to };\n\n  result = clampToMin(parsedMin, parsedMax, result.from, result.to, precision);\n  result = clampToMax(parsedMin, parsedMax, result.from, result.to, precision);\n\n  return result;\n};\n\n/**\n * Adjusts the absolute timeframe based on the specified direction and handles min/max constraints.\n */\nconst handleAbsolute = (\n  originalValue: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'backward' | 'forward',\n  isFullDay?: boolean,\n  precision?: Precision,\n): Timeframe => {\n  const timezone = getTimezone();\n  const from = new TZDateMini(originalValue.from.absoluteDate, timezone);\n  const to = new TZDateMini(originalValue.to.absoluteDate, timezone);\n\n  const difference = from.getTime() - to.getTime();\n\n  const adjustedFrom = removePrecision(\n    adjustDate(from, difference, direction, isFullDay),\n    precision,\n  );\n  const adjustedTo = removePrecision(\n    adjustDate(to, difference, direction, isFullDay),\n    precision,\n  );\n\n  const newTimeframe: Timeframe = {\n    from: {\n      type: 'iso8601',\n      absoluteDate: adjustedFrom,\n      value: adjustedFrom,\n    },\n    to: {\n      type: 'iso8601',\n      absoluteDate: adjustedTo,\n      value: adjustedTo,\n    },\n  };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? originalValue\n  );\n};\n\n/**\n * Adjusts the relative timeframe based on the direction.\n */\nconst handleExpression = (\n  value: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'forward' | 'backward',\n  precision?: Precision,\n): Timeframe | undefined => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = _parseTimeExpression(value.from.value);\n  const toDetails = _parseTimeExpression(value.to.value);\n  const offsetUnit = getSmallestCommonUnit(value.from, value.to);\n  const fromOffset =\n    offsetUnit === fromDetails?.offsetUnit\n      ? fromDetails.offsetAmount\n      : getTimeDifferenceInUnit(fromDetails, relativeNow, offsetUnit);\n  const toOffset =\n    offsetUnit === toDetails?.offsetUnit\n      ? toDetails.offsetAmount\n      : getTimeDifferenceInUnit(toDetails, relativeNow, offsetUnit);\n\n  if (fromOffset === undefined || toOffset === undefined) {\n    return undefined;\n  }\n\n  const difference = Math.abs(fromOffset - toOffset);\n  const newFromValue = convertOffsetToExpression(\n    fromOffset,\n    difference * -1,\n    offsetUnit,\n  );\n  const newToValue = convertOffsetToExpression(\n    toOffset,\n    difference,\n    offsetUnit,\n  );\n\n  const backwardFromParsedTime = parseTimeAsTimeValue(\n    newFromValue,\n    relativeNow,\n    precision,\n  );\n  const forwardToParsedTime = parseTimeAsTimeValue(\n    newToValue,\n    relativeNow,\n    precision,\n  );\n\n  if (!backwardFromParsedTime || !forwardToParsedTime) {\n    return undefined;\n  }\n\n  const currentBackwardFromParsedTime = parseTimeAsTimeValue(\n    convertOffsetToExpression(0, fromOffset, offsetUnit),\n    relativeNow,\n    precision,\n  );\n  const currentForwardToParsedTime = parseTimeAsTimeValue(\n    convertOffsetToExpression(0, toOffset, offsetUnit),\n    relativeNow,\n    precision,\n  );\n\n  if (!currentBackwardFromParsedTime || !currentForwardToParsedTime) {\n    return undefined;\n  }\n\n  const newTimeframe: Timeframe =\n    direction === 'backward'\n      ? {\n          from: backwardFromParsedTime,\n          to: currentBackwardFromParsedTime,\n        }\n      : {\n          from: currentForwardToParsedTime,\n          to: forwardToParsedTime,\n        };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? value\n  );\n};\n\n/**\n * Adjusts the roundDownExpression timeframe based on the direction.\n */\nfunction handleRoundedTimeframe(\n  value: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'forward' | 'backward',\n  precision?: Precision,\n): Timeframe | undefined {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = _parseTimeExpression(value.from.value);\n  const toDetails = _parseTimeExpression(value.to.value);\n  const offsetUnit = getSmallestCommonUnit(value.from, value.to);\n\n  const fromOffset =\n    // same offsetUnit or now() or now()@d.\n    offsetUnit === fromDetails?.offsetUnit || fromDetails?.offsetAmount === 0\n      ? fromDetails.offsetAmount\n      : getTimeDifferenceInUnit(fromDetails, relativeNow, offsetUnit);\n  const toOffset =\n    // same offsetUnit or now() or now()@d.\n    offsetUnit === toDetails?.offsetUnit || toDetails?.offsetAmount === 0\n      ? toDetails.offsetAmount\n      : getTimeDifferenceInUnit(toDetails, relativeNow, offsetUnit);\n\n  let backwardFromValue = '';\n  let forwardToValue = '';\n\n  if (!fromDetails || !toDetails) {\n    return undefined;\n  }\n\n  const roundDownUnit = fromDetails.roundDownUnit || toDetails.roundDownUnit;\n\n  // If both fromOffset and toOffset are 0 (e.g., @d -> Now).\n  if (fromOffset === 0 && toOffset === 0) {\n    backwardFromValue = `-1${offsetUnit}@${roundDownUnit}`;\n    forwardToValue = `+1${offsetUnit}@${roundDownUnit}`;\n  } else {\n    const offsetDifference = Math.abs(fromOffset - toOffset);\n\n    backwardFromValue =\n      value.from.value === 'now()' && offsetDifference === 1\n        ? // Shift backward from now to the rounded down unit (e.g., @d).\n          `@${roundDownUnit}`\n        : // Otherwise, if 'from' and 'to' are roundDownExpressions (e.g., -40d@M -> -20d@M).\n          convertOffsetToExpression(\n            offsetDifference * -1,\n            fromOffset,\n            offsetUnit,\n          ) + `@${roundDownUnit}`;\n    forwardToValue =\n      convertOffsetToExpression(offsetDifference, toOffset, offsetUnit) +\n      `@${roundDownUnit}`;\n  }\n\n  const backwardFromParsedTime = parseTimeAsTimeValue(\n    backwardFromValue,\n    relativeNow,\n    precision,\n  );\n  const forwardToParsedTime = parseTimeAsTimeValue(\n    forwardToValue,\n    relativeNow,\n    precision,\n  );\n\n  if (!backwardFromParsedTime || !forwardToParsedTime) {\n    return undefined;\n  }\n\n  const backwardFromCandidate =\n    // if the other unit is smaller than this unit convert it to that unit\n    fromDetails?.offsetUnit && offsetUnit !== fromDetails?.offsetUnit\n      ? // Convert the offset to the smaller unit\n        convertOffsetToExpression(0, fromOffset, offsetUnit) +\n        `@${roundDownUnit}`\n      : value.from.value;\n\n  const forwardToCandidate =\n    // if the other unit is smaller than this unit convert it to that unit\n    toDetails?.offsetUnit && offsetUnit !== toDetails?.offsetUnit\n      ? // Convert the offset to the smaller unit\n        convertOffsetToExpression(0, toOffset, offsetUnit) + `@${roundDownUnit}`\n      : value.to.value;\n\n  const currentBackwardFromParsedTime = parseTimeAsTimeValue(\n    backwardFromCandidate,\n    relativeNow,\n    precision,\n  );\n\n  const currentForwardToParsedTime = parseTimeAsTimeValue(\n    forwardToCandidate,\n    relativeNow,\n    precision,\n  );\n\n  if (!currentBackwardFromParsedTime || !currentForwardToParsedTime) {\n    return undefined;\n  }\n\n  const newTimeframe =\n    direction === 'backward'\n      ? {\n          from: backwardFromParsedTime,\n          to: currentBackwardFromParsedTime,\n        }\n      : {\n          from: currentForwardToParsedTime,\n          to: forwardToParsedTime,\n        };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? value\n  );\n}\n\n/**\n * Adjusts the timeframe based on the direction ('backward' or 'forward').\n * Handles different types of timeframes: ISO8601, expressions, and rounded timeframes.\n * @internal\n */\nexport function getTimeShift(\n  value: Timeframe | null,\n  config: {\n    direction: 'backward' | 'forward';\n    min?: string;\n    max?: string;\n    isFullDay?: boolean;\n    precision?: Precision;\n  },\n): Timeframe | undefined {\n  const { direction, min, max, isFullDay, precision } = config;\n\n  const isISO8601 = (type: string) => type === 'iso8601';\n  const isExpression = (type: string) => type === 'expression';\n\n  if (!value?.from || !value?.to) {\n    return undefined;\n  }\n\n  if (isISO8601(value.from.type) || isISO8601(value.to.type)) {\n    return handleAbsolute(value, min, max, direction, isFullDay, precision);\n  }\n\n  if (isExpression(value.from.type) && isExpression(value.to.type)) {\n    const newFrom = _parseTimeExpression(value.from.value);\n    const newTo = _parseTimeExpression(value.to.value);\n\n    // no roundedTimeFrame -> handleExpression.\n    if (!(newFrom?.roundDownUnit || newTo?.roundDownUnit)) {\n      return handleExpression(value, min, max, direction, precision);\n    }\n\n    // both are a roundedTimeframe -> handleRoundedTimeframe.\n    if (\n      // can be a roundedTimeframe or now().\n      (newFrom?.roundDownUnit || newFrom?.offsetAmount === 0) &&\n      (newTo?.roundDownUnit || newTo?.offsetAmount === 0) &&\n      // checks if from and to have different roundDownUnits.\n      !(\n        newFrom?.roundDownUnit &&\n        newTo?.roundDownUnit &&\n        newFrom?.roundDownUnit !== newTo?.roundDownUnit\n      )\n    ) {\n      return handleRoundedTimeframe(value, min, max, direction, precision);\n    }\n\n    // one is a roundedTimeframe, one is expression -> handleAbsolute.\n    return handleAbsolute(value, min, max, direction, false, precision);\n  }\n  return undefined;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  add,\n  addDays,\n  addHours,\n  intervalToDuration,\n  startOfHour,\n  sub,\n} from 'date-fns';\nimport { type IntlShape } from 'react-intl';\n\nimport {\n  _parseTimeExpression,\n  parseTimeAsTimeValue,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { formatTimeframeDuration } from './formatting.js';\nimport {\n  getSmallestCommonUnit,\n  getTimeDifferenceInUnit,\n} from './timeframe-calculations.js';\nimport { isBiggerThan, isSmallerThan } from './timeframe-selection.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { Timeframe, TimeValue } from '../../../core/types/time.js';\nimport {\n  getTimeValue,\n  removePrecision,\n} from '../../../forms/forms-core/time/timeParser.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../constants/timeframeSelectorMessages.js';\n\n/**\n * Formats and returns the display value for given time values, including relative expressions.\n * @internal\n */\nexport function formatStepperValues(\n  from: TimeValue | null,\n  to: TimeValue | null,\n  intl: IntlShape,\n  direction: 'backward' | 'forward',\n  isFullDay?: boolean,\n): string {\n  const adjustedTo =\n    isFullDay && to\n      ? (getTimeValue(\n          startOfHour(\n            addHours(new TZDateMini(to.absoluteDate, getTimezone()), 1),\n          ).toISOString(),\n        ) ?? null)\n      : to;\n\n  const duration = formatTimeframeDuration(from, adjustedTo, intl);\n  const prefix = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.prefix);\n  const suffix = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.suffix, {\n    suffix: direction === 'backward' ? 'back' : 'forward',\n  });\n\n  return `${prefix}${duration}${suffix}`.trim();\n}\n\n/**\n * Calculates a given date by a difference in milliseconds, either forward or backward.\n */\nconst adjustDate = (\n  date: TZDate,\n  difference: number,\n  direction: 'forward' | 'backward',\n  isFullDay?: boolean,\n): string => {\n  if (isFullDay) {\n    const daysDifference = Math.ceil(-difference / (1000 * 60 * 60 * 24));\n    date = addDays(\n      date,\n      direction === 'backward' ? -daysDifference : daysDifference,\n    );\n    return date.toISOString();\n  }\n\n  date.setTime(\n    direction === 'backward'\n      ? date.getTime() - Math.abs(difference)\n      : date.getTime() + Math.abs(difference),\n  );\n  return date.toISOString();\n};\n\n/**\n * Calculates a new time relative value based on the offset amount and difference.\n */\nconst convertOffsetToExpression = (\n  offsetAmount: number,\n  diff: number,\n  offsetUnit: string,\n): string => {\n  const totalOffset = diff + offsetAmount;\n  if (totalOffset > 0) {\n    return `now()+${totalOffset}${offsetUnit}`;\n  } else if (totalOffset < 0) {\n    return `now()${totalOffset}${offsetUnit}`;\n  } else {\n    return 'now()';\n  }\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToMin = (\n  min: TimeValue | null,\n  max: TimeValue | null,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: Precision,\n): Timeframe => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  if (!min) {\n    return { from, to };\n  }\n\n  const isFromBelowMin = isSmallerThan(from.absoluteDate, min.absoluteDate);\n  const isToBelowMin = isSmallerThan(to.absoluteDate, min.absoluteDate);\n  const difference = intervalToDuration({\n    start: from.absoluteDate,\n    end: to.absoluteDate,\n  });\n\n  // from is below the min value, to is above the min value.\n  // from is adjusted to the min value, to stays the same.\n  if (isFromBelowMin && !isToBelowMin) {\n    return {\n      from: min,\n      to,\n    };\n  }\n\n  const _timezonedMin = new TZDateMini(min.absoluteDate, getTimezone());\n  const adjustedTimeISO = new TZDateMini(\n    add(_timezonedMin, difference),\n    getTimezone(),\n  ).toISOString();\n  let timeValueAdjusted = parseTimeAsTimeValue(\n    adjustedTimeISO,\n    relativeNow,\n    precision,\n  );\n\n  // If the adjusted time exceeds the max value, adjust it to the max value.\n  if (max && isBiggerThan(timeValueAdjusted?.absoluteDate, max.absoluteDate)) {\n    timeValueAdjusted = max;\n  }\n\n  // from and to are both below the min value.\n  // from is adjusted to the min value, to is adjusted to min value plus duration.\n  if (isFromBelowMin && isToBelowMin) {\n    return {\n      from: min,\n      to: timeValueAdjusted ?? min,\n    };\n  }\n\n  // from is above the min value, to is below the min value.\n  // from stays the same and to is adjusted to the from value plus duration.\n  if (!isFromBelowMin && isToBelowMin) {\n    return {\n      from,\n      to: timeValueAdjusted ?? from,\n    };\n  }\n\n  return { from, to };\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToMax = (\n  min: TimeValue | null,\n  max: TimeValue | null,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: Precision,\n): Timeframe => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  if (!max) {\n    return { from, to };\n  }\n\n  const isFromAboveMax = isBiggerThan(from.absoluteDate, max.absoluteDate);\n  const isToAboveMax = isBiggerThan(to.absoluteDate, max.absoluteDate);\n  const difference = intervalToDuration({\n    start: from.absoluteDate,\n    end: to.absoluteDate,\n  });\n\n  // from and to are both above the max value.\n  // from is adjusted to the max value, to is adjusted to max value minus duration.\n  if (isFromAboveMax && isToAboveMax) {\n    const _timezonedMax = new TZDateMini(max.absoluteDate, getTimezone());\n    const adjustedFrom = new TZDateMini(\n      sub(_timezonedMax, difference),\n      getTimezone(),\n    ).toISOString();\n\n    // If the adjusted from value is below the min value, use min directly\n    // to preserve its original expression value (e.g. 'now()-1d').\n    if (min && isSmallerThan(adjustedFrom, min.absoluteDate)) {\n      return { from: min, to: max };\n    }\n\n    return {\n      from: parseTimeAsTimeValue(adjustedFrom, relativeNow, precision) ?? max,\n      to: max,\n    };\n  }\n\n  // to is above the max value, from is within bounds.\n  // from stays the same, to is adjusted to the max value.\n  // This preserves the stepped-forward from (which equals the original to),\n  // satisfying the expectation that forward-stepping gives {orig_to, max}.\n  if (!isFromAboveMax && isToAboveMax) {\n    return {\n      from,\n      to: max,\n    };\n  }\n\n  // from is above the max value.\n  // from is adjusted to the max value, to stays the same.\n  if (isFromAboveMax && !isToAboveMax) {\n    const _timezonedFrom = new TZDateMini(from.absoluteDate, getTimezone());\n    let adjustedTo = new TZDateMini(\n      sub(_timezonedFrom, difference),\n      getTimezone(),\n    ).toISOString();\n\n    if (min && isSmallerThan(adjustedTo, min.absoluteDate)) {\n      adjustedTo = min.absoluteDate;\n    }\n\n    return {\n      from,\n      to: parseTimeAsTimeValue(adjustedTo, relativeNow, precision) ?? from,\n    };\n  }\n\n  return { from, to };\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToBoundaries = (\n  min: string | undefined,\n  max: string | undefined,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: Precision,\n): Timeframe | undefined => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const parsedMin = parseTimeAsTimeValue(min, relativeNow, precision);\n  const parsedMax = parseTimeAsTimeValue(max, relativeNow, precision);\n  let result = { from, to };\n\n  result = clampToMin(parsedMin, parsedMax, result.from, result.to, precision);\n  result = clampToMax(parsedMin, parsedMax, result.from, result.to, precision);\n\n  return result;\n};\n\n/**\n * Adjusts the absolute timeframe based on the specified direction and handles min/max constraints.\n */\nconst handleAbsolute = (\n  originalValue: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'backward' | 'forward',\n  isFullDay?: boolean,\n  precision?: Precision,\n): Timeframe => {\n  const timezone = getTimezone();\n  const from = new TZDateMini(originalValue.from.absoluteDate, timezone);\n  const to = new TZDateMini(originalValue.to.absoluteDate, timezone);\n\n  const difference = from.getTime() - to.getTime();\n\n  const adjustedFrom = removePrecision(\n    adjustDate(from, difference, direction, isFullDay),\n    precision,\n  );\n  const adjustedTo = removePrecision(\n    adjustDate(to, difference, direction, isFullDay),\n    precision,\n  );\n\n  const newTimeframe: Timeframe = {\n    from: {\n      type: 'iso8601',\n      absoluteDate: adjustedFrom,\n      value: adjustedFrom,\n    },\n    to: {\n      type: 'iso8601',\n      absoluteDate: adjustedTo,\n      value: adjustedTo,\n    },\n  };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? originalValue\n  );\n};\n\n/**\n * Adjusts the relative timeframe based on the direction.\n */\nconst handleExpression = (\n  value: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'forward' | 'backward',\n  precision?: Precision,\n): Timeframe | undefined => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = _parseTimeExpression(value.from.value);\n  const toDetails = _parseTimeExpression(value.to.value);\n  const offsetUnit = getSmallestCommonUnit(value.from, value.to);\n  const fromOffset =\n    offsetUnit === fromDetails?.offsetUnit\n      ? fromDetails.offsetAmount\n      : getTimeDifferenceInUnit(fromDetails, relativeNow, offsetUnit);\n  const toOffset =\n    offsetUnit === toDetails?.offsetUnit\n      ? toDetails.offsetAmount\n      : getTimeDifferenceInUnit(toDetails, relativeNow, offsetUnit);\n\n  if (fromOffset === undefined || toOffset === undefined) {\n    return undefined;\n  }\n\n  const difference = Math.abs(fromOffset - toOffset);\n  const newFromValue = convertOffsetToExpression(\n    fromOffset,\n    difference * -1,\n    offsetUnit,\n  );\n  const newToValue = convertOffsetToExpression(\n    toOffset,\n    difference,\n    offsetUnit,\n  );\n\n  const backwardFromParsedTime = parseTimeAsTimeValue(\n    newFromValue,\n    relativeNow,\n    precision,\n  );\n  const forwardToParsedTime = parseTimeAsTimeValue(\n    newToValue,\n    relativeNow,\n    precision,\n  );\n\n  if (!backwardFromParsedTime || !forwardToParsedTime) {\n    return undefined;\n  }\n\n  const currentBackwardFromParsedTime = parseTimeAsTimeValue(\n    convertOffsetToExpression(0, fromOffset, offsetUnit),\n    relativeNow,\n    precision,\n  );\n  const currentForwardToParsedTime = parseTimeAsTimeValue(\n    convertOffsetToExpression(0, toOffset, offsetUnit),\n    relativeNow,\n    precision,\n  );\n\n  if (!currentBackwardFromParsedTime || !currentForwardToParsedTime) {\n    return undefined;\n  }\n\n  const newTimeframe: Timeframe =\n    direction === 'backward'\n      ? {\n          from: backwardFromParsedTime,\n          to: currentBackwardFromParsedTime,\n        }\n      : {\n          from: currentForwardToParsedTime,\n          to: forwardToParsedTime,\n        };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? value\n  );\n};\n\n/**\n * Adjusts the roundDownExpression timeframe based on the direction.\n */\nfunction handleRoundedTimeframe(\n  value: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'forward' | 'backward',\n  precision?: Precision,\n): Timeframe | undefined {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = _parseTimeExpression(value.from.value);\n  const toDetails = _parseTimeExpression(value.to.value);\n  const offsetUnit = getSmallestCommonUnit(value.from, value.to);\n\n  const fromOffset =\n    // same offsetUnit or now() or now()@d.\n    offsetUnit === fromDetails?.offsetUnit || fromDetails?.offsetAmount === 0\n      ? fromDetails.offsetAmount\n      : getTimeDifferenceInUnit(fromDetails, relativeNow, offsetUnit);\n  const toOffset =\n    // same offsetUnit or now() or now()@d.\n    offsetUnit === toDetails?.offsetUnit || toDetails?.offsetAmount === 0\n      ? toDetails.offsetAmount\n      : getTimeDifferenceInUnit(toDetails, relativeNow, offsetUnit);\n\n  let backwardFromValue = '';\n  let forwardToValue = '';\n\n  if (!fromDetails || !toDetails) {\n    return undefined;\n  }\n\n  const roundDownUnit = fromDetails.roundDownUnit || toDetails.roundDownUnit;\n\n  // If both fromOffset and toOffset are 0 (e.g., @d -> Now).\n  if (fromOffset === 0 && toOffset === 0) {\n    backwardFromValue = `-1${offsetUnit}@${roundDownUnit}`;\n    forwardToValue = `+1${offsetUnit}@${roundDownUnit}`;\n  } else {\n    const offsetDifference = Math.abs(fromOffset - toOffset);\n\n    backwardFromValue =\n      value.from.value === 'now()' && offsetDifference === 1\n        ? // Shift backward from now to the rounded down unit (e.g., @d).\n          `@${roundDownUnit}`\n        : // Otherwise, if 'from' and 'to' are roundDownExpressions (e.g., -40d@M -> -20d@M).\n          convertOffsetToExpression(\n            offsetDifference * -1,\n            fromOffset,\n            offsetUnit,\n          ) + `@${roundDownUnit}`;\n    forwardToValue =\n      convertOffsetToExpression(offsetDifference, toOffset, offsetUnit) +\n      `@${roundDownUnit}`;\n  }\n\n  const backwardFromParsedTime = parseTimeAsTimeValue(\n    backwardFromValue,\n    relativeNow,\n    precision,\n  );\n  const forwardToParsedTime = parseTimeAsTimeValue(\n    forwardToValue,\n    relativeNow,\n    precision,\n  );\n\n  if (!backwardFromParsedTime || !forwardToParsedTime) {\n    return undefined;\n  }\n\n  const backwardFromCandidate =\n    // if the other unit is smaller than this unit convert it to that unit\n    fromDetails?.offsetUnit && offsetUnit !== fromDetails?.offsetUnit\n      ? // Convert the offset to the smaller unit\n        convertOffsetToExpression(0, fromOffset, offsetUnit) +\n        `@${roundDownUnit}`\n      : value.from.value;\n\n  const forwardToCandidate =\n    // if the other unit is smaller than this unit convert it to that unit\n    toDetails?.offsetUnit && offsetUnit !== toDetails?.offsetUnit\n      ? // Convert the offset to the smaller unit\n        convertOffsetToExpression(0, toOffset, offsetUnit) + `@${roundDownUnit}`\n      : value.to.value;\n\n  const currentBackwardFromParsedTime = parseTimeAsTimeValue(\n    backwardFromCandidate,\n    relativeNow,\n    precision,\n  );\n\n  const currentForwardToParsedTime = parseTimeAsTimeValue(\n    forwardToCandidate,\n    relativeNow,\n    precision,\n  );\n\n  if (!currentBackwardFromParsedTime || !currentForwardToParsedTime) {\n    return undefined;\n  }\n\n  const newTimeframe =\n    direction === 'backward'\n      ? {\n          from: backwardFromParsedTime,\n          to: currentBackwardFromParsedTime,\n        }\n      : {\n          from: currentForwardToParsedTime,\n          to: forwardToParsedTime,\n        };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? value\n  );\n}\n\n/**\n * Adjusts the timeframe based on the direction ('backward' or 'forward').\n * Handles different types of timeframes: ISO8601, expressions, and rounded timeframes.\n * @internal\n */\nexport function getTimeShift(\n  value: Timeframe | null,\n  config: {\n    direction: 'backward' | 'forward';\n    min?: string;\n    max?: string;\n    isFullDay?: boolean;\n    precision?: Precision;\n  },\n): Timeframe | undefined {\n  const { direction, min, max, isFullDay, precision } = config;\n\n  const isISO8601 = (type: string) => type === 'iso8601';\n  const isExpression = (type: string) => type === 'expression';\n\n  if (!value?.from || !value?.to) {\n    return undefined;\n  }\n\n  if (isISO8601(value.from.type) || isISO8601(value.to.type)) {\n    return handleAbsolute(value, min, max, direction, isFullDay, precision);\n  }\n\n  if (isExpression(value.from.type) && isExpression(value.to.type)) {\n    const newFrom = _parseTimeExpression(value.from.value);\n    const newTo = _parseTimeExpression(value.to.value);\n\n    // no roundedTimeFrame -> handleExpression.\n    if (!(newFrom?.roundDownUnit || newTo?.roundDownUnit)) {\n      return handleExpression(value, min, max, direction, precision);\n    }\n\n    // both are a roundedTimeframe -> handleRoundedTimeframe.\n    if (\n      // can be a roundedTimeframe or now().\n      (newFrom?.roundDownUnit || newFrom?.offsetAmount === 0) &&\n      (newTo?.roundDownUnit || newTo?.offsetAmount === 0) &&\n      // checks if from and to have different roundDownUnits.\n      !(\n        newFrom?.roundDownUnit &&\n        newTo?.roundDownUnit &&\n        newFrom?.roundDownUnit !== newTo?.roundDownUnit\n      )\n    ) {\n      return handleRoundedTimeframe(value, min, max, direction, precision);\n    }\n\n    // one is a roundedTimeframe, one is expression -> handleAbsolute.\n    return handleAbsolute(value, min, max, direction, false, precision);\n  }\n  return undefined;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/forms/_base-input/BaseInput.css

@@ -1,6 +1,6 @@
-._1a8lqy98-3-13-2 {
-  --_1a8lqy96-3-13-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_yfwka30-3-13-2: var(--_1a8lqy96-3-13-2);
+._1a8lqy98-3-14-0 {
+  --_1a8lqy96-3-14-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_yfwka30-3-14-0: var(--_1a8lqy96-3-14-0);
   position: relative;
   display: flex;
   min-width: 0;
@@ -11,91 +11,91 @@
   padding-right: var(--dt-spacings-size-12, 12px);
   border-radius: var(--dt-borders-radius-field-default, 6px);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
-  background-color: var(--_1a8lqy96-3-13-2);
-  box-shadow: var(--_1a8lqy97-3-13-2);
+  background-color: var(--_1a8lqy96-3-14-0);
+  box-shadow: var(--_1a8lqy97-3-14-0);
   transition-property: background-color, box-shadow, border-color;
   transition-duration: var(--dt-timings-fast-quick, 150ms);
   transition-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1)), var(--dt-easings-decelerate, cubic-bezier(0, 0, 0.2, 1));
 }
-._1a8lqy98-3-13-2:hover {
-  --_1a8lqy96-3-13-2: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
+._1a8lqy98-3-14-0:hover {
+  --_1a8lqy96-3-14-0: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1a8lqy98-3-13-2:active {
-  --_1a8lqy96-3-13-2: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
+._1a8lqy98-3-14-0:active {
+  --_1a8lqy96-3-14-0: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1a8lqy91-3-13-2 ._1a8lqy98-3-13-2 {
+._1a8lqy91-3-14-0 ._1a8lqy98-3-14-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2) ._1a8lqy98-3-13-2:hover {
+._1a8lqy91-3-14-0:not(._1a8lqy92-3-14-0) ._1a8lqy98-3-14-0:hover {
   background-color: var(--dt-colors-background-field-critical-emphasized-hover, #f6d6d5);
 }
-._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2) ._1a8lqy98-3-13-2:active {
+._1a8lqy91-3-14-0:not(._1a8lqy92-3-14-0) ._1a8lqy98-3-14-0:active {
   background-color: var(--dt-colors-background-field-critical-emphasized-active, #f5cac9);
 }
-._1a8lqy93-3-13-2 ._1a8lqy98-3-13-2:is(:not(:hover, :active), :hover, :active) {
+._1a8lqy93-3-14-0 ._1a8lqy98-3-14-0:is(:not(:hover, :active), :hover, :active) {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-:where(:root:not(._1jgl8s50-3-13-2)) ._1a8lqy93-3-13-2._1a8lqy91-3-13-2 ._1a8lqy98-3-13-2:is(:not(:hover, :active), :hover, :active) {
+:where(:root:not(._1jgl8s50-3-14-0)) ._1a8lqy93-3-14-0._1a8lqy91-3-14-0 ._1a8lqy98-3-14-0:is(:not(:hover, :active), :hover, :active) {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1a8lqy92-3-13-2 ._1a8lqy98-3-13-2 {
+._1a8lqy92-3-14-0 ._1a8lqy98-3-14-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   cursor: not-allowed;
 }
-._1a8lqy95-3-13-2:not(:hover) ._1a8lqy98-3-13-2 {
+._1a8lqy95-3-14-0:not(:hover) ._1a8lqy98-3-14-0 {
   background-color: var(--dt-colors-background-field-neutral-default, #e4e5eb00);
 }
-._1a8lqy95-3-13-2:is(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2) ._1a8lqy98-3-13-2 {
+._1a8lqy95-3-14-0:is(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0) ._1a8lqy98-3-14-0 {
   background-color: var(--dt-colors-background-field-neutral-default, #e4e5eb00);
 }
-._1jgl8s50-3-13-2 ._1a8lqy94-3-13-2 ._1a8lqy98-3-13-2,
-    ._1jgl8s50-3-13-2 ._1a8lqy94-3-13-2 ._1a8lqy98-3-13-2:is(:hover, :active),
-    ._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2) ._1a8lqy98-3-13-2:is(:hover, :active),
-    ._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):is(:hover, :active) ._1a8lqy98-3-13-2 {
+._1jgl8s50-3-14-0 ._1a8lqy94-3-14-0 ._1a8lqy98-3-14-0,
+    ._1jgl8s50-3-14-0 ._1a8lqy94-3-14-0 ._1a8lqy98-3-14-0:is(:hover, :active),
+    ._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0) ._1a8lqy98-3-14-0:is(:hover, :active),
+    ._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):is(:hover, :active) ._1a8lqy98-3-14-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1jgl8s50-3-13-2 ._1a8lqy94-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2) ._1a8lqy98-3-13-2,
-    ._1jgl8s50-3-13-2 :where(._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2)):hover ._1a8lqy98-3-13-2 {
-  --_1a8lqy97-3-13-2: var(--dt-box-shadows-field-neutral-emphasized-rest, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #fff);
+._1jgl8s50-3-14-0 ._1a8lqy94-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0) ._1a8lqy98-3-14-0,
+    ._1jgl8s50-3-14-0 :where(._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0)):hover ._1a8lqy98-3-14-0 {
+  --_1a8lqy97-3-14-0: var(--dt-box-shadows-field-neutral-emphasized-rest, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #fff);
 }
-._1jgl8s50-3-13-2 :is(._1a8lqy94-3-13-2, ._1a8lqy95-3-13-2):not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2) ._1a8lqy98-3-13-2:hover {
-  --_1a8lqy97-3-13-2: var(--dt-box-shadows-field-neutral-emphasized-hover, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #dadbe4);
+._1jgl8s50-3-14-0 :is(._1a8lqy94-3-14-0, ._1a8lqy95-3-14-0):not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0) ._1a8lqy98-3-14-0:hover {
+  --_1a8lqy97-3-14-0: var(--dt-box-shadows-field-neutral-emphasized-hover, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #dadbe4);
 }
-._1jgl8s50-3-13-2 :is(._1a8lqy94-3-13-2, ._1a8lqy95-3-13-2):not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2) ._1a8lqy98-3-13-2:active {
-  --_1a8lqy97-3-13-2: var(--dt-box-shadows-field-neutral-emphasized-active, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #d0d1dc);
+._1jgl8s50-3-14-0 :is(._1a8lqy94-3-14-0, ._1a8lqy95-3-14-0):not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0) ._1a8lqy98-3-14-0:active {
+  --_1a8lqy97-3-14-0: var(--dt-box-shadows-field-neutral-emphasized-active, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #d0d1dc);
 }
-._1jgl8s50-3-13-2 :where(._1a8lqy94-3-13-2)._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2) ._1a8lqy98-3-13-2,
-      ._1jgl8s50-3-13-2 :where(._1a8lqy95-3-13-2)._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):hover ._1a8lqy98-3-13-2 {
-  --_1a8lqy97-3-13-2: var(--dt-box-shadows-field-critical-emphasized-rest, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f8e1e1);
+._1jgl8s50-3-14-0 :where(._1a8lqy94-3-14-0)._1a8lqy91-3-14-0:not(._1a8lqy92-3-14-0) ._1a8lqy98-3-14-0,
+      ._1jgl8s50-3-14-0 :where(._1a8lqy95-3-14-0)._1a8lqy91-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):hover ._1a8lqy98-3-14-0 {
+  --_1a8lqy97-3-14-0: var(--dt-box-shadows-field-critical-emphasized-rest, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f8e1e1);
 }
-._1jgl8s50-3-13-2 ._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2) ._1a8lqy98-3-13-2:hover {
-  --_1a8lqy97-3-13-2: var(--dt-box-shadows-field-critical-emphasized-hover, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f6d6d5);
+._1jgl8s50-3-14-0 ._1a8lqy91-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0) ._1a8lqy98-3-14-0:hover {
+  --_1a8lqy97-3-14-0: var(--dt-box-shadows-field-critical-emphasized-hover, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f6d6d5);
 }
-._1jgl8s50-3-13-2 ._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2) ._1a8lqy98-3-13-2:active {
-  --_1a8lqy97-3-13-2: var(--dt-box-shadows-field-critical-emphasized-active, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f5cac9);
+._1jgl8s50-3-14-0 ._1a8lqy91-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0) ._1a8lqy98-3-14-0:active {
+  --_1a8lqy97-3-14-0: var(--dt-box-shadows-field-critical-emphasized-active, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f5cac9);
 }
-._1jgl8s50-3-13-2 ._1a8lqy94-3-13-2:is(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2) ._1a8lqy98-3-13-2 {
-  --_1a8lqy97-3-13-2: var(--dt-box-shadows-field-neutral-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
+._1jgl8s50-3-14-0 ._1a8lqy94-3-14-0:is(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0) ._1a8lqy98-3-14-0 {
+  --_1a8lqy97-3-14-0: var(--dt-box-shadows-field-neutral-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
 }
-._1jgl8s50-3-13-2 ._1a8lqy94-3-13-2._1a8lqy91-3-13-2:is(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2) ._1a8lqy98-3-13-2 {
-  --_1a8lqy97-3-13-2: var(--dt-box-shadows-field-critical-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
+._1jgl8s50-3-14-0 ._1a8lqy94-3-14-0._1a8lqy91-3-14-0:is(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0) ._1a8lqy98-3-14-0 {
+  --_1a8lqy97-3-14-0: var(--dt-box-shadows-field-critical-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
 }
-._1a8lqy99-3-13-2 {
+._1a8lqy99-3-14-0 {
   padding-right: 0;
   padding-left: 0;
 }
-._1a8lqy9a-3-13-2 {
+._1a8lqy9a-3-14-0 {
   padding-right: 0;
 }
-._1a8lqy9b-3-13-2 {
+._1a8lqy9b-3-14-0 {
   padding-right: unset;
 }
-._1a8lqy9c-3-13-2 {
+._1a8lqy9c-3-14-0 {
   padding-left: unset;
 }
-._1a8lqy9d-3-13-2 {
+._1a8lqy9d-3-14-0 {
   display: block;
   text-overflow: ellipsis;
   appearance: none;
@@ -109,138 +109,138 @@
   min-width: 0;
   color: inherit;
 }
-._1a8lqy9d-3-13-2:focus {
+._1a8lqy9d-3-14-0:focus {
   outline: none;
 }
-._1a8lqy9d-3-13-2::placeholder {
+._1a8lqy9d-3-14-0::placeholder {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1a8lqy9d-3-13-2::-webkit-search-cancel-button {
+._1a8lqy9d-3-14-0::-webkit-search-cancel-button {
   -webkit-appearance: none;
 }
-._1a8lqy9d-3-13-2::-ms-reveal {
+._1a8lqy9d-3-14-0::-ms-reveal {
   display: none;
 }
-._1a8lqy91-3-13-2 ._1a8lqy9d-3-13-2:-webkit-autofill:is(:not(:hover, :focus), :hover, :focus), ._1a8lqy91-3-13-2 ._1a8lqy9d-3-13-2::placeholder {
+._1a8lqy91-3-14-0 ._1a8lqy9d-3-14-0:-webkit-autofill:is(:not(:hover, :focus), :hover, :focus), ._1a8lqy91-3-14-0 ._1a8lqy9d-3-14-0::placeholder {
   color: var(--dt-colors-text-critical-default, #bb0731);
   -webkit-text-fill-color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._1a8lqy92-3-13-2 ._1a8lqy9d-3-13-2:-webkit-autofill:is(:not(:hover, :focus), :hover, :focus), ._1a8lqy92-3-13-2 ._1a8lqy9d-3-13-2::placeholder {
+._1a8lqy92-3-14-0 ._1a8lqy9d-3-14-0:-webkit-autofill:is(:not(:hover, :focus), :hover, :focus), ._1a8lqy92-3-14-0 ._1a8lqy9d-3-14-0::placeholder {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   -webkit-text-fill-color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._1a8lqy92-3-13-2 ._1a8lqy9d-3-13-2 {
+._1a8lqy92-3-14-0 ._1a8lqy9d-3-14-0 {
   cursor: not-allowed;
 }
-._1a8lqy93-3-13-2 ._1a8lqy9d-3-13-2 {
+._1a8lqy93-3-14-0 ._1a8lqy9d-3-14-0 {
   cursor: default;
 }
-button ._1a8lqy9d-3-13-2 {
+button ._1a8lqy9d-3-14-0 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1a8lqy9e-3-13-2 {
+._1a8lqy9e-3-14-0 {
   margin: 0 var(--dt-spacings-size-4, 4px);
   padding: var(--dt-spacings-size-2, 2px) 0;
   width: var(--dt-spacings-size-28, 28px);
 }
-._1a8lqy9e-3-13-2:is(button._1a8lqy9e-3-13-2._1a8lqy9e-3-13-2) {
+._1a8lqy9e-3-14-0:is(button._1a8lqy9e-3-14-0._1a8lqy9e-3-14-0) {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1a8lqy9f-3-13-2 {
+._1a8lqy9f-3-14-0 {
   margin-top: var(--dt-spacings-size-6, 6px);
   margin-bottom: var(--dt-spacings-size-6, 6px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2) ._1a8lqy9f-3-13-2 {
+._1a8lqy91-3-14-0:not(._1a8lqy92-3-14-0) ._1a8lqy9f-3-14-0 {
   background-color: var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._1a8lqy94-3-13-2._1a8lqy93-3-13-2 button:not(:hover, :active) {
+._1a8lqy94-3-14-0._1a8lqy93-3-14-0 button:not(:hover, :active) {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._1a8lqy94-3-13-2._1a8lqy93-3-13-2._1a8lqy91-3-13-2 button:not(:hover, :active) {
+._1a8lqy94-3-14-0._1a8lqy93-3-14-0._1a8lqy91-3-14-0 button:not(:hover, :active) {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1jgl8s50-3-13-2 ._1a8lqy94-3-13-2._1a8lqy93-3-13-2 button:not(:hover, :active) {
+._1jgl8s50-3-14-0 ._1a8lqy94-3-14-0._1a8lqy93-3-14-0 button:not(:hover, :active) {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1jgl8s50-3-13-2 ._1a8lqy94-3-13-2._1a8lqy93-3-13-2 button {
-  --_bx32h4-3-13-2: var(--dt-box-shadows-field-neutral-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
+._1jgl8s50-3-14-0 ._1a8lqy94-3-14-0._1a8lqy93-3-14-0 button {
+  --_bx32h4-3-14-0: var(--dt-box-shadows-field-neutral-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
 }
-._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):hover button {
+._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):hover button {
   transition-property: background-color, box-shadow, border-color;
   transition-duration: var(--dt-timings-fast-quick, 150ms);
   transition-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1)), var(--dt-easings-decelerate, cubic-bezier(0, 0, 0.2, 1));
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):hover button:hover {
+._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):hover button:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):hover button:active {
+._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):hover button:active {
   background-color: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2)._1a8lqy91-3-13-2:hover button {
+._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0)._1a8lqy91-3-14-0:hover button {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2)._1a8lqy91-3-13-2:hover button:hover {
+._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0)._1a8lqy91-3-14-0:hover button:hover {
   background-color: var(--dt-colors-background-field-critical-emphasized-hover, #f6d6d5);
 }
-._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2)._1a8lqy91-3-13-2:hover button:active {
+._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0)._1a8lqy91-3-14-0:hover button:active {
   background-color: var(--dt-colors-background-field-critical-emphasized-active, #f5cac9);
 }
-._1a8lqy95-3-13-2._1a8lqy93-3-13-2 button:not(:hover, :active) {
+._1a8lqy95-3-14-0._1a8lqy93-3-14-0 button:not(:hover, :active) {
   background-color: transparent;
 }
-._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):hover button:is(:disabled, [aria-disabled=true]) {
+._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):hover button:is(:disabled, [aria-disabled=true]) {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):hover button {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):hover button {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):hover button:not(:focus-visible) {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):hover button:not(:focus-visible) {
   box-shadow: var(--dt-box-shadows-field-neutral-emphasized-rest, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #fff);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):hover button:hover {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):hover button:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2):hover button:active {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0):hover button:active {
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2) button:hover:not(:focus-visible) {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0) button:hover:not(:focus-visible) {
   box-shadow: var(--dt-box-shadows-field-neutral-emphasized-hover, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #dadbe4);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2) button:active:not(:focus-visible) {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0) button:active:not(:focus-visible) {
   box-shadow: var(--dt-box-shadows-field-neutral-emphasized-active, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #d0d1dc);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2)._1a8lqy91-3-13-2:hover button {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0)._1a8lqy91-3-14-0:hover button {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2)._1a8lqy91-3-13-2:hover button:not(:focus-visible) {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0)._1a8lqy91-3-14-0:hover button:not(:focus-visible) {
   box-shadow: var(--dt-box-shadows-field-critical-emphasized-rest, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f8e1e1);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2)._1a8lqy91-3-13-2:hover button:hover {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0)._1a8lqy91-3-14-0:hover button:hover {
   background-color: var(--dt-colors-background-field-critical-default-hover, #f6d6d5);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2, ._1a8lqy93-3-13-2)._1a8lqy91-3-13-2:hover button:active {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0, ._1a8lqy93-3-14-0)._1a8lqy91-3-14-0:hover button:active {
   background-color: var(--dt-colors-background-field-critical-default-active, #f5cac9);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2)._1a8lqy91-3-13-2 button:hover:not(:focus-visible) {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0)._1a8lqy91-3-14-0 button:hover:not(:focus-visible) {
   box-shadow: var(--dt-box-shadows-field-critical-emphasized-hover, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f6d6d5);
 }
-._1jgl8s50-3-13-2 ._1a8lqy95-3-13-2:not(._1a8lqy92-3-13-2)._1a8lqy91-3-13-2 button:active:not(:focus-visible) {
+._1jgl8s50-3-14-0 ._1a8lqy95-3-14-0:not(._1a8lqy92-3-14-0)._1a8lqy91-3-14-0 button:active:not(:focus-visible) {
   box-shadow: var(--dt-box-shadows-field-critical-emphasized-active, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f5cac9);
 }
-._1a8lqy98-3-13-2:has(._1a8lqy9e-3-13-2:hover) {
+._1a8lqy98-3-14-0:has(._1a8lqy9e-3-14-0:hover) {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-:where(:root:not(._1jgl8s50-3-13-2)) ._1a8lqy91-3-13-2 ._1a8lqy98-3-13-2:has(._1a8lqy9e-3-13-2:hover):not(._1a8lqy92-3-13-2) {
+:where(:root:not(._1jgl8s50-3-14-0)) ._1a8lqy91-3-14-0 ._1a8lqy98-3-14-0:has(._1a8lqy9e-3-14-0:hover):not(._1a8lqy92-3-14-0) {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1a8lqy98-3-13-2:hover ._1a8lqy9f-3-13-2 {
+._1a8lqy98-3-14-0:hover ._1a8lqy9f-3-14-0 {
   background-color: var(--dt-colors-border-neutral-default-active, #c6c7d5);
 }
-._1a8lqy91-3-13-2 ._1a8lqy98-3-13-2:hover ._1a8lqy9f-3-13-2 {
+._1a8lqy91-3-14-0 ._1a8lqy98-3-14-0:hover ._1a8lqy9f-3-14-0 {
   background-color: var(--dt-colors-border-critical-default-active, #f3bebd);
 }
-._1a8lqy98-3-13-2._1a8lqy9g-3-13-2 div svg {
+._1a8lqy98-3-14-0._1a8lqy9g-3-14-0 div svg {
   fill: currentcolor;
 }

package/esm/forms/_base-input/BaseInput.js

@@ -131,7 +131,9 @@ const BaseInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const { isAutoFilled, onAnimationStart } = useAutofillEvent();
   const inputRef = useRef(null);
   const wrapperRef = useRef(null);
-  const _emitValidationState = useValidationStateEmitter(onValidityChange);
+  const _emitValidationState = useValidationStateEmitter(
+    controlState ? void 0 : onValidityChange
+  );
   const emitValidationState = useCustomMessageEmitter(
     _emitValidationState,
     () => getI18nValidationState(intl, inputRef.current, "manual")
@@ -161,7 +163,8 @@ const BaseInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       "aria-details": ariaDetailsProp
     },
     void 0,
-    _emitValidationState
+    _emitValidationState,
+    controlState
   );
   useImperativeHandle(
     forwardedRef,
@@ -283,8 +286,7 @@ const BaseInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
                           remainingInputProps,
                           focusProps,
                           controlState ? { "aria-label": ariaLabelProp, ...inputProps } : ariaProps,
-                          !controlState ? eventListener : {}
-                          // escape hatch to not interfere with the old implementation
+                          eventListener
                         )
                       }
                     ),

package/esm/forms/_base-input/BaseInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/_base-input/BaseInput.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  Children,\n  forwardRef,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type { BaseInputProps } from './base-input.types.js';\nimport * as styles from './BaseInput.sty.js';\nimport { BaseInputButton } from './BaseInputButton.js';\nimport {\n  BaseInputPrefix,\n  BaseInputReservedSuffix,\n  BaseInputSuffix,\n} from './BaseInputContent.js';\nimport { getPlaceholderMessage } from './baseInputMessages.js';\nimport { ClearButton } from './ClearButton.js';\nimport { BaseInputContext } from './contexts/BaseInputContext.js';\nimport { useFocusRing } from '../../core/hooks/useFocusRing.js';\nimport { useSplitProps } from '../../core/hooks/useSplitProps.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport { Divider } from '../../layouts/divider/Divider.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport { InputGroup } from '../../layouts/input-group/InputGroup.js';\nimport { InternalBaseItem as BaseItem } from '../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport {\n  getI18nValidationState,\n  useFormFieldValidation,\n} from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { useAutofillEvent } from '../hooks/useAutofillEvent.js';\nimport { useContainerFocus } from '../hooks/useContainerFocus.js';\nimport type { FormControlRef } from '../shared-types.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\n\ntype SlotContent = {\n  buttons: ReactElement[];\n  rest: ReactNode[];\n  props: Record<string, unknown>;\n};\n\nfunction getSlots(children: ReactNode) {\n  const validSlots = Children.toArray(children).filter(\n    isValidElement<PropsWithChildren>,\n  );\n\n  let prefix: SlotContent = { buttons: [], rest: [], props: {} };\n  let suffix: SlotContent = { buttons: [], rest: [], props: {} };\n  let reservedSuffix: SlotContent = { buttons: [], rest: [], props: {} };\n\n  for (const slot of validSlots) {\n    const buttons: SlotContent['buttons'] = [];\n    const rest: SlotContent['rest'] = [];\n\n    const slotChildren = Children.toArray(slot.props.children);\n\n    for (const child of slotChildren) {\n      if (isSlot(child, BaseInputButton)) {\n        buttons.push(child);\n      } else {\n        rest.push(child);\n      }\n    }\n\n    const { children: _children, ...slotProps } = slot.props;\n\n    if (slot.type === BaseInputPrefix) {\n      prefix = { buttons, rest, props: slotProps };\n    }\n    if (slot.type === BaseInputSuffix) {\n      suffix = { buttons, rest, props: slotProps };\n    }\n    if (slot.type === BaseInputReservedSuffix) {\n      reservedSuffix = { buttons, rest, props: slotProps };\n    }\n  }\n\n  return { prefix, suffix, reservedSuffix };\n}\n\nconst BaseInputRoot = /* @__PURE__ */ forwardRef<\n  FormControlRef<HTMLDivElement>,\n  BaseInputProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const defaultPlaceholder = intl.formatMessage(\n    getPlaceholderMessage(props.type),\n  );\n\n  const {\n    children,\n    id: propId,\n    disabled: propDisabled,\n    required: propRequired,\n    'aria-disabled': ariaDisabledProp,\n    variant = 'default',\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    readOnly: propReadOnly,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-label': ariaLabelProp,\n    'aria-labelledby': ariaLabelledByProp,\n    'aria-describedby': ariaDescribedByProp,\n    'aria-details': ariaDetailsProp,\n    className: consumerClassName,\n    style: consumerStyle,\n    // oxlint-disable-next-line typescript/no-deprecated\n    onClear,\n    onValidityChange,\n    type,\n    placeholder = defaultPlaceholder,\n    value,\n    pattern,\n    max,\n    min,\n    step,\n    maxLength,\n    minLength,\n    ...remainingProps\n  } = props;\n\n  // assures that always an empty string is set\n  const inputValue = value ?? '';\n\n  const {\n    id,\n    disabled,\n    required,\n    readOnly,\n    ariaDisabled,\n    inputProps,\n    hintProps,\n    hint,\n    showError,\n    messageDispatch,\n  } = useFormControl({\n    propId,\n    propDisabled,\n    propRequired,\n    propAriaDisabled: ariaDisabledProp,\n    propReadOnly,\n    controlState,\n  });\n\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const { isAutoFilled, onAnimationStart } = useAutofillEvent();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const _emitValidationState = useValidationStateEmitter(onValidityChange);\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getI18nValidationState(intl, inputRef.current, 'manual'),\n  );\n\n  const { focusProps, focusClassName } = useFocusRing({\n    color: showError && !(disabled || ariaDisabled) ? 'critical' : 'neutral',\n    ignoreModality: true,\n    disabled,\n  });\n\n  const { onChange, onInvalid, ariaProps } = useFormFieldValidation(\n    inputRef,\n    {\n      required,\n      pattern,\n      max,\n      min,\n      step,\n      maxLength,\n      minLength,\n      type,\n      value: inputValue as string,\n    },\n    {\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n      'aria-describedby': ariaDescribedByProp,\n      'aria-details': ariaDetailsProp,\n    },\n    undefined,\n    _emitValidationState,\n  );\n\n  useImperativeHandle(\n    forwardedRef,\n    (): FormControlRef<HTMLDivElement> => ({\n      element: wrapperRef.current,\n      inputRef: inputRef.current,\n      focus() {\n        inputRef.current?.focus();\n      },\n      validate() {\n        inputRef.current?.checkValidity();\n        messageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        emitValidationState(\n          getI18nValidationState(intl, inputRef.current, 'manual'),\n        );\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        inputRef.current?.checkValidity();\n        messageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        return emitValidationState(\n          getI18nValidationState(intl, inputRef.current, 'manual'),\n        );\n      },\n    }),\n    [messageDispatch, emitValidationState, intl],\n  );\n\n  const context = useMemo(\n    () => ({ variant, hasError: showError, disabled, ariaDisabled }),\n    [variant, showError, disabled, ariaDisabled],\n  );\n  const slots = useMemo(() => getSlots(children), [children]);\n  const hasInnerPrefix = slots.prefix.rest.length > 0;\n  const hasInnerSuffix = slots.suffix.rest.length > 0;\n  const hasInnerReservedSuffix = slots.reservedSuffix.rest.length > 0;\n  const hasOnClear = onClear !== undefined;\n  const showClearButton =\n    hasOnClear && inputValue !== '' && !hasInnerReservedSuffix;\n\n  const {\n    matchedProps: dataAttributesProps,\n    remainingProps: remainingInputProps,\n  } = useSplitProps(remainingProps, [(key: string) => key.startsWith('data-')]);\n\n  const { containerClassName, ...containerFocusProps } =\n    useContainerFocus<HTMLDivElement>({ disabled, emitValidationState });\n  const eventListener = { onChange, onInvalid };\n\n  return (\n    <Flex\n      role=\"group\"\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={clsx(containerClassName, consumerClassName)}\n      style={consumerStyle}\n      {...containerFocusProps}\n      {...dataAttributesProps}\n    >\n      <InputGroup\n        style={{\n          gridAutoColumns: `${'auto '.repeat(\n            slots.prefix.buttons.length,\n          )}1fr${' auto'.repeat(slots.suffix.buttons.length)}`,\n        }}\n        className={clsx(styles.wrapper, styles.variant[variant], {\n          [styles.hasError]: showError,\n          [styles.disabled]: disabledOrAriaDisabled,\n          [styles.readOnly]: readOnly,\n        })}\n      >\n        <BaseInputContext.Provider value={context}>\n          {slots.prefix.buttons}\n          <div\n            className={clsx(\n              styles.container,\n              inputGroupClassName,\n              focusClassName,\n              {\n                [styles.isAutoFilled]: isAutoFilled,\n                [`${styles.containerPadding.none}`]:\n                  hasInnerReservedSuffix && hasInnerPrefix,\n                [`${styles.containerPadding.rightNone}`]:\n                  hasInnerReservedSuffix && !hasInnerPrefix,\n                [`${styles.containerPadding.leftUnset}`]: hasInnerPrefix,\n                [`${styles.containerPadding.rightUnset}`]: hasInnerSuffix,\n              },\n            )}\n            onClick={() => inputRef.current?.focus()} // clicking on the icons should focus the input\n          >\n            {hasInnerPrefix && (\n              <BaseInputPrefix {...slots.prefix.props}>\n                {slots.prefix.rest}\n              </BaseInputPrefix>\n            )}\n\n            <input\n              id={id}\n              ref={inputRef}\n              required={required}\n              disabled={!!disabled}\n              aria-disabled={ariaDisabled}\n              onAnimationStart={onAnimationStart}\n              readOnly={readOnly}\n              className={styles.input}\n              placeholder={placeholder}\n              type={type}\n              value={inputValue}\n              pattern={pattern}\n              max={max}\n              min={min}\n              step={step}\n              maxLength={maxLength}\n              minLength={minLength}\n              {..._mergeProps(\n                remainingInputProps,\n                focusProps,\n                controlState\n                  ? { 'aria-label': ariaLabelProp, ...inputProps }\n                  : ariaProps,\n                !controlState ? eventListener : {}, // escape hatch to not interfere with the old implementation\n              )}\n            />\n            {hasInnerSuffix && (\n              <BaseInputSuffix {...slots.suffix.props}>\n                {slots.suffix.rest}\n              </BaseInputSuffix>\n            )}\n            {!readOnly &&\n              (hasInnerReservedSuffix ? (\n                <>\n                  {hasInnerSuffix && (\n                    <Divider\n                      orientation=\"vertical\"\n                      className={styles.divider}\n                      aria-hidden\n                    />\n                  )}\n                  {slots.reservedSuffix.rest}\n                </>\n              ) : (\n                <>\n                  {hasInnerSuffix && showClearButton && (\n                    <Divider\n                      orientation=\"vertical\"\n                      className={styles.divider}\n                      aria-hidden\n                    />\n                  )}\n                  {showClearButton && <ClearButton onClear={onClear} />}\n                </>\n              ))}\n          </div>\n          {slots.suffix.buttons}\n        </BaseInputContext.Provider>\n      </InputGroup>\n      {controlState && hint && (\n        <BaseItem\n          variant={showError ? 'error' : 'hint'}\n          disabled={disabledOrAriaDisabled}\n          {...hintProps}\n        >\n          {hint}\n        </BaseItem>\n      )}\n    </Flex>\n  );\n});\n\n/**\n * Base component used internally for our input components.\n * @internal\n */\nexport const BaseInput = Object.assign(BaseInputRoot, {\n  Prefix: BaseInputPrefix,\n  Suffix: BaseInputSuffix,\n  ReservedSuffix: BaseInputReservedSuffix,\n  Button: BaseInputButton,\n});\n\n(BaseInput as typeof BaseInput & { displayName: string }).displayName =\n  'BaseInput';\n"],
-  "mappings": "AA2Sc,SAuCE,UAvCF,KAuCE,YAvCF;AA3Sd,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAGxB,YAAY,YAAY;AACxB,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,cAAc,mBAAmB;AAC1C,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,gBAAgB;AAC7C,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC,SAAS,+BAA+B;AACxC,SAAS,iCAAiC;AAQ1C,SAAS,SAAS,UAAqB;AACrC,QAAM,aAAa,SAAS,QAAQ,QAAQ,EAAE;AAAA,IAC5C;AAAA,EACF;AAEA,MAAI,SAAsB,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE;AAC7D,MAAI,SAAsB,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE;AAC7D,MAAI,iBAA8B,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE;AAErE,aAAW,QAAQ,YAAY;AAC7B,UAAM,UAAkC,CAAC;AACzC,UAAM,OAA4B,CAAC;AAEnC,UAAM,eAAe,SAAS,QAAQ,KAAK,MAAM,QAAQ;AAEzD,eAAW,SAAS,cAAc;AAChC,UAAI,OAAO,OAAO,eAAe,GAAG;AAClC,gBAAQ,KAAK,KAAK;AAAA,MACpB,OAAO;AACL,aAAK,KAAK,KAAK;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,EAAE,UAAU,WAAW,GAAG,UAAU,IAAI,KAAK;AAEnD,QAAI,KAAK,SAAS,iBAAiB;AACjC,eAAS,EAAE,SAAS,MAAM,OAAO,UAAU;AAAA,IAC7C;AACA,QAAI,KAAK,SAAS,iBAAiB;AACjC,eAAS,EAAE,SAAS,MAAM,OAAO,UAAU;AAAA,IAC7C;AACA,QAAI,KAAK,SAAS,yBAAyB;AACzC,uBAAiB,EAAE,SAAS,MAAM,OAAO,UAAU;AAAA,IACrD;AAAA,EACF;AAEA,SAAO,EAAE,QAAQ,QAAQ,eAAe;AAC1C;AAEA,MAAM,gBAAgC,2BAGpC,CAAC,OAAO,iBAAiB;AACzB,QAAM,OAAO,QAAQ;AAErB,QAAM,qBAAqB,KAAK;AAAA,IAC9B,sBAAsB,MAAM,IAAI;AAAA,EAClC;AAEA,QAAM;AAAA,IACJ;AAAA,IACA,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA,IAEV;AAAA,IACA,UAAU;AAAA,IACV,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,OAAO;AAAA;AAAA,IAEP;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAGJ,QAAM,aAAa,SAAS;AAE5B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAAe;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,yBAAyB,YAAY,gBAAgB;AAE3D,QAAM,EAAE,cAAc,iBAAiB,IAAI,iBAAiB;AAE5D,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,uBAAuB,0BAA0B,gBAAgB;AACvE,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA,MAAM,uBAAuB,MAAM,SAAS,SAAS,QAAQ;AAAA,EAC/D;AAEA,QAAM,EAAE,YAAY,eAAe,IAAI,aAAa;AAAA,IAClD,OAAO,aAAa,EAAE,YAAY,gBAAgB,aAAa;AAAA,IAC/D,gBAAgB;AAAA,IAChB;AAAA,EACF,CAAC;AAED,QAAM,EAAE,UAAU,WAAW,UAAU,IAAI;AAAA,IACzC;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA;AAAA,IACE;AAAA,IACA,OAAuC;AAAA,MACrC,SAAS,WAAW;AAAA,MACpB,UAAU,SAAS;AAAA,MACnB,QAAQ;AACN,iBAAS,SAAS,MAAM;AAAA,MAC1B;AAAA,MACA,WAAW;AACT,iBAAS,SAAS,cAAc;AAChC,0BAAkB;AAAA,UAChB,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,QAC7B,CAAC;AACD;AAAA,UACE,uBAAuB,MAAM,SAAS,SAAS,QAAQ;AAAA,QACzD;AAAA,MACF;AAAA;AAAA,MAEA,eAAe,YAAY;AACzB,iBAAS,SAAS,cAAc;AAChC,0BAAkB;AAAA,UAChB,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,QAC7B,CAAC;AACD,eAAO;AAAA,UACL,uBAAuB,MAAM,SAAS,SAAS,QAAQ;AAAA,QACzD;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,qBAAqB,IAAI;AAAA,EAC7C;AAEA,QAAM,UAAU;AAAA,IACd,OAAO,EAAE,SAAS,UAAU,WAAW,UAAU,aAAa;AAAA,IAC9D,CAAC,SAAS,WAAW,UAAU,YAAY;AAAA,EAC7C;AACA,QAAM,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC1D,QAAM,iBAAiB,MAAM,OAAO,KAAK,SAAS;AAClD,QAAM,iBAAiB,MAAM,OAAO,KAAK,SAAS;AAClD,QAAM,yBAAyB,MAAM,eAAe,KAAK,SAAS;AAClE,QAAM,aAAa,YAAY;AAC/B,QAAM,kBACJ,cAAc,eAAe,MAAM,CAAC;AAEtC,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB,IAAI,cAAc,gBAAgB,CAAC,CAAC,QAAgB,IAAI,WAAW,OAAO,CAAC,CAAC;AAE5E,QAAM,EAAE,oBAAoB,GAAG,oBAAoB,IACjD,kBAAkC,EAAE,UAAU,oBAAoB,CAAC;AACrE,QAAM,gBAAgB,EAAE,UAAU,UAAU;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAK;AAAA,MACL,eAAc;AAAA,MACd,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,KAAK;AAAA,MACL,WAAW,KAAK,oBAAoB,iBAAiB;AAAA,MACrD,OAAO;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,iBAAiB,GAAG,QAAQ;AAAA,gBAC1B,MAAM,OAAO,QAAQ;AAAA,cACvB,CAAC,MAAM,QAAQ,OAAO,MAAM,OAAO,QAAQ,MAAM,CAAC;AAAA,YACpD;AAAA,YACA,WAAW,KAAK,OAAO,SAAS,OAAO,QAAQ,OAAO,GAAG;AAAA,cACvD,CAAC,OAAO,QAAQ,GAAG;AAAA,cACnB,CAAC,OAAO,QAAQ,GAAG;AAAA,cACnB,CAAC,OAAO,QAAQ,GAAG;AAAA,YACrB,CAAC;AAAA,YAED,+BAAC,iBAAiB,UAAjB,EAA0B,OAAO,SAC/B;AAAA,oBAAM,OAAO;AAAA,cACd;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT,OAAO;AAAA,oBACP;AAAA,oBACA;AAAA,oBACA;AAAA,sBACE,CAAC,OAAO,YAAY,GAAG;AAAA,sBACvB,CAAC,GAAG,OAAO,iBAAiB,IAAI,EAAE,GAChC,0BAA0B;AAAA,sBAC5B,CAAC,GAAG,OAAO,iBAAiB,SAAS,EAAE,GACrC,0BAA0B,CAAC;AAAA,sBAC7B,CAAC,GAAG,OAAO,iBAAiB,SAAS,EAAE,GAAG;AAAA,sBAC1C,CAAC,GAAG,OAAO,iBAAiB,UAAU,EAAE,GAAG;AAAA,oBAC7C;AAAA,kBACF;AAAA,kBACA,SAAS,MAAM,SAAS,SAAS,MAAM;AAAA,kBAEtC;AAAA,sCACC,oBAAC,mBAAiB,GAAG,MAAM,OAAO,OAC/B,gBAAM,OAAO,MAChB;AAAA,oBAGF;AAAA,sBAAC;AAAA;AAAA,wBACC;AAAA,wBACA,KAAK;AAAA,wBACL;AAAA,wBACA,UAAU,CAAC,CAAC;AAAA,wBACZ,iBAAe;AAAA,wBACf;AAAA,wBACA;AAAA,wBACA,WAAW,OAAO;AAAA,wBAClB;AAAA,wBACA;AAAA,wBACA,OAAO;AAAA,wBACP;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACC,GAAG;AAAA,0BACF;AAAA,0BACA;AAAA,0BACA,eACI,EAAE,cAAc,eAAe,GAAG,WAAW,IAC7C;AAAA,0BACJ,CAAC,eAAe,gBAAgB,CAAC;AAAA;AAAA,wBACnC;AAAA;AAAA,oBACF;AAAA,oBACC,kBACC,oBAAC,mBAAiB,GAAG,MAAM,OAAO,OAC/B,gBAAM,OAAO,MAChB;AAAA,oBAED,CAAC,aACC,yBACC,iCACG;AAAA,wCACC;AAAA,wBAAC;AAAA;AAAA,0BACC,aAAY;AAAA,0BACZ,WAAW,OAAO;AAAA,0BAClB,eAAW;AAAA;AAAA,sBACb;AAAA,sBAED,MAAM,eAAe;AAAA,uBACxB,IAEA,iCACG;AAAA,wCAAkB,mBACjB;AAAA,wBAAC;AAAA;AAAA,0BACC,aAAY;AAAA,0BACZ,WAAW,OAAO;AAAA,0BAClB,eAAW;AAAA;AAAA,sBACb;AAAA,sBAED,mBAAmB,oBAAC,eAAY,SAAkB;AAAA,uBACrD;AAAA;AAAA;AAAA,cAEN;AAAA,cACC,MAAM,OAAO;AAAA,eAChB;AAAA;AAAA,QACF;AAAA,QACC,gBAAgB,QACf;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,YAAY,UAAU;AAAA,YAC/B,UAAU;AAAA,YACT,GAAG;AAAA,YAEH;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAMM,MAAM,YAAY,OAAO,OAAO,eAAe;AAAA,EACpD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,QAAQ;AACV,CAAC;AAEA,UAAyD,cACxD;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  Children,\n  forwardRef,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type { BaseInputProps } from './base-input.types.js';\nimport * as styles from './BaseInput.sty.js';\nimport { BaseInputButton } from './BaseInputButton.js';\nimport {\n  BaseInputPrefix,\n  BaseInputReservedSuffix,\n  BaseInputSuffix,\n} from './BaseInputContent.js';\nimport { getPlaceholderMessage } from './baseInputMessages.js';\nimport { ClearButton } from './ClearButton.js';\nimport { BaseInputContext } from './contexts/BaseInputContext.js';\nimport { useFocusRing } from '../../core/hooks/useFocusRing.js';\nimport { useSplitProps } from '../../core/hooks/useSplitProps.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport { Divider } from '../../layouts/divider/Divider.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport { InputGroup } from '../../layouts/input-group/InputGroup.js';\nimport { InternalBaseItem as BaseItem } from '../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport {\n  getI18nValidationState,\n  useFormFieldValidation,\n} from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { useAutofillEvent } from '../hooks/useAutofillEvent.js';\nimport { useContainerFocus } from '../hooks/useContainerFocus.js';\nimport type { FormControlRef } from '../shared-types.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\n\ntype SlotContent = {\n  buttons: ReactElement[];\n  rest: ReactNode[];\n  props: Record<string, unknown>;\n};\n\nfunction getSlots(children: ReactNode) {\n  const validSlots = Children.toArray(children).filter(\n    isValidElement<PropsWithChildren>,\n  );\n\n  let prefix: SlotContent = { buttons: [], rest: [], props: {} };\n  let suffix: SlotContent = { buttons: [], rest: [], props: {} };\n  let reservedSuffix: SlotContent = { buttons: [], rest: [], props: {} };\n\n  for (const slot of validSlots) {\n    const buttons: SlotContent['buttons'] = [];\n    const rest: SlotContent['rest'] = [];\n\n    const slotChildren = Children.toArray(slot.props.children);\n\n    for (const child of slotChildren) {\n      if (isSlot(child, BaseInputButton)) {\n        buttons.push(child);\n      } else {\n        rest.push(child);\n      }\n    }\n\n    const { children: _children, ...slotProps } = slot.props;\n\n    if (slot.type === BaseInputPrefix) {\n      prefix = { buttons, rest, props: slotProps };\n    }\n    if (slot.type === BaseInputSuffix) {\n      suffix = { buttons, rest, props: slotProps };\n    }\n    if (slot.type === BaseInputReservedSuffix) {\n      reservedSuffix = { buttons, rest, props: slotProps };\n    }\n  }\n\n  return { prefix, suffix, reservedSuffix };\n}\n\nconst BaseInputRoot = /* @__PURE__ */ forwardRef<\n  FormControlRef<HTMLDivElement>,\n  BaseInputProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const defaultPlaceholder = intl.formatMessage(\n    getPlaceholderMessage(props.type),\n  );\n\n  const {\n    children,\n    id: propId,\n    disabled: propDisabled,\n    required: propRequired,\n    'aria-disabled': ariaDisabledProp,\n    variant = 'default',\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    readOnly: propReadOnly,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-label': ariaLabelProp,\n    'aria-labelledby': ariaLabelledByProp,\n    'aria-describedby': ariaDescribedByProp,\n    'aria-details': ariaDetailsProp,\n    className: consumerClassName,\n    style: consumerStyle,\n    // oxlint-disable-next-line typescript/no-deprecated\n    onClear,\n    onValidityChange,\n    type,\n    placeholder = defaultPlaceholder,\n    value,\n    pattern,\n    max,\n    min,\n    step,\n    maxLength,\n    minLength,\n    ...remainingProps\n  } = props;\n\n  // assures that always an empty string is set\n  const inputValue = value ?? '';\n\n  const {\n    id,\n    disabled,\n    required,\n    readOnly,\n    ariaDisabled,\n    inputProps,\n    hintProps,\n    hint,\n    showError,\n    messageDispatch,\n  } = useFormControl({\n    propId,\n    propDisabled,\n    propRequired,\n    propAriaDisabled: ariaDisabledProp,\n    propReadOnly,\n    controlState,\n  });\n\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const { isAutoFilled, onAnimationStart } = useAutofillEvent();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const _emitValidationState = useValidationStateEmitter(\n    controlState ? undefined : onValidityChange,\n  );\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getI18nValidationState(intl, inputRef.current, 'manual'),\n  );\n\n  const { focusProps, focusClassName } = useFocusRing({\n    color: showError && !(disabled || ariaDisabled) ? 'critical' : 'neutral',\n    ignoreModality: true,\n    disabled,\n  });\n\n  const { onChange, onInvalid, ariaProps } = useFormFieldValidation(\n    inputRef,\n    {\n      required,\n      pattern,\n      max,\n      min,\n      step,\n      maxLength,\n      minLength,\n      type,\n      value: inputValue as string,\n    },\n    {\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n      'aria-describedby': ariaDescribedByProp,\n      'aria-details': ariaDetailsProp,\n    },\n    undefined,\n    _emitValidationState,\n    controlState,\n  );\n\n  useImperativeHandle(\n    forwardedRef,\n    (): FormControlRef<HTMLDivElement> => ({\n      element: wrapperRef.current,\n      inputRef: inputRef.current,\n      focus() {\n        inputRef.current?.focus();\n      },\n      validate() {\n        inputRef.current?.checkValidity();\n        messageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        emitValidationState(\n          getI18nValidationState(intl, inputRef.current, 'manual'),\n        );\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        inputRef.current?.checkValidity();\n        messageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        return emitValidationState(\n          getI18nValidationState(intl, inputRef.current, 'manual'),\n        );\n      },\n    }),\n    [messageDispatch, emitValidationState, intl],\n  );\n\n  const context = useMemo(\n    () => ({ variant, hasError: showError, disabled, ariaDisabled }),\n    [variant, showError, disabled, ariaDisabled],\n  );\n  const slots = useMemo(() => getSlots(children), [children]);\n  const hasInnerPrefix = slots.prefix.rest.length > 0;\n  const hasInnerSuffix = slots.suffix.rest.length > 0;\n  const hasInnerReservedSuffix = slots.reservedSuffix.rest.length > 0;\n  const hasOnClear = onClear !== undefined;\n  const showClearButton =\n    hasOnClear && inputValue !== '' && !hasInnerReservedSuffix;\n\n  const {\n    matchedProps: dataAttributesProps,\n    remainingProps: remainingInputProps,\n  } = useSplitProps(remainingProps, [(key: string) => key.startsWith('data-')]);\n\n  const { containerClassName, ...containerFocusProps } =\n    useContainerFocus<HTMLDivElement>({ disabled, emitValidationState });\n  const eventListener = { onChange, onInvalid };\n\n  return (\n    <Flex\n      role=\"group\"\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={clsx(containerClassName, consumerClassName)}\n      style={consumerStyle}\n      {...containerFocusProps}\n      {...dataAttributesProps}\n    >\n      <InputGroup\n        style={{\n          gridAutoColumns: `${'auto '.repeat(\n            slots.prefix.buttons.length,\n          )}1fr${' auto'.repeat(slots.suffix.buttons.length)}`,\n        }}\n        className={clsx(styles.wrapper, styles.variant[variant], {\n          [styles.hasError]: showError,\n          [styles.disabled]: disabledOrAriaDisabled,\n          [styles.readOnly]: readOnly,\n        })}\n      >\n        <BaseInputContext.Provider value={context}>\n          {slots.prefix.buttons}\n          <div\n            className={clsx(\n              styles.container,\n              inputGroupClassName,\n              focusClassName,\n              {\n                [styles.isAutoFilled]: isAutoFilled,\n                [`${styles.containerPadding.none}`]:\n                  hasInnerReservedSuffix && hasInnerPrefix,\n                [`${styles.containerPadding.rightNone}`]:\n                  hasInnerReservedSuffix && !hasInnerPrefix,\n                [`${styles.containerPadding.leftUnset}`]: hasInnerPrefix,\n                [`${styles.containerPadding.rightUnset}`]: hasInnerSuffix,\n              },\n            )}\n            onClick={() => inputRef.current?.focus()} // clicking on the icons should focus the input\n          >\n            {hasInnerPrefix && (\n              <BaseInputPrefix {...slots.prefix.props}>\n                {slots.prefix.rest}\n              </BaseInputPrefix>\n            )}\n\n            <input\n              id={id}\n              ref={inputRef}\n              required={required}\n              disabled={!!disabled}\n              aria-disabled={ariaDisabled}\n              onAnimationStart={onAnimationStart}\n              readOnly={readOnly}\n              className={styles.input}\n              placeholder={placeholder}\n              type={type}\n              value={inputValue}\n              pattern={pattern}\n              max={max}\n              min={min}\n              step={step}\n              maxLength={maxLength}\n              minLength={minLength}\n              {..._mergeProps(\n                remainingInputProps,\n                focusProps,\n                controlState\n                  ? { 'aria-label': ariaLabelProp, ...inputProps }\n                  : ariaProps,\n                eventListener,\n              )}\n            />\n            {hasInnerSuffix && (\n              <BaseInputSuffix {...slots.suffix.props}>\n                {slots.suffix.rest}\n              </BaseInputSuffix>\n            )}\n            {!readOnly &&\n              (hasInnerReservedSuffix ? (\n                <>\n                  {hasInnerSuffix && (\n                    <Divider\n                      orientation=\"vertical\"\n                      className={styles.divider}\n                      aria-hidden\n                    />\n                  )}\n                  {slots.reservedSuffix.rest}\n                </>\n              ) : (\n                <>\n                  {hasInnerSuffix && showClearButton && (\n                    <Divider\n                      orientation=\"vertical\"\n                      className={styles.divider}\n                      aria-hidden\n                    />\n                  )}\n                  {showClearButton && <ClearButton onClear={onClear} />}\n                </>\n              ))}\n          </div>\n          {slots.suffix.buttons}\n        </BaseInputContext.Provider>\n      </InputGroup>\n      {controlState && hint && (\n        <BaseItem\n          variant={showError ? 'error' : 'hint'}\n          disabled={disabledOrAriaDisabled}\n          {...hintProps}\n        >\n          {hint}\n        </BaseItem>\n      )}\n    </Flex>\n  );\n});\n\n/**\n * Base component used internally for our input components.\n * @internal\n */\nexport const BaseInput = Object.assign(BaseInputRoot, {\n  Prefix: BaseInputPrefix,\n  Suffix: BaseInputSuffix,\n  ReservedSuffix: BaseInputReservedSuffix,\n  Button: BaseInputButton,\n});\n\n(BaseInput as typeof BaseInput & { displayName: string }).displayName =\n  'BaseInput';\n"],
+  "mappings": "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",
   "names": []
 }