npm - @dynatrace/strato-components - Versions diffs - 3.7.0 → 3.8.0 - Mend

@dynatrace/strato-components 3.7.0 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2533) hide show

package/esm/forms/date-time-range-picker/DateTimeRangePickerRoot.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/DateTimeRangePickerRoot.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { XmarkIcon } from '@dynatrace/strato-icons';\n\nimport { DateRangeSelector } from './DateRangeSelector.js';\nimport { DateTimeInput } from './DateTimeInput.js';\nimport * as styles from './DateTimeRangePicker.sty.js';\nimport { isExpressionTriggerKey } from './expression-trigger-helpers.js';\nimport { useDateTimeRangePicker } from './hooks/useDateTimeRangePicker.js';\nimport { onTimeframeCopyCapture } from './selection-copy-helpers.js';\nimport {\n  peekPreRestoreEndpoints,\n  type SelectionEndpoints,\n} from './selection-helpers.js';\nimport type {\n  DateTimeRangePickerProps,\n  DateTimeRangePickerRef,\n} from './types.js';\nimport { DateRangeSelectorRef, DateTimeInputRef } from './types.js';\nimport { useSelectionInteractionHandlers } from './useSelectionInteractionHandlers.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFocusRing } from '../../core/hooks/useFocusRing.js';\nimport { TimeErrorKey } from '../../core/time/shared.types.js';\nimport { useDateTimeRangePickerStore } from '../../core/time/timeframeStore/useTimeframeStore.js';\nimport { validate } from '../../core/time/validation.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 { fieldTokens } from '../../styles/field.sty.js';\nimport { textStyle } from '../../styles/textStyle.sty.js';\nimport {\n  clearIconButton,\n  dateTimePicker,\n} from '../date-time-picker/DateTimePicker.sty.js';\nimport { focusDateTimeInput } from '../date-time-picker/utils/focusDateTimeInput.js';\nimport { FormFieldMessageContext } from '../forms-core/contexts/FormFieldMessageContext.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useSyncedFormControlProps } from '../forms-core/hooks/useSyncedFormControlProps.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { SpinButtonHandler } from '../spin-buttons/spin-button-group/types.js';\n\n/**\n * Returns true if a given DateTimeInput element contains the active (focused)\n * element *or* the window selection intersects it.\n *\n * The focus-based check covers the common case where a single spin button is\n * focused \u2013 including empty (placeholder) spin buttons whose `selectAll()` is\n * a no-op and therefore leave the window selection collapsed.\n *\n * The selection-based check covers cross-input scenarios such as Ctrl+A or\n * drag-select spanning both \"from\" and \"to\" inputs.\n */\nfunction isInputInSelectionOrFocused(\n  ref: RefObject<DateTimeInputRef | null>,\n  preRestoreEndpoints?: SelectionEndpoints,\n): boolean {\n  const element = ref.current?.element;\n  if (!element) {\n    return false;\n  }\n\n  if (element.contains(document.activeElement)) {\n    return true;\n  }\n\n  const selection = window.getSelection();\n  if (selection && selection.rangeCount > 0 && !selection.isCollapsed) {\n    if (selection.getRangeAt(0).intersectsNode(element)) {\n      return true;\n    }\n  }\n\n  // Safari clips the live selection to the active CE host after contenteditable\n  // is re-attached in the keydown capture phase. Fall back to the pre-restore\n  // endpoints stashed by deferContentEditableRestore, which still span both inputs.\n  return (\n    !!preRestoreEndpoints &&\n    (element.contains(preRestoreEndpoints.anchorNode) ||\n      element.contains(preRestoreEndpoints.focusNode))\n  );\n}\n\nfunction focusExpressionInputAtEnd(\n  ref: RefObject<DateTimeInputRef | null>,\n): void {\n  const expressionElement = ref.current?.expressionInputRef;\n  if (!expressionElement) {\n    return;\n  }\n\n  expressionElement.focus();\n\n  const selection = window.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  const range = document.createRange();\n  range.selectNodeContents(expressionElement);\n  range.collapse(false);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nfunction getOffsetWithinElement(\n  element: HTMLElement,\n  container: Node,\n  offset: number,\n): number {\n  const range = document.createRange();\n  range.selectNodeContents(element);\n  range.setEnd(container, offset);\n  return range.toString().length;\n}\n\n/**@internal */\nexport const DateTimeRangePickerRoot = forwardRef<\n  DateTimeRangePickerRef,\n  Omit<DateTimeRangePickerProps, 'value' | 'defaultValue' | 'onChange'>\n>((props, forwardedRef) => {\n  const {\n    id: propId,\n    disabled: propDisabled,\n    readOnly = false,\n    name,\n    style: consumerStyle,\n    className: consumerClassName,\n    required: propRequired,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    placeholder: placeholderProp,\n    onBlur,\n    ...remainingProps\n  }: Omit<\n    DateTimeRangePickerProps,\n    'value' | 'defaultValue' | 'onChange'\n  > = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n  const ariaProps = useAriaLabelingProps(props);\n  const COMPONENT_NAME = 'DateTimeRangePicker';\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const touchedContainerRef = useRef<HTMLDivElement>(null);\n  const dateTimeToRef = useRef<DateTimeInputRef>(null);\n  const dateRangeSelectorRef = useRef<DateRangeSelectorRef>(null);\n\n  const [hasInputContent, setHasInputContent] = useState(false);\n\n  const setValue = useDateTimeRangePickerStore(\n    (state) => state.setDateTimeRangePickerTimeframe,\n  );\n  const value = useDateTimeRangePickerStore(\n    (state) => state.dateTimeRangePickerTimeframe,\n  );\n  const dateTimeFromRef = useDateTimeRangePickerStore(\n    (state) => state.dateTimeFromRef,\n  );\n  const precision = useDateTimeRangePickerStore((state) => state.precision);\n  const min = useDateTimeRangePickerStore((state) => state.min);\n  const max = useDateTimeRangePickerStore((state) => state.max);\n  const formatString = useDateTimeRangePickerStore(\n    (state) => state.formatString,\n  );\n\n  const { disabled, required, id, ariaDisabled } = useSyncedFormControlProps({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: ariaDisabledProp,\n  });\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const { placeholder, onPasteCapture, onUndoPasteKeyDown } =\n    useDateTimeRangePicker({\n      placeholder: placeholderProp,\n      readOnly,\n      dateTimeFromRef,\n      dateTimeToRef,\n    });\n\n  const intl = useIntl();\n\n  const {\n    state: { showError },\n    dispatch: formMessageDispatch,\n  } = useFormFieldMessagesContext();\n\n  // Track the last error key returned by the imperative validate() so we can\n  // pass it as `formerError` on the next call and clean up stale messages.\n  const lastValidationErrorRef = useRef<TimeErrorKey | undefined>();\n\n  // Provide root and input element reference and functions to interact with the calendar overlay\n  useImperativeHandle(\n    forwardedRef,\n    (): DateTimeRangePickerRef => ({\n      element: rootRef.current,\n      inputRef: {\n        from: dateTimeFromRef.current?.inputRef,\n        to: dateTimeToRef.current?.inputRef,\n      },\n      open: () => dateRangeSelectorRef.current?.open(),\n      close: () => dateRangeSelectorRef.current?.close(),\n      focus: () => dateTimeFromRef.current?.focus?.(),\n      getCurrentValue: () => ({\n        from: value?.from ?? null,\n        to: value?.to ?? null,\n      }),\n      validate() {\n        lastValidationErrorRef.current = validate(value, min, max, {\n          formMessageDispatch,\n          formerError: lastValidationErrorRef.current,\n          precision,\n          showError: true,\n          checkOrder: true,\n          ref: rootRef,\n          expectedFormat: formatString,\n          valueMode: 'dateTimePicker',\n          required,\n        });\n        formMessageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n      },\n    }),\n    [\n      value,\n      min,\n      max,\n      formMessageDispatch,\n      precision,\n      formatString,\n      required,\n      dateTimeFromRef,\n    ],\n  );\n\n  const { focusClassName } = useFocusRing({\n    focusWithin: true,\n    ignoreModality: true,\n    isMinimal: false,\n    disabled,\n    color: showError ? 'critical' : 'neutral',\n  });\n\n  const dateTimeFromLabel = intl.formatMessage({\n    defaultMessage: 'DateTime from',\n    id: 'fMy6q/KKOqbvCA3H',\n    description:\n      'Textbox to enter a relative or absolute timeframe from value.',\n  });\n\n  const dateTimeToLabel = intl.formatMessage({\n    defaultMessage: 'DateTime to',\n    id: 'uuhhc3nEZptwtV2E',\n    description: 'Textbox to enter a relative or absolute timeframe to value.',\n  });\n  const clearButtonLabel = intl.formatMessage({\n    defaultMessage: 'Clear date and time range',\n    id: 'zX4r/Y8gJL1C8+5e',\n    description: 'Aria label for the DateTimeRangePicker clear button.',\n  });\n  const formFieldMessageContextValue = useMemo(\n    () => ({\n      state: {\n        customMessages: [],\n        formControlMessages: [],\n        showError,\n      },\n    }),\n    [showError],\n  );\n\n  const {\n    onMouseDown,\n    onKeyDown: handleSelectionKeyDown,\n    onContextMenu,\n    onCutCapture,\n  } = useSelectionInteractionHandlers(\n    touchedContainerRef,\n    useCallback(() => {\n      focusDateTimeInput(null, dateTimeFromRef, dateTimeToRef);\n    }, [dateTimeFromRef]),\n    dateTimeFromRef,\n    dateTimeToRef,\n  );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (disabled || readOnly) {\n        handleSelectionKeyDown(event);\n        return;\n      }\n\n      // Safari: Reads the stash set by deferContentEditableRestore\n      const preRestoreEndpoints = peekPreRestoreEndpoints(\n        event.currentTarget as HTMLElement,\n      );\n\n      const fromInputIsIso =\n        dateTimeFromRef.current?.element?.getAttribute('data-valuetype') ===\n        'iso8601';\n      const toInputIsIso =\n        dateTimeToRef.current?.element?.getAttribute('data-valuetype') ===\n        'iso8601';\n\n      const bothInSelection =\n        isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) &&\n        isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints);\n\n      // When both inputs are selected, allow expression trigger keys to switch the entire range to expression mode.\n      if (bothInSelection && isExpressionTriggerKey(event)) {\n        setValue(null);\n        if (dateTimeToRef.current?.expressionInputRef) {\n          dateTimeToRef.current.expressionInputRef.textContent = '';\n        }\n      }\n\n      const switchFromToExpression =\n        isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) &&\n        fromInputIsIso;\n      const switchToToExpression =\n        isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints) &&\n        toInputIsIso;\n      if (\n        isExpressionTriggerKey(event) &&\n        (switchFromToExpression || switchToToExpression)\n      ) {\n        const char = event.key;\n\n        // The primary input receives the character and focus.\n        // When both are selected, 'from' receives the character and focus.\n        const primaryRef = switchFromToExpression\n          ? dateTimeFromRef\n          : dateTimeToRef;\n\n        primaryRef.current?.setExpressionValue(char);\n\n        requestAnimationFrame(() => {\n          focusExpressionInputAtEnd(primaryRef);\n        });\n\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      // Handle regular character input when both inputs are selected\n      if (\n        isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) &&\n        isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints) &&\n        !fromInputIsIso &&\n        !toInputIsIso &&\n        event.key.length === 1 &&\n        !event.ctrlKey &&\n        !event.metaKey &&\n        !event.altKey\n      ) {\n        const char = event.key;\n        const fromExpressionElement =\n          dateTimeFromRef.current?.expressionInputRef;\n        const toExpressionElement = dateTimeToRef.current?.expressionInputRef;\n        const selection = window.getSelection();\n\n        if (\n          fromExpressionElement &&\n          toExpressionElement &&\n          selection &&\n          selection.rangeCount > 0 &&\n          !selection.isCollapsed\n        ) {\n          const range = selection.getRangeAt(0);\n          const fromValue = fromExpressionElement.textContent ?? '';\n          const toValue = toExpressionElement.textContent ?? '';\n\n          const fromStart = fromExpressionElement.contains(range.startContainer)\n            ? getOffsetWithinElement(\n                fromExpressionElement,\n                range.startContainer,\n                range.startOffset,\n              )\n            : 0;\n          const toEnd = toExpressionElement.contains(range.endContainer)\n            ? getOffsetWithinElement(\n                toExpressionElement,\n                range.endContainer,\n                range.endOffset,\n              )\n            : toValue.length;\n\n          dateTimeFromRef.current?.setExpressionValue(\n            `${fromValue.slice(0, fromStart)}${char}`,\n          );\n          dateTimeToRef.current?.setExpressionValue(toValue.slice(toEnd));\n\n          requestAnimationFrame(() => {\n            focusExpressionInputAtEnd(dateTimeFromRef);\n          });\n\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n\n        // Replace the selected expression in \"from\" and keep \"to\" unchanged.\n        dateTimeFromRef.current?.setExpressionValue(char);\n\n        requestAnimationFrame(() => {\n          focusExpressionInputAtEnd(dateTimeFromRef);\n        });\n\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      handleSelectionKeyDown(event);\n    },\n    [\n      disabled,\n      readOnly,\n      handleSelectionKeyDown,\n      dateTimeFromRef,\n      dateTimeToRef,\n      setValue,\n    ],\n  );\n\n  // Move from the last \"from\" segment to the first \"to\" segment.\n  const handleFromTrailingEdge = useCallback(() => {\n    dateTimeToRef.current?.focus?.();\n  }, []);\n\n  // Move from the first \"to\" segment to the last \"from\" segment.\n  const handleToLeadingEdge = useCallback(() => {\n    dateTimeFromRef.current?.focusLast();\n  }, [dateTimeFromRef]);\n\n  // Carry trailing overflow from \"from\" into the first \"to\" segment.\n  const handleFromTrailingOverflow = useCallback(\n    (overflowChar: string) => {\n      const handlers = Array.from(\n        dateTimeToRef.current?.spinButtonHandlers?.values() ?? [],\n      ).filter((h): h is SpinButtonHandler => h !== null && h !== undefined);\n\n      const firstHandler = handlers[0];\n      if (!firstHandler) {\n        return;\n      }\n\n      if (value?.to?.type === 'expression' || value?.to === null) {\n        dateTimeToRef.current?.setExpressionValue(overflowChar);\n        requestAnimationFrame(() => {\n          const exprEl = dateTimeToRef.current?.expressionInputRef;\n          if (exprEl) {\n            // Focus first so that expressionOnFocusHandler fires and selects all,\n            // then immediately collapse the selection to the end so the cursor\n            // lands after the overflow character instead of selecting everything.\n            exprEl.focus();\n            const sel = window.getSelection();\n            if (sel) {\n              const range = document.createRange();\n              range.selectNodeContents(exprEl);\n              range.collapse(false);\n              sel.removeAllRanges();\n              sel.addRange(range);\n            }\n          }\n        });\n        return;\n      }\n\n      if (firstHandler.type === 'number') {\n        firstHandler.applyText(overflowChar, true);\n        firstHandler.element.current?.focus();\n        firstHandler.setSelection({ start: 0, end: 0, rtl: true });\n      }\n    },\n    [value?.to],\n  );\n\n  return (\n    <Flex\n      ref={rootRef}\n      flexDirection=\"column\"\n      data-testid={dataTestId}\n      style={consumerStyle}\n      className={consumerClassName}\n      {...ariaProps}\n      {...behavioralTrackingProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <FormFieldMessageContext.Provider value={formFieldMessageContextValue}>\n        <InputGroup style={{ gridTemplateColumns: '1fr auto' }}>\n          <Flex\n            ref={touchedContainerRef}\n            className={clsx(\n              inputGroupClassName,\n              dateTimePicker({\n                readOnly,\n                showError,\n                disabled,\n                type: 'datetime',\n              }),\n              textStyle({ textStyle: 'base' }),\n              fieldTokens({\n                color: showError ? 'critical' : 'neutral',\n                disabled: disabledOrAriaDisabled,\n                variant: 'emphasized',\n              }),\n              focusClassName,\n              styles.dateTimeRange({\n                showError,\n                disabled: disabledOrAriaDisabled,\n                readOnly: readOnly,\n              }),\n            )}\n            onCopyCapture={onTimeframeCopyCapture}\n            onCutCapture={onCutCapture}\n            onPasteCapture={onPasteCapture}\n            onBlur={(event) => {\n              // onFocus synchronously redirects focus from the container to a spin button,\n              // causing a spurious onBlur; rAF defers the call until focus has settled.\n              requestAnimationFrame(() => {\n                onBlur?.(event);\n              });\n            }}\n            onInput={() => {\n              setHasInputContent(\n                !!dateTimeFromRef.current?.expressionInputRef?.textContent ||\n                  !!dateTimeToRef.current?.expressionInputRef?.textContent,\n              );\n            }}\n            tabIndex={disabled ? undefined : 0}\n            onMouseDown={onMouseDown}\n            onContextMenu={onContextMenu}\n            onKeyDownCapture={(e) => {\n              // Handles undo for from and to inputs with Ctrl+Z.\n              // Uses capture phase so it fires before the input-level undo handler.\n              onUndoPasteKeyDown(e);\n            }}\n            onKeyDown={onKeyDown}\n            onFocus={(e: FocusEvent) => {\n              // Forward the focus only if it is coming from outside this component.\n              // Focus the first spin button with textContent; otherwise, focus the input.\n\n              if (!rootRef.current?.contains(e.relatedTarget)) {\n                focusDateTimeInput(e, dateTimeFromRef, dateTimeToRef);\n              }\n            }}\n          >\n            <span className={styles.scrollContainer}>\n              <DateTimeInput\n                ref={dateTimeFromRef}\n                className={styles.dateTimeInput}\n                disabled={disabled}\n                readOnly={readOnly}\n                placeholder={placeholder.from}\n                name={name === undefined ? undefined : `${name}-from`}\n                // Maintains its own state to separate single and range value manipulations\n                value={value === null ? null : value.from}\n                onChange={(newValue) => {\n                  if (typeof newValue !== 'string') {\n                    setValue({ from: newValue ?? null });\n                  }\n                }}\n                aria-label={dateTimeFromLabel}\n                aria-disabled={ariaDisabled}\n                required={required}\n                controlId={id}\n                onTrailingEdge={handleFromTrailingEdge}\n                onTrailingOverflow={handleFromTrailingOverflow}\n                partialTimeAnchorDate={value?.to?.absoluteDate || undefined}\n                onPasteComplete={() => {\n                  dateTimeToRef.current?.focus?.();\n                }}\n              />\n\n              <span className={styles.timeframeSeparator}>\u2192</span>\n              <DateTimeInput\n                ref={dateTimeToRef}\n                className={styles.dateTimeInput}\n                disabled={disabled}\n                readOnly={readOnly}\n                placeholder={placeholder.to}\n                name={name === undefined ? undefined : `${name}-to`}\n                // Maintains its own state to separate single and range value manipulations\n                value={value === null ? null : value.to}\n                onChange={(newValue) => {\n                  if (typeof newValue !== 'string') {\n                    setValue({ to: newValue ?? null });\n                  }\n                }}\n                aria-label={dateTimeToLabel}\n                aria-disabled={ariaDisabled}\n                required={required}\n                onLeadingEdge={handleToLeadingEdge}\n                dateOnlyPasteAnchor=\"endOfDay\"\n                partialTimeAnchorDate={value?.from?.absoluteDate || undefined}\n                onPasteComplete={() => {\n                  requestAnimationFrame(() => {\n                    dateTimeToRef.current?.focusLast();\n                  });\n                }}\n              />\n            </span>\n            {!readOnly &&\n              !disabledOrAriaDisabled &&\n              ((value &&\n                (value.from?.value !== '' || value.to?.value !== '')) ||\n                hasInputContent) && (\n                <Button\n                  onFocus={() => {\n                    formMessageDispatch?.({\n                      type: FormFieldMessagesAction.SETISTOUCHED,\n                      payload: { isTouched: true },\n                    });\n                  }}\n                  onClick={() => {\n                    setValue(null);\n                    if (dateTimeFromRef.current?.expressionInputRef) {\n                      dateTimeFromRef.current.expressionInputRef.textContent =\n                        '';\n                    }\n                    if (dateTimeToRef.current?.expressionInputRef) {\n                      dateTimeToRef.current.expressionInputRef.textContent = '';\n                    }\n                    setHasInputContent(false);\n                    requestAnimationFrame(() => {\n                      dateTimeFromRef.current?.expressionInputRef?.focus();\n                    });\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter') {\n                      e.stopPropagation();\n                    }\n                  }}\n                  className={clearIconButton}\n                  color={showError ? 'critical' : 'neutral'}\n                  size=\"condensed\"\n                  aria-label={clearButtonLabel}\n                >\n                  <XmarkIcon />\n                </Button>\n              )}\n          </Flex>\n          <DateRangeSelector\n            ref={dateRangeSelectorRef}\n            disabled={disabled}\n            aria-disabled={ariaDisabled}\n            readOnly={readOnly}\n            error={showError}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n          />\n        </InputGroup>\n      </FormFieldMessageContext.Provider>\n    </Flex>\n  );\n});\n"],
-  "mappings": "AAsjBY,SACE,KADF;AAtjBZ,OAAO,UAAU;AACjB;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,YAAY,YAAY;AACxB,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,OAEK;AAMP,SAAS,uCAAuC;AAChD,SAAS,cAAc;AACvB,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAE7B,SAAS,mCAAmC;AAC5C,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,+BAA+B;AAcxC,SAAS,4BACP,KACA,qBACS;AACT,QAAM,UAAU,IAAI,SAAS;AAC7B,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,SAAS,SAAS,aAAa,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,OAAO,aAAa;AACtC,MAAI,aAAa,UAAU,aAAa,KAAK,CAAC,UAAU,aAAa;AACnE,QAAI,UAAU,WAAW,CAAC,EAAE,eAAe,OAAO,GAAG;AACnD,aAAO;AAAA,IACT;AAAA,EACF;AAKA,SACE,CAAC,CAAC,wBACD,QAAQ,SAAS,oBAAoB,UAAU,KAC9C,QAAQ,SAAS,oBAAoB,SAAS;AAEpD;AAEA,SAAS,0BACP,KACM;AACN,QAAM,oBAAoB,IAAI,SAAS;AACvC,MAAI,CAAC,mBAAmB;AACtB;AAAA,EACF;AAEA,oBAAkB,MAAM;AAExB,QAAM,YAAY,OAAO,aAAa;AACtC,MAAI,CAAC,WAAW;AACd;AAAA,EACF;AAEA,QAAM,QAAQ,SAAS,YAAY;AACnC,QAAM,mBAAmB,iBAAiB;AAC1C,QAAM,SAAS,KAAK;AACpB,YAAU,gBAAgB;AAC1B,YAAU,SAAS,KAAK;AAC1B;AAEA,SAAS,uBACP,SACA,WACA,QACQ;AACR,QAAM,QAAQ,SAAS,YAAY;AACnC,QAAM,mBAAmB,OAAO;AAChC,QAAM,OAAO,WAAW,MAAM;AAC9B,SAAO,MAAM,SAAS,EAAE;AAC1B;AAGO,MAAM,0BAA0B,WAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb;AAAA,IACA,GAAG;AAAA,EACL,IAGI;AACJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,cAAc;AAC3E,QAAM,YAAY,qBAAqB,KAAK;AAC5C,QAAM,iBAAiB;AAEvB,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,sBAAsB,OAAuB,IAAI;AACvD,QAAM,gBAAgB,OAAyB,IAAI;AACnD,QAAM,uBAAuB,OAA6B,IAAI;AAE9D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAE5D,QAAM,WAAW;AAAA,IACf,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,QAAQ;AAAA,IACZ,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,YAAY,4BAA4B,CAAC,UAAU,MAAM,SAAS;AACxE,QAAM,MAAM,4BAA4B,CAAC,UAAU,MAAM,GAAG;AAC5D,QAAM,MAAM,4BAA4B,CAAC,UAAU,MAAM,GAAG;AAC5D,QAAM,eAAe;AAAA,IACnB,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,QAAM,EAAE,UAAU,UAAU,IAAI,aAAa,IAAI,0BAA0B;AAAA,IACzE;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB,CAAC;AACD,QAAM,yBAAyB,YAAY,gBAAgB;AAE3D,QAAM,EAAE,aAAa,gBAAgB,mBAAmB,IACtD,uBAAuB;AAAA,IACrB,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,QAAM,OAAO,QAAQ;AAErB,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU;AAAA,IACnB,UAAU;AAAA,EACZ,IAAI,4BAA4B;AAIhC,QAAM,yBAAyB,OAAiC;AAGhE;AAAA,IACE;AAAA,IACA,OAA+B;AAAA,MAC7B,SAAS,QAAQ;AAAA,MACjB,UAAU;AAAA,QACR,MAAM,gBAAgB,SAAS;AAAA,QAC/B,IAAI,cAAc,SAAS;AAAA,MAC7B;AAAA,MACA,MAAM,MAAM,qBAAqB,SAAS,KAAK;AAAA,MAC/C,OAAO,MAAM,qBAAqB,SAAS,MAAM;AAAA,MACjD,OAAO,MAAM,gBAAgB,SAAS,QAAQ;AAAA,MAC9C,iBAAiB,OAAO;AAAA,QACtB,MAAM,OAAO,QAAQ;AAAA,QACrB,IAAI,OAAO,MAAM;AAAA,MACnB;AAAA,MACA,WAAW;AACT,+BAAuB,UAAU,SAAS,OAAO,KAAK,KAAK;AAAA,UACzD;AAAA,UACA,aAAa,uBAAuB;AAAA,UACpC;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,gBAAgB;AAAA,UAChB,WAAW;AAAA,UACX;AAAA,QACF,CAAC;AACD,8BAAsB;AAAA,UACpB,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,QAC7B,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,EAAE,eAAe,IAAI,aAAa;AAAA,IACtC,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX;AAAA,IACA,OAAO,YAAY,aAAa;AAAA,EAClC,CAAC;AAED,QAAM,oBAAoB,KAAK,cAAc;AAAA,IAC3C,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ,CAAC;AAED,QAAM,kBAAkB,KAAK,cAAc;AAAA,IACzC,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,mBAAmB,KAAK,cAAc;AAAA,IAC1C,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,+BAA+B;AAAA,IACnC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,gBAAgB,CAAC;AAAA,QACjB,qBAAqB,CAAC;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF;AAAA,IACA,YAAY,MAAM;AAChB,yBAAmB,MAAM,iBAAiB,aAAa;AAAA,IACzD,GAAG,CAAC,eAAe,CAAC;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,UAA8C;AAC7C,UAAI,YAAY,UAAU;AACxB,+BAAuB,KAAK;AAC5B;AAAA,MACF;AAGA,YAAM,sBAAsB;AAAA,QAC1B,MAAM;AAAA,MACR;AAEA,YAAM,iBACJ,gBAAgB,SAAS,SAAS,aAAa,gBAAgB,MAC/D;AACF,YAAM,eACJ,cAAc,SAAS,SAAS,aAAa,gBAAgB,MAC7D;AAEF,YAAM,kBACJ,4BAA4B,iBAAiB,mBAAmB,KAChE,4BAA4B,eAAe,mBAAmB;AAGhE,UAAI,mBAAmB,uBAAuB,KAAK,GAAG;AACpD,iBAAS,IAAI;AACb,YAAI,cAAc,SAAS,oBAAoB;AAC7C,wBAAc,QAAQ,mBAAmB,cAAc;AAAA,QACzD;AAAA,MACF;AAEA,YAAM,yBACJ,4BAA4B,iBAAiB,mBAAmB,KAChE;AACF,YAAM,uBACJ,4BAA4B,eAAe,mBAAmB,KAC9D;AACF,UACE,uBAAuB,KAAK,MAC3B,0BAA0B,uBAC3B;AACA,cAAM,OAAO,MAAM;AAInB,cAAM,aAAa,yBACf,kBACA;AAEJ,mBAAW,SAAS,mBAAmB,IAAI;AAE3C,8BAAsB,MAAM;AAC1B,oCAA0B,UAAU;AAAA,QACtC,CAAC;AAED,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,MACF;AAEA,UACE,4BAA4B,iBAAiB,mBAAmB,KAChE,4BAA4B,eAAe,mBAAmB,KAC9D,CAAC,kBACD,CAAC,gBACD,MAAM,IAAI,WAAW,KACrB,CAAC,MAAM,WACP,CAAC,MAAM,WACP,CAAC,MAAM,QACP;AACA,cAAM,OAAO,MAAM;AACnB,cAAM,wBACJ,gBAAgB,SAAS;AAC3B,cAAM,sBAAsB,cAAc,SAAS;AACnD,cAAM,YAAY,OAAO,aAAa;AAEtC,YACE,yBACA,uBACA,aACA,UAAU,aAAa,KACvB,CAAC,UAAU,aACX;AACA,gBAAM,QAAQ,UAAU,WAAW,CAAC;AACpC,gBAAM,YAAY,sBAAsB,eAAe;AACvD,gBAAM,UAAU,oBAAoB,eAAe;AAEnD,gBAAM,YAAY,sBAAsB,SAAS,MAAM,cAAc,IACjE;AAAA,YACE;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,UACR,IACA;AACJ,gBAAM,QAAQ,oBAAoB,SAAS,MAAM,YAAY,IACzD;AAAA,YACE;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,UACR,IACA,QAAQ;AAEZ,0BAAgB,SAAS;AAAA,YACvB,GAAG,UAAU,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI;AAAA,UACzC;AACA,wBAAc,SAAS,mBAAmB,QAAQ,MAAM,KAAK,CAAC;AAE9D,gCAAsB,MAAM;AAC1B,sCAA0B,eAAe;AAAA,UAC3C,CAAC;AAED,gBAAM,eAAe;AACrB,gBAAM,gBAAgB;AACtB;AAAA,QACF;AAGA,wBAAgB,SAAS,mBAAmB,IAAI;AAEhD,8BAAsB,MAAM;AAC1B,oCAA0B,eAAe;AAAA,QAC3C,CAAC;AAED,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,MACF;AAEA,6BAAuB,KAAK;AAAA,IAC9B;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGA,QAAM,yBAAyB,YAAY,MAAM;AAC/C,kBAAc,SAAS,QAAQ;AAAA,EACjC,GAAG,CAAC,CAAC;AAGL,QAAM,sBAAsB,YAAY,MAAM;AAC5C,oBAAgB,SAAS,UAAU;AAAA,EACrC,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM,6BAA6B;AAAA,IACjC,CAAC,iBAAyB;AACxB,YAAM,WAAW,MAAM;AAAA,QACrB,cAAc,SAAS,oBAAoB,OAAO,KAAK,CAAC;AAAA,MAC1D,EAAE,OAAO,CAAC,MAA8B,MAAM,QAAQ,MAAM,MAAS;AAErE,YAAM,eAAe,SAAS,CAAC;AAC/B,UAAI,CAAC,cAAc;AACjB;AAAA,MACF;AAEA,UAAI,OAAO,IAAI,SAAS,gBAAgB,OAAO,OAAO,MAAM;AAC1D,sBAAc,SAAS,mBAAmB,YAAY;AACtD,8BAAsB,MAAM;AAC1B,gBAAM,SAAS,cAAc,SAAS;AACtC,cAAI,QAAQ;AAIV,mBAAO,MAAM;AACb,kBAAM,MAAM,OAAO,aAAa;AAChC,gBAAI,KAAK;AACP,oBAAM,QAAQ,SAAS,YAAY;AACnC,oBAAM,mBAAmB,MAAM;AAC/B,oBAAM,SAAS,KAAK;AACpB,kBAAI,gBAAgB;AACpB,kBAAI,SAAS,KAAK;AAAA,YACpB;AAAA,UACF;AAAA,QACF,CAAC;AACD;AAAA,MACF;AAEA,UAAI,aAAa,SAAS,UAAU;AAClC,qBAAa,UAAU,cAAc,IAAI;AACzC,qBAAa,QAAQ,SAAS,MAAM;AACpC,qBAAa,aAAa,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC;AAAA,MAC3D;AAAA,IACF;AAAA,IACA,CAAC,OAAO,EAAE;AAAA,EACZ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAc;AAAA,MACd,eAAa;AAAA,MACb,OAAO;AAAA,MACP,WAAW;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB,8BAAC,wBAAwB,UAAxB,EAAiC,OAAO,8BACvC,+BAAC,cAAW,OAAO,EAAE,qBAAqB,WAAW,GACnD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW;AAAA,cACT;AAAA,cACA,eAAe;AAAA,gBACb;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,MAAM;AAAA,cACR,CAAC;AAAA,cACD,UAAU,EAAE,WAAW,OAAO,CAAC;AAAA,cAC/B,YAAY;AAAA,gBACV,OAAO,YAAY,aAAa;AAAA,gBAChC,UAAU;AAAA,gBACV,SAAS;AAAA,cACX,CAAC;AAAA,cACD;AAAA,cACA,OAAO,cAAc;AAAA,gBACnB;AAAA,gBACA,UAAU;AAAA,gBACV;AAAA,cACF,CAAC;AAAA,YACH;AAAA,YACA,eAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA,QAAQ,CAAC,UAAU;AAGjB,oCAAsB,MAAM;AAC1B,yBAAS,KAAK;AAAA,cAChB,CAAC;AAAA,YACH;AAAA,YACA,SAAS,MAAM;AACb;AAAA,gBACE,CAAC,CAAC,gBAAgB,SAAS,oBAAoB,eAC7C,CAAC,CAAC,cAAc,SAAS,oBAAoB;AAAA,cACjD;AAAA,YACF;AAAA,YACA,UAAU,WAAW,SAAY;AAAA,YACjC;AAAA,YACA;AAAA,YACA,kBAAkB,CAAC,MAAM;AAGvB,iCAAmB,CAAC;AAAA,YACtB;AAAA,YACA;AAAA,YACA,SAAS,CAAC,MAAkB;AAI1B,kBAAI,CAAC,QAAQ,SAAS,SAAS,EAAE,aAAa,GAAG;AAC/C,mCAAmB,GAAG,iBAAiB,aAAa;AAAA,cACtD;AAAA,YACF;AAAA,YAEA;AAAA,mCAAC,UAAK,WAAW,OAAO,iBACtB;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAW,OAAO;AAAA,oBAClB;AAAA,oBACA;AAAA,oBACA,aAAa,YAAY;AAAA,oBACzB,MAAM,SAAS,SAAY,SAAY,GAAG,IAAI;AAAA,oBAE9C,OAAO,UAAU,OAAO,OAAO,MAAM;AAAA,oBACrC,UAAU,CAAC,aAAa;AACtB,0BAAI,OAAO,aAAa,UAAU;AAChC,iCAAS,EAAE,MAAM,YAAY,KAAK,CAAC;AAAA,sBACrC;AAAA,oBACF;AAAA,oBACA,cAAY;AAAA,oBACZ,iBAAe;AAAA,oBACf;AAAA,oBACA,WAAW;AAAA,oBACX,gBAAgB;AAAA,oBAChB,oBAAoB;AAAA,oBACpB,uBAAuB,OAAO,IAAI,gBAAgB;AAAA,oBAClD,iBAAiB,MAAM;AACrB,oCAAc,SAAS,QAAQ;AAAA,oBACjC;AAAA;AAAA,gBACF;AAAA,gBAEA,oBAAC,UAAK,WAAW,OAAO,oBAAoB,oBAAC;AAAA,gBAC7C;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAW,OAAO;AAAA,oBAClB;AAAA,oBACA;AAAA,oBACA,aAAa,YAAY;AAAA,oBACzB,MAAM,SAAS,SAAY,SAAY,GAAG,IAAI;AAAA,oBAE9C,OAAO,UAAU,OAAO,OAAO,MAAM;AAAA,oBACrC,UAAU,CAAC,aAAa;AACtB,0BAAI,OAAO,aAAa,UAAU;AAChC,iCAAS,EAAE,IAAI,YAAY,KAAK,CAAC;AAAA,sBACnC;AAAA,oBACF;AAAA,oBACA,cAAY;AAAA,oBACZ,iBAAe;AAAA,oBACf;AAAA,oBACA,eAAe;AAAA,oBACf,qBAAoB;AAAA,oBACpB,uBAAuB,OAAO,MAAM,gBAAgB;AAAA,oBACpD,iBAAiB,MAAM;AACrB,4CAAsB,MAAM;AAC1B,sCAAc,SAAS,UAAU;AAAA,sBACnC,CAAC;AAAA,oBACH;AAAA;AAAA,gBACF;AAAA,iBACF;AAAA,cACC,CAAC,YACA,CAAC,2BACC,UACC,MAAM,MAAM,UAAU,MAAM,MAAM,IAAI,UAAU,OACjD,oBACA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,MAAM;AACb,0CAAsB;AAAA,sBACpB,MAAM,wBAAwB;AAAA,sBAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,oBAC7B,CAAC;AAAA,kBACH;AAAA,kBACA,SAAS,MAAM;AACb,6BAAS,IAAI;AACb,wBAAI,gBAAgB,SAAS,oBAAoB;AAC/C,sCAAgB,QAAQ,mBAAmB,cACzC;AAAA,oBACJ;AACA,wBAAI,cAAc,SAAS,oBAAoB;AAC7C,oCAAc,QAAQ,mBAAmB,cAAc;AAAA,oBACzD;AACA,uCAAmB,KAAK;AACxB,0CAAsB,MAAM;AAC1B,sCAAgB,SAAS,oBAAoB,MAAM;AAAA,oBACrD,CAAC;AAAA,kBACH;AAAA,kBACA,WAAW,CAAC,MAAM;AAChB,wBAAI,EAAE,QAAQ,SAAS;AACrB,wBAAE,gBAAgB;AAAA,oBACpB;AAAA,kBACF;AAAA,kBACA,WAAW;AAAA,kBACX,OAAO,YAAY,aAAa;AAAA,kBAChC,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEZ,8BAAC,aAAU;AAAA;AAAA,cACb;AAAA;AAAA;AAAA,QAEN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,iBAAe;AAAA,YACf;AAAA,YACA,OAAO;AAAA,YACP,mBAAiB;AAAA,YACjB,oBAAkB;AAAA;AAAA,QACpB;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { XmarkIcon } from '@dynatrace/strato-icons';\n\nimport { DateRangeSelector } from './DateRangeSelector.js';\nimport { DateTimeInput } from './DateTimeInput.js';\nimport * as styles from './DateTimeRangePicker.sty.js';\nimport { isExpressionTriggerKey } from './expression-trigger-helpers.js';\nimport { useDateTimeRangePicker } from './hooks/useDateTimeRangePicker.js';\nimport { onTimeframeCopyCapture } from './selection-copy-helpers.js';\nimport {\n  peekPreRestoreEndpoints,\n  type SelectionEndpoints,\n} from './selection-helpers.js';\nimport type {\n  DateTimeRangePickerProps,\n  DateTimeRangePickerRef,\n} from './types.js';\nimport { DateRangeSelectorRef, DateTimeInputRef } from './types.js';\nimport { useSelectionInteractionHandlers } from './useSelectionInteractionHandlers.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFocusRing } from '../../core/hooks/useFocusRing.js';\nimport { TimeErrorKey } from '../../core/time/shared.types.js';\nimport { useDateTimeRangePickerStore } from '../../core/time/timeframeStore/useTimeframeStore.js';\nimport {\n  formatTimeValidationMessage,\n  getValidityStateKeyForTimeError,\n  validate,\n} from '../../core/time/validation.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 { fieldTokens } from '../../styles/field.sty.js';\nimport { textStyle } from '../../styles/textStyle.sty.js';\nimport {\n  clearIconButton,\n  dateTimePicker,\n} from '../date-time-picker/DateTimePicker.sty.js';\nimport { focusDateTimeInput } from '../date-time-picker/utils/focusDateTimeInput.js';\nimport { FormFieldMessageContext } from '../forms-core/contexts/FormFieldMessageContext.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useSyncedFormControlProps } from '../forms-core/hooks/useSyncedFormControlProps.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { SpinButtonHandler } from '../spin-buttons/spin-button-group/types.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\nimport { getValidationState } from '../validation/validation-builders.js';\n\n/**\n * Returns true if a given DateTimeInput element contains the active (focused)\n * element *or* the window selection intersects it.\n *\n * The focus-based check covers the common case where a single spin button is\n * focused \u2013 including empty (placeholder) spin buttons whose `selectAll()` is\n * a no-op and therefore leave the window selection collapsed.\n *\n * The selection-based check covers cross-input scenarios such as Ctrl+A or\n * drag-select spanning both \"from\" and \"to\" inputs.\n */\nfunction isInputInSelectionOrFocused(\n  ref: RefObject<DateTimeInputRef | null>,\n  preRestoreEndpoints?: SelectionEndpoints,\n): boolean {\n  const element = ref.current?.element;\n  if (!element) {\n    return false;\n  }\n\n  if (element.contains(document.activeElement)) {\n    return true;\n  }\n\n  const selection = window.getSelection();\n  if (selection && selection.rangeCount > 0 && !selection.isCollapsed) {\n    if (selection.getRangeAt(0).intersectsNode(element)) {\n      return true;\n    }\n  }\n\n  // Safari clips the live selection to the active CE host after contenteditable\n  // is re-attached in the keydown capture phase. Fall back to the pre-restore\n  // endpoints stashed by deferContentEditableRestore, which still span both inputs.\n  return (\n    !!preRestoreEndpoints &&\n    (element.contains(preRestoreEndpoints.anchorNode) ||\n      element.contains(preRestoreEndpoints.focusNode))\n  );\n}\n\nfunction focusExpressionInputAtEnd(\n  ref: RefObject<DateTimeInputRef | null>,\n): void {\n  const expressionElement = ref.current?.expressionInputRef;\n  if (!expressionElement) {\n    return;\n  }\n\n  expressionElement.focus();\n\n  const selection = window.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  const range = document.createRange();\n  range.selectNodeContents(expressionElement);\n  range.collapse(false);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nfunction getOffsetWithinElement(\n  element: HTMLElement,\n  container: Node,\n  offset: number,\n): number {\n  const range = document.createRange();\n  range.selectNodeContents(element);\n  range.setEnd(container, offset);\n  return range.toString().length;\n}\n\n/**@internal */\nexport const DateTimeRangePickerRoot = forwardRef<\n  DateTimeRangePickerRef,\n  Omit<DateTimeRangePickerProps, 'value' | 'defaultValue' | 'onChange'>\n>((props, forwardedRef) => {\n  const {\n    id: propId,\n    disabled: propDisabled,\n    readOnly = false,\n    name,\n    style: consumerStyle,\n    className: consumerClassName,\n    required: propRequired,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    placeholder: placeholderProp,\n    onBlur,\n    onValidityChange,\n    ...remainingProps\n  }: Omit<\n    DateTimeRangePickerProps,\n    'value' | 'defaultValue' | 'onChange'\n  > = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n  const ariaProps = useAriaLabelingProps(props);\n  const COMPONENT_NAME = 'DateTimeRangePicker';\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const touchedContainerRef = useRef<HTMLDivElement>(null);\n  const dateTimeToRef = useRef<DateTimeInputRef>(null);\n  const dateRangeSelectorRef = useRef<DateRangeSelectorRef>(null);\n\n  const [hasInputContent, setHasInputContent] = useState(false);\n\n  const setValue = useDateTimeRangePickerStore(\n    (state) => state.setDateTimeRangePickerTimeframe,\n  );\n  const value = useDateTimeRangePickerStore(\n    (state) => state.dateTimeRangePickerTimeframe,\n  );\n  const dateTimeFromRef = useDateTimeRangePickerStore(\n    (state) => state.dateTimeFromRef,\n  );\n  const precision = useDateTimeRangePickerStore((state) => state.precision);\n  const min = useDateTimeRangePickerStore((state) => state.min);\n  const max = useDateTimeRangePickerStore((state) => state.max);\n  const formatString = useDateTimeRangePickerStore(\n    (state) => state.formatString,\n  );\n\n  const { disabled, required, id, ariaDisabled } = useSyncedFormControlProps({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: ariaDisabledProp,\n  });\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const { placeholder, onPasteCapture, onUndoPasteKeyDown } =\n    useDateTimeRangePicker({\n      placeholder: placeholderProp,\n      readOnly,\n      dateTimeFromRef,\n      dateTimeToRef,\n    });\n\n  const intl = useIntl();\n\n  const {\n    state: { showError, isTouched },\n    dispatch: formMessageDispatch,\n  } = useFormFieldMessagesContext();\n\n  // Track the last error key returned by the imperative validate() so we can\n  // pass it as `formerError` on the next call and clean up stale messages.\n  const lastValidationErrorRef = useRef<TimeErrorKey | undefined>();\n  const _emitValidationState = useValidationStateEmitter(onValidityChange);\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => {\n      const key = getErrorKey();\n      return getValidationState(\n        key !== undefined ? getValidityStateKeyForTimeError(key) : undefined,\n        'manual',\n        getValidationMessage(key),\n        id ? [id] : [],\n      );\n    },\n  );\n\n  const getValidationMessage = useCallback(\n    (errorKey: TimeErrorKey | undefined): string | undefined => {\n      if (!errorKey) {\n        return undefined;\n      }\n      return formatTimeValidationMessage(errorKey, intl, {\n        value,\n        min,\n        max,\n        precision,\n        expectedFormat: formatString,\n      });\n    },\n    [intl, value, min, max, precision, formatString],\n  );\n\n  // Provide root and input element reference and functions to interact with the calendar overlay\n  useImperativeHandle(\n    forwardedRef,\n    (): DateTimeRangePickerRef => ({\n      element: rootRef.current,\n      inputRef: {\n        from: dateTimeFromRef.current?.inputRef,\n        to: dateTimeToRef.current?.inputRef,\n      },\n      open: () => dateRangeSelectorRef.current?.open(),\n      close: () => dateRangeSelectorRef.current?.close(),\n      focus: () => dateTimeFromRef.current?.focus?.(),\n      getCurrentValue: () => ({\n        from: value?.from ?? null,\n        to: value?.to ?? null,\n      }),\n      validate() {\n        lastValidationErrorRef.current = validate(value, min, max, {\n          formMessageDispatch,\n          formerError: lastValidationErrorRef.current,\n          precision,\n          showError: true,\n          checkOrder: true,\n          ref: rootRef,\n          expectedFormat: formatString,\n          valueMode: 'dateTimePicker',\n          required,\n        });\n        formMessageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        emitValidationState(\n          getValidationState(\n            lastValidationErrorRef.current !== undefined\n              ? getValidityStateKeyForTimeError(lastValidationErrorRef.current)\n              : undefined,\n            'manual',\n            getValidationMessage(lastValidationErrorRef.current),\n            id ? [id] : [],\n          ),\n        );\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        lastValidationErrorRef.current = validate(value, min, max, {\n          formMessageDispatch,\n          formerError: lastValidationErrorRef.current,\n          precision,\n          showError: true,\n          checkOrder: true,\n          ref: rootRef,\n          expectedFormat: formatString,\n          valueMode: 'dateTimePicker',\n          required,\n        });\n        formMessageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        const state = getValidationState(\n          lastValidationErrorRef.current !== undefined\n            ? getValidityStateKeyForTimeError(lastValidationErrorRef.current)\n            : undefined,\n          'manual',\n          getValidationMessage(lastValidationErrorRef.current),\n          id ? [id] : [],\n        );\n        return emitValidationState(state);\n      },\n    }),\n    [\n      value,\n      min,\n      max,\n      formMessageDispatch,\n      precision,\n      formatString,\n      required,\n      dateTimeFromRef,\n      emitValidationState,\n      getValidationMessage,\n    ],\n  );\n\n  // Computes the current range error key without dispatching messages, used to\n  // keep `onValidityChange` in sync on automatic (change / blur) updates.\n  const getErrorKey = useCallback(\n    () =>\n      validate(value, min, max, {\n        precision,\n        checkOrder: true,\n        ref: rootRef,\n        expectedFormat: formatString,\n        valueMode: 'dateTimePicker',\n        required,\n      }),\n    [value, min, max, precision, formatString, required],\n  );\n\n  // Surface validation state on every value change (`change` trigger).\n  useEffect(() => {\n    const key = getErrorKey();\n    emitValidationState(\n      getValidationState(\n        key !== undefined ? getValidityStateKeyForTimeError(key) : undefined,\n        'change',\n        getValidationMessage(key),\n        id ? [id] : [],\n      ),\n    );\n  }, [value, id, getErrorKey, emitValidationState, getValidationMessage]);\n\n  const { focusClassName } = useFocusRing({\n    focusWithin: true,\n    ignoreModality: true,\n    isMinimal: false,\n    disabled,\n    color: showError ? 'critical' : 'neutral',\n  });\n\n  const dateTimeFromLabel = intl.formatMessage({\n    defaultMessage: 'DateTime from',\n    id: 'fMy6q/KKOqbvCA3H',\n    description:\n      'Textbox to enter a relative or absolute timeframe from value.',\n  });\n\n  const dateTimeToLabel = intl.formatMessage({\n    defaultMessage: 'DateTime to',\n    id: 'uuhhc3nEZptwtV2E',\n    description: 'Textbox to enter a relative or absolute timeframe to value.',\n  });\n  const clearButtonLabel = intl.formatMessage({\n    defaultMessage: 'Clear date and time range',\n    id: 'zX4r/Y8gJL1C8+5e',\n    description: 'Aria label for the DateTimeRangePicker clear button.',\n  });\n  const formFieldMessageContextValue = useMemo(\n    () => ({\n      state: {\n        customMessages: [],\n        formControlMessages: [],\n        showError,\n      },\n    }),\n    [showError],\n  );\n\n  const {\n    onMouseDown,\n    onKeyDown: handleSelectionKeyDown,\n    onContextMenu,\n    onCutCapture,\n  } = useSelectionInteractionHandlers(\n    touchedContainerRef,\n    useCallback(() => {\n      focusDateTimeInput(null, dateTimeFromRef, dateTimeToRef);\n    }, [dateTimeFromRef]),\n    dateTimeFromRef,\n    dateTimeToRef,\n  );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (disabled || readOnly) {\n        handleSelectionKeyDown(event);\n        return;\n      }\n\n      // Safari: Reads the stash set by deferContentEditableRestore\n      const preRestoreEndpoints = peekPreRestoreEndpoints(\n        event.currentTarget as HTMLElement,\n      );\n\n      const fromInputIsIso =\n        dateTimeFromRef.current?.element?.getAttribute('data-valuetype') ===\n        'iso8601';\n      const toInputIsIso =\n        dateTimeToRef.current?.element?.getAttribute('data-valuetype') ===\n        'iso8601';\n\n      const bothInSelection =\n        isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) &&\n        isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints);\n\n      // When both inputs are selected, allow expression trigger keys to switch the entire range to expression mode.\n      if (bothInSelection && isExpressionTriggerKey(event)) {\n        setValue(null);\n        if (dateTimeToRef.current?.expressionInputRef) {\n          dateTimeToRef.current.expressionInputRef.textContent = '';\n        }\n      }\n\n      const switchFromToExpression =\n        isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) &&\n        fromInputIsIso;\n      const switchToToExpression =\n        isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints) &&\n        toInputIsIso;\n      if (\n        isExpressionTriggerKey(event) &&\n        (switchFromToExpression || switchToToExpression)\n      ) {\n        const char = event.key;\n\n        // The primary input receives the character and focus.\n        // When both are selected, 'from' receives the character and focus.\n        const primaryRef = switchFromToExpression\n          ? dateTimeFromRef\n          : dateTimeToRef;\n\n        primaryRef.current?.setExpressionValue(char);\n\n        requestAnimationFrame(() => {\n          focusExpressionInputAtEnd(primaryRef);\n        });\n\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      // Handle regular character input when both inputs are selected\n      if (\n        isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) &&\n        isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints) &&\n        !fromInputIsIso &&\n        !toInputIsIso &&\n        event.key.length === 1 &&\n        !event.ctrlKey &&\n        !event.metaKey &&\n        !event.altKey\n      ) {\n        const char = event.key;\n        const fromExpressionElement =\n          dateTimeFromRef.current?.expressionInputRef;\n        const toExpressionElement = dateTimeToRef.current?.expressionInputRef;\n        const selection = window.getSelection();\n\n        if (\n          fromExpressionElement &&\n          toExpressionElement &&\n          selection &&\n          selection.rangeCount > 0 &&\n          !selection.isCollapsed\n        ) {\n          const range = selection.getRangeAt(0);\n          const fromValue = fromExpressionElement.textContent ?? '';\n          const toValue = toExpressionElement.textContent ?? '';\n\n          const fromStart = fromExpressionElement.contains(range.startContainer)\n            ? getOffsetWithinElement(\n                fromExpressionElement,\n                range.startContainer,\n                range.startOffset,\n              )\n            : 0;\n          const toEnd = toExpressionElement.contains(range.endContainer)\n            ? getOffsetWithinElement(\n                toExpressionElement,\n                range.endContainer,\n                range.endOffset,\n              )\n            : toValue.length;\n\n          dateTimeFromRef.current?.setExpressionValue(\n            `${fromValue.slice(0, fromStart)}${char}`,\n          );\n          dateTimeToRef.current?.setExpressionValue(toValue.slice(toEnd));\n\n          requestAnimationFrame(() => {\n            focusExpressionInputAtEnd(dateTimeFromRef);\n          });\n\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n\n        // Replace the selected expression in \"from\" and keep \"to\" unchanged.\n        dateTimeFromRef.current?.setExpressionValue(char);\n\n        requestAnimationFrame(() => {\n          focusExpressionInputAtEnd(dateTimeFromRef);\n        });\n\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      handleSelectionKeyDown(event);\n    },\n    [\n      disabled,\n      readOnly,\n      handleSelectionKeyDown,\n      dateTimeFromRef,\n      dateTimeToRef,\n      setValue,\n    ],\n  );\n\n  // Move from the last \"from\" segment to the first \"to\" segment.\n  const handleFromTrailingEdge = useCallback(() => {\n    dateTimeToRef.current?.focus?.();\n  }, []);\n\n  // Move from the first \"to\" segment to the last \"from\" segment.\n  const handleToLeadingEdge = useCallback(() => {\n    dateTimeFromRef.current?.focusLast();\n  }, [dateTimeFromRef]);\n\n  // Carry trailing overflow from \"from\" into the first \"to\" segment.\n  const handleFromTrailingOverflow = useCallback(\n    (overflowChar: string) => {\n      const handlers = Array.from(\n        dateTimeToRef.current?.spinButtonHandlers?.values() ?? [],\n      ).filter((h): h is SpinButtonHandler => h !== null && h !== undefined);\n\n      const firstHandler = handlers[0];\n      if (!firstHandler) {\n        return;\n      }\n\n      if (value?.to?.type === 'expression' || value?.to === null) {\n        dateTimeToRef.current?.setExpressionValue(overflowChar);\n        requestAnimationFrame(() => {\n          const exprEl = dateTimeToRef.current?.expressionInputRef;\n          if (exprEl) {\n            // Focus first so that expressionOnFocusHandler fires and selects all,\n            // then immediately collapse the selection to the end so the cursor\n            // lands after the overflow character instead of selecting everything.\n            exprEl.focus();\n            const sel = window.getSelection();\n            if (sel) {\n              const range = document.createRange();\n              range.selectNodeContents(exprEl);\n              range.collapse(false);\n              sel.removeAllRanges();\n              sel.addRange(range);\n            }\n          }\n        });\n        return;\n      }\n\n      if (firstHandler.type === 'number') {\n        firstHandler.applyText(overflowChar, true);\n        firstHandler.element.current?.focus();\n        firstHandler.setSelection({ start: 0, end: 0, rtl: true });\n      }\n    },\n    [value?.to],\n  );\n\n  return (\n    <Flex\n      ref={rootRef}\n      flexDirection=\"column\"\n      data-testid={dataTestId}\n      style={consumerStyle}\n      className={consumerClassName}\n      {...ariaProps}\n      {...behavioralTrackingProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <FormFieldMessageContext.Provider value={formFieldMessageContextValue}>\n        <InputGroup style={{ gridTemplateColumns: '1fr auto' }}>\n          <Flex\n            ref={touchedContainerRef}\n            className={clsx(\n              inputGroupClassName,\n              dateTimePicker({\n                readOnly,\n                showError,\n                disabled,\n                type: 'datetime',\n              }),\n              textStyle({ textStyle: 'base' }),\n              fieldTokens({\n                color: showError ? 'critical' : 'neutral',\n                disabled: disabledOrAriaDisabled,\n                variant: 'emphasized',\n              }),\n              focusClassName,\n              styles.dateTimeRange({\n                showError,\n                disabled: disabledOrAriaDisabled,\n                readOnly: readOnly,\n              }),\n            )}\n            onCopyCapture={onTimeframeCopyCapture}\n            onCutCapture={onCutCapture}\n            onPasteCapture={onPasteCapture}\n            onBlur={(event) => {\n              // onFocus synchronously redirects focus from the container to a spin button,\n              // causing a spurious onBlur; rAF defers the call until focus has settled.\n              requestAnimationFrame(() => {\n                onBlur?.(event);\n              });\n              if (touchedContainerRef.current?.contains(event.relatedTarget)) {\n                return;\n              }\n              // Surface the validation state only on the first touch; later\n              // updates are reported via the `change` trigger.\n              if (!isTouched) {\n                const blurKey = getErrorKey();\n                emitValidationState(\n                  getValidationState(\n                    blurKey !== undefined\n                      ? getValidityStateKeyForTimeError(blurKey)\n                      : undefined,\n                    'blur',\n                    getValidationMessage(blurKey),\n                    id ? [id] : [],\n                  ),\n                );\n              }\n            }}\n            onInput={() => {\n              setHasInputContent(\n                !!dateTimeFromRef.current?.expressionInputRef?.textContent ||\n                  !!dateTimeToRef.current?.expressionInputRef?.textContent,\n              );\n            }}\n            tabIndex={disabled ? undefined : 0}\n            onMouseDown={onMouseDown}\n            onContextMenu={onContextMenu}\n            onKeyDownCapture={(e) => {\n              // Handles undo for from and to inputs with Ctrl+Z.\n              // Uses capture phase so it fires before the input-level undo handler.\n              onUndoPasteKeyDown(e);\n            }}\n            onKeyDown={onKeyDown}\n            onFocus={(e: FocusEvent) => {\n              // Forward the focus only if it is coming from outside this component.\n              // Focus the first spin button with textContent; otherwise, focus the input.\n\n              if (!rootRef.current?.contains(e.relatedTarget)) {\n                focusDateTimeInput(e, dateTimeFromRef, dateTimeToRef);\n              }\n            }}\n          >\n            <span className={styles.scrollContainer}>\n              <DateTimeInput\n                ref={dateTimeFromRef}\n                className={styles.dateTimeInput}\n                disabled={disabled}\n                readOnly={readOnly}\n                placeholder={placeholder.from}\n                name={name === undefined ? undefined : `${name}-from`}\n                // Maintains its own state to separate single and range value manipulations\n                value={value === null ? null : value.from}\n                onChange={(newValue) => {\n                  if (typeof newValue !== 'string') {\n                    setValue({ from: newValue ?? null });\n                  }\n                }}\n                aria-label={dateTimeFromLabel}\n                aria-disabled={ariaDisabled}\n                required={required}\n                controlId={id}\n                onTrailingEdge={handleFromTrailingEdge}\n                onTrailingOverflow={handleFromTrailingOverflow}\n                partialTimeAnchorDate={value?.to?.absoluteDate || undefined}\n                onPasteComplete={() => {\n                  dateTimeToRef.current?.focus?.();\n                }}\n              />\n\n              <span className={styles.timeframeSeparator}>\u2192</span>\n              <DateTimeInput\n                ref={dateTimeToRef}\n                className={styles.dateTimeInput}\n                disabled={disabled}\n                readOnly={readOnly}\n                placeholder={placeholder.to}\n                name={name === undefined ? undefined : `${name}-to`}\n                // Maintains its own state to separate single and range value manipulations\n                value={value === null ? null : value.to}\n                onChange={(newValue) => {\n                  if (typeof newValue !== 'string') {\n                    setValue({ to: newValue ?? null });\n                  }\n                }}\n                aria-label={dateTimeToLabel}\n                aria-disabled={ariaDisabled}\n                required={required}\n                onLeadingEdge={handleToLeadingEdge}\n                dateOnlyPasteAnchor=\"endOfDay\"\n                partialTimeAnchorDate={value?.from?.absoluteDate || undefined}\n                onPasteComplete={() => {\n                  requestAnimationFrame(() => {\n                    dateTimeToRef.current?.focusLast();\n                  });\n                }}\n              />\n            </span>\n            {!readOnly &&\n              !disabledOrAriaDisabled &&\n              ((value &&\n                (value.from?.value !== '' || value.to?.value !== '')) ||\n                hasInputContent) && (\n                <Button\n                  onFocus={() => {\n                    formMessageDispatch?.({\n                      type: FormFieldMessagesAction.SETISTOUCHED,\n                      payload: { isTouched: true },\n                    });\n                  }}\n                  onClick={() => {\n                    setValue(null);\n                    if (dateTimeFromRef.current?.expressionInputRef) {\n                      dateTimeFromRef.current.expressionInputRef.textContent =\n                        '';\n                    }\n                    if (dateTimeToRef.current?.expressionInputRef) {\n                      dateTimeToRef.current.expressionInputRef.textContent = '';\n                    }\n                    setHasInputContent(false);\n                    requestAnimationFrame(() => {\n                      dateTimeFromRef.current?.expressionInputRef?.focus();\n                    });\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter') {\n                      e.stopPropagation();\n                    }\n                  }}\n                  className={clearIconButton}\n                  color={showError ? 'critical' : 'neutral'}\n                  size=\"condensed\"\n                  aria-label={clearButtonLabel}\n                >\n                  <XmarkIcon />\n                </Button>\n              )}\n          </Flex>\n          <DateRangeSelector\n            ref={dateRangeSelectorRef}\n            disabled={disabled}\n            aria-disabled={ariaDisabled}\n            readOnly={readOnly}\n            error={showError}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n          />\n        </InputGroup>\n      </FormFieldMessageContext.Provider>\n    </Flex>\n  );\n});\n"],
+  "mappings": "AAirBY,SACE,KADF;AAjrBZ,OAAO,UAAU;AACjB;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,YAAY,YAAY;AACxB,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,OAEK;AAMP,SAAS,uCAAuC;AAChD,SAAS,cAAc;AACvB,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAE7B,SAAS,mCAAmC;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,+BAA+B;AAExC,SAAS,+BAA+B;AACxC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AAanC,SAAS,4BACP,KACA,qBACS;AACT,QAAM,UAAU,IAAI,SAAS;AAC7B,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,SAAS,SAAS,aAAa,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,OAAO,aAAa;AACtC,MAAI,aAAa,UAAU,aAAa,KAAK,CAAC,UAAU,aAAa;AACnE,QAAI,UAAU,WAAW,CAAC,EAAE,eAAe,OAAO,GAAG;AACnD,aAAO;AAAA,IACT;AAAA,EACF;AAKA,SACE,CAAC,CAAC,wBACD,QAAQ,SAAS,oBAAoB,UAAU,KAC9C,QAAQ,SAAS,oBAAoB,SAAS;AAEpD;AAEA,SAAS,0BACP,KACM;AACN,QAAM,oBAAoB,IAAI,SAAS;AACvC,MAAI,CAAC,mBAAmB;AACtB;AAAA,EACF;AAEA,oBAAkB,MAAM;AAExB,QAAM,YAAY,OAAO,aAAa;AACtC,MAAI,CAAC,WAAW;AACd;AAAA,EACF;AAEA,QAAM,QAAQ,SAAS,YAAY;AACnC,QAAM,mBAAmB,iBAAiB;AAC1C,QAAM,SAAS,KAAK;AACpB,YAAU,gBAAgB;AAC1B,YAAU,SAAS,KAAK;AAC1B;AAEA,SAAS,uBACP,SACA,WACA,QACQ;AACR,QAAM,QAAQ,SAAS,YAAY;AACnC,QAAM,mBAAmB,OAAO;AAChC,QAAM,OAAO,WAAW,MAAM;AAC9B,SAAO,MAAM,SAAS,EAAE;AAC1B;AAGO,MAAM,0BAA0B,WAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAGI;AACJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,cAAc;AAC3E,QAAM,YAAY,qBAAqB,KAAK;AAC5C,QAAM,iBAAiB;AAEvB,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,sBAAsB,OAAuB,IAAI;AACvD,QAAM,gBAAgB,OAAyB,IAAI;AACnD,QAAM,uBAAuB,OAA6B,IAAI;AAE9D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAE5D,QAAM,WAAW;AAAA,IACf,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,QAAQ;AAAA,IACZ,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,YAAY,4BAA4B,CAAC,UAAU,MAAM,SAAS;AACxE,QAAM,MAAM,4BAA4B,CAAC,UAAU,MAAM,GAAG;AAC5D,QAAM,MAAM,4BAA4B,CAAC,UAAU,MAAM,GAAG;AAC5D,QAAM,eAAe;AAAA,IACnB,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,QAAM,EAAE,UAAU,UAAU,IAAI,aAAa,IAAI,0BAA0B;AAAA,IACzE;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB,CAAC;AACD,QAAM,yBAAyB,YAAY,gBAAgB;AAE3D,QAAM,EAAE,aAAa,gBAAgB,mBAAmB,IACtD,uBAAuB;AAAA,IACrB,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,QAAM,OAAO,QAAQ;AAErB,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,UAAU;AAAA,IAC9B,UAAU;AAAA,EACZ,IAAI,4BAA4B;AAIhC,QAAM,yBAAyB,OAAiC;AAChE,QAAM,uBAAuB,0BAA0B,gBAAgB;AACvE,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA,MAAM;AACJ,YAAM,MAAM,YAAY;AACxB,aAAO;AAAA,QACL,QAAQ,SAAY,gCAAgC,GAAG,IAAI;AAAA,QAC3D;AAAA,QACA,qBAAqB,GAAG;AAAA,QACxB,KAAK,CAAC,EAAE,IAAI,CAAC;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAEA,QAAM,uBAAuB;AAAA,IAC3B,CAAC,aAA2D;AAC1D,UAAI,CAAC,UAAU;AACb,eAAO;AAAA,MACT;AACA,aAAO,4BAA4B,UAAU,MAAM;AAAA,QACjD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,MAClB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM,OAAO,KAAK,KAAK,WAAW,YAAY;AAAA,EACjD;AAGA;AAAA,IACE;AAAA,IACA,OAA+B;AAAA,MAC7B,SAAS,QAAQ;AAAA,MACjB,UAAU;AAAA,QACR,MAAM,gBAAgB,SAAS;AAAA,QAC/B,IAAI,cAAc,SAAS;AAAA,MAC7B;AAAA,MACA,MAAM,MAAM,qBAAqB,SAAS,KAAK;AAAA,MAC/C,OAAO,MAAM,qBAAqB,SAAS,MAAM;AAAA,MACjD,OAAO,MAAM,gBAAgB,SAAS,QAAQ;AAAA,MAC9C,iBAAiB,OAAO;AAAA,QACtB,MAAM,OAAO,QAAQ;AAAA,QACrB,IAAI,OAAO,MAAM;AAAA,MACnB;AAAA,MACA,WAAW;AACT,+BAAuB,UAAU,SAAS,OAAO,KAAK,KAAK;AAAA,UACzD;AAAA,UACA,aAAa,uBAAuB;AAAA,UACpC;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,gBAAgB;AAAA,UAChB,WAAW;AAAA,UACX;AAAA,QACF,CAAC;AACD,8BAAsB;AAAA,UACpB,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,QAC7B,CAAC;AACD;AAAA,UACE;AAAA,YACE,uBAAuB,YAAY,SAC/B,gCAAgC,uBAAuB,OAAO,IAC9D;AAAA,YACJ;AAAA,YACA,qBAAqB,uBAAuB,OAAO;AAAA,YACnD,KAAK,CAAC,EAAE,IAAI,CAAC;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,eAAe,YAAY;AACzB,+BAAuB,UAAU,SAAS,OAAO,KAAK,KAAK;AAAA,UACzD;AAAA,UACA,aAAa,uBAAuB;AAAA,UACpC;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,gBAAgB;AAAA,UAChB,WAAW;AAAA,UACX;AAAA,QACF,CAAC;AACD,8BAAsB;AAAA,UACpB,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,QAC7B,CAAC;AACD,cAAM,QAAQ;AAAA,UACZ,uBAAuB,YAAY,SAC/B,gCAAgC,uBAAuB,OAAO,IAC9D;AAAA,UACJ;AAAA,UACA,qBAAqB,uBAAuB,OAAO;AAAA,UACnD,KAAK,CAAC,EAAE,IAAI,CAAC;AAAA,QACf;AACA,eAAO,oBAAoB,KAAK;AAAA,MAClC;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAIA,QAAM,cAAc;AAAA,IAClB,MACE,SAAS,OAAO,KAAK,KAAK;AAAA,MACxB;AAAA,MACA,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,gBAAgB;AAAA,MAChB,WAAW;AAAA,MACX;AAAA,IACF,CAAC;AAAA,IACH,CAAC,OAAO,KAAK,KAAK,WAAW,cAAc,QAAQ;AAAA,EACrD;AAGA,YAAU,MAAM;AACd,UAAM,MAAM,YAAY;AACxB;AAAA,MACE;AAAA,QACE,QAAQ,SAAY,gCAAgC,GAAG,IAAI;AAAA,QAC3D;AAAA,QACA,qBAAqB,GAAG;AAAA,QACxB,KAAK,CAAC,EAAE,IAAI,CAAC;AAAA,MACf;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,IAAI,aAAa,qBAAqB,oBAAoB,CAAC;AAEtE,QAAM,EAAE,eAAe,IAAI,aAAa;AAAA,IACtC,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX;AAAA,IACA,OAAO,YAAY,aAAa;AAAA,EAClC,CAAC;AAED,QAAM,oBAAoB,KAAK,cAAc;AAAA,IAC3C,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ,CAAC;AAED,QAAM,kBAAkB,KAAK,cAAc;AAAA,IACzC,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,mBAAmB,KAAK,cAAc;AAAA,IAC1C,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,+BAA+B;AAAA,IACnC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,gBAAgB,CAAC;AAAA,QACjB,qBAAqB,CAAC;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF;AAAA,IACA,YAAY,MAAM;AAChB,yBAAmB,MAAM,iBAAiB,aAAa;AAAA,IACzD,GAAG,CAAC,eAAe,CAAC;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,UAA8C;AAC7C,UAAI,YAAY,UAAU;AACxB,+BAAuB,KAAK;AAC5B;AAAA,MACF;AAGA,YAAM,sBAAsB;AAAA,QAC1B,MAAM;AAAA,MACR;AAEA,YAAM,iBACJ,gBAAgB,SAAS,SAAS,aAAa,gBAAgB,MAC/D;AACF,YAAM,eACJ,cAAc,SAAS,SAAS,aAAa,gBAAgB,MAC7D;AAEF,YAAM,kBACJ,4BAA4B,iBAAiB,mBAAmB,KAChE,4BAA4B,eAAe,mBAAmB;AAGhE,UAAI,mBAAmB,uBAAuB,KAAK,GAAG;AACpD,iBAAS,IAAI;AACb,YAAI,cAAc,SAAS,oBAAoB;AAC7C,wBAAc,QAAQ,mBAAmB,cAAc;AAAA,QACzD;AAAA,MACF;AAEA,YAAM,yBACJ,4BAA4B,iBAAiB,mBAAmB,KAChE;AACF,YAAM,uBACJ,4BAA4B,eAAe,mBAAmB,KAC9D;AACF,UACE,uBAAuB,KAAK,MAC3B,0BAA0B,uBAC3B;AACA,cAAM,OAAO,MAAM;AAInB,cAAM,aAAa,yBACf,kBACA;AAEJ,mBAAW,SAAS,mBAAmB,IAAI;AAE3C,8BAAsB,MAAM;AAC1B,oCAA0B,UAAU;AAAA,QACtC,CAAC;AAED,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,MACF;AAEA,UACE,4BAA4B,iBAAiB,mBAAmB,KAChE,4BAA4B,eAAe,mBAAmB,KAC9D,CAAC,kBACD,CAAC,gBACD,MAAM,IAAI,WAAW,KACrB,CAAC,MAAM,WACP,CAAC,MAAM,WACP,CAAC,MAAM,QACP;AACA,cAAM,OAAO,MAAM;AACnB,cAAM,wBACJ,gBAAgB,SAAS;AAC3B,cAAM,sBAAsB,cAAc,SAAS;AACnD,cAAM,YAAY,OAAO,aAAa;AAEtC,YACE,yBACA,uBACA,aACA,UAAU,aAAa,KACvB,CAAC,UAAU,aACX;AACA,gBAAM,QAAQ,UAAU,WAAW,CAAC;AACpC,gBAAM,YAAY,sBAAsB,eAAe;AACvD,gBAAM,UAAU,oBAAoB,eAAe;AAEnD,gBAAM,YAAY,sBAAsB,SAAS,MAAM,cAAc,IACjE;AAAA,YACE;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,UACR,IACA;AACJ,gBAAM,QAAQ,oBAAoB,SAAS,MAAM,YAAY,IACzD;AAAA,YACE;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,UACR,IACA,QAAQ;AAEZ,0BAAgB,SAAS;AAAA,YACvB,GAAG,UAAU,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI;AAAA,UACzC;AACA,wBAAc,SAAS,mBAAmB,QAAQ,MAAM,KAAK,CAAC;AAE9D,gCAAsB,MAAM;AAC1B,sCAA0B,eAAe;AAAA,UAC3C,CAAC;AAED,gBAAM,eAAe;AACrB,gBAAM,gBAAgB;AACtB;AAAA,QACF;AAGA,wBAAgB,SAAS,mBAAmB,IAAI;AAEhD,8BAAsB,MAAM;AAC1B,oCAA0B,eAAe;AAAA,QAC3C,CAAC;AAED,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,MACF;AAEA,6BAAuB,KAAK;AAAA,IAC9B;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGA,QAAM,yBAAyB,YAAY,MAAM;AAC/C,kBAAc,SAAS,QAAQ;AAAA,EACjC,GAAG,CAAC,CAAC;AAGL,QAAM,sBAAsB,YAAY,MAAM;AAC5C,oBAAgB,SAAS,UAAU;AAAA,EACrC,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM,6BAA6B;AAAA,IACjC,CAAC,iBAAyB;AACxB,YAAM,WAAW,MAAM;AAAA,QACrB,cAAc,SAAS,oBAAoB,OAAO,KAAK,CAAC;AAAA,MAC1D,EAAE,OAAO,CAAC,MAA8B,MAAM,QAAQ,MAAM,MAAS;AAErE,YAAM,eAAe,SAAS,CAAC;AAC/B,UAAI,CAAC,cAAc;AACjB;AAAA,MACF;AAEA,UAAI,OAAO,IAAI,SAAS,gBAAgB,OAAO,OAAO,MAAM;AAC1D,sBAAc,SAAS,mBAAmB,YAAY;AACtD,8BAAsB,MAAM;AAC1B,gBAAM,SAAS,cAAc,SAAS;AACtC,cAAI,QAAQ;AAIV,mBAAO,MAAM;AACb,kBAAM,MAAM,OAAO,aAAa;AAChC,gBAAI,KAAK;AACP,oBAAM,QAAQ,SAAS,YAAY;AACnC,oBAAM,mBAAmB,MAAM;AAC/B,oBAAM,SAAS,KAAK;AACpB,kBAAI,gBAAgB;AACpB,kBAAI,SAAS,KAAK;AAAA,YACpB;AAAA,UACF;AAAA,QACF,CAAC;AACD;AAAA,MACF;AAEA,UAAI,aAAa,SAAS,UAAU;AAClC,qBAAa,UAAU,cAAc,IAAI;AACzC,qBAAa,QAAQ,SAAS,MAAM;AACpC,qBAAa,aAAa,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC;AAAA,MAC3D;AAAA,IACF;AAAA,IACA,CAAC,OAAO,EAAE;AAAA,EACZ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAc;AAAA,MACd,eAAa;AAAA,MACb,OAAO;AAAA,MACP,WAAW;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB,8BAAC,wBAAwB,UAAxB,EAAiC,OAAO,8BACvC,+BAAC,cAAW,OAAO,EAAE,qBAAqB,WAAW,GACnD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW;AAAA,cACT;AAAA,cACA,eAAe;AAAA,gBACb;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,MAAM;AAAA,cACR,CAAC;AAAA,cACD,UAAU,EAAE,WAAW,OAAO,CAAC;AAAA,cAC/B,YAAY;AAAA,gBACV,OAAO,YAAY,aAAa;AAAA,gBAChC,UAAU;AAAA,gBACV,SAAS;AAAA,cACX,CAAC;AAAA,cACD;AAAA,cACA,OAAO,cAAc;AAAA,gBACnB;AAAA,gBACA,UAAU;AAAA,gBACV;AAAA,cACF,CAAC;AAAA,YACH;AAAA,YACA,eAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA,QAAQ,CAAC,UAAU;AAGjB,oCAAsB,MAAM;AAC1B,yBAAS,KAAK;AAAA,cAChB,CAAC;AACD,kBAAI,oBAAoB,SAAS,SAAS,MAAM,aAAa,GAAG;AAC9D;AAAA,cACF;AAGA,kBAAI,CAAC,WAAW;AACd,sBAAM,UAAU,YAAY;AAC5B;AAAA,kBACE;AAAA,oBACE,YAAY,SACR,gCAAgC,OAAO,IACvC;AAAA,oBACJ;AAAA,oBACA,qBAAqB,OAAO;AAAA,oBAC5B,KAAK,CAAC,EAAE,IAAI,CAAC;AAAA,kBACf;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,YACA,SAAS,MAAM;AACb;AAAA,gBACE,CAAC,CAAC,gBAAgB,SAAS,oBAAoB,eAC7C,CAAC,CAAC,cAAc,SAAS,oBAAoB;AAAA,cACjD;AAAA,YACF;AAAA,YACA,UAAU,WAAW,SAAY;AAAA,YACjC;AAAA,YACA;AAAA,YACA,kBAAkB,CAAC,MAAM;AAGvB,iCAAmB,CAAC;AAAA,YACtB;AAAA,YACA;AAAA,YACA,SAAS,CAAC,MAAkB;AAI1B,kBAAI,CAAC,QAAQ,SAAS,SAAS,EAAE,aAAa,GAAG;AAC/C,mCAAmB,GAAG,iBAAiB,aAAa;AAAA,cACtD;AAAA,YACF;AAAA,YAEA;AAAA,mCAAC,UAAK,WAAW,OAAO,iBACtB;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAW,OAAO;AAAA,oBAClB;AAAA,oBACA;AAAA,oBACA,aAAa,YAAY;AAAA,oBACzB,MAAM,SAAS,SAAY,SAAY,GAAG,IAAI;AAAA,oBAE9C,OAAO,UAAU,OAAO,OAAO,MAAM;AAAA,oBACrC,UAAU,CAAC,aAAa;AACtB,0BAAI,OAAO,aAAa,UAAU;AAChC,iCAAS,EAAE,MAAM,YAAY,KAAK,CAAC;AAAA,sBACrC;AAAA,oBACF;AAAA,oBACA,cAAY;AAAA,oBACZ,iBAAe;AAAA,oBACf;AAAA,oBACA,WAAW;AAAA,oBACX,gBAAgB;AAAA,oBAChB,oBAAoB;AAAA,oBACpB,uBAAuB,OAAO,IAAI,gBAAgB;AAAA,oBAClD,iBAAiB,MAAM;AACrB,oCAAc,SAAS,QAAQ;AAAA,oBACjC;AAAA;AAAA,gBACF;AAAA,gBAEA,oBAAC,UAAK,WAAW,OAAO,oBAAoB,oBAAC;AAAA,gBAC7C;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAW,OAAO;AAAA,oBAClB;AAAA,oBACA;AAAA,oBACA,aAAa,YAAY;AAAA,oBACzB,MAAM,SAAS,SAAY,SAAY,GAAG,IAAI;AAAA,oBAE9C,OAAO,UAAU,OAAO,OAAO,MAAM;AAAA,oBACrC,UAAU,CAAC,aAAa;AACtB,0BAAI,OAAO,aAAa,UAAU;AAChC,iCAAS,EAAE,IAAI,YAAY,KAAK,CAAC;AAAA,sBACnC;AAAA,oBACF;AAAA,oBACA,cAAY;AAAA,oBACZ,iBAAe;AAAA,oBACf;AAAA,oBACA,eAAe;AAAA,oBACf,qBAAoB;AAAA,oBACpB,uBAAuB,OAAO,MAAM,gBAAgB;AAAA,oBACpD,iBAAiB,MAAM;AACrB,4CAAsB,MAAM;AAC1B,sCAAc,SAAS,UAAU;AAAA,sBACnC,CAAC;AAAA,oBACH;AAAA;AAAA,gBACF;AAAA,iBACF;AAAA,cACC,CAAC,YACA,CAAC,2BACC,UACC,MAAM,MAAM,UAAU,MAAM,MAAM,IAAI,UAAU,OACjD,oBACA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,MAAM;AACb,0CAAsB;AAAA,sBACpB,MAAM,wBAAwB;AAAA,sBAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,oBAC7B,CAAC;AAAA,kBACH;AAAA,kBACA,SAAS,MAAM;AACb,6BAAS,IAAI;AACb,wBAAI,gBAAgB,SAAS,oBAAoB;AAC/C,sCAAgB,QAAQ,mBAAmB,cACzC;AAAA,oBACJ;AACA,wBAAI,cAAc,SAAS,oBAAoB;AAC7C,oCAAc,QAAQ,mBAAmB,cAAc;AAAA,oBACzD;AACA,uCAAmB,KAAK;AACxB,0CAAsB,MAAM;AAC1B,sCAAgB,SAAS,oBAAoB,MAAM;AAAA,oBACrD,CAAC;AAAA,kBACH;AAAA,kBACA,WAAW,CAAC,MAAM;AAChB,wBAAI,EAAE,QAAQ,SAAS;AACrB,wBAAE,gBAAgB;AAAA,oBACpB;AAAA,kBACF;AAAA,kBACA,WAAW;AAAA,kBACX,OAAO,YAAY,aAAa;AAAA,kBAChC,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEZ,8BAAC,aAAU;AAAA;AAAA,cACb;AAAA;AAAA;AAAA,QAEN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,iBAAe;AAAA,YACf;AAAA,YACA,OAAO;AAAA,YACP,mBAAiB;AAAA,YACjB,oBAAkB;AAAA;AAAA,QACpB;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;",
   "names": []
 }

