import { type ChangeEvent } from "react";
import type { UseFieldOptions } from "form-atoms";
import type { ZodAny, ZodArray } from "zod";
import { z } from "zod";
import { UseOptionsProps } from "..";
import type { ZodArrayField, ZodField, ZodFieldValue } from "../../fields";
export type UseMultiSelectFieldProps<Option, Field extends ZodArrayField> = {
    field: Field;
    getValue: (option: Option) => ZodArrayFieldValue<Field>;
} & Pick<UseOptionsProps<Option>, "options">;
export type ZodArrayFieldValue<Field> = Field extends ZodField<ZodArray<infer Value>, ZodArray<ZodAny>> ? z.infer<Value> : never;
export declare const useMultiSelectFieldProps: <Option, Field extends ZodArrayField>({ field, options, getValue }: UseMultiSelectFieldProps<Option, Field>, fieldOptions?: UseFieldOptions<ZodFieldValue<Field>>) => {
    value: readonly string[];
    id: string;
    name: string | undefined;
    required: boolean;
    "aria-required": boolean;
    "aria-invalid": boolean | undefined;
    ref: (args_0: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | ((value: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null) => HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null) | null) => void;
    onBlur(): void;
    onChange(event: ChangeEvent<HTMLSelectElement>): void;
};