export declare const SingleCountryPhoneNumberInput: {
    baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
        keys: ("icon" | "field" | "iconContainer")[];
    }> | undefined;
    sizes?: {
        xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            field: {
                paddingInlineEnd: string | undefined;
            };
            iconContainer: {
                w: string;
                px: string;
                textStyle?: string | undefined;
                fontSize?: any;
                h?: string | undefined;
                height?: string | undefined;
            };
            icon: {
                fontSize: string;
            };
        };
        sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            field: {
                paddingInlineEnd: string | undefined;
            };
            iconContainer: {
                w: string;
                px: string;
                textStyle?: string | undefined;
                fontSize?: any;
                h?: string | undefined;
                height?: string | undefined;
            };
            icon: {
                fontSize: string;
            };
        };
        md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            field: {
                paddingInlineEnd: string | undefined;
            };
            icon: {
                fontSize: string;
            };
            iconContainer: {
                w: string;
                px: string;
                h?: string | undefined;
                height?: string | undefined;
                textStyle?: string | undefined;
                fontSize?: any;
            };
        };
    } | undefined;
    variants?: {
        outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            field: {
                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;
                paddingInlineEnd?: string | undefined;
            };
            icon: {
                w: string;
            };
            iconContainer: {
                _disabled: {
                    opacity: number;
                };
                mr?: string | undefined;
                pointerEvents: string;
            };
        };
    } | undefined;
    defaultProps?: {
        size?: "sm" | "md" | "xs" | undefined;
        variant?: "outline" | undefined;
        colorScheme?: string | undefined;
    } | undefined;
    parts: ("icon" | "field" | "iconContainer")[];
};