import * as class_variance_authority_types from 'class-variance-authority/types';
import { ReactElement } from 'react';
import { VariantProps } from 'class-variance-authority';
import { Label } from './label.mjs';

/**
 * Field — shadcn/WealthX
 * Base: npx shadcn\@latest add field
 * Figma: https://www.figma.com/design/9V9F0NGVsif8LGmEhVjOcT/Design-System---shadcn?node-id=1188-4205
 *
 * WealthX additions:
 *   - FieldDescription/FieldError: text-xs (12px) per Figma helper text spec
 *   - FieldError.uniqueErrors: Array.from() instead of spread on Map iterator (es5 compat)
 */
type FieldSetProps = React.ComponentProps<"fieldset">;
declare function FieldSet({ className, ...props }: FieldSetProps): ReactElement;
type FieldLegendProps = React.ComponentProps<"legend"> & {
    variant?: "legend" | "label";
};
declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): ReactElement;
type FieldGroupProps = React.ComponentProps<"div">;
declare function FieldGroup({ className, ...props }: FieldGroupProps): ReactElement;
declare const fieldVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
type FieldProps = React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
declare function Field({ className, orientation, ...props }: FieldProps): ReactElement;
type FieldContentProps = React.ComponentProps<"div">;
declare function FieldContent({ className, ...props }: FieldContentProps): ReactElement;
type FieldLabelProps = React.ComponentProps<typeof Label>;
declare function FieldLabel({ className, ...props }: FieldLabelProps): ReactElement;
type FieldTitleProps = React.ComponentProps<"div">;
declare function FieldTitle({ className, ...props }: FieldTitleProps): ReactElement;
type FieldDescriptionProps = React.ComponentProps<"p">;
declare function FieldDescription({ className, ...props }: FieldDescriptionProps): ReactElement;
type FieldSeparatorProps = React.ComponentProps<"div"> & {
    children?: React.ReactNode;
};
declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): ReactElement;
type FieldErrorProps = React.ComponentProps<"div"> & {
    errors?: ({
        message?: string;
    } | undefined)[];
};
declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): ReactElement | null;

export { Field, FieldContent, type FieldContentProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, FieldLabel, type FieldLabelProps, FieldLegend, type FieldLegendProps, type FieldProps, FieldSeparator, type FieldSeparatorProps, FieldSet, type FieldSetProps, FieldTitle, type FieldTitleProps };