import React from 'react';
import type { RootProps } from '../../engines';
import type { CodeFieldProps } from './CodeField.types';
export declare const codeFieldRoot: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
    value?: string;
    placeholder?: string;
    autoFocus?: boolean;
    codeLength?: 4 | 5 | 6;
    caption?: React.ReactNode;
    captionAlign?: "left" | "center";
    width?: string | number;
    shape?: "default" | "segmented";
    view?: string;
    size?: string;
    disabled?: boolean;
    isError?: boolean;
    setIsError?: React.Dispatch<React.SetStateAction<boolean>>;
    allowedSymbols?: string | RegExp;
    itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior;
    codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior;
    onChange?: (value: string) => void;
    onFullCodeEnter?: (code: string) => void;
} & Pick<React.InputHTMLAttributes<HTMLInputElement>, "inputMode" | "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
export declare const codeFieldConfig: {
    name: string;
    tag: string;
    layout: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
        value?: string;
        placeholder?: string;
        autoFocus?: boolean;
        codeLength?: 4 | 5 | 6;
        caption?: React.ReactNode;
        captionAlign?: "left" | "center";
        width?: string | number;
        shape?: "default" | "segmented";
        view?: string;
        size?: string;
        disabled?: boolean;
        isError?: boolean;
        setIsError?: React.Dispatch<React.SetStateAction<boolean>>;
        allowedSymbols?: string | RegExp;
        itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior;
        codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior;
        onChange?: (value: string) => void;
        onFullCodeEnter?: (code: string) => void;
    } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "inputMode" | "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
    base: import("styled-components").FlattenSimpleInterpolation;
    variations: {
        view: {
            css: import("styled-components").FlattenSimpleInterpolation;
        };
        size: {
            css: import("styled-components").FlattenSimpleInterpolation;
        };
        shape: {
            css: import("styled-components").FlattenSimpleInterpolation;
        };
        disabled: {
            css: import("styled-components").FlattenSimpleInterpolation;
            attrs: boolean;
        };
    };
    defaults: {
        size: string;
        view: string;
        shape: string;
    };
};
//# sourceMappingURL=CodeField.d.ts.map