@dynatrace/strato-components 3.10.4 → 3.11.1

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 ClipboardEvent as ReactClipboardEvent,\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  peekPreRestoreEndpoints,\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 | null>,\n  dateInputToRef?: RefObject<DateTimeInputRef | null>,\n): RefObject<DateTimeInputRef | null>[] {\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, onKeyDown and onCutCapture event handlers\n *\n * @internal\n */\nexport function useSelectionInteractionHandlers(\n  touchedContainerRef: RefObject<HTMLElement | null>,\n  onFocusInput: () => void,\n  dateInputFromRef: RefObject<DateTimeInputRef | null>,\n  dateInputToRef?: RefObject<DateTimeInputRef | null>,\n): {\n  onMouseDown: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n  onContextMenu: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onCutCapture: (event: ReactClipboardEvent<HTMLDivElement>) => void;\n} {\n  // Snapshot the selection at contextmenu time so that\n  // onCutCapture can restore it before running the deletion logic.\n  const contextMenuSelectionRef = useRef<Range | null>(null);\n\n  const onMouseDown = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (event.button !== 0) {\n        return;\n      }\n      // A new left-click starts a new selection; discard any stale contextmenu snapshot\n      // and pre-restore endpoints\n      contextMenuSelectionRef.current = null;\n      consumePreRestoreEndpoints(event.currentTarget);\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  // Shared cut logic for both Ctrl+X and context-menu cut.\n  // Calls setClipboard with the appropriate text, then performs the DOM deletion.\n  const performCut = useCallback(\n    (\n      selection: Selection,\n      pickerRoot: HTMLElement,\n      shouldSetClipboard: boolean,\n    ): void => {\n      const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n      if (shouldSetClipboard) {\n        const clipboardText = buildTimeframeClipboardText();\n        if (clipboardText !== null) {\n          navigator.clipboard.writeText(clipboardText).catch(() => {\n            // For now, we silently ignore clipboard write errors.\n          });\n        }\n      }\n\n      const partialExpressionElement = getPartialExpressionElement(\n        selection,\n        inputRefs,\n      );\n      if (partialExpressionElement) {\n        deletePartialExpression(selection, partialExpressionElement);\n        return;\n      }\n\n      const crossExpressionElements = getCrossExpressionElements(\n        selection,\n        inputRefs,\n      );\n      const plan = planBulkClear(\n        selection,\n        inputRefs,\n        consumePreRestoreEndpoints(pickerRoot),\n      );\n\n      if (crossExpressionElements) {\n        const boundaryExpressionRef =\n          crossExpressionElements[0] === crossExpressionElements[1]\n            ? inputRefs.find(\n                (inputRef) =>\n                  inputRef.current?.expressionInputRef ===\n                  crossExpressionElements[0],\n              )\n            : undefined;\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      } else {\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          inputRef.current?.setExpressionValue(text);\n        }\n        for (const ref of plan.affectedExpressionRefs) {\n          ref.current?.setExpressionValue('');\n        }\n        selection.removeAllRanges();\n      }\n\n      restoreFocusAfterBulkClear(\n        getFirstSnapshotHandler(plan.snapshot),\n        findFirstExpressionFocusTarget(\n          inputRefs,\n          plan.affectedExpressionRefs,\n          plan.expressionFallbacks,\n        ),\n      );\n    },\n    [dateInputFromRef, dateInputToRef],\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/backspace and type-to-replace.\n      function bulkClear(\n        selection: Selection,\n        direction: 'forward' | 'backward',\n      ) {\n        const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n        if (\n          getPartialExpressionElement(selection, inputRefs) !== null ||\n          getCrossExpressionElements(selection, inputRefs) !== null\n        ) {\n          performCut(selection, pickerRoot, false);\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      // 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 = event.key === 'Backspace' ? 'backward' : 'forward';\n\n      if (isCut || isDelete) {\n        const selection = window.getSelection();\n        // React 19/jsdom can collapse the live cross-contenteditable selection\n        // before this bubble-phase handler runs. The capture-phase restore code\n        // stashes the original endpoints so bulkClear can still operate on the\n        // user's selected range.\n        const preRestoreEndpoints = peekPreRestoreEndpoints(pickerRoot);\n        if (selection && (!selection.isCollapsed || preRestoreEndpoints)) {\n          event.preventDefault();\n\n          if (isCut) {\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            performCut(selection, pickerRoot, true);\n          } else {\n            bulkClear(selection, direction);\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        // See the Delete/Cut branch above: printable replacement needs the same\n        // endpoint fallback when the live selection was collapsed during restore.\n        const preRestoreEndpoints = peekPreRestoreEndpoints(pickerRoot);\n        if (\n          selection &&\n          ((!selection.isCollapsed &&\n            selection.anchorNode !== selection.focusNode) ||\n            preRestoreEndpoints)\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    [\n      onFocusInput,\n      touchedContainerRef,\n      dateInputFromRef,\n      dateInputToRef,\n      performCut,\n    ],\n  );\n\n  const onContextMenu = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      // Clear stale pre-restore endpoints so planBulkClear uses the fresh selection\n      // from this new right-click session rather than a previous multi-element range.\n      consumePreRestoreEndpoints(event.currentTarget);\n      const selection = window.getSelection();\n      contextMenuSelectionRef.current =\n        selection && !selection.isCollapsed && selection.rangeCount > 0\n          ? selection.getRangeAt(0).cloneRange()\n          : null;\n    },\n    [],\n  );\n\n  // Handles native 'cut' from the context menu using synchronous clipboardData.\n  const onCutCapture = useCallback(\n    (event: ReactClipboardEvent<HTMLDivElement>) => {\n      // Restore the selection saved at contextmenu time before reading it.\n      // Firefox may extend or change the selection between right-click and cut.\n      const savedRange = contextMenuSelectionRef.current;\n      contextMenuSelectionRef.current = null;\n      if (savedRange) {\n        const sel = window.getSelection();\n        if (sel) {\n          sel.removeAllRanges();\n          sel.addRange(savedRange);\n        }\n      }\n\n      const selection = window.getSelection();\n      if (!selection || selection.isCollapsed) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const pickerRoot = event.currentTarget;\n      performCut(selection, pickerRoot, true);\n\n      // Clear data-drag-selected marks set during contextmenu.\n      for (const el of pickerRoot.querySelectorAll<HTMLElement>(\n        '[data-drag-selected]',\n      )) {\n        el.removeAttribute('data-drag-selected');\n      }\n    },\n    [performCut],\n  );\n\n  return { onMouseDown, onKeyDown, onContextMenu, onCutCapture };\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  useRef,\n  type ClipboardEvent as ReactClipboardEvent,\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  peekPreRestoreEndpoints,\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 | null>,\n  dateInputToRef?: RefObject<DateTimeInputRef | null>,\n): RefObject<DateTimeInputRef | null>[] {\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, onKeyDown and onCutCapture event handlers\n *\n * @internal\n */\nexport function useSelectionInteractionHandlers(\n  touchedContainerRef: RefObject<HTMLElement | null>,\n  onFocusInput: () => void,\n  dateInputFromRef: RefObject<DateTimeInputRef | null>,\n  dateInputToRef?: RefObject<DateTimeInputRef | null>,\n): {\n  onMouseDown: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n  onContextMenu: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onCutCapture: (event: ReactClipboardEvent<HTMLDivElement>) => void;\n} {\n  // Snapshot the selection at contextmenu time so that\n  // onCutCapture can restore it before running the deletion logic.\n  const contextMenuSelectionRef = useRef<Range | null>(null);\n\n  const onMouseDown = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (event.button !== 0) {\n        return;\n      }\n      // removeContentEditable (called below) strips contenteditable + tabindex from all\n      // spin buttons \u2014 including the one that currently has focus. When the active element\n      // loses contenteditable the browser moves focus to document.body (relatedTarget=null),\n      // which incorrectly fires the component's onBlur. Moving focus to the container first\n      // ensures the outgoing blur has relatedTarget = container (inside the boundary).\n      const active = document.activeElement;\n      if (\n        active instanceof HTMLElement &&\n        active !== event.currentTarget &&\n        active.hasAttribute('contenteditable') &&\n        event.currentTarget.contains(active)\n      ) {\n        event.currentTarget.focus();\n      }\n      // A new left-click starts a new selection; discard any stale contextmenu snapshot\n      // and pre-restore endpoints\n      contextMenuSelectionRef.current = null;\n      consumePreRestoreEndpoints(event.currentTarget);\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  // Shared cut logic for both Ctrl+X and context-menu cut.\n  // Calls setClipboard with the appropriate text, then performs the DOM deletion.\n  const performCut = useCallback(\n    (\n      selection: Selection,\n      pickerRoot: HTMLElement,\n      shouldSetClipboard: boolean,\n    ): void => {\n      const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n      if (shouldSetClipboard) {\n        const clipboardText = buildTimeframeClipboardText();\n        if (clipboardText !== null) {\n          navigator.clipboard.writeText(clipboardText).catch(() => {\n            // For now, we silently ignore clipboard write errors.\n          });\n        }\n      }\n\n      const partialExpressionElement = getPartialExpressionElement(\n        selection,\n        inputRefs,\n      );\n      if (partialExpressionElement) {\n        deletePartialExpression(selection, partialExpressionElement);\n        return;\n      }\n\n      const crossExpressionElements = getCrossExpressionElements(\n        selection,\n        inputRefs,\n      );\n      const plan = planBulkClear(\n        selection,\n        inputRefs,\n        consumePreRestoreEndpoints(pickerRoot),\n      );\n\n      if (crossExpressionElements) {\n        const boundaryExpressionRef =\n          crossExpressionElements[0] === crossExpressionElements[1]\n            ? inputRefs.find(\n                (inputRef) =>\n                  inputRef.current?.expressionInputRef ===\n                  crossExpressionElements[0],\n              )\n            : undefined;\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      } else {\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          inputRef.current?.setExpressionValue(text);\n        }\n        for (const ref of plan.affectedExpressionRefs) {\n          ref.current?.setExpressionValue('');\n        }\n        selection.removeAllRanges();\n      }\n\n      restoreFocusAfterBulkClear(\n        getFirstSnapshotHandler(plan.snapshot),\n        findFirstExpressionFocusTarget(\n          inputRefs,\n          plan.affectedExpressionRefs,\n          plan.expressionFallbacks,\n        ),\n      );\n    },\n    [dateInputFromRef, dateInputToRef],\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/backspace and type-to-replace.\n      function bulkClear(\n        selection: Selection,\n        direction: 'forward' | 'backward',\n      ) {\n        const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n        if (\n          getPartialExpressionElement(selection, inputRefs) !== null ||\n          getCrossExpressionElements(selection, inputRefs) !== null\n        ) {\n          performCut(selection, pickerRoot, false);\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      // 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 = event.key === 'Backspace' ? 'backward' : 'forward';\n\n      if (isCut || isDelete) {\n        const selection = window.getSelection();\n        // React 19/jsdom can collapse the live cross-contenteditable selection\n        // before this bubble-phase handler runs. The capture-phase restore code\n        // stashes the original endpoints so bulkClear can still operate on the\n        // user's selected range.\n        const preRestoreEndpoints = peekPreRestoreEndpoints(pickerRoot);\n        if (selection && (!selection.isCollapsed || preRestoreEndpoints)) {\n          event.preventDefault();\n\n          if (isCut) {\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            performCut(selection, pickerRoot, true);\n          } else {\n            bulkClear(selection, direction);\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        // See the Delete/Cut branch above: printable replacement needs the same\n        // endpoint fallback when the live selection was collapsed during restore.\n        const preRestoreEndpoints = peekPreRestoreEndpoints(pickerRoot);\n        if (\n          selection &&\n          ((!selection.isCollapsed &&\n            selection.anchorNode !== selection.focusNode) ||\n            preRestoreEndpoints)\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    [\n      onFocusInput,\n      touchedContainerRef,\n      dateInputFromRef,\n      dateInputToRef,\n      performCut,\n    ],\n  );\n\n  const onContextMenu = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      // Clear stale pre-restore endpoints so planBulkClear uses the fresh selection\n      // from this new right-click session rather than a previous multi-element range.\n      consumePreRestoreEndpoints(event.currentTarget);\n      const selection = window.getSelection();\n      contextMenuSelectionRef.current =\n        selection && !selection.isCollapsed && selection.rangeCount > 0\n          ? selection.getRangeAt(0).cloneRange()\n          : null;\n    },\n    [],\n  );\n\n  // Handles native 'cut' from the context menu using synchronous clipboardData.\n  const onCutCapture = useCallback(\n    (event: ReactClipboardEvent<HTMLDivElement>) => {\n      // Restore the selection saved at contextmenu time before reading it.\n      // Firefox may extend or change the selection between right-click and cut.\n      const savedRange = contextMenuSelectionRef.current;\n      contextMenuSelectionRef.current = null;\n      if (savedRange) {\n        const sel = window.getSelection();\n        if (sel) {\n          sel.removeAllRanges();\n          sel.addRange(savedRange);\n        }\n      }\n\n      const selection = window.getSelection();\n      if (!selection || selection.isCollapsed) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const pickerRoot = event.currentTarget;\n      performCut(selection, pickerRoot, true);\n\n      // Clear data-drag-selected marks set during contextmenu.\n      for (const el of pickerRoot.querySelectorAll<HTMLElement>(\n        '[data-drag-selected]',\n      )) {\n        el.removeAttribute('data-drag-selected');\n      }\n    },\n    [performCut],\n  );\n\n  return { onMouseDown, onKeyDown, onContextMenu, onCutCapture };\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"]
 }

package/esm/forms/form/Form.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/form/Form.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  type ForwardedRef,\n  type FormEvent,\n  type ReactElement,\n} from 'react';\n\nimport { FormContext, type FormContextValue } from './context/FormContext.js';\nimport type {\n  FormApi,\n  FormInvalidContext,\n  FormSubmitContext,\n  FormValidator,\n} from './form.types.js';\nimport {\n  createFormRuntime,\n  type FormRuntime,\n  type FormRuntimeConfig,\n} from './runtime/createFormRuntime.js';\nimport { registerFormById } from './runtime/formRegistry.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeLayoutEffect } from '../../core/hooks/useSafeLayoutEffect.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport type { ValidationState } from '../validation/types.js';\n\n/**\n * Props for `Form`.\n * @internal\n */\nexport interface FormProps<TValues = Record<string, unknown>>\n  extends WithChildren,\n    StylingProps,\n    DataTestId,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * Native form id. Required to associate `FormMessages` or a control from\n   * outside the React subtree via `form=\"\u2026\"`; optional otherwise.\n   */\n  id?: string;\n  /** Form-level validators. Receive the full snapshot and may be async. */\n  validators?: FormValidator<TValues>[];\n  /** Called after successful validation on a submit trigger. */\n  onSubmit?: (context: FormSubmitContext<TValues>) => void;\n  /** Called after failed validation on a submit trigger. */\n  onInvalid?: (context: FormInvalidContext<TValues>) => void;\n  /**\n   * Called when the form's aggregate validation state transitions \u2014 validity\n   * flips, or the set of errors changes. Not called on identical recomputations.\n   */\n  onValidityChange?: (state: ValidationState) => void;\n  /**\n   * Pre-built runtime created by `useForm` or `createForm`. When provided,\n   * the form uses this runtime instead of creating its own, so callers outside\n   * the subtree can drive `submit()`, `setError()`, etc. via the same handle.\n   * @internal\n   */\n  form?: FormApi<TValues>;\n}\n\nconst EMPTY_VALIDATORS: FormValidator<never>[] = [];\n\n/**\n * Narrows a `FormApi` (or unknown value) to a full `FormRuntime` by checking\n * for the runtime-only methods (`register`, `subscribe`, `getFormMessages`,\n * `getFieldMessages`). `useForm` / `createForm` return the underlying runtime\n * widened to `FormApi`, so this succeeds for legitimate handles.\n * @internal\n */\nexport function isFormRuntime<TValues = Record<string, unknown>>(\n  value: unknown,\n): value is FormRuntime<TValues> {\n  if (value === null || typeof value !== 'object') {\n    return false;\n  }\n  const candidate = value as Record<string, unknown>;\n  return (\n    typeof candidate.register === 'function' &&\n    typeof candidate.subscribe === 'function' &&\n    typeof candidate.getFormMessages === 'function' &&\n    typeof candidate.getFieldMessages === 'function'\n  );\n}\n\nconst FormRoot = /* @__PURE__ */ forwardRef(function Form<\n  TValues = Record<string, unknown>,\n>(props: FormProps<TValues>, forwardedRef: ForwardedRef<HTMLFormElement>) {\n  const {\n    children,\n    id,\n    form,\n    validators = EMPTY_VALIDATORS as FormValidator<TValues>[],\n    onSubmit,\n    onInvalid,\n    onValidityChange,\n    className,\n    style,\n    'data-testid': dataTestId,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n\n  // Keep the runtime's view of the latest props current without mutating it\n  // during render: the runtime reads this ref lazily on submit/validate.\n  const configRef = useRef<FormRuntimeConfig<TValues>>({\n    validators: EMPTY_VALIDATORS as FormValidator<TValues>[],\n  });\n  configRef.current = {\n    formId: id,\n    validators,\n    onSubmit,\n    onInvalid,\n    onValidityChange,\n  };\n\n  const externalRuntime = isFormRuntime<TValues>(form) ? form : undefined;\n\n  // Internal runtime is only created when no external `form` is provided.\n  // If the consumer toggles between defined/undefined across renders the active\n  // runtime identity swaps \u2014 this is a deliberate non-goal for the `_`-prefixed\n  // unstable API; avoid doing it.\n  const internalRuntimeRef = useRef<FormRuntime<TValues> | undefined>(\n    undefined,\n  );\n  let runtime: FormRuntime<TValues>;\n  if (externalRuntime !== undefined) {\n    runtime = externalRuntime;\n  } else {\n    internalRuntimeRef.current ??= createFormRuntime<TValues>(\n      () => configRef.current,\n    );\n    runtime = internalRuntimeRef.current;\n  }\n\n  // Wire the Form's config into an externally-provided runtime. useSafeLayoutEffect\n  // fires before child useEffect registrations, so config is live before any\n  // submit/validate can read it. On unmount the binding is cleared.\n  useSafeLayoutEffect(() => {\n    const bindConfig = externalRuntime?._bindConfig;\n    if (!bindConfig) {\n      return;\n    }\n    bindConfig(() => configRef.current);\n    return () => bindConfig(undefined);\n  }, [externalRuntime]);\n\n  // Expose the runtime under its id so out-of-subtree controls can associate.\n  useEffect(() => {\n    if (id === undefined) {\n      return;\n    }\n    return registerFormById(id, runtime as FormRuntime);\n  }, [id, runtime]);\n\n  const contextValue = useMemo<FormContextValue>(\n    () => ({ runtime: runtime as FormRuntime, formId: id }),\n    [runtime, id],\n  );\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n    // We own validation and submission; keep the browser out of both.\n    event.preventDefault();\n    void runtime.submit();\n  };\n\n  return (\n    <FormContext.Provider value={contextValue}>\n      <form\n        ref={forwardedRef}\n        id={id}\n        noValidate\n        onSubmit={handleSubmit}\n        className={className}\n        style={style}\n        data-testid={dataTestId}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n      >\n        {children}\n      </form>\n    </FormContext.Provider>\n  );\n});\n\n(FormRoot as typeof FormRoot & { displayName: string }).displayName = 'Form';\n\n/**\n * Aggregates the validation state of the `FormField`s it wraps into a single\n * submit / validity flow, without owning any control values.\n * @internal\n */\nexport const Form = FormRoot as <TValues = Record<string, unknown>>(\n  props: FormProps<TValues> & { ref?: ForwardedRef<HTMLFormElement> },\n) => ReactElement;\n"],
-  "mappings": "AAkLM;AAlLN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAEP,SAAS,mBAA0C;AAOnD;AAAA,EACE;AAAA,OAGK;AACP,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AA2CpC,MAAM,mBAA2C,CAAC;AAS3C,SAAS,cACd,OAC+B;AAC/B,MAAI,UAAU,QAAQ,OAAO,UAAU,UAAU;AAC/C,WAAO;AAAA,EACT;AACA,QAAM,YAAY;AAClB,SACE,OAAO,UAAU,aAAa,cAC9B,OAAO,UAAU,cAAc,cAC/B,OAAO,UAAU,oBAAoB,cACrC,OAAO,UAAU,qBAAqB;AAE1C;AAEA,MAAM,WAA2B,2BAAW,SAAS,KAEnD,OAA2B,cAA6C;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AAIxD,QAAM,YAAY,OAAmC;AAAA,IACnD,YAAY;AAAA,EACd,CAAC;AACD,YAAU,UAAU;AAAA,IAClB,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,kBAAkB,cAAuB,IAAI,IAAI,OAAO;AAM9D,QAAM,qBAAqB;AAAA,IACzB;AAAA,EACF;AACA,MAAI;AACJ,MAAI,oBAAoB,QAAW;AACjC,cAAU;AAAA,EACZ,OAAO;AACL,uBAAmB,YAAY;AAAA,MAC7B,MAAM,UAAU;AAAA,IAClB;AACA,cAAU,mBAAmB;AAAA,EAC/B;AAKA,sBAAoB,MAAM;AACxB,UAAM,aAAa,iBAAiB;AACpC,QAAI,CAAC,YAAY;AACf;AAAA,IACF;AACA,eAAW,MAAM,UAAU,OAAO;AAClC,WAAO,MAAM,WAAW,MAAS;AAAA,EACnC,GAAG,CAAC,eAAe,CAAC;AAGpB,YAAU,MAAM;AACd,QAAI,OAAO,QAAW;AACpB;AAAA,IACF;AACA,WAAO,iBAAiB,IAAI,OAAsB;AAAA,EACpD,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,QAAM,eAAe;AAAA,IACnB,OAAO,EAAE,SAAiC,QAAQ,GAAG;AAAA,IACrD,CAAC,SAAS,EAAE;AAAA,EACd;AAEA,QAAM,eAAe,CAAC,UAAsC;AAE1D,UAAM,eAAe;AACrB,SAAK,QAAQ,OAAO;AAAA,EACtB;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,YAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAEA,SAAuD,cAAc;AAO/D,MAAMA,QAAO;",
+  "sourcesContent": ["import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  type ForwardedRef,\n  type ReactElement,\n  type SyntheticEvent,\n} from 'react';\n\nimport { FormContext, type FormContextValue } from './context/FormContext.js';\nimport type {\n  FormApi,\n  FormInvalidContext,\n  FormSubmitContext,\n  FormValidator,\n} from './form.types.js';\nimport {\n  createFormRuntime,\n  type FormRuntime,\n  type FormRuntimeConfig,\n} from './runtime/createFormRuntime.js';\nimport { registerFormById } from './runtime/formRegistry.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeLayoutEffect } from '../../core/hooks/useSafeLayoutEffect.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport type { ValidationState } from '../validation/types.js';\n\n/**\n * Props for `Form`.\n * @internal\n */\nexport interface FormProps<TValues = Record<string, unknown>>\n  extends WithChildren,\n    StylingProps,\n    DataTestId,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * Native form id. Required to associate `FormMessages` or a control from\n   * outside the React subtree via `form=\"\u2026\"`; optional otherwise.\n   */\n  id?: string;\n  /** Form-level validators. Receive the full snapshot and may be async. */\n  validators?: FormValidator<TValues>[];\n  /** Called after successful validation on a submit trigger. */\n  onSubmit?: (context: FormSubmitContext<TValues>) => void;\n  /** Called after failed validation on a submit trigger. */\n  onInvalid?: (context: FormInvalidContext<TValues>) => void;\n  /**\n   * Called when the form's aggregate validation state transitions \u2014 validity\n   * flips, or the set of errors changes. Not called on identical recomputations.\n   */\n  onValidityChange?: (state: ValidationState) => void;\n  /**\n   * Pre-built runtime created by `useForm` or `createForm`. When provided,\n   * the form uses this runtime instead of creating its own, so callers outside\n   * the subtree can drive `submit()`, `setError()`, etc. via the same handle.\n   * @internal\n   */\n  form?: FormApi<TValues>;\n}\n\nconst EMPTY_VALIDATORS: FormValidator<never>[] = [];\n\n/**\n * Narrows a `FormApi` (or unknown value) to a full `FormRuntime` by checking\n * for the runtime-only methods (`register`, `subscribe`, `getFormMessages`,\n * `getFieldMessages`). `useForm` / `createForm` return the underlying runtime\n * widened to `FormApi`, so this succeeds for legitimate handles.\n * @internal\n */\nexport function isFormRuntime<TValues = Record<string, unknown>>(\n  value: unknown,\n): value is FormRuntime<TValues> {\n  if (value === null || typeof value !== 'object') {\n    return false;\n  }\n  const candidate = value as Record<string, unknown>;\n  return (\n    typeof candidate.register === 'function' &&\n    typeof candidate.subscribe === 'function' &&\n    typeof candidate.getFormMessages === 'function' &&\n    typeof candidate.getFieldMessages === 'function'\n  );\n}\n\nconst FormRoot = /* @__PURE__ */ forwardRef(function Form<\n  TValues = Record<string, unknown>,\n>(props: FormProps<TValues>, forwardedRef: ForwardedRef<HTMLFormElement>) {\n  const {\n    children,\n    id,\n    form,\n    validators = EMPTY_VALIDATORS as FormValidator<TValues>[],\n    onSubmit,\n    onInvalid,\n    onValidityChange,\n    className,\n    style,\n    'data-testid': dataTestId,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n\n  // Keep the runtime's view of the latest props current without mutating it\n  // during render: the runtime reads this ref lazily on submit/validate.\n  const configRef = useRef<FormRuntimeConfig<TValues>>({\n    validators: EMPTY_VALIDATORS as FormValidator<TValues>[],\n  });\n  configRef.current = {\n    formId: id,\n    validators,\n    onSubmit,\n    onInvalid,\n    onValidityChange,\n  };\n\n  const externalRuntime = isFormRuntime<TValues>(form) ? form : undefined;\n\n  // Internal runtime is only created when no external `form` is provided.\n  // If the consumer toggles between defined/undefined across renders the active\n  // runtime identity swaps \u2014 this is a deliberate non-goal for the `_`-prefixed\n  // unstable API; avoid doing it.\n  const internalRuntimeRef = useRef<FormRuntime<TValues> | undefined>(\n    undefined,\n  );\n  let runtime: FormRuntime<TValues>;\n  if (externalRuntime !== undefined) {\n    runtime = externalRuntime;\n  } else {\n    internalRuntimeRef.current ??= createFormRuntime<TValues>(\n      () => configRef.current,\n    );\n    runtime = internalRuntimeRef.current;\n  }\n\n  // Wire the Form's config into an externally-provided runtime. useSafeLayoutEffect\n  // fires before child useEffect registrations, so config is live before any\n  // submit/validate can read it. On unmount the binding is cleared.\n  useSafeLayoutEffect(() => {\n    const bindConfig = externalRuntime?._bindConfig;\n    if (!bindConfig) {\n      return;\n    }\n    bindConfig(() => configRef.current);\n    return () => bindConfig(undefined);\n  }, [externalRuntime]);\n\n  // Expose the runtime under its id so out-of-subtree controls can associate.\n  useEffect(() => {\n    if (id === undefined) {\n      return;\n    }\n    return registerFormById(id, runtime as FormRuntime);\n  }, [id, runtime]);\n\n  const contextValue = useMemo<FormContextValue>(\n    () => ({ runtime: runtime as FormRuntime, formId: id }),\n    [runtime, id],\n  );\n\n  const handleSubmit = (event: SyntheticEvent<HTMLFormElement>) => {\n    // We own validation and submission; keep the browser out of both.\n    event.preventDefault();\n    void runtime.submit();\n  };\n\n  return (\n    <FormContext.Provider value={contextValue}>\n      <form\n        ref={forwardedRef}\n        id={id}\n        noValidate\n        onSubmit={handleSubmit}\n        className={className}\n        style={style}\n        data-testid={dataTestId}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n      >\n        {children}\n      </form>\n    </FormContext.Provider>\n  );\n});\n\n(FormRoot as typeof FormRoot & { displayName: string }).displayName = 'Form';\n\n/**\n * Aggregates the validation state of the `FormField`s it wraps into a single\n * submit / validity flow, without owning any control values.\n * @internal\n */\nexport const Form = FormRoot as <TValues = Record<string, unknown>>(\n  props: FormProps<TValues> & { ref?: ForwardedRef<HTMLFormElement> },\n) => ReactElement;\n"],
+  "mappings": "AAkLM;AAlLN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAEP,SAAS,mBAA0C;AAOnD;AAAA,EACE;AAAA,OAGK;AACP,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AA2CpC,MAAM,mBAA2C,CAAC;AAS3C,SAAS,cACd,OAC+B;AAC/B,MAAI,UAAU,QAAQ,OAAO,UAAU,UAAU;AAC/C,WAAO;AAAA,EACT;AACA,QAAM,YAAY;AAClB,SACE,OAAO,UAAU,aAAa,cAC9B,OAAO,UAAU,cAAc,cAC/B,OAAO,UAAU,oBAAoB,cACrC,OAAO,UAAU,qBAAqB;AAE1C;AAEA,MAAM,WAA2B,2BAAW,SAAS,KAEnD,OAA2B,cAA6C;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AAIxD,QAAM,YAAY,OAAmC;AAAA,IACnD,YAAY;AAAA,EACd,CAAC;AACD,YAAU,UAAU;AAAA,IAClB,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,kBAAkB,cAAuB,IAAI,IAAI,OAAO;AAM9D,QAAM,qBAAqB;AAAA,IACzB;AAAA,EACF;AACA,MAAI;AACJ,MAAI,oBAAoB,QAAW;AACjC,cAAU;AAAA,EACZ,OAAO;AACL,uBAAmB,YAAY;AAAA,MAC7B,MAAM,UAAU;AAAA,IAClB;AACA,cAAU,mBAAmB;AAAA,EAC/B;AAKA,sBAAoB,MAAM;AACxB,UAAM,aAAa,iBAAiB;AACpC,QAAI,CAAC,YAAY;AACf;AAAA,IACF;AACA,eAAW,MAAM,UAAU,OAAO;AAClC,WAAO,MAAM,WAAW,MAAS;AAAA,EACnC,GAAG,CAAC,eAAe,CAAC;AAGpB,YAAU,MAAM;AACd,QAAI,OAAO,QAAW;AACpB;AAAA,IACF;AACA,WAAO,iBAAiB,IAAI,OAAsB;AAAA,EACpD,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,QAAM,eAAe;AAAA,IACnB,OAAO,EAAE,SAAiC,QAAQ,GAAG;AAAA,IACrD,CAAC,SAAS,EAAE;AAAA,EACd;AAEA,QAAM,eAAe,CAAC,UAA2C;AAE/D,UAAM,eAAe;AACrB,SAAK,QAAQ,OAAO;AAAA,EACtB;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,YAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAEA,SAAuD,cAAc;AAO/D,MAAMA,QAAO;",
   "names": ["Form"]
 }

package/esm/forms/form/hooks/useInternalFormRegistration.js

@@ -67,7 +67,9 @@ function useInternalFormRegistration(options) {
       getI18nValidationState(intl, controlRef?.current?.inputRef, trigger)
     );
   };
-  const resolvedId = id ?? formFieldContext.formFieldId ?? formFieldContext.controlId ?? generatedId;
+  const resolvedId = id ?? formFieldContext.formFieldId ?? // DEPRECATION: APPDEV-18319 - Remove deprecated `controlId`.
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  formFieldContext.controlId ?? generatedId;
   const wrappedValidateField = useCallback(
     async (validateOptions) => {
       suppressLiveValidityReportRef.current = true;

package/esm/forms/form/hooks/useInternalFormRegistration.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/form/hooks/useInternalFormRegistration.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef, type RefObject } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useFormRuntimeRegistration } from './useFormRuntimeRegistration.js';\nimport { useCallbackRef } from '../../../core/hooks/useCallbackRef.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { useFormFieldContext } from '../../forms-core/hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { getI18nValidationState } from '../../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef } from '../../shared-types.js';\nimport {\n  type MessageTarget,\n  normalizeMessageTarget,\n} from '../../validation/message-routing.js';\nimport type { ValidationState } from '../../validation/types.js';\nimport { useCustomMessageEmitter } from '../../validation/useCustomMessageEmitter.js';\nimport type { ValidateFieldOptions } from '../form.types.js';\n\nexport interface InternalFormRegistrationOptions<TValue = unknown> {\n  id?: string;\n  name?: string;\n  form?: string;\n  /**\n   * Where this control's native/Strato messages render, from the control's\n   * `_messageTarget` prop. Defaults to the field outlet.\n   */\n  messageTarget?: MessageTarget | MessageTarget[];\n  value?: TValue;\n  controlRef?: RefObject<FormControlRef<HTMLElement> | null>;\n  onValidityChange?: (state: ValidationState) => void;\n  getValue?: () => unknown;\n  focus?: () => void;\n  validateField?: (options: ValidateFieldOptions) => Promise<ValidationState>;\n  resetValidation?: () => void;\n}\n\n/**\n * Internal registration hook for Strato-owned controls. Strato controls compute their\n * own `ValidationState` (native + Strato + custom messages) through the\n * `FormField` message pipeline; this hook hands that pipeline's\n * `validateField` and value/focus accessors to the enclosing `<Form>` so the\n * control participates in submit, aggregation, snapshot, and focus-first-invalid\n * with no per-control runtime of its own.\n *\n * It is the counterpart to the public `useFormRegistration`: same\n * registration primitive, but fed by the Strato validity pipeline instead of a\n * consumer-supplied validator. Returns a `reportValidity` the control tees its\n * live emissions into, or a no-op when there is no enclosing form.\n * @internal\n */\nexport function useInternalFormRegistration<TValue = unknown>(\n  options: InternalFormRegistrationOptions<TValue>,\n): { id: string; onValidityChange: (state: ValidationState) => void } {\n  const {\n    id,\n    name,\n    form,\n    messageTarget,\n    value,\n    controlRef,\n    onValidityChange,\n    getValue,\n    focus,\n    validateField,\n    resetValidation,\n  } = options;\n  const intl = useIntl();\n  const generatedId = useId();\n  const formFieldContext = useFormFieldContext();\n  const { dispatch } = useFormFieldMessagesContext();\n\n  // Publish the control's routing choice into the field context so the two\n  // read-points (the `FormFieldMessages` render filter and the\n  // `useCustomMessageEmitter` emit path) resolve it without per-control logic.\n  const normalizedTarget =\n    messageTarget === undefined\n      ? undefined\n      : normalizeMessageTarget(messageTarget);\n  const messageTargetKey = normalizedTarget?.join(',') ?? '';\n  const normalizedTargetRef = useRef(normalizedTarget);\n  normalizedTargetRef.current = normalizedTarget;\n  useEffect(() => {\n    dispatch?.({\n      type: FormFieldMessagesAction.SETMESSAGETARGET,\n      payload: { messageTarget: normalizedTargetRef.current },\n    });\n  }, [dispatch, messageTargetKey]);\n  const suppressLiveValidityReportRef = useRef(false);\n  const reportValidityRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n\n  // Consumers routinely pass a fresh `onValidityChange` on every render (e.g. an\n  // inline arrow). Read it through a stable ref so `handleValidityChange` \u2014 and\n  // the `useCustomMessageEmitter` re-emit effects that depend on it \u2014 keep a\n  // stable identity; otherwise every emitted state re-triggers those effects,\n  // and when the consumer's handler also sets state it becomes an infinite loop.\n  const onValidityChangeStable = useCallbackRef(onValidityChange);\n  const handleValidityChange = useCallback(\n    (state: ValidationState) => {\n      onValidityChangeStable(state);\n      if (!suppressLiveValidityReportRef.current) {\n        reportValidityRef.current?.(state);\n      }\n    },\n    [onValidityChangeStable],\n  );\n  const emitWithCustomMessages = useCustomMessageEmitter(\n    handleValidityChange,\n    () => getI18nValidationState(intl, controlRef?.current?.inputRef, 'manual'),\n  );\n\n  const defaultValidateField = ({ reveal, trigger }: ValidateFieldOptions) => {\n    controlRef?.current?.inputRef?.checkValidity();\n    if (reveal) {\n      dispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: true },\n      });\n    }\n    return emitWithCustomMessages(\n      getI18nValidationState(intl, controlRef?.current?.inputRef, trigger),\n    );\n  };\n\n  const resolvedId =\n    id ??\n    formFieldContext.formFieldId ??\n    formFieldContext.controlId ??\n    generatedId;\n\n  const wrappedValidateField = useCallback(\n    async (validateOptions: ValidateFieldOptions) => {\n      suppressLiveValidityReportRef.current = true;\n      try {\n        return await (validateField ?? defaultValidateField)(validateOptions);\n      } finally {\n        suppressLiveValidityReportRef.current = false;\n      }\n    },\n    [defaultValidateField, validateField],\n  );\n\n  const reportValidity = useFormRuntimeRegistration({\n    id: resolvedId,\n    name,\n    form,\n    getValue: getValue ?? (() => value),\n    focus: focus ?? (() => controlRef?.current?.focus?.()),\n    validateField: wrappedValidateField,\n    resetValidation:\n      resetValidation ??\n      (() => {\n        controlRef?.current?.inputRef?.setCustomValidity('');\n        dispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: false, resetShowError: true },\n        });\n      }),\n  });\n\n  reportValidityRef.current = reportValidity;\n\n  return { id: resolvedId, onValidityChange: handleValidityChange };\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa,WAAW,cAA8B;AAC/D,SAAS,eAAe;AAExB,SAAS,kCAAkC;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,2BAA2B;AACpC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAExC;AAAA,EAEE;AAAA,OACK;AAEP,SAAS,+BAA+B;AAmCjC,SAAS,4BACd,SACoE;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,OAAO,QAAQ;AACrB,QAAM,cAAc,MAAM;AAC1B,QAAM,mBAAmB,oBAAoB;AAC7C,QAAM,EAAE,SAAS,IAAI,4BAA4B;AAKjD,QAAM,mBACJ,kBAAkB,SACd,SACA,uBAAuB,aAAa;AAC1C,QAAM,mBAAmB,kBAAkB,KAAK,GAAG,KAAK;AACxD,QAAM,sBAAsB,OAAO,gBAAgB;AACnD,sBAAoB,UAAU;AAC9B,YAAU,MAAM;AACd,eAAW;AAAA,MACT,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,eAAe,oBAAoB,QAAQ;AAAA,IACxD,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,gBAAgB,CAAC;AAC/B,QAAM,gCAAgC,OAAO,KAAK;AAClD,QAAM,oBAAoB,OAExB,MAAS;AAOX,QAAM,yBAAyB,eAAe,gBAAgB;AAC9D,QAAM,uBAAuB;AAAA,IAC3B,CAAC,UAA2B;AAC1B,6BAAuB,KAAK;AAC5B,UAAI,CAAC,8BAA8B,SAAS;AAC1C,0BAAkB,UAAU,KAAK;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AACA,QAAM,yBAAyB;AAAA,IAC7B;AAAA,IACA,MAAM,uBAAuB,MAAM,YAAY,SAAS,UAAU,QAAQ;AAAA,EAC5E;AAEA,QAAM,uBAAuB,CAAC,EAAE,QAAQ,QAAQ,MAA4B;AAC1E,gBAAY,SAAS,UAAU,cAAc;AAC7C,QAAI,QAAQ;AACV,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,MAC7B,CAAC;AAAA,IACH;AACA,WAAO;AAAA,MACL,uBAAuB,MAAM,YAAY,SAAS,UAAU,OAAO;AAAA,IACrE;AAAA,EACF;AAEA,QAAM,aACJ,MACA,iBAAiB,eACjB,iBAAiB,aACjB;AAEF,QAAM,uBAAuB;AAAA,IAC3B,OAAO,oBAA0C;AAC/C,oCAA8B,UAAU;AACxC,UAAI;AACF,eAAO,OAAO,iBAAiB,sBAAsB,eAAe;AAAA,MACtE,UAAE;AACA,sCAA8B,UAAU;AAAA,MAC1C;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,aAAa;AAAA,EACtC;AAEA,QAAM,iBAAiB,2BAA2B;AAAA,IAChD,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU,aAAa,MAAM;AAAA,IAC7B,OAAO,UAAU,MAAM,YAAY,SAAS,QAAQ;AAAA,IACpD,eAAe;AAAA,IACf,iBACE,oBACC,MAAM;AACL,kBAAY,SAAS,UAAU,kBAAkB,EAAE;AACnD,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,WAAW,OAAO,gBAAgB,KAAK;AAAA,MACpD,CAAC;AAAA,IACH;AAAA,EACJ,CAAC;AAED,oBAAkB,UAAU;AAE5B,SAAO,EAAE,IAAI,YAAY,kBAAkB,qBAAqB;AAClE;",
+  "sourcesContent": ["import { useCallback, useEffect, useRef, type RefObject } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useFormRuntimeRegistration } from './useFormRuntimeRegistration.js';\nimport { useCallbackRef } from '../../../core/hooks/useCallbackRef.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { useFormFieldContext } from '../../forms-core/hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { getI18nValidationState } from '../../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef } from '../../shared-types.js';\nimport {\n  type MessageTarget,\n  normalizeMessageTarget,\n} from '../../validation/message-routing.js';\nimport type { ValidationState } from '../../validation/types.js';\nimport { useCustomMessageEmitter } from '../../validation/useCustomMessageEmitter.js';\nimport type { ValidateFieldOptions } from '../form.types.js';\n\nexport interface InternalFormRegistrationOptions<TValue = unknown> {\n  id?: string;\n  name?: string;\n  form?: string;\n  /**\n   * Where this control's native/Strato messages render, from the control's\n   * `_messageTarget` prop. Defaults to the field outlet.\n   */\n  messageTarget?: MessageTarget | MessageTarget[];\n  value?: TValue;\n  controlRef?: RefObject<FormControlRef<HTMLElement> | null>;\n  onValidityChange?: (state: ValidationState) => void;\n  getValue?: () => unknown;\n  focus?: () => void;\n  validateField?: (options: ValidateFieldOptions) => Promise<ValidationState>;\n  resetValidation?: () => void;\n}\n\n/**\n * Internal registration hook for Strato-owned controls. Strato controls compute their\n * own `ValidationState` (native + Strato + custom messages) through the\n * `FormField` message pipeline; this hook hands that pipeline's\n * `validateField` and value/focus accessors to the enclosing `<Form>` so the\n * control participates in submit, aggregation, snapshot, and focus-first-invalid\n * with no per-control runtime of its own.\n *\n * It is the counterpart to the public `useFormRegistration`: same\n * registration primitive, but fed by the Strato validity pipeline instead of a\n * consumer-supplied validator. Returns a `reportValidity` the control tees its\n * live emissions into, or a no-op when there is no enclosing form.\n * @internal\n */\nexport function useInternalFormRegistration<TValue = unknown>(\n  options: InternalFormRegistrationOptions<TValue>,\n): { id: string; onValidityChange: (state: ValidationState) => void } {\n  const {\n    id,\n    name,\n    form,\n    messageTarget,\n    value,\n    controlRef,\n    onValidityChange,\n    getValue,\n    focus,\n    validateField,\n    resetValidation,\n  } = options;\n  const intl = useIntl();\n  const generatedId = useId();\n  const formFieldContext = useFormFieldContext();\n  const { dispatch } = useFormFieldMessagesContext();\n\n  // Publish the control's routing choice into the field context so the two\n  // read-points (the `FormFieldMessages` render filter and the\n  // `useCustomMessageEmitter` emit path) resolve it without per-control logic.\n  const normalizedTarget =\n    messageTarget === undefined\n      ? undefined\n      : normalizeMessageTarget(messageTarget);\n  const messageTargetKey = normalizedTarget?.join(',') ?? '';\n  const normalizedTargetRef = useRef(normalizedTarget);\n  normalizedTargetRef.current = normalizedTarget;\n  useEffect(() => {\n    dispatch?.({\n      type: FormFieldMessagesAction.SETMESSAGETARGET,\n      payload: { messageTarget: normalizedTargetRef.current },\n    });\n  }, [dispatch, messageTargetKey]);\n  const suppressLiveValidityReportRef = useRef(false);\n  const reportValidityRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n\n  // Consumers routinely pass a fresh `onValidityChange` on every render (e.g. an\n  // inline arrow). Read it through a stable ref so `handleValidityChange` \u2014 and\n  // the `useCustomMessageEmitter` re-emit effects that depend on it \u2014 keep a\n  // stable identity; otherwise every emitted state re-triggers those effects,\n  // and when the consumer's handler also sets state it becomes an infinite loop.\n  const onValidityChangeStable = useCallbackRef(onValidityChange);\n  const handleValidityChange = useCallback(\n    (state: ValidationState) => {\n      onValidityChangeStable(state);\n      if (!suppressLiveValidityReportRef.current) {\n        reportValidityRef.current?.(state);\n      }\n    },\n    [onValidityChangeStable],\n  );\n  const emitWithCustomMessages = useCustomMessageEmitter(\n    handleValidityChange,\n    () => getI18nValidationState(intl, controlRef?.current?.inputRef, 'manual'),\n  );\n\n  const defaultValidateField = ({ reveal, trigger }: ValidateFieldOptions) => {\n    controlRef?.current?.inputRef?.checkValidity();\n    if (reveal) {\n      dispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: true },\n      });\n    }\n    return emitWithCustomMessages(\n      getI18nValidationState(intl, controlRef?.current?.inputRef, trigger),\n    );\n  };\n\n  const resolvedId =\n    id ??\n    formFieldContext.formFieldId ??\n    // DEPRECATION: APPDEV-18319 - Remove deprecated `controlId`.\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    formFieldContext.controlId ??\n    generatedId;\n\n  const wrappedValidateField = useCallback(\n    async (validateOptions: ValidateFieldOptions) => {\n      suppressLiveValidityReportRef.current = true;\n      try {\n        return await (validateField ?? defaultValidateField)(validateOptions);\n      } finally {\n        suppressLiveValidityReportRef.current = false;\n      }\n    },\n    [defaultValidateField, validateField],\n  );\n\n  const reportValidity = useFormRuntimeRegistration({\n    id: resolvedId,\n    name,\n    form,\n    getValue: getValue ?? (() => value),\n    focus: focus ?? (() => controlRef?.current?.focus?.()),\n    validateField: wrappedValidateField,\n    resetValidation:\n      resetValidation ??\n      (() => {\n        controlRef?.current?.inputRef?.setCustomValidity('');\n        dispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: false, resetShowError: true },\n        });\n      }),\n  });\n\n  reportValidityRef.current = reportValidity;\n\n  return { id: resolvedId, onValidityChange: handleValidityChange };\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,WAAW,cAA8B;AAC/D,SAAS,eAAe;AAExB,SAAS,kCAAkC;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,2BAA2B;AACpC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAExC;AAAA,EAEE;AAAA,OACK;AAEP,SAAS,+BAA+B;AAmCjC,SAAS,4BACd,SACoE;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,OAAO,QAAQ;AACrB,QAAM,cAAc,MAAM;AAC1B,QAAM,mBAAmB,oBAAoB;AAC7C,QAAM,EAAE,SAAS,IAAI,4BAA4B;AAKjD,QAAM,mBACJ,kBAAkB,SACd,SACA,uBAAuB,aAAa;AAC1C,QAAM,mBAAmB,kBAAkB,KAAK,GAAG,KAAK;AACxD,QAAM,sBAAsB,OAAO,gBAAgB;AACnD,sBAAoB,UAAU;AAC9B,YAAU,MAAM;AACd,eAAW;AAAA,MACT,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,eAAe,oBAAoB,QAAQ;AAAA,IACxD,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,gBAAgB,CAAC;AAC/B,QAAM,gCAAgC,OAAO,KAAK;AAClD,QAAM,oBAAoB,OAExB,MAAS;AAOX,QAAM,yBAAyB,eAAe,gBAAgB;AAC9D,QAAM,uBAAuB;AAAA,IAC3B,CAAC,UAA2B;AAC1B,6BAAuB,KAAK;AAC5B,UAAI,CAAC,8BAA8B,SAAS;AAC1C,0BAAkB,UAAU,KAAK;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AACA,QAAM,yBAAyB;AAAA,IAC7B;AAAA,IACA,MAAM,uBAAuB,MAAM,YAAY,SAAS,UAAU,QAAQ;AAAA,EAC5E;AAEA,QAAM,uBAAuB,CAAC,EAAE,QAAQ,QAAQ,MAA4B;AAC1E,gBAAY,SAAS,UAAU,cAAc;AAC7C,QAAI,QAAQ;AACV,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,MAC7B,CAAC;AAAA,IACH;AACA,WAAO;AAAA,MACL,uBAAuB,MAAM,YAAY,SAAS,UAAU,OAAO;AAAA,IACrE;AAAA,EACF;AAEA,QAAM,aACJ,MACA,iBAAiB;AAAA;AAAA,EAGjB,iBAAiB,aACjB;AAEF,QAAM,uBAAuB;AAAA,IAC3B,OAAO,oBAA0C;AAC/C,oCAA8B,UAAU;AACxC,UAAI;AACF,eAAO,OAAO,iBAAiB,sBAAsB,eAAe;AAAA,MACtE,UAAE;AACA,sCAA8B,UAAU;AAAA,MAC1C;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,aAAa;AAAA,EACtC;AAEA,QAAM,iBAAiB,2BAA2B;AAAA,IAChD,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU,aAAa,MAAM;AAAA,IAC7B,OAAO,UAAU,MAAM,YAAY,SAAS,QAAQ;AAAA,IACpD,eAAe;AAAA,IACf,iBACE,oBACC,MAAM;AACL,kBAAY,SAAS,UAAU,kBAAkB,EAAE;AACnD,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,WAAW,OAAO,gBAAgB,KAAK;AAAA,MACpD,CAAC;AAAA,IACH;AAAA,EACJ,CAAC;AAED,oBAAkB,UAAU;AAE5B,SAAO,EAAE,IAAI,YAAY,kBAAkB,qBAAqB;AAClE;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1dphm0f0-3-10-4 {
+._1dphm0f0-3-11-1 {
   appearance: none;
   margin: 0;
   border: none;
@@ -6,7 +6,7 @@
   min-width: 0;
   min-height: 0;
 }
-._1dphm0f1-3-10-4 {
+._1dphm0f1-3-11-1 {
   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-10-4";
-var legend = "_1dphm0f1-3-10-4";
+var fieldset = "_1dphm0f0-3-11-1";
+var legend = "_1dphm0f1-3-11-1";
 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-10-4';\nexport var legend = '_1dphm0f1-3-10-4';"],
+  "sourcesContent": ["import './FieldSet.css';\nexport var fieldset = '_1dphm0f0-3-11-1';\nexport var legend = '_1dphm0f1-3-11-1';"],
   "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-10-4";
+var formField = "_mvcxum0-3-11-1";
 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-10-4';"],
+  "sourcesContent": ["import './FormField.css';\nexport var formField = '_mvcxum0-3-11-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

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

@@ -1,17 +1,17 @@
-._16z6rg10-3-10-4 {
+._16z6rg10-3-11-1 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
 }
-._16z6rg11-3-10-4 {
+._16z6rg11-3-11-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._16z6rg12-3-10-4 {
+._16z6rg12-3-11-1 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._16z6rg13-3-10-4 {
+._16z6rg13-3-11-1 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._16z6rg14-3-10-4 {
+._16z6rg14-3-11-1 {
   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-10-4", variantClassNames: { variant: { hint: "_16z6rg11-3-10-4", error: "_16z6rg12-3-10-4" }, disabled: { true: "_16z6rg13-3-10-4" } }, defaultVariants: { variant: "hint", disabled: false }, compoundVariants: [] });
-var formFieldMessageItemText = "_16z6rg14-3-10-4";
+var formFieldMessageItem = _7a468({ defaultClassName: "_16z6rg10-3-11-1", variantClassNames: { variant: { hint: "_16z6rg11-3-11-1", error: "_16z6rg12-3-11-1" }, disabled: { true: "_16z6rg13-3-11-1" } }, defaultVariants: { variant: "hint", disabled: false }, compoundVariants: [] });
+var formFieldMessageItemText = "_16z6rg14-3-11-1";
 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-10-4',variantClassNames:{variant:{hint:'_16z6rg11-3-10-4',error:'_16z6rg12-3-10-4'},disabled:{true:'_16z6rg13-3-10-4'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-10-4';"],
+  "sourcesContent": ["import './FormFieldMessageItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldMessageItem = _7a468({defaultClassName:'_16z6rg10-3-11-1',variantClassNames:{variant:{hint:'_16z6rg11-3-11-1',error:'_16z6rg12-3-11-1'},disabled:{true:'_16z6rg13-3-11-1'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-11-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,SAAQ,QAAO,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7P,IAAI,2BAA2B;",
   "names": []
 }

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

@@ -1,9 +1,9 @@
-._1l9bja60-3-10-4 {
+._1l9bja60-3-11-1 {
   display: flex;
 }
-._1l9bja60-3-10-4:empty {
+._1l9bja60-3-11-1:empty {
   display: none;
 }
-._1l9bja60-3-10-4[aria-hidden='true'] {
+._1l9bja60-3-11-1[aria-hidden='true'] {
   display: none;
 }

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

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

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

@@ -1,15 +1,15 @@
-._1gxatyo0-3-10-4 {
+._1gxatyo0-3-11-1 {
   display: inline-block;
 }
-._1gxatyo1-3-10-4 {
+._1gxatyo1-3-11-1 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._1gxatyo2-3-10-4:after {
+._1gxatyo2-3-11-1:after {
   content: "*" / "";
 }
-._1gxatyo3-3-10-4 {
+._1gxatyo3-3-11-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1gxatyo4-3-10-4 {
+._1gxatyo4-3-11-1 {
   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-10-4", variantClassNames: { disabled: { true: "_1gxatyo1-3-10-4" }, required: { true: "_1gxatyo2-3-10-4" }, readOnly: { true: "_1gxatyo3-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
-var readOnlyLabel = "_1gxatyo4-3-10-4";
+var label = _7a468({ defaultClassName: "_1gxatyo0-3-11-1", variantClassNames: { disabled: { true: "_1gxatyo1-3-11-1" }, required: { true: "_1gxatyo2-3-11-1" }, readOnly: { true: "_1gxatyo3-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
+var readOnlyLabel = "_1gxatyo4-3-11-1";
 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-10-4',variantClassNames:{disabled:{true:'_1gxatyo1-3-10-4'},required:{true:'_1gxatyo2-3-10-4'},readOnly:{true:'_1gxatyo3-3-10-4'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-10-4';"],
+  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-11-1',variantClassNames:{disabled:{true:'_1gxatyo1-3-11-1'},required:{true:'_1gxatyo2-3-11-1'},readOnly:{true:'_1gxatyo3-3-11-1'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-11-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,QAAQ,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5N,IAAI,gBAAgB;",
   "names": []
 }

package/esm/forms/forms-core/hooks/useMinMaxLogger.js

@@ -8,7 +8,17 @@ const useMinMaxLogger = (min, max, componentName) => {
   );
   const timezone = getTimezone();
   useEffect(() => {
-    if (min && max && new TZDateMini(min.absoluteDate, timezone).getTime() >= new TZDateMini(max.absoluteDate, timezone).getTime()) {
+    if (min && !min.absoluteDate) {
+      logger.warn(
+        `The 'min' prop value "${min.value}" could not be parsed as a valid date expression and will be ignored.`
+      );
+    }
+    if (max && !max.absoluteDate) {
+      logger.warn(
+        `The 'max' prop value "${max.value}" could not be parsed as a valid date expression and will be ignored.`
+      );
+    }
+    if (min && max && min.absoluteDate && max.absoluteDate && new TZDateMini(min.absoluteDate, timezone).getTime() >= new TZDateMini(max.absoluteDate, timezone).getTime()) {
       logger.error(
         `Min prop is larger than the max prop. Min: ${min.value}, Max: ${max.value}`
       );

package/esm/forms/forms-core/hooks/useMinMaxLogger.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/hooks/useMinMaxLogger.tsx"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { useEffect } from 'react';\n\nimport type { TimeValue } from '@dynatrace-sdk/units/types/packages/util/units/src/util-format/time.js';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\n\n/**\n * Hook to check and log when the min is larger than the max.\n * @internal\n */\nexport const useMinMaxLogger = (\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  componentName?: string,\n) => {\n  const logger = getStratoLogger(\n    componentName ?? 'Date Component - MinMaxLogger',\n  );\n\n  const timezone = getTimezone();\n\n  useEffect(() => {\n    if (\n      min &&\n      max &&\n      new TZDateMini(min.absoluteDate, timezone).getTime() >=\n        new TZDateMini(max.absoluteDate, timezone).getTime()\n    ) {\n      logger.error(\n        `Min prop is larger than the max prop. Min: ${min.value}, Max: ${max.value}`,\n      );\n    }\n  }, [min, max, logger, timezone]);\n};\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAG1B,SAAS,mBAAmB;AAE5B,SAAS,uBAAuB;AAMzB,MAAM,kBAAkB,CAC7B,KACA,KACA,kBACG;AACH,QAAM,SAAS;AAAA,IACb,iBAAiB;AAAA,EACnB;AAEA,QAAM,WAAW,YAAY;AAE7B,YAAU,MAAM;AACd,QACE,OACA,OACA,IAAI,WAAW,IAAI,cAAc,QAAQ,EAAE,QAAQ,KACjD,IAAI,WAAW,IAAI,cAAc,QAAQ,EAAE,QAAQ,GACrD;AACA,aAAO;AAAA,QACL,8CAA8C,IAAI,KAAK,UAAU,IAAI,KAAK;AAAA,MAC5E;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,KAAK,QAAQ,QAAQ,CAAC;AACjC;",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { useEffect } from 'react';\n\nimport type { TimeValue } from '@dynatrace-sdk/units/types/packages/util/units/src/util-format/time.js';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\n\n/**\n * Hook to log invalid min/max prop values: warns when a value could not be\n * parsed as a date expression, and errors when min is larger than max.\n * @internal\n */\nexport const useMinMaxLogger = (\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  componentName?: string,\n) => {\n  const logger = getStratoLogger(\n    componentName ?? 'Date Component - MinMaxLogger',\n  );\n\n  const timezone = getTimezone();\n\n  useEffect(() => {\n    if (min && !min.absoluteDate) {\n      logger.warn(\n        `The 'min' prop value \"${min.value}\" could not be parsed as a valid date expression and will be ignored.`,\n      );\n    }\n    if (max && !max.absoluteDate) {\n      logger.warn(\n        `The 'max' prop value \"${max.value}\" could not be parsed as a valid date expression and will be ignored.`,\n      );\n    }\n    if (\n      min &&\n      max &&\n      min.absoluteDate &&\n      max.absoluteDate &&\n      new TZDateMini(min.absoluteDate, timezone).getTime() >=\n        new TZDateMini(max.absoluteDate, timezone).getTime()\n    ) {\n      logger.error(\n        `Min prop is larger than the max prop. Min: ${min.value}, Max: ${max.value}`,\n      );\n    }\n  }, [min, max, logger, timezone]);\n};\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAG1B,SAAS,mBAAmB;AAE5B,SAAS,uBAAuB;AAOzB,MAAM,kBAAkB,CAC7B,KACA,KACA,kBACG;AACH,QAAM,SAAS;AAAA,IACb,iBAAiB;AAAA,EACnB;AAEA,QAAM,WAAW,YAAY;AAE7B,YAAU,MAAM;AACd,QAAI,OAAO,CAAC,IAAI,cAAc;AAC5B,aAAO;AAAA,QACL,yBAAyB,IAAI,KAAK;AAAA,MACpC;AAAA,IACF;AACA,QAAI,OAAO,CAAC,IAAI,cAAc;AAC5B,aAAO;AAAA,QACL,yBAAyB,IAAI,KAAK;AAAA,MACpC;AAAA,IACF;AACA,QACE,OACA,OACA,IAAI,gBACJ,IAAI,gBACJ,IAAI,WAAW,IAAI,cAAc,QAAQ,EAAE,QAAQ,KACjD,IAAI,WAAW,IAAI,cAAc,QAAQ,EAAE,QAAQ,GACrD;AACA,aAAO;AAAA,QACL,8CAA8C,IAAI,KAAK,UAAU,IAAI,KAAK;AAAA,MAC5E;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,KAAK,QAAQ,QAAQ,CAAC;AACjC;",
   "names": []
 }

package/esm/forms/forms-core/state/formfield-messages-state-reducer.js

@@ -1,3 +1,4 @@
+import { NativeValidityStateKeys } from "../../validation/types.js";
 var FormFieldMessagesAction = /* @__PURE__ */ ((FormFieldMessagesAction2) => {
   FormFieldMessagesAction2["ADDMESSAGE"] = "addmessage";
   FormFieldMessagesAction2["REMOVEMESSAGE"] = "removemessage";
@@ -12,6 +13,9 @@ var FormFieldMessagesAction = /* @__PURE__ */ ((FormFieldMessagesAction2) => {
 function isFormControlPayload(payload, messageType) {
   return messageType === "formcontrol";
 }
+const BROWSER_NATIVE_VALIDITY_KEYS = new Set(
+  Object.entries(NativeValidityStateKeys).filter(([key]) => key !== "customError").map(([, v]) => v.toString())
+);
 function isHTMLFormControlElement(element) {
   return !!(element && "setCustomValidity" in element);
 }
@@ -41,7 +45,7 @@ function updateValidity(state, explicitControlId) {
   const newIsValid = !hasCustomError && !hasFormControlError;
   const newShowError = !isDisabled && (state.showError || (isTouched ?? false)) && !newIsValid;
   const hasStratoCustomError = formControlMessages.some(
-    (message) => message.variant === "error" && message.validityStateKey === "customError"
+    (message) => message.variant === "error" && !BROWSER_NATIVE_VALIDITY_KEYS.has(message.validityStateKey)
   );
   const nativeValidityIsValid = !hasCustomError && !hasStratoCustomError;
   if (explicitControlId) {