@proyecto-viviana/solid-stately 0.1.5 → 0.2.1

package/src/dnd/types.ts

@@ -1,317 +0,0 @@
-/**
- * Drag and Drop types for solid-stately.
- *
- * Core types for drag and drop operations, matching React Aria's DnD API.
- */
-
-/** The type of drop operation to perform. */
-export type DropOperation = 'copy' | 'link' | 'move' | 'cancel';
-
-/** Drag item data as key-value pairs where keys are MIME types or custom types. */
-export interface DragItem {
-  [type: string]: string;
-}
-
-/** Base event for drag/drop operations with coordinates. */
-export interface DragDropEvent {
-  /** The x coordinate of the event, relative to the target element. */
-  x: number;
-  /** The y coordinate of the event, relative to the target element. */
-  y: number;
-}
-
-/** Event fired when a drag operation starts. */
-export interface DragStartEvent extends DragDropEvent {
-  /** The event type. */
-  type: 'dragstart';
-}
-
-/** Event fired as a drag moves. */
-export interface DragMoveEvent extends DragDropEvent {
-  /** The event type. */
-  type: 'dragmove';
-}
-
-/** Event fired when a drag operation ends. */
-export interface DragEndEvent extends DragDropEvent {
-  /** The event type. */
-  type: 'dragend';
-  /** The drop operation that occurred. */
-  dropOperation: DropOperation;
-}
-
-/** Event fired when a drag enters a drop target. */
-export interface DropEnterEvent extends DragDropEvent {
-  /** The event type. */
-  type: 'dropenter';
-}
-
-/** Event fired as a drag moves within a drop target. */
-export interface DropMoveEvent extends DragDropEvent {
-  /** The event type. */
-  type: 'dropmove';
-}
-
-/** Event fired when a drag is held over a drop target. */
-export interface DropActivateEvent extends DragDropEvent {
-  /** The event type. */
-  type: 'dropactivate';
-}
-
-/** Event fired when a drag exits a drop target. */
-export interface DropExitEvent extends DragDropEvent {
-  /** The event type. */
-  type: 'dropexit';
-}
-
-/** A text item in a drop operation. */
-export interface TextDropItem {
-  /** The item kind. */
-  kind: 'text';
-  /** The drag types available for this item. */
-  types: Set<string>;
-  /** Returns the data for the given type as a string. */
-  getText(type: string): Promise<string>;
-}
-
-/** A file item in a drop operation. */
-export interface FileDropItem {
-  /** The item kind. */
-  kind: 'file';
-  /** The file type (usually a mime type). */
-  type: string;
-  /** The file name. */
-  name: string;
-  /** Returns the contents of the file as a blob. */
-  getFile(): Promise<File>;
-  /** Returns the contents of the file as a string. */
-  getText(): Promise<string>;
-}
-
-/** A directory item in a drop operation. */
-export interface DirectoryDropItem {
-  /** The item kind. */
-  kind: 'directory';
-  /** The directory name. */
-  name: string;
-  /** Returns the entries contained within the directory. */
-  getEntries(): AsyncIterable<FileDropItem | DirectoryDropItem>;
-}
-
-/** Union of all drop item types. */
-export type DropItem = TextDropItem | FileDropItem | DirectoryDropItem;
-
-/** Event fired when items are dropped. */
-export interface DropEvent extends DragDropEvent {
-  /** The event type. */
-  type: 'drop';
-  /** The drop operation that should occur. */
-  dropOperation: DropOperation;
-  /** The dropped items. */
-  items: DropItem[];
-}
-
-/** Position relative to an item for drop operations. */
-export type DropPosition = 'on' | 'before' | 'after';
-
-/** Drop target representing the root of a collection. */
-export interface RootDropTarget {
-  /** The drop target type. */
-  type: 'root';
-}
-
-/** Drop target representing an item in a collection. */
-export interface ItemDropTarget {
-  /** The drop target type. */
-  type: 'item';
-  /** The item key. */
-  key: string | number;
-  /** The drop position relative to the item. */
-  dropPosition: DropPosition;
-}
-
-/** Union of drop target types. */
-export type DropTarget = RootDropTarget | ItemDropTarget;
-
-// Collection drag/drop events
-
-/** Event fired when a drag enters a droppable collection. */
-export interface DroppableCollectionEnterEvent extends DropEnterEvent {
-  /** The drop target. */
-  target: DropTarget;
-}
-
-/** Event fired as a drag moves within a droppable collection. */
-export interface DroppableCollectionMoveEvent extends DropMoveEvent {
-  /** The drop target. */
-  target: DropTarget;
-}
-
-/** Event fired when a drag is held over a droppable collection item. */
-export interface DroppableCollectionActivateEvent extends DropActivateEvent {
-  /** The drop target. */
-  target: DropTarget;
-}
-
-/** Event fired when a drag exits a droppable collection. */
-export interface DroppableCollectionExitEvent extends DropExitEvent {
-  /** The drop target. */
-  target: DropTarget;
-}
-
-/** Event fired when items are dropped on a droppable collection. */
-export interface DroppableCollectionDropEvent extends DropEvent {
-  /** The drop target. */
-  target: DropTarget;
-}
-
-/** Event for inserting items between existing collection items. */
-export interface DroppableCollectionInsertDropEvent {
-  /** The dropped items. */
-  items: DropItem[];
-  /** The drop operation that should occur. */
-  dropOperation: DropOperation;
-  /** The drop target. */
-  target: ItemDropTarget;
-}
-
-/** Event for dropping on the root of a collection. */
-export interface DroppableCollectionRootDropEvent {
-  /** The dropped items. */
-  items: DropItem[];
-  /** The drop operation that should occur. */
-  dropOperation: DropOperation;
-}
-
-/** Event for dropping on a specific item. */
-export interface DroppableCollectionOnItemDropEvent {
-  /** The dropped items. */
-  items: DropItem[];
-  /** The drop operation that should occur. */
-  dropOperation: DropOperation;
-  /** Whether the drag originated within the same collection as the drop. */
-  isInternal: boolean;
-  /** The drop target. */
-  target: ItemDropTarget;
-}
-
-/** Event for reordering items within a collection. */
-export interface DroppableCollectionReorderEvent {
-  /** The keys of the items that were reordered. */
-  keys: Set<string | number>;
-  /** The drop operation that should occur. */
-  dropOperation: DropOperation;
-  /** The drop target. */
-  target: ItemDropTarget;
-}
-
-/** Interface for checking drag types. */
-export interface DragTypes {
-  /** Returns whether the drag contains data of the given type. */
-  has(type: string | symbol): boolean;
-}
-
-/** Delegate for determining drop targets within a collection. */
-export interface DropTargetDelegate {
-  /**
-   * Returns a drop target within a collection for the given coordinates.
-   * @param x - X coordinate relative to the collection container
-   * @param y - Y coordinate relative to the collection container
-   * @param isValidDropTarget - Function to check if a target is valid
-   */
-  getDropTargetFromPoint(
-    x: number,
-    y: number,
-    isValidDropTarget: (target: DropTarget) => boolean
-  ): DropTarget | null;
-}
-
-// Draggable collection types
-
-/** Event fired when a collection drag starts. */
-export interface DraggableCollectionStartEvent extends DragStartEvent {
-  /** The keys of the items that were dragged. */
-  keys: Set<string | number>;
-}
-
-/** Event fired as a collection drag moves. */
-export interface DraggableCollectionMoveEvent extends DragMoveEvent {
-  /** The keys of the items that were dragged. */
-  keys: Set<string | number>;
-}
-
-/** Event fired when a collection drag ends. */
-export interface DraggableCollectionEndEvent extends DragEndEvent {
-  /** The keys of the items that were dragged. */
-  keys: Set<string | number>;
-  /** Whether the drop ended within the same collection as it originated. */
-  isInternal: boolean;
-}
-
-/** Function to render a custom drag preview. */
-export type DragPreviewRenderer = (
-  items: DragItem[],
-  callback: (node: HTMLElement | null, x?: number, y?: number) => void
-) => void;
-
-// Props interfaces
-
-/** Props for droppable collection utility handlers. */
-export interface DroppableCollectionUtilityOptions {
-  /**
-   * The drag types that the droppable collection accepts.
-   * @default 'all'
-   */
-  acceptedDragTypes?: 'all' | Array<string | symbol>;
-  /** Handler that is called when external items are dropped "between" items. */
-  onInsert?: (e: DroppableCollectionInsertDropEvent) => void;
-  /** Handler that is called when external items are dropped on the collection's root. */
-  onRootDrop?: (e: DroppableCollectionRootDropEvent) => void;
-  /** Handler that is called when items are dropped "on" an item. */
-  onItemDrop?: (e: DroppableCollectionOnItemDropEvent) => void;
-  /** Handler that is called when items are reordered within the collection. */
-  onReorder?: (e: DroppableCollectionReorderEvent) => void;
-  /** Handler that is called when items are moved within the source collection. */
-  onMove?: (e: DroppableCollectionReorderEvent) => void;
-  /** A function returning whether a given target is a valid "on" drop target. */
-  shouldAcceptItemDrop?: (target: ItemDropTarget, types: DragTypes) => boolean;
-}
-
-/** Base props for droppable collections. */
-export interface DroppableCollectionBaseProps {
-  /** Handler that is called when a valid drag enters a drop target. */
-  onDropEnter?: (e: DroppableCollectionEnterEvent) => void;
-  /** Handler that is called after a valid drag is held over a drop target. */
-  onDropActivate?: (e: DroppableCollectionActivateEvent) => void;
-  /** Handler that is called when a valid drag exits a drop target. */
-  onDropExit?: (e: DroppableCollectionExitEvent) => void;
-  /** Handler that is called when a valid drag is dropped on a drop target. */
-  onDrop?: (e: DroppableCollectionDropEvent) => void;
-  /** A function returning the drop operation to be performed. */
-  getDropOperation?: (
-    target: DropTarget,
-    types: DragTypes,
-    allowedOperations: DropOperation[]
-  ) => DropOperation;
-}
-
-/** Combined props for droppable collections. */
-export interface DroppableCollectionProps
-  extends DroppableCollectionUtilityOptions,
-    DroppableCollectionBaseProps {}
-
-/** Props for draggable collections. */
-export interface DraggableCollectionProps<T = object> {
-  /** Handler that is called when a drag operation is started. */
-  onDragStart?: (e: DraggableCollectionStartEvent) => void;
-  /** Handler that is called when the drag is moved. */
-  onDragMove?: (e: DraggableCollectionMoveEvent) => void;
-  /** Handler that is called when the drag operation ends. */
-  onDragEnd?: (e: DraggableCollectionEndEvent) => void;
-  /** A function that returns the items being dragged. */
-  getItems: (keys: Set<string | number>, items: T[]) => DragItem[];
-  /** The ref of the element that will be rendered as the drag preview. */
-  preview?: { current: DragPreviewRenderer | null };
-  /** Function that returns the allowed drop operations. */
-  getAllowedDropOperations?: () => DropOperation[];
-}

