import { Label } from '@components/common/ui/Label.js';
import { type VariantProps } from 'class-variance-authority';
import React from 'react';
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;
} & import("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, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle };