import * as React from 'react';
import { OTPField as BaseOTPField } from '@base-ui/react/otp-field';
import { type VariantProps } from 'class-variance-authority';
import { inputVariants } from '../input/input-variants';
type OTPFieldVariant = NonNullable<VariantProps<typeof inputVariants>['variant']>;
type OTPFieldSize = NonNullable<VariantProps<typeof inputVariants>['size']>;
interface OTPFieldProps extends Omit<React.ComponentProps<typeof BaseOTPField.Root>, 'className'> {
    /**
     * Slot appearance - bordered or filled.
     * @default 'outline'
     */
    variant?: OTPFieldVariant;
    /**
     * Scales every slot.
     * @default 'md'
     */
    size?: OTPFieldSize;
    /** Extra classes on the root, merged via `tailwind-merge`. */
    className?: string;
}
declare function OTPField({ variant, size, className, children, ...props }: OTPFieldProps): React.JSX.Element;
type OTPFieldInputProps = React.ComponentProps<typeof BaseOTPField.Input>;
declare function OTPFieldInput({ className, ...props }: OTPFieldInputProps): React.JSX.Element;
type OTPFieldSeparatorProps = React.ComponentProps<typeof BaseOTPField.Separator>;
declare function OTPFieldSeparator({ className, children, ...props }: OTPFieldSeparatorProps): React.JSX.Element;
export { OTPField, OTPFieldInput, OTPFieldSeparator };
export type { OTPFieldProps, OTPFieldInputProps, OTPFieldSeparatorProps };
//# sourceMappingURL=otp-field.d.ts.map