import type { Ref } from "react";
import React from "react";
import type { InputNumberAffixCompoundProps, InputNumberDescriptionProps, InputNumberErrorProps, InputNumberFooterProps, InputNumberGroupProps, InputNumberInputProps, InputNumberLabelProps, InputNumberLoadingProps, InputNumberProps, InputNumberRef, InputNumberStepButtonProps, InputNumberStepperProps, InputNumberWrapperProps } from "./types";
declare function InputNumberWrapper({ ref, ...props }: InputNumberWrapperProps & {
    readonly ref?: Ref<InputNumberRef>;
}): React.JSX.Element;
declare namespace InputNumberWrapper {
    var displayName: string;
}
declare function InputNumberGroup({ children, className, style, }: InputNumberGroupProps): React.JSX.Element;
declare namespace InputNumberGroup {
    var displayName: string;
}
declare function InputNumberFooter({ children, className, style, }: InputNumberFooterProps): React.JSX.Element;
declare namespace InputNumberFooter {
    var displayName: string;
}
declare function InputNumberInput({ children, className, style, }: InputNumberInputProps): React.JSX.Element;
declare namespace InputNumberInput {
    var displayName: string;
}
declare function InputNumberLabel({ children, className, style, }: InputNumberLabelProps): React.JSX.Element | null;
declare namespace InputNumberLabel {
    var displayName: string;
}
declare function InputNumberDescription({ children, className, style, }: InputNumberDescriptionProps): React.JSX.Element | null;
declare namespace InputNumberDescription {
    var displayName: string;
}
declare function InputNumberError({ children, className, style, }: InputNumberErrorProps): React.JSX.Element | null;
declare namespace InputNumberError {
    var displayName: string;
}
declare function InputNumberLoading({ children, className, style, }: InputNumberLoadingProps): React.JSX.Element;
declare namespace InputNumberLoading {
    var displayName: string;
}
declare function InputNumberStepper({ children, incrementLabel, decrementLabel, className, style, }: InputNumberStepperProps): React.JSX.Element | null;
declare namespace InputNumberStepper {
    var displayName: string;
}
declare function InputNumberIncrement({ children, ariaLabel, className, style, }: InputNumberStepButtonProps): React.JSX.Element;
declare namespace InputNumberIncrement {
    var displayName: string;
}
declare function InputNumberDecrement({ children, ariaLabel, className, style, }: InputNumberStepButtonProps): React.JSX.Element;
declare namespace InputNumberDecrement {
    var displayName: string;
}
declare function InputNumberAffixCompound({ variation, label, icon, onClick, ariaLabel, children, className, style, }: InputNumberAffixCompoundProps): React.JSX.Element | null;
declare namespace InputNumberAffixCompound {
    var displayName: string;
}
/**
 * Sugar layer: composes the parts from props. This is the same composition a
 * consumer would write by hand with `<InputNumber.Wrapper>` and the
 * parts — to customize a single piece, copy this tree and swap that part.
 */
declare function InputNumber({ ref, ...props }: InputNumberProps & {
    readonly ref?: Ref<InputNumberRef>;
}): React.JSX.Element;
declare namespace InputNumber {
    var displayName: string;
    var Wrapper: typeof InputNumberWrapper;
    var Group: typeof InputNumberGroup;
    var Footer: typeof InputNumberFooter;
    var Input: typeof InputNumberInput;
    var Label: typeof InputNumberLabel;
    var Description: typeof InputNumberDescription;
    var Error: typeof InputNumberError;
    var Loading: typeof InputNumberLoading;
    var Stepper: typeof InputNumberStepper;
    var Increment: typeof InputNumberIncrement;
    var Decrement: typeof InputNumberDecrement;
    var Affix: typeof InputNumberAffixCompound;
}
export { InputNumber };