import { type VariantProps } from "class-variance-authority";
import * as React from "react";
declare const inputFieldsVariants: (props?: ({
    variant?: "default" | "solid" | "bordered" | null | undefined;
    layout?: "default" | "compact" | "relaxed" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * Represents a field in an input fields component
 * @property {string} id - Unique identifier for the field
 * @property {'text' | 'number' | 'email' | 'password'} type - Type of input field
 * @property {string} label - Display label for the field
 * @property {string} [placeholder] - Optional placeholder text
 * @property {boolean} [required] - Whether the field is required
 * @property {string} [description] - Additional description text for the field
 * @property {boolean} [disabled] - Whether the field is disabled
 * @property {number} [maxLength] - Maximum length of the field
 * @property {number} [minLength] - Minimum length of the field
 * @property {string} [pattern] - Regular expression pattern for validation
 * @property {string} [autoComplete] - Autocomplete attribute value
 * @property {string} [error] - Error message for the field
 */
export interface Field {
    id: string;
    type: "text" | "number" | "email" | "password";
    label: string;
    placeholder?: string;
    required?: boolean;
    description?: string;
    disabled?: boolean;
    maxLength?: number;
    minLength?: number;
    pattern?: string;
    autoComplete?: string;
    error?: string;
}
export interface InputFieldsState {
    values: Record<string, string>;
}
/**
 * Props for the InputFields component
 * @interface
 */
export interface InputFieldsProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof inputFieldsVariants> {
    /** Array of field configurations to render */
    fields: Field[];
}
/**
 * A component that renders a collection of form input fields with validation and accessibility features
 * @component
 * @example
 * ```tsx
 * <InputFields
 *   fields={[
 *     {
 *       id: "email",
 *       type: "email",
 *       label: "Email",
 *       required: true
 *     }
 *   ]}
 *   variant="solid"
 *   layout="compact"
 *   className="custom-styles"
 * />
 * ```
 */
export declare const InputFields: React.ForwardRefExoticComponent<InputFieldsProps & React.RefAttributes<HTMLDivElement>>;
export { inputFieldsVariants };
//# sourceMappingURL=input-fields.d.ts.map