package/esm/forms/forms-core/components/field-set/FieldSet.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._1dphm0f0-3-7-0 {
+._1dphm0f0-3-8-0 {
   appearance: none;
   margin: 0;
   border: none;
@@ -6,7 +6,7 @@
   min-width: 0;
   min-height: 0;
 }
-._1dphm0f1-3-7-0 {
+._1dphm0f1-3-8-0 {
   padding: 0;
   appearance: none;
   margin-bottom: var(--dt-spacings-size-12, 12px);

package/esm/forms/forms-core/components/field-set/FieldSet.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./FieldSet.css";
-var fieldset = "_1dphm0f0-3-7-0";
-var legend = "_1dphm0f1-3-7-0";
+var fieldset = "_1dphm0f0-3-8-0";
+var legend = "_1dphm0f1-3-8-0";
 export {
   fieldset,
   legend

package/esm/forms/forms-core/components/field-set/FieldSet.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/field-set/FieldSet.css.ts"],
-  "sourcesContent": ["import './FieldSet.css';\nexport var fieldset = '_1dphm0f0-3-7-0';\nexport var legend = '_1dphm0f1-3-7-0';"],
+  "sourcesContent": ["import './FieldSet.css';\nexport var fieldset = '_1dphm0f0-3-8-0';\nexport var legend = '_1dphm0f1-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,SAAS;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field/FormField.sty.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import "./FormField.css";
-var formField = "_mvcxum0-3-7-0";
+var formField = "_mvcxum0-3-8-0";
 export {
   formField
 };

package/esm/forms/forms-core/components/form-field/FormField.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field/FormField.css.ts"],
-  "sourcesContent": ["import './FormField.css';\nexport var formField = '_mvcxum0-3-7-0';"],
+  "sourcesContent": ["import './FormField.css';\nexport var formField = '_mvcxum0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.css CHANGED Viewed

@@ -1,17 +1,17 @@
-._16z6rg10-3-7-0 {
+._16z6rg10-3-8-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
 }
-._16z6rg11-3-7-0 {
+._16z6rg11-3-8-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._16z6rg12-3-7-0 {
+._16z6rg12-3-8-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._16z6rg13-3-7-0 {
+._16z6rg13-3-8-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._16z6rg14-3-7-0 {
+._16z6rg14-3-8-0 {
   min-width: 0;
   overflow-wrap: break-word;
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.js CHANGED Viewed

@@ -15,20 +15,24 @@ const FormFieldMessageItem = (props) => {
     ...remainingProps
   } = props;
   const { state, dispatch } = useFormFieldMessagesContext();
+  const content = children ?? message;
+  const messageString = typeof content === "string" ? content : void 0;
   useEffect(() => {
     dispatch?.({
       type: FormFieldMessagesAction.ADDMESSAGE,
-      payload: { id, variant }
+      payload: {
+        id,
+        variant,
+        ...messageString !== void 0 && { messageText: messageString }
+      }
     });
     return () => {
       dispatch?.({
         type: FormFieldMessagesAction.REMOVEMESSAGE,
-        payload: {
-          id
-        }
+        payload: { id }
       });
     };
-  }, [variant, id, dispatch]);
+  }, [variant, id, dispatch, messageString]);
   if (dispatch && state.controlIds && !state.showError && variant === "error") {
     return null;
   }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field-messages/FormFieldMessageItem.tsx"],
-  "sourcesContent": ["import { useEffect, type ReactNode } from 'react';\n\n\nimport type { FormFieldMessageBaseItemProps } from './FormFieldMessageBaseItem.js';\nimport { InternalBaseItem as BaseItem } from './FormFieldMessageBaseItem.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { useFormFieldMessagesContext } from '../../hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../../state/formfield-messages-state-reducer.js';\n\n/**\n * @public\n */\nexport type FormFieldMessageItemProps = FormFieldMessageBaseItemProps & {\n  /**\n   * Content of the FormFieldMessage\n   */\n  message?: ReactNode;\n  /**\n   * The validity state key set on the form control element.\n   * The automatically supported errors depend on the keys from the browser API (See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState).\n   * In case the same key is used for additional validation, the message will be overwritten by the default.\n   *\n   */\n  validityStateKey?: string;\n};\n\n/**\n * Renders a FormFieldMessageItem message if given, otherwise renders the provided children.\n * @public\n */\nexport const FormFieldMessageItem = (props: FormFieldMessageItemProps) => {\n  const generatedId = useId();\n  const {\n    children,\n    variant = 'hint',\n    message,\n    id = generatedId,\n    validityStateKey,\n    ...remainingProps\n  } = props;\n\n  const { state, dispatch } = useFormFieldMessagesContext();\n\n  useEffect(() => {\n    dispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: { id: id, variant },\n    });\n\n    return () => {\n      dispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: {\n          id: id,\n        },\n      });\n    };\n  }, [variant, id, dispatch]);\n\n  // Only if a controlId is present the component is already migrated to the new forms concept\n  if (dispatch && state.controlIds && !state.showError && variant === 'error') {\n    return null;\n  }\n\n  return (\n    <BaseItem variant={variant} id={id} {...remainingProps}>\n      {children ?? message}\n    </BaseItem>\n  );\n};\n\nFormFieldMessageItem.displayName = 'FormFieldMessageItem';\n"],
-  "mappings": "AAiEI;AAjEJ,SAAS,iBAAiC;AAI1C,SAAS,oBAAoB,gBAAgB;AAC7C,SAAS,aAAa;AACtB,SAAS,mCAAmC;AAC5C,SAAS,+BAA+B;AAuBjC,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM,cAAc,MAAM;AAC1B,QAAM;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,EAAE,OAAO,SAAS,IAAI,4BAA4B;AAExD,YAAU,MAAM;AACd,eAAW;AAAA,MACT,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,IAAQ,QAAQ;AAAA,IAC7B,CAAC;AAED,WAAO,MAAM;AACX,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS;AAAA,UACP;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,SAAS,IAAI,QAAQ,CAAC;AAG1B,MAAI,YAAY,MAAM,cAAc,CAAC,MAAM,aAAa,YAAY,SAAS;AAC3E,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,YAAS,SAAkB,IAAS,GAAG,gBACrC,sBAAY,SACf;AAEJ;AAEA,qBAAqB,cAAc;",
+  "sourcesContent": ["import { useEffect, type ReactNode } from 'react';\n\nimport type { FormFieldMessageBaseItemProps } from './FormFieldMessageBaseItem.js';\nimport { InternalBaseItem as BaseItem } from './FormFieldMessageBaseItem.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { useFormFieldMessagesContext } from '../../hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../../state/formfield-messages-state-reducer.js';\n\n/**\n * @public\n */\nexport type FormFieldMessageItemProps = FormFieldMessageBaseItemProps & {\n  /**\n   * Content of the FormFieldMessage\n   */\n  message?: ReactNode;\n  /**\n   * The validity state key set on the form control element.\n   * The automatically supported errors depend on the keys from the browser API (See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState).\n   * In case the same key is used for additional validation, the message will be overwritten by the default.\n   *\n   */\n  validityStateKey?: string;\n};\n\n/**\n * Renders a FormFieldMessageItem message if given, otherwise renders the provided children.\n * @public\n */\nexport const FormFieldMessageItem = (props: FormFieldMessageItemProps) => {\n  const generatedId = useId();\n  const {\n    children,\n    variant = 'hint',\n    message,\n    id = generatedId,\n    validityStateKey,\n    ...remainingProps\n  } = props;\n\n  const { state, dispatch } = useFormFieldMessagesContext();\n\n  const content = children ?? message;\n  const messageString = typeof content === 'string' ? content : undefined;\n\n  useEffect(() => {\n    dispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id,\n        variant,\n        ...(messageString !== undefined && { messageText: messageString }),\n      },\n    });\n\n    return () => {\n      dispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id },\n      });\n    };\n  }, [variant, id, dispatch, messageString]);\n\n  // Only if a controlId is present the component is already migrated to the new forms concept\n  if (dispatch && state.controlIds && !state.showError && variant === 'error') {\n    return null;\n  }\n\n  return (\n    <BaseItem variant={variant} id={id} {...remainingProps}>\n      {children ?? message}\n    </BaseItem>\n  );\n};\n\nFormFieldMessageItem.displayName = 'FormFieldMessageItem';\n"],
+  "mappings": "AAqEI;AArEJ,SAAS,iBAAiC;AAG1C,SAAS,oBAAoB,gBAAgB;AAC7C,SAAS,aAAa;AACtB,SAAS,mCAAmC;AAC5C,SAAS,+BAA+B;AAuBjC,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM,cAAc,MAAM;AAC1B,QAAM;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,EAAE,OAAO,SAAS,IAAI,4BAA4B;AAExD,QAAM,UAAU,YAAY;AAC5B,QAAM,gBAAgB,OAAO,YAAY,WAAW,UAAU;AAE9D,YAAU,MAAM;AACd,eAAW;AAAA,MACT,MAAM,wBAAwB;AAAA,MAC9B,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA,GAAI,kBAAkB,UAAa,EAAE,aAAa,cAAc;AAAA,MAClE;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,GAAG;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,SAAS,IAAI,UAAU,aAAa,CAAC;AAGzC,MAAI,YAAY,MAAM,cAAc,CAAC,MAAM,aAAa,YAAY,SAAS;AAC3E,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,YAAS,SAAkB,IAAS,GAAG,gBACrC,sBAAY,SACf;AAEJ;AAEA,qBAAqB,cAAc;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.sty.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "./FormFieldMessageItem.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var formFieldMessageItem = _7a468({ defaultClassName: "_16z6rg10-3-7-0", variantClassNames: { variant: { hint: "_16z6rg11-3-7-0", error: "_16z6rg12-3-7-0" }, disabled: { true: "_16z6rg13-3-7-0" } }, defaultVariants: { variant: "hint", disabled: false }, compoundVariants: [] });
-var formFieldMessageItemText = "_16z6rg14-3-7-0";
+var formFieldMessageItem = _7a468({ defaultClassName: "_16z6rg10-3-8-0", variantClassNames: { variant: { hint: "_16z6rg11-3-8-0", error: "_16z6rg12-3-8-0" }, disabled: { true: "_16z6rg13-3-8-0" } }, defaultVariants: { variant: "hint", disabled: false }, compoundVariants: [] });
+var formFieldMessageItemText = "_16z6rg14-3-8-0";
 export {
   formFieldMessageItem,
   formFieldMessageItemText

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field-messages/FormFieldMessageItem.css.ts"],
-  "sourcesContent": ["import './FormFieldMessageItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldMessageItem = _7a468({defaultClassName:'_16z6rg10-3-7-0',variantClassNames:{variant:{hint:'_16z6rg11-3-7-0',error:'_16z6rg12-3-7-0'},disabled:{true:'_16z6rg13-3-7-0'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-7-0';"],
+  "sourcesContent": ["import './FormFieldMessageItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldMessageItem = _7a468({defaultClassName:'_16z6rg10-3-8-0',variantClassNames:{variant:{hint:'_16z6rg11-3-8-0',error:'_16z6rg12-3-8-0'},disabled:{true:'_16z6rg13-3-8-0'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,SAAQ,QAAO,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzP,IAAI,2BAA2B;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.sty.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import "./FormFieldMessages.css";
-var formFieldMessages = "_1l9bja60-3-7-0";
+var formFieldMessages = "_1l9bja60-3-8-0";
 export {
   formFieldMessages
 };

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field-messages/FormFieldMessages.css.ts"],
-  "sourcesContent": ["import './FormFieldMessages.css';\nexport var formFieldMessages = '_1l9bja60-3-7-0';"],
+  "sourcesContent": ["import './FormFieldMessages.css';\nexport var formFieldMessages = '_1l9bja60-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;",
   "names": []
 }

package/esm/forms/forms-core/components/label/Label.css CHANGED Viewed

@@ -1,15 +1,15 @@
-._1gxatyo0-3-7-0 {
+._1gxatyo0-3-8-0 {
   display: inline-block;
 }
-._1gxatyo1-3-7-0 {
+._1gxatyo1-3-8-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._1gxatyo2-3-7-0:after {
+._1gxatyo2-3-8-0:after {
   content: "*" / "";
 }
-._1gxatyo3-3-7-0 {
+._1gxatyo3-3-8-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1gxatyo4-3-7-0 {
+._1gxatyo4-3-8-0 {
   margin-left: var(--dt-spacings-size-4, 4px);
 }

package/esm/forms/forms-core/components/label/Label.sty.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "./Label.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var label = _7a468({ defaultClassName: "_1gxatyo0-3-7-0", variantClassNames: { disabled: { true: "_1gxatyo1-3-7-0" }, required: { true: "_1gxatyo2-3-7-0" }, readOnly: { true: "_1gxatyo3-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
-var readOnlyLabel = "_1gxatyo4-3-7-0";
+var label = _7a468({ defaultClassName: "_1gxatyo0-3-8-0", variantClassNames: { disabled: { true: "_1gxatyo1-3-8-0" }, required: { true: "_1gxatyo2-3-8-0" }, readOnly: { true: "_1gxatyo3-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var readOnlyLabel = "_1gxatyo4-3-8-0";
 export {
   label,
   readOnlyLabel

package/esm/forms/forms-core/components/label/Label.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/label/Label.css.ts"],
-  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-7-0',variantClassNames:{disabled:{true:'_1gxatyo1-3-7-0'},required:{true:'_1gxatyo2-3-7-0'},readOnly:{true:'_1gxatyo3-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-7-0';"],
+  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-8-0',variantClassNames:{disabled:{true:'_1gxatyo1-3-8-0'},required:{true:'_1gxatyo2-3-8-0'},readOnly:{true:'_1gxatyo3-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,QAAQ,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxN,IAAI,gBAAgB;",
   "names": []
 }