@dynatrace/strato-components 3.5.2 → 3.6.0

package/esm/forms/date-time-range-picker/useSelectionInteractionHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/useSelectionInteractionHandlers.ts"],
-  "sourcesContent": ["import {\n  useCallback,\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n} from 'react';\n\nimport { isExpressionTriggerKey } from './expression-trigger-helpers.js';\nimport { buildTimeframeClipboardText } from './selection-copy-helpers.js';\nimport {\n  extendSelection,\n  extendSelectionToAll,\n  removeContentEditable,\n  restoreSpinButtonSnapshot,\n  getFirstSnapshotHandler,\n  findFirstExpressionFocusTarget,\n  restoreFocusAfterBulkClear,\n  planBulkClear,\n  getPartialExpressionElement,\n  deletePartialExpression,\n  getCrossExpressionElements,\n  deleteCrossExpressionPartial,\n  consumePreRestoreEndpoints,\n  type SpinButtonSnapshotEntry,\n  getLastSnapshotHandler,\n} from './selection-helpers.js';\nimport type { DateTimeInputRef } from './types.js';\n\n/**\n * Builds an array of input references from the given refs.\n * @internal\n */\nfunction getInputRefs(\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): RefObject<DateTimeInputRef>[] {\n  return [dateInputFromRef, ...(dateInputToRef ? [dateInputToRef] : [])];\n}\n\n/**\n * Hook that provides interaction handlers for selection behavior in date/time pickers.\n * Manages mouse and keyboard interactions including text selection and focus management.\n *\n * @param touchedContainerRef - Reference to the container that should be checked when forwarding focus\n * @param onFocusInput - Callback to focus the appropriate input(s) when needed\n * @param dateInputFromRef - Reference to the \"from\" DateTimeInput imperative handle\n * @param dateInputToRef - Reference to the optional \"to\" DateTimeInput imperative handle\n * @returns Object containing onMouseDown and onKeyDown event handlers\n *\n * @internal\n */\nexport function useSelectionInteractionHandlers(\n  touchedContainerRef: RefObject<HTMLElement>,\n  onFocusInput: () => void,\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): {\n  onMouseDown: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n} {\n  const onMouseDown = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (event.button !== 0) {\n        return;\n      }\n      // Only compute the anchor spinbutton for clicks in empty space (not on\n      // a spinbutton element itself). For direct spinbutton clicks the browser's\n      // native anchor is correct and must be preserved for single-element\n      // intra-spinbutton drag to work normally.\n      const root: HTMLElement = event.currentTarget;\n      const triggerElement = event.target;\n      const clickedOnSpinButton =\n        triggerElement instanceof HTMLElement &&\n        triggerElement.hasAttribute('contenteditable');\n      let initialAnchorSpinButton: HTMLElement | null = null;\n      if (!clickedOnSpinButton) {\n        const spinButtons = Array.from(\n          root.querySelectorAll<HTMLElement>('[contenteditable]'),\n        );\n        // Find the rightmost spinbutton whose right edge is at or before the\n        // click x \u2014 that is the spinbutton the drag started on (or the last\n        // one to its left when clicking in empty space).\n        let bestRight = -Infinity;\n        for (const sb of spinButtons) {\n          const rect = sb.getBoundingClientRect();\n          if (rect.right <= event.clientX && rect.right > bestRight) {\n            initialAnchorSpinButton = sb;\n            bestRight = rect.right;\n          }\n        }\n        // Clicked before all spinbuttons \u2192 fall back to the first one.\n        if (initialAnchorSpinButton === null && spinButtons.length > 0) {\n          initialAnchorSpinButton = spinButtons[0] ?? null;\n        }\n      }\n      window.getSelection()?.removeAllRanges();\n      if (root) {\n        removeContentEditable(\n          root,\n          document,\n          'mouseup',\n          (mouseUpEvent: Event, hasMultiElementSelection: boolean) => {\n            if (\n              !hasMultiElementSelection &&\n              mouseUpEvent.target instanceof HTMLElement &&\n              mouseUpEvent.target === triggerElement\n            ) {\n              // If the click landed on a contenteditable element (spin button\n              // or expression input), focus it directly. Otherwise the click\n              // was on the container or a non-interactive child, so forward\n              // focus to the first input.\n              if (mouseUpEvent.target.hasAttribute('contenteditable')) {\n                mouseUpEvent.target.focus();\n              } else {\n                onFocusInput();\n              }\n            }\n          },\n          initialAnchorSpinButton,\n        );\n      }\n    },\n    [onFocusInput],\n  );\n\n  // Snapshot of the spin-button values wiped by the last bulk-clear.\n  const lastClearedSnapshotRef = useRef<SpinButtonSnapshotEntry[]>([]);\n  // Snapshot of expression values wiped by the last bulk-clear (for undo).\n  const lastClearedExpressionsRef = useRef<\n    { inputRef: RefObject<DateTimeInputRef>; previousText: string }[]\n  >([]);\n\n  const onKeyDown = useCallback(\n    async (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      // Accept either Meta (Mac Cmd) or Ctrl as the modifier key so that the\n      // handler works consistently across platforms and in automated test\n      // environments (e.g. Playwright's Chromium) where the userAgent may not\n      // reliably indicate the OS.\n      const hasModifierKey = event.metaKey === true || event.ctrlKey === true;\n      const pickerRoot = event.currentTarget;\n\n      // If keydown event captures modifier keys by itself or a copy, do nothing\n      if (\n        event.key === 'Shift' ||\n        event.key === 'Control' ||\n        event.key === 'Meta' ||\n        event.key === 'Alt' ||\n        event.key === 'Command'\n      ) {\n        event.preventDefault();\n        return;\n      }\n\n      // Applies the plan returned by planBulkClear: saves undo snapshots,\n      // clears all affected spin buttons and expression inputs, and collapses\n      // the selection.\n      function applyBulkClear(\n        plan: ReturnType<typeof planBulkClear>,\n        selection: Selection,\n      ) {\n        const {\n          snapshot,\n          affectedExpressionRefs,\n          expressionFallbacks,\n          clearedExpressions,\n        } = plan;\n        lastClearedSnapshotRef.current = snapshot;\n        lastClearedExpressionsRef.current = clearedExpressions;\n        for (const { inputRef, key } of snapshot) {\n          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n        }\n        for (const [inputRef, text] of expressionFallbacks) {\n          inputRef.current?.setExpressionValue(text);\n        }\n        for (const ref of affectedExpressionRefs) {\n          ref.current?.setExpressionValue('');\n        }\n        selection.removeAllRanges();\n      }\n\n      // Computes the bulk-clear plan, applies it, and returns focus targets.\n      // Used by delete, cut, and type-to-replace.\n      function bulkClear(\n        selection: Selection,\n        direction: 'forward' | 'backward',\n      ) {\n        const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n        const partialExpressionElement = getPartialExpressionElement(\n          selection,\n          inputRefs,\n        );\n        if (partialExpressionElement) {\n          onBeforeExpressionDelete([partialExpressionElement], inputRefs);\n          deletePartialExpression(selection, partialExpressionElement);\n          return;\n        }\n\n        const crossExpressionElements = getCrossExpressionElements(\n          selection,\n          inputRefs,\n        );\n        if (crossExpressionElements) {\n          const isSameExpressionSelection =\n            crossExpressionElements[0] === crossExpressionElements[1];\n          const expressionElementsForUndo = isSameExpressionSelection\n            ? [crossExpressionElements[0]]\n            : crossExpressionElements;\n          onBeforeExpressionDelete(expressionElementsForUndo, inputRefs);\n\n          const boundaryExpressionRef = isSameExpressionSelection\n            ? inputRefs.find(\n                (inputRef) =>\n                  inputRef.current?.expressionInputRef ===\n                  crossExpressionElements[0],\n              )\n            : undefined;\n\n          const plan = planBulkClear(\n            selection,\n            inputRefs,\n            consumePreRestoreEndpoints(pickerRoot),\n          );\n          lastClearedSnapshotRef.current = plan.snapshot;\n          lastClearedExpressionsRef.current = plan.clearedExpressions;\n\n          const firstSpinButtonHandler = getFirstSnapshotHandler(plan.snapshot);\n          const expressionFocusTarget = findFirstExpressionFocusTarget(\n            inputRefs,\n            plan.affectedExpressionRefs,\n            plan.expressionFallbacks,\n          );\n\n          deleteCrossExpressionPartial(selection, crossExpressionElements);\n\n          for (const { inputRef, key } of plan.snapshot) {\n            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n          }\n          for (const [inputRef, text] of plan.expressionFallbacks) {\n            if (inputRef !== boundaryExpressionRef) {\n              inputRef.current?.setExpressionValue(text);\n            }\n          }\n\n          restoreFocusAfterBulkClear(\n            firstSpinButtonHandler,\n            expressionFocusTarget,\n          );\n\n          return;\n        }\n\n        const plan = planBulkClear(\n          selection,\n          inputRefs,\n          consumePreRestoreEndpoints(pickerRoot),\n        );\n        const nextFocusedElementHandler =\n          direction === 'backward'\n            ? getFirstSnapshotHandler(plan.snapshot)\n            : getLastSnapshotHandler(plan.snapshot);\n        const expressionFocusTarget = findFirstExpressionFocusTarget(\n          inputRefs,\n          plan.affectedExpressionRefs,\n          plan.expressionFallbacks,\n        );\n        applyBulkClear(plan, selection);\n        restoreFocusAfterBulkClear(\n          nextFocusedElementHandler,\n          expressionFocusTarget,\n        );\n      }\n\n      // Saves the current text of each expression element as an undo snapshot\n      // before a partial or cross-expression deletion that bypasses applyBulkClear.\n      function onBeforeExpressionDelete(\n        expressionElements: HTMLSpanElement[],\n        inputRefs: RefObject<DateTimeInputRef>[],\n      ) {\n        lastClearedSnapshotRef.current = [];\n\n        const expressionSnapshots: {\n          inputRef: RefObject<DateTimeInputRef>;\n          previousText: string;\n        }[] = [];\n\n        for (const exprEl of expressionElements) {\n          let matchingRef: RefObject<DateTimeInputRef> | undefined;\n          for (const inputRef of inputRefs) {\n            if (inputRef.current?.expressionInputRef === exprEl) {\n              matchingRef = inputRef;\n              break;\n            }\n          }\n\n          if (matchingRef) {\n            expressionSnapshots.push({\n              inputRef: matchingRef,\n              previousText:\n                matchingRef.current?.inputRef?.value ??\n                exprEl.textContent ??\n                '',\n            });\n          }\n        }\n\n        lastClearedExpressionsRef.current = expressionSnapshots;\n      }\n\n      // Handle select all with Ctrl + A\n      if (hasModifierKey && event.key === 'a') {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // No need to remove contentEditable here: extendSelectionToAll explicitly focuses the first spin button\n          // and then sets the cross-element range with addRange, keeping the focus on the already focused spin button.\n          extendSelectionToAll();\n        }\n        return;\n      }\n\n      // Check if the selection should be expanded with Shift\n      if (\n        event.shiftKey === true &&\n        (event.key === 'ArrowLeft' ||\n          event.key === 'ArrowRight' ||\n          event.key === 'Home' ||\n          event.key === 'End')\n      ) {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // extendSelection uses setBaseAndExtent internally, which can cross\n          // contenteditable boundaries without needing to strip the attribute.\n          // No removeContentEditable / focus manipulation is needed here.\n          extendSelection(event.key);\n        }\n        return;\n      }\n\n      // Handle undo (Ctrl/Cmd+Z): restore the last bulk-cleared values.\n      if (hasModifierKey && event.key === 'z') {\n        const snapshot = lastClearedSnapshotRef.current;\n        const expressionEntries = lastClearedExpressionsRef.current;\n        if (snapshot.length === 0 && expressionEntries.length === 0) {\n          return;\n        }\n        event.preventDefault();\n        restoreSpinButtonSnapshot(snapshot);\n        lastClearedSnapshotRef.current = [];\n\n        for (const { inputRef, previousText } of expressionEntries) {\n          inputRef.current?.setExpressionValue(previousText);\n          inputRef.current?.validate();\n        }\n        lastClearedExpressionsRef.current = [];\n\n        if (snapshot.length > 0) {\n          // Focus the first restored spin button (synchronous).\n          getFirstSnapshotHandler(snapshot)?.element.current?.focus();\n        } else {\n          // Only expressions were restored \u2014 focus the first one after its rAF.\n          requestAnimationFrame(() => {\n            expressionEntries[0]?.inputRef.current?.expressionInputRef?.focus();\n          });\n        }\n        return;\n      }\n\n      const isCut = hasModifierKey && event.key === 'x';\n      const isDelete = event.key === 'Backspace' || event.key === 'Delete';\n      const direction =\n        isCut || event.key === 'Backspace' ? 'backward' : 'forward';\n\n      if (isCut || isDelete) {\n        const selection = window.getSelection();\n        if (selection && !selection.isCollapsed) {\n          event.preventDefault();\n\n          const clipboardText = buildTimeframeClipboardText();\n          // Apply the clear and update focus synchronously BEFORE awaiting the\n          // clipboard write. This ensures the undo snapshot is saved inside the\n          // current synchronous execution context so that a Ctrl+Z fired\n          // immediately afterwards (e.g. in tests wrapped with act()) can always\n          // find a non-empty lastClearedSnapshotRef.\n          bulkClear(selection, direction);\n\n          if (isCut) {\n            if (clipboardText !== null) {\n              try {\n                await navigator.clipboard.writeText(clipboardText);\n              } catch {\n                // For now, we silently ignore clipboard write errors.\n              }\n            }\n          }\n          return;\n        }\n      }\n\n      // When there is a cross-element selection and the user types a printable\n      // character, bulk-clear the selection and forward the key to the anchor\n      // spin button so it can process the character normally.\n      // Intra-element selections (drag within a single spin button) are left\n      // alone \u2014 the spin button's own beforeinput handler deals with those.\n      if (\n        !hasModifierKey &&\n        !event.shiftKey &&\n        event.key.length === 1 &&\n        (isExpressionTriggerKey(event) || /^\\d$/.test(event.key))\n      ) {\n        const selection = window.getSelection();\n        if (\n          selection &&\n          !selection.isCollapsed &&\n          selection.anchorNode !== selection.focusNode\n        ) {\n          event.preventDefault();\n          const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n          const plan = planBulkClear(\n            selection,\n            inputRefs,\n            consumePreRestoreEndpoints(pickerRoot),\n          );\n\n          // When ALL spin buttons of an affected input are cleared (0 survivors),\n          // the input should switch to expression mode \u2014 use the full applyBulkClear\n          // path (same as Delete). Detected by: expression fallbacks will fire AND\n          // the selection starts at the first spin button of its input.\n          // When the first spin button is the survivor (selection starts later),\n          // skip expression fallbacks so the input stays in ISO mode and the typed\n          // character lands in the first selected spin button.\n          const firstEntry = plan.snapshot[0];\n          const firstKey = firstEntry\n            ? [\n                ...(firstEntry.inputRef.current?.spinButtonHandlers.keys() ??\n                  []),\n              ][0]\n            : undefined;\n          const expressionModeWillSwitch =\n            plan.expressionFallbacks.size > 0 && firstEntry?.key === firstKey;\n\n          if (expressionModeWillSwitch) {\n            const firstSpinButtonHandler = getFirstSnapshotHandler(\n              plan.snapshot,\n            );\n            const expressionFocusTarget = findFirstExpressionFocusTarget(\n              inputRefs,\n              plan.affectedExpressionRefs,\n              plan.expressionFallbacks,\n            );\n            applyBulkClear(plan, selection);\n            // Pre-fill the expression input with the typed character. Both this\n            // call and the setExpressionValue('') inside applyBulkClear are\n            // batched by React 18, so the expression input renders with the\n            // character before the rAF in makeFocusAfterBulkClear fires.\n            expressionFocusTarget?.current?.setExpressionValue(event.key);\n            restoreFocusAfterBulkClear(\n              firstSpinButtonHandler,\n              expressionFocusTarget,\n            );\n            return;\n          }\n\n          // Save undo snapshot and clear only the spin buttons \u2014 skip expression\n          // fallbacks so the input stays in ISO mode and focus can land on the\n          // first spin button to receive the typed character.\n          lastClearedSnapshotRef.current = plan.snapshot;\n          lastClearedExpressionsRef.current = plan.clearedExpressions;\n          for (const { inputRef, key } of plan.snapshot) {\n            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n          }\n          selection.removeAllRanges();\n\n          // Get the handler for the first cleared spin button directly from\n          // the snapshot. We cannot use getFirstSnapshotHandler here because\n          // it intentionally returns undefined for the first/second keys\n          // (designed for post-delete focus), which would swallow the character.\n          const handler = firstEntry\n            ? firstEntry.inputRef.current?.spinButtonHandlers.get(\n                firstEntry.key,\n              )\n            : undefined;\n          if (handler) {\n            handler.element.current?.focus();\n            if (handler.type === 'number') {\n              handler.applyText(event.key, true);\n              const newLength =\n                handler.element.current?.textContent?.length ?? 0;\n              handler.setSelection({ start: newLength, end: newLength });\n            } else {\n              handler.element.current?.dispatchEvent(\n                new KeyboardEvent('keydown', {\n                  key: event.key,\n                  bubbles: true,\n                  cancelable: true,\n                }),\n              );\n            }\n          }\n          return;\n        }\n      }\n\n      // When the container itself has focus (post drag-select, no spin button focused),\n      // intercept ArrowUp / ArrowDown and forward them to the anchor spin button.\n      // This avoids the Firefox visual bug caused by focusing a spin button during\n      // drag-restore \u2014 no focus() is called there, so the container holds focus.\n      if (\n        !event.shiftKey &&\n        !hasModifierKey &&\n        (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n        event.target === touchedContainerRef.current\n      ) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          event.preventDefault();\n          // Focus the spin button. onFocus sees selectionSpansMultipleNodes = true\n          // (the cross-element range is still intact) and skips selectAll().\n          anchorSpinButton.focus();\n          // Dispatch a synthetic keydown to trigger useValueNavigation on the spin button.\n          anchorSpinButton.dispatchEvent(\n            new KeyboardEvent('keydown', {\n              key: event.key,\n              bubbles: true,\n              cancelable: true,\n            }),\n          );\n          return;\n        }\n      }\n\n      // Forward the focus when a key is pressed in this element.\n      // If the container has focus with an active selection (post Cmd+A or drag),\n      // forward to the anchor spin button so the key lands in the right field.\n      // Otherwise fall back to onFocusInput() which focuses the first input.\n      // Skip for modifier+key shortcuts (e.g. Cmd+C): focusing a spin button\n      // collapses Firefox's cross-element selection before the copy event fires.\n      if (event.target === touchedContainerRef.current && !hasModifierKey) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          anchorSpinButton.focus();\n        } else {\n          onFocusInput();\n        }\n      }\n    },\n    [onFocusInput, touchedContainerRef, dateInputFromRef, dateInputToRef],\n  );\n\n  return { onMouseDown, onKeyDown };\n}\n\nfunction getAnchorSpinButton(): HTMLElement | null {\n  const anchorNode = window.getSelection()?.anchorNode ?? null;\n  if (anchorNode === null) {\n    return null;\n  }\n\n  return anchorNode.nodeType === Node.TEXT_NODE\n    ? (anchorNode as Text).parentElement?.closest<HTMLElement>(\n        '[contenteditable]',\n      ) ?? null\n    : (anchorNode as HTMLElement | null)?.closest?.('[contenteditable]') ??\n        null;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  useCallback,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n} from 'react';\n\nimport { isExpressionTriggerKey } from './expression-trigger-helpers.js';\nimport { buildTimeframeClipboardText } from './selection-copy-helpers.js';\nimport {\n  extendSelection,\n  extendSelectionToAll,\n  removeContentEditable,\n  getFirstSnapshotHandler,\n  findFirstExpressionFocusTarget,\n  restoreFocusAfterBulkClear,\n  planBulkClear,\n  getPartialExpressionElement,\n  deletePartialExpression,\n  getCrossExpressionElements,\n  deleteCrossExpressionPartial,\n  consumePreRestoreEndpoints,\n  getLastSnapshotHandler,\n} from './selection-helpers.js';\nimport type { DateTimeInputRef } from './types.js';\n\n/**\n * Builds an array of input references from the given refs.\n * @internal\n */\nfunction getInputRefs(\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): RefObject<DateTimeInputRef>[] {\n  return [dateInputFromRef, ...(dateInputToRef ? [dateInputToRef] : [])];\n}\n\n/**\n * Hook that provides interaction handlers for selection behavior in date/time pickers.\n * Manages mouse and keyboard interactions including text selection and focus management.\n *\n * @param touchedContainerRef - Reference to the container that should be checked when forwarding focus\n * @param onFocusInput - Callback to focus the appropriate input(s) when needed\n * @param dateInputFromRef - Reference to the \"from\" DateTimeInput imperative handle\n * @param dateInputToRef - Reference to the optional \"to\" DateTimeInput imperative handle\n * @returns Object containing onMouseDown and onKeyDown event handlers\n *\n * @internal\n */\nexport function useSelectionInteractionHandlers(\n  touchedContainerRef: RefObject<HTMLElement>,\n  onFocusInput: () => void,\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): {\n  onMouseDown: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n} {\n  const onMouseDown = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (event.button !== 0) {\n        return;\n      }\n      // Only compute the anchor spinbutton for clicks in empty space (not on\n      // a spinbutton element itself). For direct spinbutton clicks the browser's\n      // native anchor is correct and must be preserved for single-element\n      // intra-spinbutton drag to work normally.\n      const root: HTMLElement = event.currentTarget;\n      const triggerElement = event.target;\n      const clickedOnSpinButton =\n        triggerElement instanceof HTMLElement &&\n        triggerElement.hasAttribute('contenteditable');\n      let initialAnchorSpinButton: HTMLElement | null = null;\n      if (!clickedOnSpinButton) {\n        const spinButtons = Array.from(\n          root.querySelectorAll<HTMLElement>('[contenteditable]'),\n        );\n        // Find the rightmost spinbutton whose right edge is at or before the\n        // click x \u2014 that is the spinbutton the drag started on (or the last\n        // one to its left when clicking in empty space).\n        let bestRight = -Infinity;\n        for (const sb of spinButtons) {\n          const rect = sb.getBoundingClientRect();\n          if (rect.right <= event.clientX && rect.right > bestRight) {\n            initialAnchorSpinButton = sb;\n            bestRight = rect.right;\n          }\n        }\n        // Clicked before all spinbuttons \u2192 fall back to the first one.\n        if (initialAnchorSpinButton === null && spinButtons.length > 0) {\n          initialAnchorSpinButton = spinButtons[0] ?? null;\n        }\n      }\n      window.getSelection()?.removeAllRanges();\n      if (root) {\n        removeContentEditable(\n          root,\n          document,\n          'mouseup',\n          (mouseUpEvent: Event, hasMultiElementSelection: boolean) => {\n            if (\n              !hasMultiElementSelection &&\n              mouseUpEvent.target instanceof HTMLElement &&\n              mouseUpEvent.target === triggerElement\n            ) {\n              // If the click landed on a contenteditable element (spin button\n              // or expression input), focus it directly. Otherwise the click\n              // was on the container or a non-interactive child, so forward\n              // focus to the first input.\n              if (mouseUpEvent.target.hasAttribute('contenteditable')) {\n                mouseUpEvent.target.focus();\n              } else {\n                onFocusInput();\n              }\n            }\n          },\n          initialAnchorSpinButton,\n        );\n      }\n    },\n    [onFocusInput],\n  );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      // Accept either Meta (Mac Cmd) or Ctrl as the modifier key so that the\n      // handler works consistently across platforms and in automated test\n      // environments (e.g. Playwright's Chromium) where the userAgent may not\n      // reliably indicate the OS.\n      const hasModifierKey = event.metaKey === true || event.ctrlKey === true;\n      const pickerRoot = event.currentTarget;\n\n      // If keydown event captures modifier keys by itself or a copy, do nothing\n      if (\n        event.key === 'Shift' ||\n        event.key === 'Control' ||\n        event.key === 'Meta' ||\n        event.key === 'Alt' ||\n        event.key === 'Command'\n      ) {\n        event.preventDefault();\n        return;\n      }\n\n      // Applies the plan returned by planBulkClear: saves undo snapshots,\n      // clears all affected spin buttons and expression inputs, and collapses\n      // the selection.\n      function applyBulkClear(\n        plan: ReturnType<typeof planBulkClear>,\n        selection: Selection,\n      ) {\n        const { snapshot, affectedExpressionRefs, expressionFallbacks } = plan;\n        for (const { inputRef, key } of snapshot) {\n          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n        }\n        for (const [inputRef, text] of expressionFallbacks) {\n          inputRef.current?.setExpressionValue(text);\n        }\n        for (const ref of affectedExpressionRefs) {\n          ref.current?.setExpressionValue('');\n        }\n        selection.removeAllRanges();\n      }\n\n      // Computes the bulk-clear plan, applies it, and returns focus targets.\n      // Used by delete, cut, and type-to-replace.\n      function bulkClear(\n        selection: Selection,\n        direction: 'forward' | 'backward',\n      ) {\n        const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n        const partialExpressionElement = getPartialExpressionElement(\n          selection,\n          inputRefs,\n        );\n        if (partialExpressionElement) {\n          onBeforeExpressionDelete([partialExpressionElement], inputRefs);\n          deletePartialExpression(selection, partialExpressionElement);\n          return;\n        }\n\n        const crossExpressionElements = getCrossExpressionElements(\n          selection,\n          inputRefs,\n        );\n        if (crossExpressionElements) {\n          const isSameExpressionSelection =\n            crossExpressionElements[0] === crossExpressionElements[1];\n          const expressionElementsForUndo = isSameExpressionSelection\n            ? [crossExpressionElements[0]]\n            : crossExpressionElements;\n          onBeforeExpressionDelete(expressionElementsForUndo, inputRefs);\n\n          const boundaryExpressionRef = isSameExpressionSelection\n            ? inputRefs.find(\n                (inputRef) =>\n                  inputRef.current?.expressionInputRef ===\n                  crossExpressionElements[0],\n              )\n            : undefined;\n\n          const plan = planBulkClear(\n            selection,\n            inputRefs,\n            consumePreRestoreEndpoints(pickerRoot),\n          );\n\n          const firstSpinButtonHandler = getFirstSnapshotHandler(plan.snapshot);\n          const expressionFocusTarget = findFirstExpressionFocusTarget(\n            inputRefs,\n            plan.affectedExpressionRefs,\n            plan.expressionFallbacks,\n          );\n\n          deleteCrossExpressionPartial(selection, crossExpressionElements);\n\n          for (const { inputRef, key } of plan.snapshot) {\n            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n          }\n          for (const [inputRef, text] of plan.expressionFallbacks) {\n            if (inputRef !== boundaryExpressionRef) {\n              inputRef.current?.setExpressionValue(text);\n            }\n          }\n\n          restoreFocusAfterBulkClear(\n            firstSpinButtonHandler,\n            expressionFocusTarget,\n          );\n\n          return;\n        }\n\n        const plan = planBulkClear(\n          selection,\n          inputRefs,\n          consumePreRestoreEndpoints(pickerRoot),\n        );\n        const nextFocusedElementHandler =\n          direction === 'backward'\n            ? getFirstSnapshotHandler(plan.snapshot)\n            : getLastSnapshotHandler(plan.snapshot);\n        const expressionFocusTarget = findFirstExpressionFocusTarget(\n          inputRefs,\n          plan.affectedExpressionRefs,\n          plan.expressionFallbacks,\n        );\n        applyBulkClear(plan, selection);\n        restoreFocusAfterBulkClear(\n          nextFocusedElementHandler,\n          expressionFocusTarget,\n        );\n      }\n\n      // Saves the current text of each expression element as an undo snapshot\n      // before a partial or cross-expression deletion that bypasses applyBulkClear.\n      function onBeforeExpressionDelete(\n        expressionElements: HTMLSpanElement[],\n        inputRefs: RefObject<DateTimeInputRef>[],\n      ) {\n        const expressionSnapshots: {\n          inputRef: RefObject<DateTimeInputRef>;\n          previousText: string;\n        }[] = [];\n\n        for (const exprEl of expressionElements) {\n          let matchingRef: RefObject<DateTimeInputRef> | undefined;\n          for (const inputRef of inputRefs) {\n            if (inputRef.current?.expressionInputRef === exprEl) {\n              matchingRef = inputRef;\n              break;\n            }\n          }\n\n          if (matchingRef) {\n            expressionSnapshots.push({\n              inputRef: matchingRef,\n              previousText:\n                matchingRef.current?.inputRef?.value ??\n                exprEl.textContent ??\n                '',\n            });\n          }\n        }\n      }\n\n      // Handle select all with Ctrl + A\n      if (hasModifierKey && event.key === 'a') {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // No need to remove contentEditable here: extendSelectionToAll explicitly focuses the first spin button\n          // and then sets the cross-element range with addRange, keeping the focus on the already focused spin button.\n          extendSelectionToAll();\n        }\n        return;\n      }\n\n      // Check if the selection should be expanded with Shift\n      if (\n        event.shiftKey === true &&\n        (event.key === 'ArrowLeft' ||\n          event.key === 'ArrowRight' ||\n          event.key === 'Home' ||\n          event.key === 'End')\n      ) {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // extendSelection uses setBaseAndExtent internally, which can cross\n          // contenteditable boundaries without needing to strip the attribute.\n          // No removeContentEditable / focus manipulation is needed here.\n          extendSelection(event.key);\n        }\n        return;\n      }\n\n      const isCut = hasModifierKey && event.key === 'x';\n      const isDelete = event.key === 'Backspace' || event.key === 'Delete';\n      const direction =\n        isCut || event.key === 'Backspace' ? 'backward' : 'forward';\n\n      if (isCut || isDelete) {\n        const selection = window.getSelection();\n        if (selection && !selection.isCollapsed) {\n          event.preventDefault();\n\n          const clipboardText = buildTimeframeClipboardText();\n          // Apply the clear and update focus synchronously BEFORE awaiting the\n          // clipboard write. This ensures the undo snapshot is saved inside the\n          // current synchronous execution context so that a Ctrl+Z fired\n          // immediately afterwards (e.g. in tests wrapped with act()) can always\n          // find a non-empty lastClearedSnapshotRef.\n          bulkClear(selection, direction);\n\n          if (isCut) {\n            if (clipboardText !== null) {\n              navigator.clipboard.writeText(clipboardText).catch(() => {\n                // For now, we silently ignore clipboard write errors.\n              });\n            }\n          }\n          return;\n        }\n      }\n\n      // When there is a cross-element selection and the user types a printable\n      // character, bulk-clear the selection and forward the key to the anchor\n      // spin button so it can process the character normally.\n      // Intra-element selections (drag within a single spin button) are left\n      // alone \u2014 the spin button's own beforeinput handler deals with those.\n      if (\n        !hasModifierKey &&\n        !event.shiftKey &&\n        event.key.length === 1 &&\n        (isExpressionTriggerKey(event) || /^\\d$/.test(event.key))\n      ) {\n        const selection = window.getSelection();\n        if (\n          selection &&\n          !selection.isCollapsed &&\n          selection.anchorNode !== selection.focusNode\n        ) {\n          event.preventDefault();\n          const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n          const plan = planBulkClear(\n            selection,\n            inputRefs,\n            consumePreRestoreEndpoints(pickerRoot),\n          );\n\n          // When ALL spin buttons of an affected input are cleared (0 survivors),\n          // the input should switch to expression mode \u2014 use the full applyBulkClear\n          // path (same as Delete). Detected by: expression fallbacks will fire AND\n          // the selection starts at the first spin button of its input.\n          // When the first spin button is the survivor (selection starts later),\n          // skip expression fallbacks so the input stays in ISO mode and the typed\n          // character lands in the first selected spin button.\n          const firstEntry = plan.snapshot[0];\n          const firstKey = firstEntry\n            ? [\n                ...(firstEntry.inputRef.current?.spinButtonHandlers.keys() ??\n                  []),\n              ][0]\n            : undefined;\n          const expressionModeWillSwitch =\n            plan.expressionFallbacks.size > 0 && firstEntry?.key === firstKey;\n\n          if (expressionModeWillSwitch) {\n            const firstSpinButtonHandler = getFirstSnapshotHandler(\n              plan.snapshot,\n            );\n            const expressionFocusTarget = findFirstExpressionFocusTarget(\n              inputRefs,\n              plan.affectedExpressionRefs,\n              plan.expressionFallbacks,\n            );\n            applyBulkClear(plan, selection);\n            // Pre-fill the expression input with the typed character. Both this\n            // call and the setExpressionValue('') inside applyBulkClear are\n            // batched by React 18, so the expression input renders with the\n            // character before the rAF in makeFocusAfterBulkClear fires.\n            expressionFocusTarget?.current?.setExpressionValue(event.key);\n            restoreFocusAfterBulkClear(\n              firstSpinButtonHandler,\n              expressionFocusTarget,\n            );\n            return;\n          }\n\n          for (const { inputRef, key } of plan.snapshot) {\n            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n          }\n          selection.removeAllRanges();\n\n          // Get the handler for the first cleared spin button directly from\n          // the snapshot. We cannot use getFirstSnapshotHandler here because\n          // it intentionally returns undefined for the first/second keys\n          // (designed for post-delete focus), which would swallow the character.\n          const handler = firstEntry\n            ? firstEntry.inputRef.current?.spinButtonHandlers.get(\n                firstEntry.key,\n              )\n            : undefined;\n          if (handler) {\n            handler.element.current?.focus();\n            if (handler.type === 'number') {\n              handler.applyText(event.key, true);\n              const newLength =\n                handler.element.current?.textContent?.length ?? 0;\n              handler.setSelection({ start: newLength, end: newLength });\n            } else {\n              handler.element.current?.dispatchEvent(\n                new KeyboardEvent('keydown', {\n                  key: event.key,\n                  bubbles: true,\n                  cancelable: true,\n                }),\n              );\n            }\n          }\n          return;\n        }\n      }\n\n      // When the container itself has focus (post drag-select, no spin button focused),\n      // intercept ArrowUp / ArrowDown and forward them to the anchor spin button.\n      // This avoids the Firefox visual bug caused by focusing a spin button during\n      // drag-restore \u2014 no focus() is called there, so the container holds focus.\n      if (\n        !event.shiftKey &&\n        !hasModifierKey &&\n        (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n        event.target === touchedContainerRef.current\n      ) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          event.preventDefault();\n          // Focus the spin button. onFocus sees selectionSpansMultipleNodes = true\n          // (the cross-element range is still intact) and skips selectAll().\n          anchorSpinButton.focus();\n          // Dispatch a synthetic keydown to trigger useValueNavigation on the spin button.\n          anchorSpinButton.dispatchEvent(\n            new KeyboardEvent('keydown', {\n              key: event.key,\n              bubbles: true,\n              cancelable: true,\n            }),\n          );\n          return;\n        }\n      }\n\n      // Forward the focus when a key is pressed in this element.\n      // If the container has focus with an active selection (post Cmd+A or drag),\n      // forward to the anchor spin button so the key lands in the right field.\n      // Otherwise fall back to onFocusInput() which focuses the first input.\n      // Skip for modifier+key shortcuts (e.g. Cmd+C): focusing a spin button\n      // collapses Firefox's cross-element selection before the copy event fires.\n      if (event.target === touchedContainerRef.current && !hasModifierKey) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          anchorSpinButton.focus();\n        } else {\n          onFocusInput();\n        }\n      }\n    },\n    [onFocusInput, touchedContainerRef, dateInputFromRef, dateInputToRef],\n  );\n\n  return { onMouseDown, onKeyDown };\n}\n\nfunction getAnchorSpinButton(): HTMLElement | null {\n  const anchorNode = window.getSelection()?.anchorNode ?? null;\n  if (anchorNode === null) {\n    return null;\n  }\n\n  return anchorNode.nodeType === Node.TEXT_NODE\n    ? (anchorNode as Text).parentElement?.closest<HTMLElement>(\n        '[contenteditable]',\n      ) ?? null\n    : (anchorNode as HTMLElement | null)?.closest?.('[contenteditable]') ??\n        null;\n}\n"],
+  "mappings": "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",
   "names": ["direction", "plan", "expressionFocusTarget"]
 }

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

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

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

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

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

