import { type ChangeEventHandler, type FocusEventHandler, FormEventHandler, RefObject } from "react";
import type { BaseIssue, BaseSchema, InferIssue } from "valibot";
import { type ValidateElement } from "../../utils/form";
export type OnValidationError<Input = BaseIssue<string>> = (issues: Array<Input>) => void;
export type ValidationProps<Schema extends BaseSchema<any, any, any>> = {
    validate?: Schema;
    onValidationError?: OnValidationError<InferIssue<Schema>>;
};
export type UseInputValidationArgs<Element extends ValidateElement, Schema extends BaseSchema<any, any, any>> = {
    name?: string;
    validate?: Schema;
    required?: boolean;
    onValidationError?: OnValidationError<InferIssue<Schema>>;
    onChange?: ChangeEventHandler<Element>;
    onBlur?: FocusEventHandler<Element>;
    requireDirty?: boolean;
    reportValidityTarget?: RefObject<HTMLInputElement | null>;
};
/**
 * Hook to handle input validation logic.
 *
 * @remarks
 * This hook integrates with the `Form` context and `valibot` schemas to validate input elements.
 * It handles `onChange`, `onBlur`, and `onInvalid` events to trigger validation at appropriate times.
 * It supports both immediate validation (after submit/blur) and lazy validation.
 *
 * @typeParam E - The input element type.
 * @typeParam Schema - The Valibot schema type.
 * @param args - The hook arguments.
 * @returns Event handlers and a validate function.
 *
 * @example
 * ```tsx
 * const { onChange, onBlur } = useInputValidation({
 *   name: "email",
 *   validate: emailSchema,
 *   onChange: (e) => console.log(e.target.value)
 * });
 * return <input onChange={onChange} onBlur={onBlur} />;
 * ```
 */
export declare function useInputValidation<E extends ValidateElement, Schema extends BaseSchema<any, any, any>>({ name, validate, required, onValidationError, onChange, onBlur, reportValidityTarget, }: UseInputValidationArgs<E, Schema>): {
    onChange: ChangeEventHandler<E>;
    onBlur: FocusEventHandler<E>;
    onInvalid: FormEventHandler<HTMLInputElement>;
    validate: (elm: E) => [any, ...any[]] | null | undefined;
};