export declare const PhoneNumberInput: {
    baseStyle?: import("@chakra-ui/react").PartsStyleInterpolation<{
        keys: ("icon" | "country" | "field" | "selector")[];
    }> | undefined;
    sizes?: {
        xs: (props: import("@chakra-ui/react").StyleFunctionProps) => {
            country: {
                px: string;
                textStyle?: string | undefined;
                fontSize?: any;
                h?: string | undefined;
                height?: string | undefined;
            };
            icon: {
                fontSize: string;
            };
        };
        sm: (props: import("@chakra-ui/react").StyleFunctionProps) => {
            country: {
                px: string;
                textStyle?: string | undefined;
                fontSize?: any;
                h?: string | undefined;
                height?: string | undefined;
            };
            icon: {
                fontSize: string;
            };
        };
        md: (props: import("@chakra-ui/react").StyleFunctionProps) => {
            country: {
                px: string;
                h?: string | undefined;
                height?: string | undefined;
                textStyle?: string | undefined;
                fontSize?: any;
            };
            icon: {
                fontSize: string;
            };
        };
    } | undefined;
    variants?: {
        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
            field: {
                borderLeftRadius: number;
                borderRadius?: string | undefined;
                bg?: string | undefined;
                border?: string | undefined;
                borderColor?: string | undefined;
                _placeholder?: {
                    color: string;
                } | undefined;
                _hover?: {
                    borderColor: string;
                } | undefined;
                _invalid?: {
                    borderColor: any;
                    boxShadow: string;
                } | undefined;
                _focusVisible?: {
                    zIndex: number;
                    borderColor: any;
                    boxShadow: string;
                } | undefined;
                _disabled?: {
                    bg: string;
                    borderColor: string;
                    color: string;
                    cursor: string;
                    opacity: number;
                    _hover: {
                        bg: string;
                    };
                    _active: {
                        bg: string;
                    };
                } | undefined;
            };
            country: {
                transitionProperty: string;
                transitionDuration: string;
                bg: string;
                border: string;
                borderColor: string;
                _disabled: {
                    cursor: string;
                    bg?: string | undefined;
                    borderColor?: string | undefined;
                    color?: string | undefined;
                    opacity?: number | undefined;
                    _hover?: {
                        bg: string;
                    } | undefined;
                    _active?: {
                        bg: string;
                    } | undefined;
                };
                _active: {
                    borderColor: any;
                    boxShadow: string;
                    bg: string;
                    _disabled: {
                        boxShadow: string;
                        borderColor: string | undefined;
                    };
                };
                _focusWithin: {
                    zIndex: number;
                    borderColor: any;
                    boxShadow: string;
                };
                _hover: {
                    bg: string;
                };
                pos: string;
            };
            selector: {
                cursor: string;
                opacity: number;
                pos: string;
                w: string;
                h: string;
                left: number;
                top: number;
                _disabled: {
                    cursor: string;
                };
            };
            icon: {
                mr: string;
                w: string;
                _disabled: {
                    opacity: number;
                };
            };
        };
    } | undefined;
    defaultProps?: {
        size?: "sm" | "md" | "xs" | undefined;
        variant?: "outline" | undefined;
        colorScheme?: string | undefined;
    } | undefined;
    parts: ("icon" | "country" | "field" | "selector")[];
};