import { Slot } from '@radix-ui/react-slot';
import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
import { InputProps } from './text-input';
import type * as LabelPrimitive from '@radix-ui/react-label';
import * as React from 'react';
export interface FieldComponents {
    FormControl: React.ComponentType<FormControlProps>;
    FormDescription: React.ComponentType<FormDescriptionProps>;
    FormLabel: React.ComponentType<FormLabelProps>;
    FormMessage: React.ComponentType<FormMessageProps>;
    Input?: React.ComponentType<InputProps>;
}
export type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
    name: TName;
};
export declare const FormFieldContext: React.Context<FormFieldContextValue<FieldValues, string>>;
export type FormItemContextValue = {
    id: string;
    formItemId: string;
    formDescriptionId: string;
    formMessageId: string;
};
export declare const FormItemContext: React.Context<FormItemContextValue>;
export interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
    Component?: React.ComponentType<FormItemProps>;
}
export declare function FormItem({ Component, className, ...props }: FormItemProps): import("react/jsx-runtime").JSX.Element;
export declare namespace FormItem {
    var displayName: string;
}
export interface FormLabelProps extends React.ComponentProps<typeof LabelPrimitive.Root> {
    error?: string;
    Component?: React.ComponentType<FormLabelProps>;
}
export declare function FormLabel({ Component, htmlFor, className, error, ...props }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
export declare namespace FormLabel {
    var displayName: string;
}
export interface FormControlProps extends React.ComponentProps<typeof Slot> {
    error?: boolean;
    formItemId?: string;
    formDescriptionId?: string;
    formMessageId?: string;
    Component?: React.ComponentType<FormControlProps>;
}
export declare function FormControl({ Component, ...props }: FormControlProps): import("react/jsx-runtime").JSX.Element;
export declare namespace FormControl {
    var displayName: string;
}
export interface FormDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
    formDescriptionId?: string;
    Component?: React.ComponentType<FormDescriptionProps>;
}
export declare function FormDescription({ Component, className, formDescriptionId, ...props }: FormDescriptionProps): import("react/jsx-runtime").JSX.Element;
export declare namespace FormDescription {
    var displayName: string;
}
export interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
    formMessageId?: string;
    error?: string;
    Component?: React.ComponentType<FormMessageProps>;
}
export declare function FormMessage({ Component, className, formMessageId, error, children, ...rest }: FormMessageProps): import("react/jsx-runtime").JSX.Element | null;
export declare namespace FormMessage {
    var displayName: string;
}
export interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends ControllerProps<TFieldValues, TName> {
    Component?: React.ComponentType<FormFieldProps<TFieldValues, TName>>;
}
export declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ Component, ...props }: FormFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
export declare namespace FormField {
    var displayName: string;
}
//# sourceMappingURL=form.d.ts.map