@@ -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-5-2';\nexport var legend = '_1dphm0f1-3-5-2';"],
+  "sourcesContent": ["import './FieldSet.css';\nexport var fieldset = '_1dphm0f0-3-6-0';\nexport var legend = '_1dphm0f1-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,SAAS;",
   "names": []
 }

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

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

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

@@ -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-5-2';"],
+  "sourcesContent": ["import './FormField.css';\nexport var formField = '_mvcxum0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

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

@@ -1,17 +1,17 @@
-._16z6rg10-3-5-2 {
+._16z6rg10-3-6-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-5-2 {
+._16z6rg11-3-6-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._16z6rg12-3-5-2 {
+._16z6rg12-3-6-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._16z6rg13-3-5-2 {
+._16z6rg13-3-6-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._16z6rg14-3-5-2 {
+._16z6rg14-3-6-0 {
   min-width: 0;
   overflow-wrap: break-word;
 }

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

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

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

@@ -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-5-2',variantClassNames:{variant:{hint:'_16z6rg11-3-5-2',error:'_16z6rg12-3-5-2'},disabled:{true:'_16z6rg13-3-5-2'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-5-2';"],
+  "sourcesContent": ["import './FormFieldMessageItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldMessageItem = _7a468({defaultClassName:'_16z6rg10-3-6-0',variantClassNames:{variant:{hint:'_16z6rg11-3-6-0',error:'_16z6rg12-3-6-0'},disabled:{true:'_16z6rg13-3-6-0'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-6-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

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

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

@@ -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-5-2';"],
+  "sourcesContent": ["import './FormFieldMessages.css';\nexport var formFieldMessages = '_1l9bja60-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;",
   "names": []
 }

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

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

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

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

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

@@ -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-5-2',variantClassNames:{disabled:{true:'_1gxatyo1-3-5-2'},required:{true:'_1gxatyo2-3-5-2'},readOnly:{true:'_1gxatyo3-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-5-2';"],
+  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-6-0',variantClassNames:{disabled:{true:'_1gxatyo1-3-6-0'},required:{true:'_1gxatyo2-3-6-0'},readOnly:{true:'_1gxatyo3-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-6-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": []
 }

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

@@ -102,7 +102,7 @@ function getSafeRegionalFormat() {
   } catch (error) {
     const logger = getStratoLogger("Date-Component");
     if (!hasLoggedSafeRegionalFormatError) {
-      logger.error(`Invalid regional format "${region}" encountered.`, error, {
+      logger.warn(`Invalid regional format "${region}" encountered.`, error, {
         region,
         modifiedRegion
       });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/time/helpers.ts"],
-  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addSeconds,\n  constructFrom,\n  ContextFn,\n  DateArg,\n  EachDayOfIntervalOptions,\n  endOfDay,\n  isBefore,\n  isSameDay,\n  startOfDay,\n} from 'date-fns';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport {\n  applyInitialTime,\n  getSecondFractions,\n  GRAIL_MAX_DATE,\n  GRAIL_MIN_DATE,\n} from './date-time.js';\nimport { removePrecision } from './timeParser.js';\nimport { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\nimport { isSimpleTimeOffset } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { StringTimeOffset } from '../../../core/time/timeframeStore/calendar.types.js';\nimport { isOutOfBounds } from '../../../core/time/validation.js';\nimport { type TimeValue } from '../../../core/types/time.js';\nimport { isOutsideRange } from '../../../filters/timeframe-selector/utils/timeframe-selection.js';\nimport type { CalendarState } from '../../calendar/types/shared-types.js';\n\n// Adapted from date-fns.\n// In some timezones with DST transitions at midnight (Cairo, Beirut), startOfDay may return 11 PM instead of 12 AM.\nfunction normalizeDates(\n  context: ContextFn<Date> | undefined,\n  ...dates: Array<DateArg<Date> & {}>\n): Date[] {\n  const normalize = constructFrom.bind(\n    null,\n    context || dates.find((date) => typeof date === 'object'),\n  );\n  return dates.map(normalize);\n}\n\n/**\n * Returns an array of dates within the specified time interval.\n *\n * @returns An array with starts of days from the day of the interval start to the day of the interval end\n *\n * @example\n * Each day between 6 October 2014 and 10 October 2014:\n * const result = eachDayOfInterval({\n *   start: new Date(2014, 9, 6),\n *   end: new Date(2014, 9, 10)\n * })\n * => [\n *    Mon Oct 06 2014 00:00:00,\n *    Tue Oct 07 2014 00:00:00,\n *    Wed Oct 08 2014 00:00:00,\n *    Thu Oct 09 2014 00:00:00,\n *    Fri Oct 10 2014 00:00:00\n *  ]\n *\n * @internal\n */\nexport function eachDayOfInterval(\n  interval: { start: TZDate | number | string; end: TZDate | number | string },\n  options?: EachDayOfIntervalOptions<TZDate>,\n): TZDate[] {\n  const [start, end] = normalizeDates(\n    options?.in,\n    interval.start,\n    interval.end,\n  );\n  let reversed = +start > +end;\n  const endTime = reversed ? +start : +end;\n  const date = reversed ? end : start;\n\n  date.setHours(0, 0, 0, 0);\n\n  let step = options?.step ?? 1;\n  if (!step) {\n    return [];\n  }\n  if (step < 0) {\n    step = -step;\n    reversed = !reversed;\n  }\n\n  const dates: TZDate[] = [];\n\n  while (+date <= endTime) {\n    dates.push(constructFrom(start, date));\n    date.setHours(date.getHours() + step * 24 + 1);\n    date.setHours(0);\n  }\n\n  return reversed ? dates.reverse() : dates;\n}\n\n/**\n * Sanitizes Timeframe to have a from date that comes before the to date and ensures the times are applied properly.\n * @internal\n */\nexport function sortTimeframeValues(\n  value: { from: TimeValue | null; to: TimeValue | null },\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n) {\n  if (\n    value?.from?.absoluteDate &&\n    value?.to?.absoluteDate &&\n    isBefore(value.to.absoluteDate, value.from.absoluteDate)\n  ) {\n    // Swaps the `from` and the `to`, to ensure `from` is before `to`.\n    // Since the times should be kept on the position, the time value must be reevaluated with the new time offsets.\n    return {\n      from: getTimeValueFromSimpleValue(\n        value.to.value,\n        value.from.value,\n        'from',\n        value.from.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n      to: getTimeValueFromSimpleValue(\n        value.from.value,\n        value.to.value,\n        'to',\n        value.to.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n    };\n  }\n\n  return {\n    from: value?.from,\n    to: value?.to,\n  };\n}\n\nlet hasLoggedSafeRegionalFormatError = false;\n\nexport function resetRegionalFormatErrorFlag() {\n  hasLoggedSafeRegionalFormatError = false;\n}\n\n/**\n * Returns a \"safe\" regional format string by replacing problematic language codes\n * with 'en' (English) while preserving the region, and by removing any extra subtags.\n * This is used to avoid issues with certain languages or day period formats that may\n * not be supported or may cause formatting errors.\n *\n * - If the language part of the locale is in a known problematic list, it is replaced with 'en'.\n * - If the locale contains more than two subtags (e.g., 'ja-JP-u-ca-japanese'), it is truncated to 'ja-JP'.\n *\n * @internal\n */\nexport function getSafeRegionalFormat(): string {\n  const region = getRegionalFormat();\n  const modifiedRegion = removeProblematicLanguagesFromRegion(region);\n\n  try {\n    new Intl.Locale(modifiedRegion);\n    if (Intl.DisplayNames.supportedLocalesOf([modifiedRegion]).length === 0) {\n      throw new Error(\n        `Locale \"${modifiedRegion}\" is not supported by Intl.DisplayNames.`,\n      );\n    }\n    return modifiedRegion;\n  } catch (error) {\n    /* eslint-disable react-hooks/rules-of-hooks */\n    const logger = getStratoLogger('Date-Component');\n    if (!hasLoggedSafeRegionalFormatError) {\n      logger.error(`Invalid regional format \"${region}\" encountered.`, error, {\n        region,\n        modifiedRegion,\n      });\n      hasLoggedSafeRegionalFormatError = true;\n    }\n    return 'en-US';\n  }\n}\n\nconst removeProblematicLanguagesFromRegion = (region: string) => {\n  const problematicLanguages = [\n    // Non-Arabic numerals.\n    'ar',\n    'as',\n    'bgc',\n    'bho',\n    'bn',\n    'ccp',\n    'ckb',\n    'dz',\n    'fa',\n    'ff',\n    'ks',\n    'lrc',\n    'mni',\n    'mr',\n    'my',\n    'mzn',\n    'ne',\n    'pa',\n    'ps',\n    'raj',\n    'sa',\n    'sat',\n    'sd',\n    'ur',\n    'uz',\n    // Problematic day period.\n    'ak',\n    'bem',\n    'bo',\n    'ee',\n    'ha',\n    'hi',\n    'kok',\n    'mai',\n    'naq',\n    'nus',\n    'pt',\n    'sq',\n    'ti',\n    'to',\n    'yue',\n    'zh',\n    'tw',\n    'bh',\n    // Non gregorian calendars.\n    'th',\n  ];\n\n  let safeRegionalFormat = region;\n\n  if (!safeRegionalFormat) {\n    return 'en-US';\n  }\n\n  if (safeRegionalFormat.split('-')[1] === undefined) {\n    return 'en-' + safeRegionalFormat.split('-')[0];\n  }\n\n  // If the language code is problematic, replace it with 'en'.\n  if (\n    problematicLanguages.find(\n      (lang) => lang === safeRegionalFormat.split('-')[0].toLocaleLowerCase(),\n    )\n  ) {\n    safeRegionalFormat = 'en-' + safeRegionalFormat.split('-')[1];\n  }\n\n  // If there are more than two subtags, truncate to language-region only.\n  // For example, 'ja-JP-u-ca-japanese'\n  if (safeRegionalFormat.split('-')[3]) {\n    return safeRegionalFormat.split('-').slice(0, 2).join('-');\n  }\n\n  return safeRegionalFormat;\n};\n\n/**\n * Gets the dayPeriod values such as AM/PM, a.m./p.m. etc. depending on the user's region.\n * @internal\n */\nexport const getDayPeriodValues = () => {\n  const dayPeriod = new Intl.DisplayNames(getSafeRegionalFormat(), {\n    type: 'dateTimeField',\n  }).of('dayPeriod');\n\n  // Intl does sometimes return just 'Dayperiod' instead of the 'AM/PM'.\n  if (!dayPeriod?.split('/')[1]) {\n    return ['AM', 'PM'];\n  }\n\n  return dayPeriod.split('/');\n};\n\n/**\n * parses a timeValue and converts it to a TZDate.\n * @internal\n */\nexport function timeValueToDate(\n  timeValue: TimeValue | undefined,\n  relativeDate: number,\n): TZDate | null {\n  if (!timeValue) {\n    return null;\n  }\n  const parsedString = parseTimeAsTimeValue(timeValue?.value, relativeDate);\n  return parsedString?.absoluteDate\n    ? new TZDateMini(parsedString.absoluteDate, getTimezone())\n    : null;\n}\n\n/**\n * Converts a given Date or ISO string to the TimeValue structure for the calendar value.\n * @internal\n */\nexport const getTimeValueFromSimpleValue = (\n  candidate?: string | Date | null,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'day' | 'minutes' | 'seconds' | 'milliseconds',\n): TimeValue | null => {\n  if (!candidate) {\n    return null;\n  }\n\n  const stringDate =\n    typeof candidate === 'string' ? candidate : candidate.toISOString();\n  const timezone = getTimezone();\n  const date = new TZDateMini(stringDate, timezone);\n\n  const minDate = new TZDateMini(\n    removePrecision(min?.absoluteDate ?? '', precision),\n    timezone,\n  );\n  // Enforce min boundary if candidate is before min and position is not 'to'.\n  if (\n    min &&\n    position !== 'to' &&\n    isOutOfBounds(startOfDay(date), min) &&\n    isSameDay(minDate, date)\n  ) {\n    if (min.type === 'expression') {\n      return min;\n    }\n\n    const offsetByPrecision = { milliseconds: 0, seconds: 1, minutes: 60 };\n\n    const offsetSeconds =\n      // Only add the offset when the min has different precision than the calendar.\n      minDate.getTime() === new TZDateMini(min.absoluteDate, timezone).getTime()\n        ? 0\n        : offsetByPrecision[precision as keyof typeof offsetByPrecision] ?? 0;\n\n    // Add one minute/second depending on the precision to keep the timeValue larger than the min.\n    const parsedMin = parseTimeAsTimeValue(\n      addSeconds(minDate, offsetSeconds).toISOString(),\n      undefined,\n      precision,\n    );\n\n    if (parsedMin && isSameDay(minDate, date)) {\n      return parsedMin;\n    }\n  }\n\n  // Enforce max boundary if candidate is after max and position is not 'from'.\n  if (\n    max &&\n    position !== 'from' &&\n    isOutOfBounds(endOfDay(date), undefined, max) &&\n    isSameDay(new TZDateMini(max.absoluteDate, timezone), date)\n  ) {\n    return max;\n  }\n\n  const parsedDate = parseTimeAsTimeValue(stringDate, undefined, precision);\n  if (!parsedDate) {\n    return null;\n  }\n\n  const isRelativeExpression = isExpression || parsedDate.type === 'expression';\n\n  // Preserve the original absoluteDate (including its time component) when precision\n  // is 'day'. The time is used internally to resolve the correct calendar date once precision is applied.\n  const resolvedDate =\n    precision === 'day'\n      ? parsedDate.absoluteDate\n      : _getPreciseIsoString(\n          parsedDate.absoluteDate,\n          timeOffset,\n          position,\n          isRelativeExpression,\n        );\n\n  return isRelativeExpression\n    ? { ...parsedDate, absoluteDate: resolvedDate, type: 'expression' }\n    : { ...parsedDate, absoluteDate: resolvedDate, value: resolvedDate };\n};\n\n/** Applies the proper timeoffset and returns the date as ISO String. */\nfunction _getPreciseIsoString(\n  isoString: string,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n) {\n  if (!timeOffset) {\n    return isoString;\n  }\n\n  const offsetDate = isSimpleTimeOffset(timeOffset)\n    ? timeOffset\n    : timeOffset[position ?? 'from'];\n\n  const date = new TZDateMini(isoString, getTimezone());\n\n  if (isExpression) {\n    return date.toISOString();\n  }\n\n  switch (offsetDate) {\n    case 'startOfDay':\n      return startOfDay(date).toISOString();\n    case 'endOfDay':\n      return endOfDay(date).toISOString();\n    default: {\n      if (isoString === offsetDate) {\n        return isoString;\n      }\n\n      const parsedOffsetDate = parseTimeAsTimeValue(offsetDate);\n\n      if (parsedOffsetDate?.type === 'expression') {\n        return parsedOffsetDate.absoluteDate;\n      }\n\n      const precision = getSecondFractions(offsetDate);\n      return applyInitialTime(isoString, offsetDate, precision);\n    }\n  }\n}\n\n/**\n * For 'date' type, it adjusts the time by the timezone offset to ensure the\n * date is correct without time information.\n * For 'time' and 'datetime' types, it returns the ISO string as is.\n */\nexport const convertDateOnlyToDateTime = (\n  isoString: string | undefined,\n  type: 'time' | 'date' | 'datetime' | undefined,\n): string => {\n  if (type === 'date') {\n    const newDate = new TZDateMini(isoString ?? '', getTimezone());\n    if (!isNaN(newDate.getTime())) {\n      newDate.setMinutes(newDate.getMinutes() + newDate.getTimezoneOffset());\n      return newDate.toISOString();\n    }\n  }\n  return isoString ?? '';\n};\n\n/**\n * Converts a raw TimeValue to the correct calendarValue shape.\n * When precision is 'day', the absoluteDate/value fields must contain a full\n * ISO datetime string (produced by convertDateOnlyToDateTime) rather than the\n * date-only string stored in dateTimePickerValue.\n */\nexport function toCalendarValue(\n  value: TimeValue | null | undefined,\n  precision: Precision | undefined,\n): TimeValue | null {\n  if (!value || value.absoluteDate === '') {\n    return null;\n  }\n  if (precision === 'day') {\n    const converted = convertDateOnlyToDateTime(value.absoluteDate, 'date');\n    if (converted) {\n      return { absoluteDate: converted, value: converted, type: 'iso8601' };\n    }\n  }\n  return value;\n}\n\n/**\n * Filters the Grail min or max date.\n * Returns `undefined` if the provided limit is the default Grail min or max and the value is not outside the Grail range.\n * Otherwise, returns the custom min or max limit.\n * @internal\n */\nexport function filterOutGrailLimit(\n  value: {\n    from: string | null | TimeValue;\n    to: string | null | TimeValue;\n  } | null,\n  limit?: string,\n): string | undefined {\n  const isOutsideGrailLimit = isOutsideRange(\n    value,\n    GRAIL_MIN_DATE,\n    GRAIL_MAX_DATE,\n  );\n\n  return (limit === GRAIL_MIN_DATE || limit === GRAIL_MAX_DATE) &&\n    !isOutsideGrailLimit\n    ? undefined\n    : limit;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addSeconds,\n  constructFrom,\n  ContextFn,\n  DateArg,\n  EachDayOfIntervalOptions,\n  endOfDay,\n  isBefore,\n  isSameDay,\n  startOfDay,\n} from 'date-fns';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport {\n  applyInitialTime,\n  getSecondFractions,\n  GRAIL_MAX_DATE,\n  GRAIL_MIN_DATE,\n} from './date-time.js';\nimport { removePrecision } from './timeParser.js';\nimport { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\nimport { isSimpleTimeOffset } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { StringTimeOffset } from '../../../core/time/timeframeStore/calendar.types.js';\nimport { isOutOfBounds } from '../../../core/time/validation.js';\nimport { type TimeValue } from '../../../core/types/time.js';\nimport { isOutsideRange } from '../../../filters/timeframe-selector/utils/timeframe-selection.js';\nimport type { CalendarState } from '../../calendar/types/shared-types.js';\n\n// Adapted from date-fns.\n// In some timezones with DST transitions at midnight (Cairo, Beirut), startOfDay may return 11 PM instead of 12 AM.\nfunction normalizeDates(\n  context: ContextFn<Date> | undefined,\n  ...dates: Array<DateArg<Date> & {}>\n): Date[] {\n  const normalize = constructFrom.bind(\n    null,\n    context || dates.find((date) => typeof date === 'object'),\n  );\n  return dates.map(normalize);\n}\n\n/**\n * Returns an array of dates within the specified time interval.\n *\n * @returns An array with starts of days from the day of the interval start to the day of the interval end\n *\n * @example\n * Each day between 6 October 2014 and 10 October 2014:\n * const result = eachDayOfInterval({\n *   start: new Date(2014, 9, 6),\n *   end: new Date(2014, 9, 10)\n * })\n * => [\n *    Mon Oct 06 2014 00:00:00,\n *    Tue Oct 07 2014 00:00:00,\n *    Wed Oct 08 2014 00:00:00,\n *    Thu Oct 09 2014 00:00:00,\n *    Fri Oct 10 2014 00:00:00\n *  ]\n *\n * @internal\n */\nexport function eachDayOfInterval(\n  interval: { start: TZDate | number | string; end: TZDate | number | string },\n  options?: EachDayOfIntervalOptions<TZDate>,\n): TZDate[] {\n  const [start, end] = normalizeDates(\n    options?.in,\n    interval.start,\n    interval.end,\n  );\n  let reversed = +start > +end;\n  const endTime = reversed ? +start : +end;\n  const date = reversed ? end : start;\n\n  date.setHours(0, 0, 0, 0);\n\n  let step = options?.step ?? 1;\n  if (!step) {\n    return [];\n  }\n  if (step < 0) {\n    step = -step;\n    reversed = !reversed;\n  }\n\n  const dates: TZDate[] = [];\n\n  while (+date <= endTime) {\n    dates.push(constructFrom(start, date));\n    date.setHours(date.getHours() + step * 24 + 1);\n    date.setHours(0);\n  }\n\n  return reversed ? dates.reverse() : dates;\n}\n\n/**\n * Sanitizes Timeframe to have a from date that comes before the to date and ensures the times are applied properly.\n * @internal\n */\nexport function sortTimeframeValues(\n  value: { from: TimeValue | null; to: TimeValue | null },\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n) {\n  if (\n    value?.from?.absoluteDate &&\n    value?.to?.absoluteDate &&\n    isBefore(value.to.absoluteDate, value.from.absoluteDate)\n  ) {\n    // Swaps the `from` and the `to`, to ensure `from` is before `to`.\n    // Since the times should be kept on the position, the time value must be reevaluated with the new time offsets.\n    return {\n      from: getTimeValueFromSimpleValue(\n        value.to.value,\n        value.from.value,\n        'from',\n        value.from.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n      to: getTimeValueFromSimpleValue(\n        value.from.value,\n        value.to.value,\n        'to',\n        value.to.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n    };\n  }\n\n  return {\n    from: value?.from,\n    to: value?.to,\n  };\n}\n\nlet hasLoggedSafeRegionalFormatError = false;\n\nexport function resetRegionalFormatErrorFlag() {\n  hasLoggedSafeRegionalFormatError = false;\n}\n\n/**\n * Returns a \"safe\" regional format string by replacing problematic language codes\n * with 'en' (English) while preserving the region, and by removing any extra subtags.\n * This is used to avoid issues with certain languages or day period formats that may\n * not be supported or may cause formatting errors.\n *\n * - If the language part of the locale is in a known problematic list, it is replaced with 'en'.\n * - If the locale contains more than two subtags (e.g., 'ja-JP-u-ca-japanese'), it is truncated to 'ja-JP'.\n *\n * @internal\n */\nexport function getSafeRegionalFormat(): string {\n  const region = getRegionalFormat();\n  const modifiedRegion = removeProblematicLanguagesFromRegion(region);\n\n  try {\n    new Intl.Locale(modifiedRegion);\n    if (Intl.DisplayNames.supportedLocalesOf([modifiedRegion]).length === 0) {\n      throw new Error(\n        `Locale \"${modifiedRegion}\" is not supported by Intl.DisplayNames.`,\n      );\n    }\n    return modifiedRegion;\n  } catch (error) {\n    /* eslint-disable react-hooks/rules-of-hooks */\n    const logger = getStratoLogger('Date-Component');\n    if (!hasLoggedSafeRegionalFormatError) {\n      logger.warn(`Invalid regional format \"${region}\" encountered.`, error, {\n        region,\n        modifiedRegion,\n      });\n      hasLoggedSafeRegionalFormatError = true;\n    }\n    return 'en-US';\n  }\n}\n\nconst removeProblematicLanguagesFromRegion = (region: string) => {\n  const problematicLanguages = [\n    // Non-Arabic numerals.\n    'ar',\n    'as',\n    'bgc',\n    'bho',\n    'bn',\n    'ccp',\n    'ckb',\n    'dz',\n    'fa',\n    'ff',\n    'ks',\n    'lrc',\n    'mni',\n    'mr',\n    'my',\n    'mzn',\n    'ne',\n    'pa',\n    'ps',\n    'raj',\n    'sa',\n    'sat',\n    'sd',\n    'ur',\n    'uz',\n    // Problematic day period.\n    'ak',\n    'bem',\n    'bo',\n    'ee',\n    'ha',\n    'hi',\n    'kok',\n    'mai',\n    'naq',\n    'nus',\n    'pt',\n    'sq',\n    'ti',\n    'to',\n    'yue',\n    'zh',\n    'tw',\n    'bh',\n    // Non gregorian calendars.\n    'th',\n  ];\n\n  let safeRegionalFormat = region;\n\n  if (!safeRegionalFormat) {\n    return 'en-US';\n  }\n\n  if (safeRegionalFormat.split('-')[1] === undefined) {\n    return 'en-' + safeRegionalFormat.split('-')[0];\n  }\n\n  // If the language code is problematic, replace it with 'en'.\n  if (\n    problematicLanguages.find(\n      (lang) => lang === safeRegionalFormat.split('-')[0].toLocaleLowerCase(),\n    )\n  ) {\n    safeRegionalFormat = 'en-' + safeRegionalFormat.split('-')[1];\n  }\n\n  // If there are more than two subtags, truncate to language-region only.\n  // For example, 'ja-JP-u-ca-japanese'\n  if (safeRegionalFormat.split('-')[3]) {\n    return safeRegionalFormat.split('-').slice(0, 2).join('-');\n  }\n\n  return safeRegionalFormat;\n};\n\n/**\n * Gets the dayPeriod values such as AM/PM, a.m./p.m. etc. depending on the user's region.\n * @internal\n */\nexport const getDayPeriodValues = () => {\n  const dayPeriod = new Intl.DisplayNames(getSafeRegionalFormat(), {\n    type: 'dateTimeField',\n  }).of('dayPeriod');\n\n  // Intl does sometimes return just 'Dayperiod' instead of the 'AM/PM'.\n  if (!dayPeriod?.split('/')[1]) {\n    return ['AM', 'PM'];\n  }\n\n  return dayPeriod.split('/');\n};\n\n/**\n * parses a timeValue and converts it to a TZDate.\n * @internal\n */\nexport function timeValueToDate(\n  timeValue: TimeValue | undefined,\n  relativeDate: number,\n): TZDate | null {\n  if (!timeValue) {\n    return null;\n  }\n  const parsedString = parseTimeAsTimeValue(timeValue?.value, relativeDate);\n  return parsedString?.absoluteDate\n    ? new TZDateMini(parsedString.absoluteDate, getTimezone())\n    : null;\n}\n\n/**\n * Converts a given Date or ISO string to the TimeValue structure for the calendar value.\n * @internal\n */\nexport const getTimeValueFromSimpleValue = (\n  candidate?: string | Date | null,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'day' | 'minutes' | 'seconds' | 'milliseconds',\n): TimeValue | null => {\n  if (!candidate) {\n    return null;\n  }\n\n  const stringDate =\n    typeof candidate === 'string' ? candidate : candidate.toISOString();\n  const timezone = getTimezone();\n  const date = new TZDateMini(stringDate, timezone);\n\n  const minDate = new TZDateMini(\n    removePrecision(min?.absoluteDate ?? '', precision),\n    timezone,\n  );\n  // Enforce min boundary if candidate is before min and position is not 'to'.\n  if (\n    min &&\n    position !== 'to' &&\n    isOutOfBounds(startOfDay(date), min) &&\n    isSameDay(minDate, date)\n  ) {\n    if (min.type === 'expression') {\n      return min;\n    }\n\n    const offsetByPrecision = { milliseconds: 0, seconds: 1, minutes: 60 };\n\n    const offsetSeconds =\n      // Only add the offset when the min has different precision than the calendar.\n      minDate.getTime() === new TZDateMini(min.absoluteDate, timezone).getTime()\n        ? 0\n        : offsetByPrecision[precision as keyof typeof offsetByPrecision] ?? 0;\n\n    // Add one minute/second depending on the precision to keep the timeValue larger than the min.\n    const parsedMin = parseTimeAsTimeValue(\n      addSeconds(minDate, offsetSeconds).toISOString(),\n      undefined,\n      precision,\n    );\n\n    if (parsedMin && isSameDay(minDate, date)) {\n      return parsedMin;\n    }\n  }\n\n  // Enforce max boundary if candidate is after max and position is not 'from'.\n  if (\n    max &&\n    position !== 'from' &&\n    isOutOfBounds(endOfDay(date), undefined, max) &&\n    isSameDay(new TZDateMini(max.absoluteDate, timezone), date)\n  ) {\n    return max;\n  }\n\n  const parsedDate = parseTimeAsTimeValue(stringDate, undefined, precision);\n  if (!parsedDate) {\n    return null;\n  }\n\n  const isRelativeExpression = isExpression || parsedDate.type === 'expression';\n\n  // Preserve the original absoluteDate (including its time component) when precision\n  // is 'day'. The time is used internally to resolve the correct calendar date once precision is applied.\n  const resolvedDate =\n    precision === 'day'\n      ? parsedDate.absoluteDate\n      : _getPreciseIsoString(\n          parsedDate.absoluteDate,\n          timeOffset,\n          position,\n          isRelativeExpression,\n        );\n\n  return isRelativeExpression\n    ? { ...parsedDate, absoluteDate: resolvedDate, type: 'expression' }\n    : { ...parsedDate, absoluteDate: resolvedDate, value: resolvedDate };\n};\n\n/** Applies the proper timeoffset and returns the date as ISO String. */\nfunction _getPreciseIsoString(\n  isoString: string,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n) {\n  if (!timeOffset) {\n    return isoString;\n  }\n\n  const offsetDate = isSimpleTimeOffset(timeOffset)\n    ? timeOffset\n    : timeOffset[position ?? 'from'];\n\n  const date = new TZDateMini(isoString, getTimezone());\n\n  if (isExpression) {\n    return date.toISOString();\n  }\n\n  switch (offsetDate) {\n    case 'startOfDay':\n      return startOfDay(date).toISOString();\n    case 'endOfDay':\n      return endOfDay(date).toISOString();\n    default: {\n      if (isoString === offsetDate) {\n        return isoString;\n      }\n\n      const parsedOffsetDate = parseTimeAsTimeValue(offsetDate);\n\n      if (parsedOffsetDate?.type === 'expression') {\n        return parsedOffsetDate.absoluteDate;\n      }\n\n      const precision = getSecondFractions(offsetDate);\n      return applyInitialTime(isoString, offsetDate, precision);\n    }\n  }\n}\n\n/**\n * For 'date' type, it adjusts the time by the timezone offset to ensure the\n * date is correct without time information.\n * For 'time' and 'datetime' types, it returns the ISO string as is.\n */\nexport const convertDateOnlyToDateTime = (\n  isoString: string | undefined,\n  type: 'time' | 'date' | 'datetime' | undefined,\n): string => {\n  if (type === 'date') {\n    const newDate = new TZDateMini(isoString ?? '', getTimezone());\n    if (!isNaN(newDate.getTime())) {\n      newDate.setMinutes(newDate.getMinutes() + newDate.getTimezoneOffset());\n      return newDate.toISOString();\n    }\n  }\n  return isoString ?? '';\n};\n\n/**\n * Converts a raw TimeValue to the correct calendarValue shape.\n * When precision is 'day', the absoluteDate/value fields must contain a full\n * ISO datetime string (produced by convertDateOnlyToDateTime) rather than the\n * date-only string stored in dateTimePickerValue.\n */\nexport function toCalendarValue(\n  value: TimeValue | null | undefined,\n  precision: Precision | undefined,\n): TimeValue | null {\n  if (!value || value.absoluteDate === '') {\n    return null;\n  }\n  if (precision === 'day') {\n    const converted = convertDateOnlyToDateTime(value.absoluteDate, 'date');\n    if (converted) {\n      return { absoluteDate: converted, value: converted, type: 'iso8601' };\n    }\n  }\n  return value;\n}\n\n/**\n * Filters the Grail min or max date.\n * Returns `undefined` if the provided limit is the default Grail min or max and the value is not outside the Grail range.\n * Otherwise, returns the custom min or max limit.\n * @internal\n */\nexport function filterOutGrailLimit(\n  value: {\n    from: string | null | TimeValue;\n    to: string | null | TimeValue;\n  } | null,\n  limit?: string,\n): string | undefined {\n  const isOutsideGrailLimit = isOutsideRange(\n    value,\n    GRAIL_MIN_DATE,\n    GRAIL_MAX_DATE,\n  );\n\n  return (limit === GRAIL_MIN_DATE || limit === GRAIL_MAX_DATE) &&\n    !isOutsideGrailLimit\n    ? undefined\n    : limit;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/forms/hooks/useAutofillEvent.css

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

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

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

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

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

package/esm/forms/index.js.map

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

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

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