import * as React from 'react';
import type { FormFieldContextValue, FormFieldProps, FormFieldRootProps } from './types.js';
export declare const FormFieldProvider: React.FC<FormFieldContextValue & {
    children: React.ReactNode;
}>, useFormFieldContext: (consumerName: string) => FormFieldContextValue;
/**
 * FormField's root: generates `id`/`messageId`, distributes them with `name` via context, and renders a plain `<div>`.
 *
 * @example
 * ```tsx
 * import { FormControl, FormFieldRoot, FormLabel, FormMessage } from '@skdx/react/primitives/form';
 *
 * <FormFieldRoot name="username">
 *   <FormLabel>Username</FormLabel>
 *   <FormControl>
 *     <input required />
 *   </FormControl>
 *   <FormMessage>Username is required.</FormMessage>
 * </FormFieldRoot>
 * ```
 */
export declare const FormFieldRoot: {
    ({ name, ref: forwardedRef, ...props }: FormFieldRootProps): React.ReactNode;
    displayName: string;
};
/**
 * One field of a {@link Form}: its label, control, and validation message.
 *
 * @example
 * ```tsx
 * <FormField name="email" label="Email" message="Enter a valid email.">
 *   <input type="email" required />
 * </FormField>
 * ```
 */
export declare const FormField: {
    ({ label, message, children, ref: forwardedRef, ...rest }: FormFieldProps): React.ReactNode;
    displayName: string;
};