import type { ComponentProps, ReactNode } from "react";
import type { KeepSizes } from "../../Keep/KeepTheme";
export interface keepNumberInputTheme {
    base: string;
    field: {
        base: string;
        icon: {
            base: string;
            incrementIcon: string;
            decrementIcon: string;
            disabled: string;
            sizes: NumberInputSizes;
            position: {
                right: string;
                incrementIcon: string;
                decrementIcon: string;
            };
        };
        input: {
            base: string;
            disabled: string;
            sizes: NumberInputSizes;
            withIcon: {
                on: {
                    left: string;
                    right: string;
                };
                off: string;
            };
        };
    };
}
export interface NumberInputSizes extends Pick<KeepSizes, "sm" | "md" | "lg"> {
    [key: string]: string;
}
export interface NumberInputProps extends Omit<ComponentProps<"input">, "ref" | "color" | "className"> {
    value: number;
    sizing?: keyof NumberInputSizes;
    disabled?: boolean;
    helperText?: ReactNode;
    icon?: ReactNode;
    iconPosition?: "right";
    setValue: React.Dispatch<React.SetStateAction<number>>;
}
export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;