import * as class_variance_authority_types from 'class-variance-authority/types';
import * as React from 'react';
import { VariantProps } from 'class-variance-authority';
import { Label } from './label.js';
import 'radix-ui';

declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): React.JSX.Element;
declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {
    variant?: 'legend' | 'label';
}): React.JSX.Element;
declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare const fieldVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): React.JSX.Element;
declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
    children?: React.ReactNode;
}): React.JSX.Element;
declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
    errors?: Array<{
        message?: string;
    } | undefined>;
}): React.JSX.Element | null;

export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };