import { MaybeRefOrGetter } from 'vue';
export type UseFormValidityOptions<TProps extends Record<string, MaybeRefOrGetter<unknown>> = Record<string, MaybeRefOrGetter<unknown>>> = {
    /**
     * Explicitly set custom error. Any non-nullish value will set the input to be invalid.
     */
    error?: MaybeRefOrGetter<string | undefined>;
    /**
     * Props that influence native validation state. These are not used directly, but watched to trigger a re-evaluation of validation state.
     * E.g. when `required` is changed from `true` to `false` the state needs to be re-evaluated.
     */
    props: TProps;
    /**
     * Component emit as defined with `const emit = defineEmits()`
     */
    emit: (evt: "validityChange", validity: ValidityState) => void;
};
export type InputValidationElement = Pick<HTMLInputElement, "validity" | "setCustomValidity">;
export declare const useCustomValidity: <TProps extends Record<string, MaybeRefOrGetter<unknown>>>(options: Omit<UseFormValidityOptions<TProps>, "emit">) => {
    /**
     * Directive to set the custom error message and emit validityChange event.
     */
    vCustomValidity: {
        mounted: (el: InputValidationElement) => void;
    };
    /**
     * validityState of the html element.
     */
    validityState: import('vue').Ref<Record<keyof ValidityState, boolean> | undefined, Record<keyof ValidityState, boolean> | undefined>;
};