package/src/form/createFormValidationState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFormValidationState.d.ts","sourceRoot":"","sources":["createFormValidationState.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,QAAQ,EAMd,MAAM,UAAU,CAAC;AAMlB,6CAA6C;AAC7C,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,4BAA4B;AAC5B,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,iBAAiB,EAAE,aAAa,CAAC;IACjC,iCAAiC;IACjC,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,qDAAqD;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;AAEjE,qEAAqE;AACrE,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;AAEjG,gCAAgC;AAChC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACjC,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IACrC,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,2BAA2B;IAC3B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,wEAAwE;IACxE,kBAAkB,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC/C,2FAA2F;IAC3F,iBAAiB,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC9C,2GAA2G;IAC3G,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjD,oFAAoF;IACpF,eAAe,IAAI,IAAI,CAAC;IACxB,sEAAsE;IACtE,gBAAgB,IAAI,IAAI,CAAC;CAC1B;AAMD,8BAA8B;AAC9B,eAAO,MAAM,oBAAoB,EAAE,aAYlC,CAAC;AASF,yCAAyC;AACzC,eAAO,MAAM,yBAAyB,EAAE,gBAIvC,CAAC;AAMF,iDAAiD;AACjD,eAAO,MAAM,qBAAqB,8CAAsC,CAAC;AAEzE,iEAAiE;AACjE,eAAO,MAAM,0BAA0B,QAAuC,CAAC;AAwD/E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,EACzC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAC5B,mBAAmB,CAwJrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,GAAG,OAAO,EAAE,gBAAgB,EAAE,GAC7B,gBAAgB,CAwBlB"}

