import { ComponentWithAs } from '@chakra-ui/react';
import { NumberInputProps } from './wrapper';
export type CompositeNumberInputProps = Omit<NumberInputProps, 'onChange' | 'min' | 'max'> & {
    /**
     * The value
     */
    value: number;
    /**
     * The minimum value
     */
    min: number;
    /**
     * The maximum value
     */
    max: number;
    /**
     * The default step
     */
    step?: number;
    /**
     * The fine step (used when shift is pressed)
     */
    fineStep?: number;
    /**
     * The change handler
     */
    onChange: (v: number) => void;
    /**
     * An optional callback to constrain the value. For example, to round it to the nearest multiple of 8.
     */
    constrainValue?: (v: number) => number;
};
export declare const CompositeNumberInput: ComponentWithAs<ComponentWithAs<'div', NumberInputProps>, CompositeNumberInputProps>;
