import * as React from "react";
/**
 * InputOTP — the code-challenge field.
 *
 * `align` positions the whole row (groups + separators) on the main axis: `start` (default,
 * unchanged), `center` — the canonical auth challenge — or `end`. The attribute lands on the
 * hidden input because `input-otp` owns the container element; `.ui-otp-container` reads it back
 * through `:has()`, exactly as it already does for the invalid and disabled states. A service that
 * wants every code field centred sets `--otp-container-align` once instead.
 *
 * `size`/`status`/`variant` ride the same `controlSurfaceAttrs` helper as Input, Select, Cascader
 * and TagInput, so the code field sits on the shared control-height ladder and paints the same
 * error edge — they reach the CSS by the same `:has()` route as `align`.
 *
 * The VALUE is owned here, not by `input-otp`: `formatter` and `readOnly` have to hold for paste
 * too, and `input-otp` writes its own internal state inside its paste handler, which a wrapper
 * that only intercepted `onChange` could not undo.
 */
export declare const InputOTP: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "children" | "defaultValue" | "onChange" | "size" | "style" | "value"> & {
    maxLength: number;
    value?: string;
    defaultValue?: string;
    onValueChange?: (value: string) => void;
    onChange?: (value: string) => void;
    onComplete?: (value: string) => void;
    formatter?: (value: string) => string;
    mask?: import("./input-otp.js").InputOTPMaskProp;
    align?: import("./input-otp.js").InputOTPAlignProp;
    size?: import("../../props/index.js").SizeProp;
    status?: import("../../props/index.js").ControlStatusProp;
    variant?: import("../../props/index.js").ControlVariantProp;
    pattern?: string;
    pasteTransformer?: (pasted: string) => string;
    containerClassName?: import("../../props/index.js").ClassNameProp;
    pushPasswordManagerStrategy?: "increase-width" | "none";
    noScriptCSSFallback?: string | null;
    nonce?: string;
    children?: React.ReactNode;
    render?: (props: import("input-otp").RenderProps) => React.ReactNode;
} & React.RefAttributes<HTMLInputElement>>;
export type { InputOTPAlignProp, InputOTPGroupAppearanceProp, InputOTPGroupProp, InputOTPGroupProp as InputOTPGroupProps, InputOTPMaskProp, InputOTPProp, InputOTPProp as InputOTPProps, } from "../../props/components/data-entry.prop.js";
export declare const InputOTPGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
    appearance?: import("./input-otp.js").InputOTPGroupAppearanceProp;
} & React.RefAttributes<HTMLDivElement>>;
export declare const InputOTPSlot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
    index: number;
} & React.RefAttributes<HTMLDivElement>>;
export declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;