/**
 * InputOTP: a segmented one-time-code input. A single visually-hidden real
 * `<input>` (numeric, `autocomplete="one-time-code"`) captures typing and paste,
 * while `maxLength` presentational slots mirror each character of the controlled
 * `value`. The slot at the caret position gets a focus ring; when the code is
 * complete, the final slot stays active. Fully controlled and self-contained (no
 * floating engine, no dependencies); skinned with the veryfront theme tokens.
 *
 * @example
 * ```tsx
 * import { InputOTP } from "veryfront/ui";
 *
 * function Verify() {
 *   const [code, setCode] = React.useState("");
 *   return <InputOTP value={code} onChange={setCode} maxLength={6} />;
 * }
 * ```
 *
 * @module react/components/ui/input-otp
 */
import * as React from "react";
/** Props accepted by `<InputOTP>`. */
export interface InputOTPProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
    /** The controlled code. Only the first `maxLength` characters are displayed. */
    value: string;
    /** Fires with the next sanitized (digits-only, clamped to `maxLength`) code. */
    onChange?: (value: string) => void;
    /** Number of slots (and the input's max length). @default 6 */
    maxLength?: number;
    /** Disable typing and dim the slots. @default false */
    disabled?: boolean;
    /** React 19: ref is a regular prop. Forwarded to the hidden `<input>`. */
    ref?: React.Ref<HTMLInputElement>;
}
/** Render a segmented one-time-code input. */
export declare function InputOTP({ value, onChange, maxLength, disabled, className, ref, "aria-label": ariaLabel, ...props }: InputOTPProps): React.ReactElement;
//# sourceMappingURL=input-otp.d.ts.map