@dynatrace/strato-components 3.13.3 → 3.14.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      // 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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",
+  "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 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 { useId } from '../../core/hooks/useId.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 formMessagesId = useId();\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, formMessagesId }),\n    [runtime, id, formMessagesId],\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": "AAqLM;AArLN;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,aAAa;AACtB,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,iBAAiB,MAAM;AAE7B,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,IAAI,eAAe;AAAA,IACrE,CAAC,SAAS,IAAI,cAAc;AAAA,EAC9B;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;",
+  "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 { useId } from '../../core/hooks/useId.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\n    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 formMessagesId = useId();\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, formMessagesId }),\n    [runtime, id, formMessagesId],\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": "AAsLM;AAtLN;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,aAAa;AACtB,SAAS,2BAA2B;AA4CpC,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,iBAAiB,MAAM;AAE7B,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,IAAI,eAAe;AAAA,IACrE,CAAC,SAAS,IAAI,cAAc;AAAA,EAC9B;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/runtime/createFormRuntime.js

@@ -3,6 +3,7 @@ import { routesTo } from "../../validation/message-routing.js";
 import {
   ValidationError
 } from "../../validation/types.js";
+import { withSource } from "../../validation/validation-builders.js";
 import { FormValidationError } from "../form-error-classes.js";
 function compareOrdinal(a, b) {
   return a < b ? -1 : a > b ? 1 : 0;
@@ -26,7 +27,8 @@ const SOURCE_PRIORITY = {
   strato: 1,
   native: 2
 };
-const NO_ERRORS = [];
+const NO_FORM_ERRORS = [];
+const NO_FIELD_ERRORS = [];
 function createFormRuntime(getConfig) {
   const config = { validators: [] };
   const controls = /* @__PURE__ */ new Map();
@@ -75,9 +77,7 @@ function createFormRuntime(getConfig) {
     const matched = aggregateErrors().filter(
       (error) => matchesTarget(error, controlId) && routesTo(error, "field")
     );
-    return [...matched].sort(
-      (a, b) => SOURCE_PRIORITY[a.source] - SOURCE_PRIORITY[b.source]
-    );
+    return [...matched].sort((a, b) => SOURCE_PRIORITY[a.source] - SOURCE_PRIORITY[b.source]).map((error) => ({ error, isManual: manualErrors.includes(error) }));
   }
   function buildStatus() {
     const errors = aggregateErrors();
@@ -104,7 +104,7 @@ function createFormRuntime(getConfig) {
       fields[control.id] = {
         isValid: fieldErrors.length === 0,
         isTouched: fieldStates.has(control.id),
-        errors: fieldErrors
+        errors: fieldErrors.map(({ error }) => error)
       };
     }
     return {
@@ -152,9 +152,7 @@ function createFormRuntime(getConfig) {
         )
       );
       if (runId === validationRunId) {
-        formValidatorErrors = validatorResults.flat().map(
-          (error) => error.source === "custom" ? error : cloneWithCustomSource(error)
-        );
+        formValidatorErrors = validatorResults.flat().map((error) => withSource(error, "custom"));
       }
     } finally {
       unsettledRunIds.delete(runId);
@@ -253,7 +251,7 @@ function createFormRuntime(getConfig) {
     // can loop.
     getFormMessages: () => {
       if (isPending()) {
-        return NO_ERRORS;
+        return NO_FORM_ERRORS;
       }
       const current = aggregateErrors().filter(
         (error) => error instanceof FormValidationError || routesTo(error, "form")
@@ -267,10 +265,12 @@ function createFormRuntime(getConfig) {
     },
     getFieldMessages: (controlId) => {
       if (isPending()) {
-        return NO_ERRORS;
+        return NO_FIELD_ERRORS;
       }
       const current = errorsForField(controlId);
-      const signature = errorSetSignature(current);
+      const signature = `${errorSetSignature(
+        current.map(({ error }) => error)
+      )}|${current.map(({ isManual }) => isManual ? "1" : "0").join("")}`;
       const cached = fieldMessagesCache.get(controlId);
       if (cached?.signature === signature) {
         return cached.messages;
@@ -301,24 +301,16 @@ async function runFormValidator(validator, values, formId) {
     ];
   }
 }
-function cloneWithCustomSource(error) {
+function matchesTarget(error, target, validityStateKey) {
+  let routedTo;
   if (error instanceof FormValidationError) {
-    return new FormValidationError(error.message, {
-      formId: error.formId,
-      validityStateKey: error.validityStateKey,
-      formControlId: error.formControlId,
-      cause: error.cause
-    });
+    routedTo = error.formId === target;
+    if (!routedTo && error.formControlId !== void 0) {
+      routedTo = Array.isArray(error.formControlId) ? error.formControlId.includes(target) : error.formControlId === target;
+    }
+  } else {
+    routedTo = Array.isArray(error.formControlId) ? error.formControlId.includes(target) : error.formControlId === target;
   }
-  return new ValidationError(error.message, {
-    source: "custom",
-    validityStateKey: error.validityStateKey,
-    formControlId: error.formControlId,
-    cause: error.cause
-  });
-}
-function matchesTarget(error, target, validityStateKey) {
-  const routedTo = error instanceof FormValidationError && error.formId === target || (Array.isArray(error.formControlId) ? error.formControlId.includes(target) : error.formControlId === target);
   if (!routedTo) {
     return false;
   }

package/esm/forms/form/runtime/createFormRuntime.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/form/runtime/createFormRuntime.ts"],
-  "sourcesContent": ["import { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\nimport { routesTo } from '../../validation/message-routing.js';\nimport {\n  ValidationError,\n  type ValidationErrorSource,\n  type ValidationState,\n  type ValidationTrigger,\n  type ValidityStateKey,\n} from '../../validation/types.js';\nimport { FormValidationError } from '../form-error-classes.js';\nimport type {\n  ControlRegistrationHandle,\n  FormApi,\n  FormSnapshot,\n  FormStatus,\n  FormValidator,\n  RegisteredControl,\n} from '../form.types.js';\n\n/**\n * Mutable config the `<Form>` component feeds into the runtime on every render.\n * @internal\n */\nexport interface FormRuntimeConfig<TValues = Record<string, unknown>> {\n  formId?: string;\n  validators: FormValidator<TValues>[];\n  onSubmit?: (context: {\n    snapshot: FormSnapshot<TValues>;\n    form: FormApi<TValues>;\n  }) => void;\n  onInvalid?: (context: {\n    snapshot: FormSnapshot<TValues>;\n    status: FormStatus;\n    form: FormApi<TValues>;\n  }) => void;\n  onValidityChange?: (state: ValidationState) => void;\n}\n\n/**\n * The full runtime surface: the public {@link FormApi} plus the internal hooks\n * the `<Form>` component and registered controls use.\n * @internal\n */\nexport interface FormRuntime<\n  TValues = Record<string, unknown>,\n> extends FormApi<TValues> {\n  /** Registers a control and returns its imperative handle. */\n  register: (control: RegisteredControl) => ControlRegistrationHandle;\n  /** Subscribes to any runtime change (for `useSyncExternalStore`). */\n  subscribe: (listener: () => void) => () => void;\n  /** The form-wide errors currently rendered by `<FormMessages>`. */\n  getFormMessages: () => ValidationError[];\n  /** Runtime-owned field errors rendered by `FormFieldMessages`. */\n  getFieldMessages: (controlId: string) => ValidationError[];\n  /**\n   * Replaces the config getter that the runtime calls on each submit/validate.\n   * Called by `<Form>` when an external runtime is supplied via the `form` prop.\n   * Pass `undefined` to revert to the no-op default (e.g. on unmount).\n   * @internal\n   */\n  _bindConfig?: (fn: (() => FormRuntimeConfig<TValues>) | undefined) => void;\n}\n\ntype RegisteredEntry = {\n  control: RegisteredControl;\n  token: symbol;\n};\n\n// Ordinal comparator for building canonical, environment-independent dedup and\n// signature keys. `localeCompare` is locale/ICU-dependent, so it could order\n// non-ASCII ids differently across machines \u2014 these keys must be deterministic.\nfunction compareOrdinal(a: string, b: string): number {\n  return a < b ? -1 : a > b ? 1 : 0;\n}\n\nfunction errorIdentity(error: ValidationError): string {\n  const target = Array.isArray(error.formControlId)\n    ? [...error.formControlId].sort(compareOrdinal).join(',')\n    : (error.formControlId ?? '');\n  const formId = error instanceof FormValidationError ? error.formId : '';\n  return `${error.validityStateKey.toString()}|${target}|${formId}`;\n}\n\nfunction errorSignature(error: ValidationError): string {\n  return `${errorIdentity(error)}|${error.message}`;\n}\n\nfunction errorSetSignature(errors: ValidationError[]): string {\n  return errors.map(errorSignature).sort(compareOrdinal).join('\\u0000');\n}\n\nfunction stateIsPending(state: ValidationState): boolean {\n  return state.status === 'pending';\n}\n\nconst SOURCE_PRIORITY: Record<ValidationErrorSource, number> = {\n  custom: 0,\n  strato: 1,\n  native: 2,\n};\n\nconst NO_ERRORS: ValidationError[] = [];\n\nexport function createFormRuntime<TValues = Record<string, unknown>>(\n  getConfig?: () => FormRuntimeConfig<TValues>,\n): FormRuntime<TValues> {\n  const config: FormRuntimeConfig<TValues> = { validators: [] };\n  const controls = new Map<string, RegisteredEntry>();\n  const fieldStates = new Map<string, ValidationState>();\n  let manualErrors: ValidationError[] = [];\n  let formValidatorErrors: ValidationError[] = [];\n  let isSubmitted = false;\n  let validationRunId = 0;\n  // Run ids currently awaiting their controls/validators. A stale run stays\n  // in here until it settles, but `isPending` only consults the latest run \u2014 see\n  // there for why.\n  const unsettledRunIds = new Set<number>();\n\n  let readConfig = getConfig ?? (() => config);\n  const listeners = new Set<() => void>();\n  const warnedDuplicateNames = new Set<string>();\n\n  let formMessagesCache: ValidationError[] = [];\n  let formMessagesSignature = '';\n  const fieldMessagesCache = new Map<\n    string,\n    { signature: string; messages: ValidationError[] }\n  >();\n  let lastValiditySignature: string | undefined;\n\n  function notify() {\n    for (const listener of listeners) {\n      listener();\n    }\n  }\n\n  function hasPendingFields(): boolean {\n    return [...fieldStates.values()].some(stateIsPending);\n  }\n\n  function isPending(): boolean {\n    // Ignore stale runs still settling in the background \u2014 only the latest\n    // run's pending state should hold the form pending.\n    return unsettledRunIds.has(validationRunId) || hasPendingFields();\n  }\n\n  function aggregateErrors(): ValidationError[] {\n    const seen = new Set<string>();\n    const result: ValidationError[] = [];\n    const push = (error: ValidationError) => {\n      const signature = errorSignature(error);\n      if (!seen.has(signature)) {\n        seen.add(signature);\n        result.push(error);\n      }\n    };\n    for (const state of fieldStates.values()) {\n      state.errors.forEach(push);\n    }\n    formValidatorErrors.forEach(push);\n    manualErrors.forEach(push);\n    return result;\n  }\n\n  function errorsForField(controlId: string): ValidationError[] {\n    const matched = aggregateErrors().filter(\n      (error) => matchesTarget(error, controlId) && routesTo(error, 'field'),\n    );\n    // So a consumer that renders only errors[0] gets a deterministic result.\n    // Sort is stable, so two errors of the same source keep their relative order.\n    return [...matched].sort(\n      (a, b) => SOURCE_PRIORITY[a.source] - SOURCE_PRIORITY[b.source],\n    );\n  }\n\n  function buildStatus(): FormStatus {\n    const errors = aggregateErrors();\n    return {\n      isValid: errors.length === 0,\n      isPending: isPending(),\n      isSubmitted,\n      errors,\n    };\n  }\n\n  function buildSnapshot(): FormSnapshot<TValues> {\n    const values: Record<string, unknown> = {};\n    const fields: FormSnapshot['fields'] = {};\n    for (const { control } of controls.values()) {\n      const key = control.name ?? control.id;\n      if (Object.hasOwn(values, key) && !warnedDuplicateNames.has(key)) {\n        warnedDuplicateNames.add(key);\n        getStratoLogger('Form').warn(\n          `Multiple form controls share the name \"${key}\"; only the last value is kept in the form snapshot.`,\n        );\n      }\n      values[key] = control.getValue();\n      const fieldErrors = errorsForField(control.id);\n      fields[control.id] = {\n        isValid: fieldErrors.length === 0,\n        isTouched: fieldStates.has(control.id),\n        errors: fieldErrors,\n      };\n    }\n    return {\n      values: values as TValues,\n      fields,\n    };\n  }\n\n  function emitValidityChange(trigger: ValidationTrigger) {\n    const errors = aggregateErrors();\n    const signature = `${errors.length === 0 ? 'valid' : 'invalid'}|${\n      isPending() ? 'pending' : 'done'\n    }|${errorSetSignature(errors)}`;\n    // The runtime notifies liberally \u2014 it emits on the way into and out of every\n    // validation run and on every mutation. Collapse to a signature so\n    // `onValidityChange` fires only on real transitions, not identical recomputations.\n    if (signature === lastValiditySignature) {\n      return;\n    }\n    lastValiditySignature = signature;\n    readConfig().onValidityChange?.({\n      status: isPending() ? 'pending' : 'done',\n      trigger,\n      errors,\n    });\n  }\n\n  async function runValidation(\n    trigger: ValidationTrigger,\n    reveal: boolean,\n  ): Promise<FormStatus> {\n    const runId = ++validationRunId;\n    const runControls = [...controls.values()];\n    unsettledRunIds.add(runId);\n    emitValidityChange(trigger);\n    notify();\n\n    try {\n      const results = await Promise.all(\n        runControls.map(async ({ control, token }) => {\n          const state = await control.validateField({ reveal, trigger });\n          return { id: control.id, token, state };\n        }),\n      );\n\n      if (runId === validationRunId) {\n        for (const { id, token, state } of results) {\n          if (controls.get(id)?.token === token) {\n            fieldStates.set(id, state);\n          }\n        }\n      }\n\n      const snapshot = buildSnapshot();\n      const validatorResults = await Promise.all(\n        readConfig().validators.map((validator) =>\n          runFormValidator(validator, snapshot.values, readConfig().formId),\n        ),\n      );\n\n      if (runId === validationRunId) {\n        formValidatorErrors = validatorResults\n          .flat()\n          .map((error) =>\n            error.source === 'custom' ? error : cloneWithCustomSource(error),\n          );\n      }\n    } finally {\n      unsettledRunIds.delete(runId);\n      emitValidityChange(trigger);\n      notify();\n    }\n\n    return buildStatus();\n  }\n\n  const api: FormRuntime<TValues> = {\n    getStatus: buildStatus,\n    getSnapshot: buildSnapshot,\n\n    validate: () => runValidation('manual', true),\n\n    submit: async () => {\n      isSubmitted = true;\n      // Consumer-set errors (`setError`) persist across submits; only the\n      // consumer clears them via `clearError` / `resetValidation`. This keeps a\n      // server-side error visible on retry until the consumer removes it.\n      const submitRunId = validationRunId + 1;\n      const status = await runValidation('submit', true);\n\n      if (validationRunId !== submitRunId) {\n        return buildStatus();\n      }\n\n      if (!status.isValid) {\n        focusFirstInvalid(controls, status.errors);\n        readConfig().onInvalid?.({\n          snapshot: buildSnapshot(),\n          status,\n          form: api,\n        });\n      } else {\n        readConfig().onSubmit?.({ snapshot: buildSnapshot(), form: api });\n      }\n      notify();\n      return buildStatus();\n    },\n\n    resetValidation: () => {\n      validationRunId += 1;\n      unsettledRunIds.clear();\n      manualErrors = [];\n      formValidatorErrors = [];\n      isSubmitted = false;\n      fieldStates.clear();\n      for (const { control } of controls.values()) {\n        control.resetValidation?.();\n      }\n      lastValiditySignature = undefined;\n      emitValidityChange('manual');\n      notify();\n    },\n\n    setError: (error) => {\n      const identity = errorIdentity(error);\n      manualErrors = [\n        ...manualErrors.filter(\n          (existing) => errorIdentity(existing) !== identity,\n        ),\n        error,\n      ];\n      emitValidityChange('manual');\n      notify();\n    },\n\n    clearError: (target, validityStateKey) => {\n      manualErrors = manualErrors.filter(\n        (error) => !matchesTarget(error, target, validityStateKey),\n      );\n      emitValidityChange('manual');\n      notify();\n    },\n\n    register: (control) => {\n      // Per-registration token. A control id can be re-registered (remount, or a\n      // duplicate id). Every handle captures its token and no-ops if the live entry's\n      // token differs, so a stale handle's async report/unregister can't clobber the\n      // current registration.\n      const token = Symbol(control.id);\n      controls.set(control.id, { control, token });\n      notify();\n      return {\n        reportValidity: (state) => {\n          if (controls.get(control.id)?.token !== token) {\n            return;\n          }\n          fieldStates.set(control.id, state);\n          emitValidityChange(state.trigger);\n          notify();\n        },\n        unregister: () => {\n          if (controls.get(control.id)?.token !== token) {\n            return;\n          }\n          controls.delete(control.id);\n          fieldStates.delete(control.id);\n          emitValidityChange('manual');\n          notify();\n        },\n      };\n    },\n\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n\n    // `FormMessages`/`FormFieldMessages` read these via `useSyncExternalStore`, which\n    // compares snapshots by reference. Return the cached array unless the error set's\n    // signature actually changed \u2014 a fresh array on every read forces a re-render and\n    // can loop.\n    getFormMessages: () => {\n      if (isPending()) {\n        return NO_ERRORS;\n      }\n      // Form-wide errors: the routing subclass, plus any control's native/Strato\n      // error explicitly routed to the form outlet via `_messageTarget`.\n      const current = aggregateErrors().filter(\n        (error) =>\n          error instanceof FormValidationError || routesTo(error, 'form'),\n      );\n      const signature = errorSetSignature(current);\n      if (signature !== formMessagesSignature) {\n        formMessagesSignature = signature;\n        formMessagesCache = current;\n      }\n      return formMessagesCache;\n    },\n\n    getFieldMessages: (controlId) => {\n      if (isPending()) {\n        return NO_ERRORS;\n      }\n      const current = errorsForField(controlId);\n      const signature = errorSetSignature(current);\n      const cached = fieldMessagesCache.get(controlId);\n      if (cached?.signature === signature) {\n        return cached.messages;\n      }\n      fieldMessagesCache.set(controlId, { signature, messages: current });\n      return current;\n    },\n\n    _bindConfig: (fn) => {\n      readConfig = fn ?? (() => config);\n    },\n  };\n\n  return api;\n}\n\nasync function runFormValidator<TValues>(\n  validator: FormValidator<TValues>,\n  values: TValues,\n  formId: string | undefined,\n): Promise<ValidationError[]> {\n  try {\n    return await validator({ values });\n  } catch (cause) {\n    if (formId !== undefined) {\n      return [\n        new FormValidationError('Validation failed.', {\n          formId,\n          cause,\n        }),\n      ];\n    }\n    return [\n      new ValidationError('Validation failed.', { source: 'custom', cause }),\n    ];\n  }\n}\n\nfunction cloneWithCustomSource(error: ValidationError): ValidationError {\n  if (error instanceof FormValidationError) {\n    return new FormValidationError(error.message, {\n      formId: error.formId,\n      validityStateKey: error.validityStateKey,\n      formControlId: error.formControlId,\n      cause: error.cause,\n    });\n  }\n  return new ValidationError(error.message, {\n    source: 'custom',\n    validityStateKey: error.validityStateKey,\n    formControlId: error.formControlId,\n    cause: error.cause,\n  });\n}\n\nfunction matchesTarget(\n  error: ValidationError,\n  target: string,\n  validityStateKey?: ValidityStateKey,\n): boolean {\n  const routedTo =\n    (error instanceof FormValidationError && error.formId === target) ||\n    (Array.isArray(error.formControlId)\n      ? error.formControlId.includes(target)\n      : error.formControlId === target);\n  if (!routedTo) {\n    return false;\n  }\n  return (\n    validityStateKey === undefined ||\n    error.validityStateKey.equals(validityStateKey)\n  );\n}\n\nfunction focusFirstInvalid(\n  controls: Map<string, RegisteredEntry>,\n  errors: ValidationError[],\n) {\n  const invalidIds = new Set(\n    errors.flatMap((error) =>\n      error.formControlId === undefined\n        ? []\n        : Array.isArray(error.formControlId)\n          ? error.formControlId\n          : [error.formControlId],\n    ),\n  );\n  if (invalidIds.size === 0) {\n    // All errors are form-level only (formId, no formControlId). There is no\n    // specific control to target \u2014 the error is shown in FormMessages and no\n    // focus is moved.\n    return;\n  }\n  for (const { control } of controls.values()) {\n    if (invalidIds.has(control.id)) {\n      control.focus();\n      return;\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\nimport { routesTo } from '../../validation/message-routing.js';\nimport {\n  ValidationError,\n  type ValidationErrorSource,\n  type ValidationState,\n  type ValidationTrigger,\n  type ValidityStateKey,\n} from '../../validation/types.js';\nimport { withSource } from '../../validation/validation-builders.js';\nimport { FormValidationError } from '../form-error-classes.js';\nimport type {\n  ControlRegistrationHandle,\n  FormApi,\n  FormSnapshot,\n  FormStatus,\n  FormValidator,\n  RegisteredControl,\n} from '../form.types.js';\n\n/**\n * Mutable config the `<Form>` component feeds into the runtime on every render.\n * @internal\n */\nexport interface FormRuntimeConfig<TValues = Record<string, unknown>> {\n  formId?: string;\n  validators: FormValidator<TValues>[];\n  onSubmit?: (context: {\n    snapshot: FormSnapshot<TValues>;\n    form: FormApi<TValues>;\n  }) => void;\n  onInvalid?: (context: {\n    snapshot: FormSnapshot<TValues>;\n    status: FormStatus;\n    form: FormApi<TValues>;\n  }) => void;\n  onValidityChange?: (state: ValidationState) => void;\n}\n\n/**\n * A field error together with its provenance: `isManual` marks errors set\n * through `form.setError()`, which reveal immediately instead of waiting for\n * the field to be touched.\n * @internal\n */\nexport interface RuntimeFieldMessage {\n  error: ValidationError;\n  isManual: boolean;\n}\n\n/**\n * The full runtime surface: the public {@link FormApi} plus the internal hooks\n * the `<Form>` component and registered controls use.\n * @internal\n */\nexport interface FormRuntime<\n  TValues = Record<string, unknown>,\n> extends FormApi<TValues> {\n  /** Registers a control and returns its imperative handle. */\n  register: (control: RegisteredControl) => ControlRegistrationHandle;\n  /** Subscribes to any runtime change (for `useSyncExternalStore`). */\n  subscribe: (listener: () => void) => () => void;\n  /** The form-wide errors currently rendered by `<FormMessages>`. */\n  getFormMessages: () => ValidationError[];\n  /**\n   * Runtime-owned field errors rendered by `FormFieldMessages`, each paired\n   * with whether it was set via `setError()` (as opposed to produced by a\n   * form-level validator or a control's own validation run).\n   */\n  getFieldMessages: (controlId: string) => RuntimeFieldMessage[];\n  /**\n   * Replaces the config getter that the runtime calls on each submit/validate.\n   * Called by `<Form>` when an external runtime is supplied via the `form` prop.\n   * Pass `undefined` to revert to the no-op default (e.g. on unmount).\n   * @internal\n   */\n  _bindConfig?: (fn: (() => FormRuntimeConfig<TValues>) | undefined) => void;\n}\n\ntype RegisteredEntry = {\n  control: RegisteredControl;\n  token: symbol;\n};\n\n// Ordinal comparator for building canonical, environment-independent dedup and\n// signature keys. `localeCompare` is locale/ICU-dependent, so it could order\n// non-ASCII ids differently across machines \u2014 these keys must be deterministic.\nfunction compareOrdinal(a: string, b: string): number {\n  return a < b ? -1 : a > b ? 1 : 0;\n}\n\nfunction errorIdentity(error: ValidationError): string {\n  const target = Array.isArray(error.formControlId)\n    ? [...error.formControlId].sort(compareOrdinal).join(',')\n    : (error.formControlId ?? '');\n  const formId = error instanceof FormValidationError ? error.formId : '';\n  return `${error.validityStateKey.toString()}|${target}|${formId}`;\n}\n\nfunction errorSignature(error: ValidationError): string {\n  return `${errorIdentity(error)}|${error.message}`;\n}\n\nfunction errorSetSignature(errors: ValidationError[]): string {\n  return errors.map(errorSignature).sort(compareOrdinal).join('\\u0000');\n}\n\nfunction stateIsPending(state: ValidationState): boolean {\n  return state.status === 'pending';\n}\n\nconst SOURCE_PRIORITY: Record<ValidationErrorSource, number> = {\n  custom: 0,\n  strato: 1,\n  native: 2,\n};\n\nconst NO_FORM_ERRORS: ValidationError[] = [];\nconst NO_FIELD_ERRORS: RuntimeFieldMessage[] = [];\n\nexport function createFormRuntime<TValues = Record<string, unknown>>(\n  getConfig?: () => FormRuntimeConfig<TValues>,\n): FormRuntime<TValues> {\n  const config: FormRuntimeConfig<TValues> = { validators: [] };\n  const controls = new Map<string, RegisteredEntry>();\n  const fieldStates = new Map<string, ValidationState>();\n  let manualErrors: ValidationError[] = [];\n  let formValidatorErrors: ValidationError[] = [];\n  let isSubmitted = false;\n  let validationRunId = 0;\n  // Run ids currently awaiting their controls/validators. A stale run stays\n  // in here until it settles, but `isPending` only consults the latest run \u2014 see\n  // there for why.\n  const unsettledRunIds = new Set<number>();\n\n  let readConfig = getConfig ?? (() => config);\n  const listeners = new Set<() => void>();\n  const warnedDuplicateNames = new Set<string>();\n\n  let formMessagesCache: ValidationError[] = [];\n  let formMessagesSignature = '';\n  const fieldMessagesCache = new Map<\n    string,\n    { signature: string; messages: RuntimeFieldMessage[] }\n  >();\n  let lastValiditySignature: string | undefined;\n\n  function notify() {\n    for (const listener of listeners) {\n      listener();\n    }\n  }\n\n  function hasPendingFields(): boolean {\n    return [...fieldStates.values()].some(stateIsPending);\n  }\n\n  function isPending(): boolean {\n    // Ignore stale runs still settling in the background \u2014 only the latest\n    // run's pending state should hold the form pending.\n    return unsettledRunIds.has(validationRunId) || hasPendingFields();\n  }\n\n  function aggregateErrors(): ValidationError[] {\n    const seen = new Set<string>();\n    const result: ValidationError[] = [];\n    const push = (error: ValidationError) => {\n      const signature = errorSignature(error);\n      if (!seen.has(signature)) {\n        seen.add(signature);\n        result.push(error);\n      }\n    };\n    for (const state of fieldStates.values()) {\n      state.errors.forEach(push);\n    }\n    formValidatorErrors.forEach(push);\n    manualErrors.forEach(push);\n    return result;\n  }\n\n  function errorsForField(controlId: string): RuntimeFieldMessage[] {\n    const matched = aggregateErrors().filter(\n      (error) => matchesTarget(error, controlId) && routesTo(error, 'field'),\n    );\n    // So a consumer that renders only errors[0] gets a deterministic result.\n    // Sort is stable, so two errors of the same source keep their relative order.\n    return [...matched]\n      .sort((a, b) => SOURCE_PRIORITY[a.source] - SOURCE_PRIORITY[b.source])\n      .map((error) => ({ error, isManual: manualErrors.includes(error) }));\n  }\n\n  function buildStatus(): FormStatus {\n    const errors = aggregateErrors();\n    return {\n      isValid: errors.length === 0,\n      isPending: isPending(),\n      isSubmitted,\n      errors,\n    };\n  }\n\n  function buildSnapshot(): FormSnapshot<TValues> {\n    const values: Record<string, unknown> = {};\n    const fields: FormSnapshot['fields'] = {};\n    for (const { control } of controls.values()) {\n      const key = control.name ?? control.id;\n      if (Object.hasOwn(values, key) && !warnedDuplicateNames.has(key)) {\n        warnedDuplicateNames.add(key);\n        getStratoLogger('Form').warn(\n          `Multiple form controls share the name \"${key}\"; only the last value is kept in the form snapshot.`,\n        );\n      }\n      values[key] = control.getValue();\n      const fieldErrors = errorsForField(control.id);\n      fields[control.id] = {\n        isValid: fieldErrors.length === 0,\n        isTouched: fieldStates.has(control.id),\n        errors: fieldErrors.map(({ error }) => error),\n      };\n    }\n    return {\n      values: values as TValues,\n      fields,\n    };\n  }\n\n  function emitValidityChange(trigger: ValidationTrigger) {\n    const errors = aggregateErrors();\n    const signature = `${errors.length === 0 ? 'valid' : 'invalid'}|${\n      isPending() ? 'pending' : 'done'\n    }|${errorSetSignature(errors)}`;\n    // The runtime notifies liberally \u2014 it emits on the way into and out of every\n    // validation run and on every mutation. Collapse to a signature so\n    // `onValidityChange` fires only on real transitions, not identical recomputations.\n    if (signature === lastValiditySignature) {\n      return;\n    }\n    lastValiditySignature = signature;\n    readConfig().onValidityChange?.({\n      status: isPending() ? 'pending' : 'done',\n      trigger,\n      errors,\n    });\n  }\n\n  async function runValidation(\n    trigger: ValidationTrigger,\n    reveal: boolean,\n  ): Promise<FormStatus> {\n    const runId = ++validationRunId;\n    const runControls = [...controls.values()];\n    unsettledRunIds.add(runId);\n    emitValidityChange(trigger);\n    notify();\n\n    try {\n      const results = await Promise.all(\n        runControls.map(async ({ control, token }) => {\n          const state = await control.validateField({ reveal, trigger });\n          return { id: control.id, token, state };\n        }),\n      );\n\n      if (runId === validationRunId) {\n        for (const { id, token, state } of results) {\n          if (controls.get(id)?.token === token) {\n            fieldStates.set(id, state);\n          }\n        }\n      }\n\n      const snapshot = buildSnapshot();\n      const validatorResults = await Promise.all(\n        readConfig().validators.map((validator) =>\n          runFormValidator(validator, snapshot.values, readConfig().formId),\n        ),\n      );\n\n      if (runId === validationRunId) {\n        formValidatorErrors = validatorResults\n          .flat()\n          .map((error) => withSource(error, 'custom'));\n      }\n    } finally {\n      unsettledRunIds.delete(runId);\n      emitValidityChange(trigger);\n      notify();\n    }\n\n    return buildStatus();\n  }\n\n  const api: FormRuntime<TValues> = {\n    getStatus: buildStatus,\n    getSnapshot: buildSnapshot,\n\n    validate: () => runValidation('manual', true),\n\n    submit: async () => {\n      isSubmitted = true;\n      // Consumer-set errors (`setError`) persist across submits; only the\n      // consumer clears them via `clearError` / `resetValidation`. This keeps a\n      // server-side error visible on retry until the consumer removes it.\n      const submitRunId = validationRunId + 1;\n      const status = await runValidation('submit', true);\n\n      if (validationRunId !== submitRunId) {\n        return buildStatus();\n      }\n\n      if (!status.isValid) {\n        focusFirstInvalid(controls, status.errors);\n        readConfig().onInvalid?.({\n          snapshot: buildSnapshot(),\n          status,\n          form: api,\n        });\n      } else {\n        readConfig().onSubmit?.({ snapshot: buildSnapshot(), form: api });\n      }\n      notify();\n      return buildStatus();\n    },\n\n    resetValidation: () => {\n      validationRunId += 1;\n      unsettledRunIds.clear();\n      manualErrors = [];\n      formValidatorErrors = [];\n      isSubmitted = false;\n      fieldStates.clear();\n      for (const { control } of controls.values()) {\n        control.resetValidation?.();\n      }\n      lastValiditySignature = undefined;\n      emitValidityChange('manual');\n      notify();\n    },\n\n    setError: (error) => {\n      const identity = errorIdentity(error);\n      manualErrors = [\n        ...manualErrors.filter(\n          (existing) => errorIdentity(existing) !== identity,\n        ),\n        error,\n      ];\n      emitValidityChange('manual');\n      notify();\n    },\n\n    clearError: (target, validityStateKey) => {\n      manualErrors = manualErrors.filter(\n        (error) => !matchesTarget(error, target, validityStateKey),\n      );\n      emitValidityChange('manual');\n      notify();\n    },\n\n    register: (control) => {\n      // Per-registration token. A control id can be re-registered (remount, or a\n      // duplicate id). Every handle captures its token and no-ops if the live entry's\n      // token differs, so a stale handle's async report/unregister can't clobber the\n      // current registration.\n      const token = Symbol(control.id);\n      controls.set(control.id, { control, token });\n      notify();\n      return {\n        reportValidity: (state) => {\n          if (controls.get(control.id)?.token !== token) {\n            return;\n          }\n          fieldStates.set(control.id, state);\n          emitValidityChange(state.trigger);\n          notify();\n        },\n        unregister: () => {\n          if (controls.get(control.id)?.token !== token) {\n            return;\n          }\n          controls.delete(control.id);\n          fieldStates.delete(control.id);\n          emitValidityChange('manual');\n          notify();\n        },\n      };\n    },\n\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n\n    // `FormMessages`/`FormFieldMessages` read these via `useSyncExternalStore`, which\n    // compares snapshots by reference. Return the cached array unless the error set's\n    // signature actually changed \u2014 a fresh array on every read forces a re-render and\n    // can loop.\n    getFormMessages: () => {\n      if (isPending()) {\n        return NO_FORM_ERRORS;\n      }\n      // Form-wide errors: the routing subclass, plus any control's native/Strato\n      // error explicitly routed to the form outlet via `_messageTarget`.\n      const current = aggregateErrors().filter(\n        (error) =>\n          error instanceof FormValidationError || routesTo(error, 'form'),\n      );\n      const signature = errorSetSignature(current);\n      if (signature !== formMessagesSignature) {\n        formMessagesSignature = signature;\n        formMessagesCache = current;\n      }\n      return formMessagesCache;\n    },\n\n    getFieldMessages: (controlId) => {\n      if (isPending()) {\n        return NO_FIELD_ERRORS;\n      }\n      const current = errorsForField(controlId);\n      const signature = `${errorSetSignature(\n        current.map(({ error }) => error),\n      )}|${current.map(({ isManual }) => (isManual ? '1' : '0')).join('')}`;\n      const cached = fieldMessagesCache.get(controlId);\n      if (cached?.signature === signature) {\n        return cached.messages;\n      }\n      fieldMessagesCache.set(controlId, { signature, messages: current });\n      return current;\n    },\n\n    _bindConfig: (fn) => {\n      readConfig = fn ?? (() => config);\n    },\n  };\n\n  return api;\n}\n\nasync function runFormValidator<TValues>(\n  validator: FormValidator<TValues>,\n  values: TValues,\n  formId: string | undefined,\n): Promise<ValidationError[]> {\n  try {\n    return await validator({ values });\n  } catch (cause) {\n    if (formId !== undefined) {\n      return [\n        new FormValidationError('Validation failed.', {\n          formId,\n          cause,\n        }),\n      ];\n    }\n    return [\n      new ValidationError('Validation failed.', { source: 'custom', cause }),\n    ];\n  }\n}\n\nfunction matchesTarget(\n  error: ValidationError,\n  target: string,\n  validityStateKey?: ValidityStateKey,\n): boolean {\n  let routedTo: boolean;\n  if (error instanceof FormValidationError) {\n    routedTo = error.formId === target;\n    if (!routedTo && error.formControlId !== undefined) {\n      routedTo = Array.isArray(error.formControlId)\n        ? error.formControlId.includes(target)\n        : error.formControlId === target;\n    }\n  } else {\n    routedTo = Array.isArray(error.formControlId)\n      ? error.formControlId.includes(target)\n      : error.formControlId === target;\n  }\n  if (!routedTo) {\n    return false;\n  }\n  return (\n    validityStateKey === undefined ||\n    error.validityStateKey.equals(validityStateKey)\n  );\n}\n\nfunction focusFirstInvalid(\n  controls: Map<string, RegisteredEntry>,\n  errors: ValidationError[],\n) {\n  const invalidIds = new Set(\n    errors.flatMap((error) =>\n      error.formControlId === undefined\n        ? []\n        : Array.isArray(error.formControlId)\n          ? error.formControlId\n          : [error.formControlId],\n    ),\n  );\n  if (invalidIds.size === 0) {\n    // All errors are form-level only (formId, no formControlId). There is no\n    // specific control to target \u2014 the error is shown in FormMessages and no\n    // focus is moved.\n    return;\n  }\n  for (const { control } of controls.values()) {\n    if (invalidIds.has(control.id)) {\n      control.focus();\n      return;\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

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

package/esm/forms/forms-core/components/form-field/FormFieldMessageContextProvider.js

@@ -36,8 +36,8 @@ const FormFieldMessageContextProvider = (formFieldProps) => {
     formFieldState.formFieldId ?? formFieldState.controlId ?? propId
   );
   const [state, dispatch] = useReducer(formFieldMessageReducerCB, {
-    customMessages: [],
-    formControlMessages: [],
+    errors: [],
+    hints: [],
     showError: false,
     isTouched: false,
     isValid: void 0,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field/FormFieldMessageContextProvider.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  type JSXElementConstructor,\n  type ComponentProps,\n  useMemo,\n} from 'react';\n\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { DOMProps } from '../../../../core/types/dom.js';\nimport type { FormControlBaseProps } from '../../../../core/types/form-control-props.js';\nimport { WithChildren } from '../../../../core/types/with-children.js';\nimport { FormContext } from '../../../form/context/FormContext.js';\nimport { FormFieldMessageContext } from '../../contexts/FormFieldMessageContext.js';\nimport { useFormFieldContext } from '../../hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../hooks/useFormFieldMessagesContext.js';\nimport {\n  FormFieldMessagesAction,\n  formFieldMessagesReducer,\n  type FormFieldMessagesReducerAction,\n} from '../../state/formfield-messages-state-reducer.js';\nimport type { FormFieldMessageContextState } from '../../types/formfield-messages.types.js';\nimport type { SharedFormFieldProps } from '../../types/formfield.types.js';\n\ntype FormFieldMessageContextProviderProps = WithChildren &\n  DOMProps &\n  Pick<SharedFormFieldProps, 'disabled'> & {\n    /** interim solution for the segmentSelector until we introduce proper group errors. */\n    showError?: boolean;\n  };\n\n/**\n * Provides the FormFieldMessages context and handles default values properly, to easily reuse it when needed.\n * @internal\n */\nexport const FormFieldMessageContextProvider = /* @__PURE__ */ (\n  formFieldProps: FormFieldMessageContextProviderProps,\n) => {\n  const generatedId = useId();\n  const messagesContainerId = useId();\n  const formContext = useContext(FormContext);\n  const {\n    children,\n    id: propId = generatedId,\n    disabled: propDisabled,\n    showError: propShowError,\n  }: FormFieldMessageContextProviderProps = formFieldProps;\n\n  const formFieldState = useFormFieldContext();\n\n  const formFieldMessageReducerCB = useCallback(\n    (\n      state: FormFieldMessageContextState,\n      action: FormFieldMessagesReducerAction,\n    ) => formFieldMessagesReducer(state, action),\n    [],\n  );\n\n  const legacyFormFieldId =\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    formFieldState.formFieldId ?? formFieldState.controlId ?? propId;\n\n  const [state, dispatch] = useReducer(formFieldMessageReducerCB, {\n    customMessages: [],\n    formControlMessages: [],\n    showError: false,\n    isTouched: false,\n    isValid: undefined,\n    formFieldId: legacyFormFieldId,\n    formControlId: formFieldState.formControlId ?? legacyFormFieldId,\n    memberFormControlIds: formFieldState.memberFormControlIds,\n  });\n\n  const memberFormControlIdsKey =\n    formFieldState.memberFormControlIds.join('\\u0000');\n\n  useEffect(() => {\n    if (formFieldState.formControlId === undefined) {\n      return;\n    }\n\n    dispatch({\n      type: FormFieldMessagesAction.SETFORMCONTROLID,\n      payload: { formControlId: formFieldState.formControlId },\n    });\n  }, [formFieldState.formControlId]);\n\n  useEffect(() => {\n    for (const formControlId of formFieldState.memberFormControlIds) {\n      dispatch({\n        type: FormFieldMessagesAction.ADDMEMBERFORMCONTROLID,\n        payload: { formControlId },\n      });\n    }\n\n    return () => {\n      for (const formControlId of formFieldState.memberFormControlIds) {\n        dispatch({\n          type: FormFieldMessagesAction.REMOVEMEMBERFORMCONTROLID,\n          payload: { formControlId },\n        });\n      }\n    };\n    // memberFormControlIdsKey captures the actual id list while avoiding an\n    // effect loop from the context array identity changing after each registration.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [memberFormControlIdsKey]);\n\n  const formFieldMessageContextValue = useMemo(\n    () => ({\n      disabled: formFieldState.disabled || propDisabled,\n      controlId: legacyFormFieldId,\n      dispatch,\n      state: {\n        ...state,\n        showError: (propShowError ?? false) || state.showError,\n      },\n      fieldMessagesContainerId: messagesContainerId,\n      formMessagesContainerId: formContext?.formMessagesId,\n      // A control can route its native/Strato messages to the form-wide outlet via\n      // `_messageTarget`. When the field is not among the targets, those messages are\n      // dropped from the inline render here (a pure render-time filter, so they never\n      // flash inline first). Validity is unaffected, and consumer-authored errors\n      // (source 'custom') always stay at the field. With no enclosing <Form>, 'form'\n      // falls back to the field, so nothing is suppressed.\n      routesAwayFromField:\n        formContext !== undefined &&\n        state.messageTarget !== undefined &&\n        !state.messageTarget.includes('field'),\n    }),\n    [\n      formContext,\n      formFieldState.disabled,\n      legacyFormFieldId,\n      propDisabled,\n      dispatch,\n      state,\n      propShowError,\n      messagesContainerId,\n    ],\n  );\n\n  return (\n    <FormFieldMessageContext.Provider value={formFieldMessageContextValue}>\n      {children}\n    </FormFieldMessageContext.Provider>\n  );\n};\n\n/**\n * Function to ensure that a component with props that have generics in their type is always wrapped within a `MessageContextProvider`\n * for form validation outside of a `FormField`.\n * @internal\n */\nexport function withFormFieldMessageContextProviderWithGenerics<\n  ComponentType extends JSXElementConstructor<\n    FormControlBaseProps<TOnChange, TFocusElement>\n  >,\n  TFocusElement extends Element = Element,\n  // oxlint-disable-next-line typescript/no-explicit-any\n  TOnChange extends (...args: any[]) => void = (...args: any[]) => void,\n>(OriginalComponent: ComponentType) {\n  type Props = ComponentProps<ComponentType>;\n  type RefType = Props extends { ref?: infer R } ? R : never;\n\n  const WrappedComponent = forwardRef<RefType, Props>((props, forwardedRef) => {\n    const { dispatch } = useFormFieldMessagesContext();\n\n    if (dispatch !== undefined) {\n      // the cast to any was necessary because the RefType and Props type cannot be easily/correctly inferred when we have generics\n      // oxlint-disable-next-line typescript/no-explicit-any\n      return <OriginalComponent ref={forwardedRef} {...(props as any)} />;\n    }\n\n    const { disabled, id } = props;\n\n    return (\n      <FormFieldMessageContextProvider disabled={disabled} id={id}>\n        {/* the cast to any was necessary because the RefType and Props type cannot be easily/correctly inferred when we have generics */}\n        {/* oxlint-disable-next-line typescript/no-explicit-any */}\n        <OriginalComponent ref={forwardedRef} {...(props as any)} />\n      </FormFieldMessageContextProvider>\n    );\n  });\n\n  // The cast ensures the returned component retains generics when used in JSX\n  return WrappedComponent as ComponentType;\n}\n\n/**\n * Function to ensure that an element is always wrapped within a MessageContextProvider for form validation outside of a `FormField`.\n * @internal\n */\nexport function withFormFieldMessageContextProvider<\n  PropType extends FormControlBaseProps<TOnChange, TFocusElement>,\n  RefType,\n  TFocusElement extends Element = Element,\n  // oxlint-disable-next-line typescript/no-explicit-any\n  TOnChange extends (...args: any[]) => void = (...args: any[]) => void,\n>(OriginalComponent: JSXElementConstructor<PropType>) {\n  const WithFormFieldMessageContextProvider = forwardRef<RefType, PropType>(\n    (props, forwardedRef) => {\n      const { dispatch } = useFormFieldMessagesContext();\n\n      if (dispatch !== undefined) {\n        return <OriginalComponent ref={forwardedRef} {...props} />;\n      }\n\n      const { disabled, id } = props;\n\n      return (\n        <FormFieldMessageContextProvider disabled={disabled} id={id}>\n          <OriginalComponent ref={forwardedRef} {...props} />\n        </FormFieldMessageContextProvider>\n      );\n    },\n  );\n\n  return WithFormFieldMessageContextProvider;\n}\n\n(\n  FormFieldMessageContextProvider as typeof FormFieldMessageContextProvider & {\n    displayName: string;\n  }\n).displayName = 'FormFieldMessageContextProvider';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  type JSXElementConstructor,\n  type ComponentProps,\n  useMemo,\n} from 'react';\n\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { DOMProps } from '../../../../core/types/dom.js';\nimport type { FormControlBaseProps } from '../../../../core/types/form-control-props.js';\nimport { WithChildren } from '../../../../core/types/with-children.js';\nimport { FormContext } from '../../../form/context/FormContext.js';\nimport { FormFieldMessageContext } from '../../contexts/FormFieldMessageContext.js';\nimport { useFormFieldContext } from '../../hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../hooks/useFormFieldMessagesContext.js';\nimport {\n  FormFieldMessagesAction,\n  formFieldMessagesReducer,\n  type FormFieldMessagesReducerAction,\n} from '../../state/formfield-messages-state-reducer.js';\nimport type { FormFieldMessageContextState } from '../../types/formfield-messages.types.js';\nimport type { SharedFormFieldProps } from '../../types/formfield.types.js';\n\ntype FormFieldMessageContextProviderProps = WithChildren &\n  DOMProps &\n  Pick<SharedFormFieldProps, 'disabled'> & {\n    /** interim solution for the segmentSelector until we introduce proper group errors. */\n    showError?: boolean;\n  };\n\n/**\n * Provides the FormFieldMessages context and handles default values properly, to easily reuse it when needed.\n * @internal\n */\nexport const FormFieldMessageContextProvider = /* @__PURE__ */ (\n  formFieldProps: FormFieldMessageContextProviderProps,\n) => {\n  const generatedId = useId();\n  const messagesContainerId = useId();\n  const formContext = useContext(FormContext);\n  const {\n    children,\n    id: propId = generatedId,\n    disabled: propDisabled,\n    showError: propShowError,\n  }: FormFieldMessageContextProviderProps = formFieldProps;\n\n  const formFieldState = useFormFieldContext();\n\n  const formFieldMessageReducerCB = useCallback(\n    (\n      state: FormFieldMessageContextState,\n      action: FormFieldMessagesReducerAction,\n    ) => formFieldMessagesReducer(state, action),\n    [],\n  );\n\n  const legacyFormFieldId =\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    formFieldState.formFieldId ?? formFieldState.controlId ?? propId;\n\n  const [state, dispatch] = useReducer(formFieldMessageReducerCB, {\n    errors: [],\n    hints: [],\n    showError: false,\n    isTouched: false,\n    isValid: undefined,\n    formFieldId: legacyFormFieldId,\n    formControlId: formFieldState.formControlId ?? legacyFormFieldId,\n    memberFormControlIds: formFieldState.memberFormControlIds,\n  });\n\n  const memberFormControlIdsKey =\n    formFieldState.memberFormControlIds.join('\\u0000');\n\n  useEffect(() => {\n    if (formFieldState.formControlId === undefined) {\n      return;\n    }\n\n    dispatch({\n      type: FormFieldMessagesAction.SETFORMCONTROLID,\n      payload: { formControlId: formFieldState.formControlId },\n    });\n  }, [formFieldState.formControlId]);\n\n  useEffect(() => {\n    for (const formControlId of formFieldState.memberFormControlIds) {\n      dispatch({\n        type: FormFieldMessagesAction.ADDMEMBERFORMCONTROLID,\n        payload: { formControlId },\n      });\n    }\n\n    return () => {\n      for (const formControlId of formFieldState.memberFormControlIds) {\n        dispatch({\n          type: FormFieldMessagesAction.REMOVEMEMBERFORMCONTROLID,\n          payload: { formControlId },\n        });\n      }\n    };\n    // memberFormControlIdsKey captures the actual id list while avoiding an\n    // effect loop from the context array identity changing after each registration.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [memberFormControlIdsKey]);\n\n  const formFieldMessageContextValue = useMemo(\n    () => ({\n      disabled: formFieldState.disabled || propDisabled,\n      controlId: legacyFormFieldId,\n      dispatch,\n      state: {\n        ...state,\n        showError: (propShowError ?? false) || state.showError,\n      },\n      fieldMessagesContainerId: messagesContainerId,\n      formMessagesContainerId: formContext?.formMessagesId,\n      // A control can route its native/Strato messages to the form-wide outlet via\n      // `_messageTarget`. When the field is not among the targets, those messages are\n      // dropped from the inline render here (a pure render-time filter, so they never\n      // flash inline first). Validity is unaffected, and consumer-authored errors\n      // (source 'custom') always stay at the field. With no enclosing <Form>, 'form'\n      // falls back to the field, so nothing is suppressed.\n      routesAwayFromField:\n        formContext !== undefined &&\n        state.messageTarget !== undefined &&\n        !state.messageTarget.includes('field'),\n    }),\n    [\n      formContext,\n      formFieldState.disabled,\n      legacyFormFieldId,\n      propDisabled,\n      dispatch,\n      state,\n      propShowError,\n      messagesContainerId,\n    ],\n  );\n\n  return (\n    <FormFieldMessageContext.Provider value={formFieldMessageContextValue}>\n      {children}\n    </FormFieldMessageContext.Provider>\n  );\n};\n\n/**\n * Function to ensure that a component with props that have generics in their type is always wrapped within a `MessageContextProvider`\n * for form validation outside of a `FormField`.\n * @internal\n */\nexport function withFormFieldMessageContextProviderWithGenerics<\n  ComponentType extends JSXElementConstructor<\n    FormControlBaseProps<TOnChange, TFocusElement>\n  >,\n  TFocusElement extends Element = Element,\n  // oxlint-disable-next-line typescript/no-explicit-any\n  TOnChange extends (...args: any[]) => void = (...args: any[]) => void,\n>(OriginalComponent: ComponentType) {\n  type Props = ComponentProps<ComponentType>;\n  type RefType = Props extends { ref?: infer R } ? R : never;\n\n  const WrappedComponent = forwardRef<RefType, Props>((props, forwardedRef) => {\n    const { dispatch } = useFormFieldMessagesContext();\n\n    if (dispatch !== undefined) {\n      // the cast to any was necessary because the RefType and Props type cannot be easily/correctly inferred when we have generics\n      // oxlint-disable-next-line typescript/no-explicit-any\n      return <OriginalComponent ref={forwardedRef} {...(props as any)} />;\n    }\n\n    const { disabled, id } = props;\n\n    return (\n      <FormFieldMessageContextProvider disabled={disabled} id={id}>\n        {/* the cast to any was necessary because the RefType and Props type cannot be easily/correctly inferred when we have generics */}\n        {/* oxlint-disable-next-line typescript/no-explicit-any */}\n        <OriginalComponent ref={forwardedRef} {...(props as any)} />\n      </FormFieldMessageContextProvider>\n    );\n  });\n\n  // The cast ensures the returned component retains generics when used in JSX\n  return WrappedComponent as ComponentType;\n}\n\n/**\n * Function to ensure that an element is always wrapped within a MessageContextProvider for form validation outside of a `FormField`.\n * @internal\n */\nexport function withFormFieldMessageContextProvider<\n  PropType extends FormControlBaseProps<TOnChange, TFocusElement>,\n  RefType,\n  TFocusElement extends Element = Element,\n  // oxlint-disable-next-line typescript/no-explicit-any\n  TOnChange extends (...args: any[]) => void = (...args: any[]) => void,\n>(OriginalComponent: JSXElementConstructor<PropType>) {\n  const WithFormFieldMessageContextProvider = forwardRef<RefType, PropType>(\n    (props, forwardedRef) => {\n      const { dispatch } = useFormFieldMessagesContext();\n\n      if (dispatch !== undefined) {\n        return <OriginalComponent ref={forwardedRef} {...props} />;\n      }\n\n      const { disabled, id } = props;\n\n      return (\n        <FormFieldMessageContextProvider disabled={disabled} id={id}>\n          <OriginalComponent ref={forwardedRef} {...props} />\n        </FormFieldMessageContextProvider>\n      );\n    },\n  );\n\n  return WithFormFieldMessageContextProvider;\n}\n\n(\n  FormFieldMessageContextProvider as typeof FormFieldMessageContextProvider & {\n    displayName: string;\n  }\n).displayName = 'FormFieldMessageContextProvider';\n"],
+  "mappings": "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",
   "names": ["state"]
 }