package/src/form/createFormValidationState.ts

@@ -1,389 +0,0 @@
-/**
- * createFormValidationState for solid-stately
- *
- * Manages form validation state including realtime and displayed validation results.
- * Supports both ARIA (live) and native (on submit) validation behaviors.
- *
- * Port of react-stately's useFormValidationState.
- */
-
-import {
-  type Accessor,
-  createContext,
-  createEffect,
-  createMemo,
-  createSignal,
-  useContext,
-} from 'solid-js';
-
-// ============================================
-// TYPES
-// ============================================
-
-/** Standard HTML ValidityState interface. */
-export interface ValidityState {
-  badInput: boolean;
-  customError: boolean;
-  patternMismatch: boolean;
-  rangeOverflow: boolean;
-  rangeUnderflow: boolean;
-  stepMismatch: boolean;
-  tooLong: boolean;
-  tooShort: boolean;
-  typeMismatch: boolean;
-  valueMissing: boolean;
-  valid: boolean;
-}
-
-/** Result of validation. */
-export interface ValidationResult {
-  /** Whether the value is invalid. */
-  isInvalid: boolean;
-  /** Details about which validation constraints failed. */
-  validationDetails: ValidityState;
-  /** Error messages to display. */
-  validationErrors: string[];
-}
-
-/** Map of field names to their validation errors. */
-export type ValidationErrors = Record<string, string | string[]>;
-
-/** Validation function that returns error messages or true/false. */
-export type ValidationFunction<T> = (value: T) => boolean | string | string[] | null | undefined;
-
-/** Validation behavior mode. */
-export type ValidationBehavior = 'aria' | 'native';
-
-export interface FormValidationProps<T> {
-  /** Whether the value is invalid (controlled). */
-  isInvalid?: boolean;
-  /** @deprecated Use isInvalid instead. */
-  validationState?: 'valid' | 'invalid';
-  /** Custom validation function. */
-  validate?: ValidationFunction<T>;
-  /** Validation behavior: 'aria' for realtime, 'native' for on submit. */
-  validationBehavior?: ValidationBehavior;
-  /** Built-in validation result from native input. */
-  builtinValidation?: ValidationResult;
-  /** Field name(s) for server error lookup. */
-  name?: string | string[];
-  /** Current field value. */
-  value: T | null;
-}
-
-export interface FormValidationState {
-  /** Realtime validation results, updated as the user edits the value. */
-  realtimeValidation: Accessor<ValidationResult>;
-  /** Currently displayed validation results, updated when the user commits their changes. */
-  displayValidation: Accessor<ValidationResult>;
-  /** Updates the current validation result. Not displayed to the user until `commitValidation` is called. */
-  updateValidation(result: ValidationResult): void;
-  /** Resets the displayed validation state to valid when the user resets the form. */
-  resetValidation(): void;
-  /** Commits the realtime validation so it is displayed to the user. */
-  commitValidation(): void;
-}
-
-// ============================================
-// CONSTANTS
-// ============================================
-
-/** A valid validity state. */
-export const VALID_VALIDITY_STATE: ValidityState = {
-  badInput: false,
-  customError: false,
-  patternMismatch: false,
-  rangeOverflow: false,
-  rangeUnderflow: false,
-  stepMismatch: false,
-  tooLong: false,
-  tooShort: false,
-  typeMismatch: false,
-  valueMissing: false,
-  valid: true,
-};
-
-/** A custom error validity state. */
-const CUSTOM_VALIDITY_STATE: ValidityState = {
-  ...VALID_VALIDITY_STATE,
-  customError: true,
-  valid: false,
-};
-
-/** Default validation result (valid). */
-export const DEFAULT_VALIDATION_RESULT: ValidationResult = {
-  isInvalid: false,
-  validationDetails: VALID_VALIDITY_STATE,
-  validationErrors: [],
-};
-
-// ============================================
-// CONTEXT
-// ============================================
-
-/** Context for server-side validation errors. */
-export const FormValidationContext = createContext<ValidationErrors>({});
-
-/** Private prop key for passing validation state to children. */
-export const privateValidationStateProp = '__formValidationState' + Date.now();
-
-// ============================================
-// HELPERS
-// ============================================
-
-function asArray<T>(v: T | T[] | undefined): T[] {
-  if (!v) {
-    return [];
-  }
-  return Array.isArray(v) ? v : [v];
-}
-
-function runValidate<T>(validate: ValidationFunction<T>, value: T): string[] {
-  if (typeof validate === 'function') {
-    const e = validate(value);
-    if (e && typeof e !== 'boolean') {
-      return asArray(e);
-    }
-  }
-  return [];
-}
-
-function getValidationResult(errors: string[]): ValidationResult | null {
-  return errors.length
-    ? {
-        isInvalid: true,
-        validationErrors: errors,
-        validationDetails: CUSTOM_VALIDITY_STATE,
-      }
-    : null;
-}
-
-function isEqualValidation(
-  a: ValidationResult | null,
-  b: ValidationResult | null
-): boolean {
-  if (a === b) {
-    return true;
-  }
-  return (
-    !!a &&
-    !!b &&
-    a.isInvalid === b.isInvalid &&
-    a.validationErrors.length === b.validationErrors.length &&
-    a.validationErrors.every((ae, i) => ae === b.validationErrors[i]) &&
-    Object.entries(a.validationDetails).every(
-      ([k, v]) => b.validationDetails[k as keyof ValidityState] === v
-    )
-  );
-}
-
-// ============================================
-// HOOK
-// ============================================
-
-/**
- * Creates form validation state for a field.
- *
- * @example
- * ```tsx
- * const validationState = createFormValidationState({
- *   value: inputValue(),
- *   validate: (value) => {
- *     if (!value) return 'This field is required';
- *     if (value.length < 3) return 'Must be at least 3 characters';
- *     return null;
- *   },
- *   validationBehavior: 'aria',
- * });
- *
- * // Access validation state
- * const isInvalid = () => validationState.displayValidation().isInvalid;
- * const errors = () => validationState.displayValidation().validationErrors;
- * ```
- */
-export function createFormValidationState<T>(
-  props: FormValidationProps<T>
-): FormValidationState {
-  const {
-    isInvalid,
-    validationState,
-    name,
-    builtinValidation: builtinValidationProp,
-    validate,
-    validationBehavior = 'aria',
-  } = props;
-
-  // Backward compatibility
-  const isInvalidProp = createMemo(
-    () => isInvalid ?? (validationState === 'invalid' ? true : undefined)
-  );
-
-  // Controlled error from isInvalid prop
-  const controlledError = createMemo<ValidationResult | null>(() =>
-    isInvalidProp() !== undefined
-      ? {
-          isInvalid: isInvalidProp()!,
-          validationErrors: [],
-          validationDetails: CUSTOM_VALIDITY_STATE,
-        }
-      : null
-  );
-
-  // Client-side validation
-  const clientError = createMemo<ValidationResult | null>(() => {
-    if (!validate || props.value == null) {
-      return null;
-    }
-    const validateErrors = runValidate(validate, props.value);
-    return getValidationResult(validateErrors);
-  });
-
-  // Built-in validation (skip if valid)
-  const builtinValidation = createMemo<ValidationResult | undefined>(() => {
-    if (builtinValidationProp?.validationDetails.valid) {
-      return undefined;
-    }
-    return builtinValidationProp;
-  });
-
-  // Server errors from context
-  const serverErrors = useContext(FormValidationContext);
-  const serverErrorMessages = createMemo(() => {
-    if (name) {
-      return Array.isArray(name)
-        ? name.flatMap((n) => asArray(serverErrors[n]))
-        : asArray(serverErrors[name]);
-    }
-    return [];
-  });
-
-  // Track server errors clearing
-  const [lastServerErrors, setLastServerErrors] = createSignal(serverErrors);
-  const [isServerErrorCleared, setServerErrorCleared] = createSignal(false);
-
-  createEffect(() => {
-    if (serverErrors !== lastServerErrors()) {
-      setLastServerErrors(serverErrors);
-      setServerErrorCleared(false);
-    }
-  });
-
-  const serverError = createMemo<ValidationResult | null>(() =>
-    getValidationResult(isServerErrorCleared() ? [] : serverErrorMessages())
-  );
-
-  // Track validation state
-  const [currentValidity, setCurrentValidity] = createSignal(
-    DEFAULT_VALIDATION_RESULT
-  );
-  const [commitQueued, setCommitQueued] = createSignal(false);
-
-  let nextValidation = DEFAULT_VALIDATION_RESULT;
-  let lastError = DEFAULT_VALIDATION_RESULT;
-
-  // Commit validation effect
-  createEffect(() => {
-    if (!commitQueued()) {
-      return;
-    }
-    setCommitQueued(false);
-    const error = clientError() || builtinValidation() || nextValidation;
-    if (!isEqualValidation(error, lastError)) {
-      lastError = error;
-      setCurrentValidity(error);
-    }
-  });
-
-  // Realtime validation (for native input state)
-  const realtimeValidation = createMemo<ValidationResult>(
-    () =>
-      controlledError() ||
-      serverError() ||
-      clientError() ||
-      builtinValidation() ||
-      DEFAULT_VALIDATION_RESULT
-  );
-
-  // Display validation (what the user sees)
-  const displayValidation = createMemo<ValidationResult>(() => {
-    if (validationBehavior === 'native') {
-      return (
-        controlledError() || serverError() || currentValidity()
-      );
-    }
-    return (
-      controlledError() ||
-      serverError() ||
-      clientError() ||
-      builtinValidation() ||
-      currentValidity()
-    );
-  });
-
-  return {
-    realtimeValidation,
-    displayValidation,
-    updateValidation(value: ValidationResult) {
-      // If validationBehavior is 'aria', update in realtime. Otherwise, store until commit.
-      if (
-        validationBehavior === 'aria' &&
-        !isEqualValidation(currentValidity(), value)
-      ) {
-        setCurrentValidity(value);
-      } else {
-        nextValidation = value;
-      }
-    },
-    resetValidation() {
-      // Update the currently displayed validation state to valid on form reset.
-      const error = DEFAULT_VALIDATION_RESULT;
-      if (!isEqualValidation(error, lastError)) {
-        lastError = error;
-        setCurrentValidity(error);
-      }
-      // Do not commit validation after the next render for native behavior.
-      if (validationBehavior === 'native') {
-        setCommitQueued(false);
-      }
-      setServerErrorCleared(true);
-    },
-    commitValidation() {
-      // Commit validation state so the user sees it on blur/change/submit.
-      if (validationBehavior === 'native') {
-        setCommitQueued(true);
-      }
-      setServerErrorCleared(true);
-    },
-  };
-}
-
-/**
- * Merges multiple validation results into one.
- */
-export function mergeValidation(
-  ...results: ValidationResult[]
-): ValidationResult {
-  const errors = new Set<string>();
-  let isInvalid = false;
-  const validationDetails: ValidityState = { ...VALID_VALIDITY_STATE };
-
-  for (const v of results) {
-    for (const e of v.validationErrors) {
-      errors.add(e);
-    }
-    isInvalid = isInvalid || v.isInvalid;
-    for (const key in validationDetails) {
-      const k = key as keyof ValidityState;
-      (validationDetails as unknown as Record<string, boolean>)[k] =
-        (validationDetails as unknown as Record<string, boolean>)[k] ||
-        (v.validationDetails as unknown as Record<string, boolean>)[k];
-    }
-  }
-
-  validationDetails.valid = !isInvalid;
-  return {
-    isInvalid,
-    validationErrors: [...errors],
-    validationDetails,
-  };
-}