import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
import * as React from 'react';
/**
 * Hook to access form field context
 *
 * Provides access to field name for nested components like FormLabel, FormMessage, etc.
 *
 * @example
 * ```tsx
 * function CustomInput() {
 *   const { name } = useFormField();
 *   return <input name={name} />;
 * }
 * ```
 */
export declare function useFormField(): {
    invalid: boolean;
    isDirty: boolean;
    isTouched: boolean;
    isValidating: boolean;
    error?: import('react-hook-form').FieldError;
    id: string;
    name: string;
    formItemId: string;
    formDescriptionId: string;
    formMessageId: string;
};
/**
 * FormField component props
 */
export type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
/**
 * FormField component - Wrapper for form inputs with React Hook Form integration
 *
 * Uses React Hook Form's Controller component to manage field state.
 * Provides context for child components (FormLabel, FormMessage, etc.).
 *
 * @example
 * ```tsx
 * <FormField
 *   control={form.control}
 *   name="email"
 *   render={({ field }) => (
 *     <FormItem>
 *       <FormLabel>Email</FormLabel>
 *       <FormControl>
 *         <Input type="email" {...field} />
 *       </FormControl>
 *       <FormDescription>Enter your email address</FormDescription>
 *       <FormMessage />
 *     </FormItem>
 *   )}
 * />
 * ```
 */
export declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: FormFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
/**
 * FormItem component props
 */
export type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
/**
 * FormItem component - Container for form field components
 *
 * Provides spacing and layout for form fields.
 * Generates unique IDs for accessibility attributes.
 *
 * @example
 * ```tsx
 * <FormItem>
 *   <FormLabel>Username</FormLabel>
 *   <FormControl>
 *     <Input />
 *   </FormControl>
 *   <FormMessage />
 * </FormItem>
 * ```
 */
export declare function FormItem({ ref, className, ...props }: FormItemProps & {
    ref?: React.Ref<HTMLDivElement>;
}): import("react/jsx-runtime").JSX.Element;
/**
 * FormControl component props
 */
export type FormControlProps = React.HTMLAttributes<HTMLDivElement>;
/**
 * FormControl component - Wrapper for form input elements
 *
 * Connects input elements with form field state and accessibility attributes.
 *
 * @example
 * ```tsx
 * <FormControl>
 *   <Input type="email" placeholder="you@example.com" />
 * </FormControl>
 * ```
 */
export declare function FormControl({ ref, ...props }: FormControlProps & {
    ref?: React.Ref<HTMLDivElement>;
}): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=FormField.d.ts.map