import * as React from 'react';
import { OTPInput } from 'input-otp';
/**
 * Segmented input for one-time passwords and verification codes.
 *
 * @description
 * Splits the input into individual slots to facilitate digit-by-digit entry
 * of verification codes. Built on the `input-otp` library.
 *
 * @ai-rules
 * 1. `maxLength` on the root must match the total number of `<InputOTPSlot>` components.
 * 2. Use `<InputOTPGroup>` to cluster slots and `<InputOTPSeparator>` for visual dividers (e.g., "123-456").
 * 3. Connect to React Hook Form via `<FormControl>` — treat `value`/`onChange` same as a regular input.
 */
declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
    containerClassName?: string;
}): import("react/jsx-runtime").JSX.Element;
declare function InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
declare function InputOTPSlot({ index, className, size, ...props }: React.ComponentProps<'div'> & {
    index: number;
    /**
     * Size variant — matches the form component sizing scale.
     * - `sm`: 32×32px slot, text-sm
     * - `md`: 40×40px slot, text-base — **default**
     * - `lg`: 48×48px slot, text-lg
     */
    size?: 'sm' | 'md' | 'lg';
}): import("react/jsx-runtime").JSX.Element;
declare function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };