export declare const optInputContainerVariants: (props?: ({
    size?: "m" | "l" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export declare const optInputVariants: (props?: ({
    filled?: boolean | null | undefined;
    size?: "m" | "l" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export declare const otpInputContainerClasses: ({ variantProps, className, }: {
    variantProps: {
        size?: 'm' | 'l';
    };
    className?: string | undefined;
}) => string;
export declare const otpInputClasses: ({ variantProps, className, }: {
    variantProps: {
        filled?: boolean;
        size?: 'm' | 'l';
    };
    className?: string | undefined;
}) => string;
export interface OtpInputProps {
    /**
     * The current value of the OTP input
     */
    value?: string;
    /**
     * Callback fired when the OTP value changes
     * @param value - The new OTP value
     */
    onChange: (value: string) => void;
    /**
     * Callback fired when all digits are entered
     * @param value - The complete OTP value
     */
    onComplete?: (value: string) => void;
    /**
     * Number of OTP digits (3-6)
     * @default 4
     */
    length?: 3 | 4 | 5 | 6;
    /**
     * Size of the input fields
     * @default 'l'
     */
    size?: 'm' | 'l';
    /**
     * Visualization type
     * - default: Empty inputs showing entered characters
     * - filled: Inputs with visible characters
     * - hidden: Digits hidden for security (●●●●)
     * @default 'default'
     */
    type?: 'default' | 'filled' | 'hidden';
    /**
     * Whether the input is disabled
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Whether the input is in an invalid/error state
     * @default false
     */
    isInvalid?: boolean;
    /**
     * Whether the input is in a success state
     * @default false
     */
    isSuccess?: boolean;
    /**
     * Whether the input is read-only
     * @default false
     */
    isReadOnly?: boolean;
    /**
     * Whether the input is required
     * @default false
     */
    isRequired?: boolean;
    /**
     * Whether to auto-focus the first input on mount
     * @default false
     */
    autoFocus?: boolean;
    /**
     * Label for the OTP input group
     */
    label?: string;
    /**
     * Help text displayed below the input
     */
    helpText?: string;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Test ID for testing purposes
     */
    'data-testid'?: string;
    /**
     * ARIA label for the input group
     */
    'aria-label'?: string;
    /**
     * ID for the input group
     */
    id?: string;
    /**
     * Name for the input group (for form submission)
     */
    name?: string;
    /**
     * Hides the input value and displays a dot.
     */
    isHidden?: boolean;
}
//# sourceMappingURL=types.d.ts.map