import "../button/btn.css";
import "../input-text-base/index.css";
import "./index.css";
import type { CombineAriaPropsWithCustomProps } from "../../utilities/reactAriaProps";
import React from "react";
import { type NumberFieldProps as AriaNumberFieldProps } from "react-aria-components";
export type NumberStepperSize = "md" | "lg";
export interface NumberStepperProps {
    /** The default uncontrolled value. */
    defaultValue?: number;
    /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */
    description?: string;
    /** Disables the input and stepper buttons. */
    disabled?: boolean;
    /** If `true`, renders the label visually hidden. */
    hideLabel?: boolean;
    /** If `true`, applies error styling to the field and description. */
    invalid?: boolean;
    /** Accessible label for the field. */
    label: string;
    /** Maximum allowed value. */
    max?: number;
    /** Minimum allowed value. */
    min?: number;
    /** Allows the value to be read but not changed. */
    readOnly?: boolean;
    /** If `true`, appends an asterisk after the label text. */
    required?: boolean;
    /** The size of the number stepper. */
    size?: NumberStepperSize;
}
type AriaNumberFieldPropsToOmit = "children" | "render" | "slot" | "validate" | "validationBehavior";
type AriaNumberFieldPropsToInclude = "formatOptions" | "name" | "onChange" | "step" | "value";
export type NumberStepperElementProps = CombineAriaPropsWithCustomProps<AriaNumberFieldProps, NumberStepperProps, AriaNumberFieldPropsToOmit, AriaNumberFieldPropsToInclude>;
/**
 * A number stepper component that pairs a numeric input with increment and
 * decrement buttons. Use it when users need to enter or adjust a number by
 * small amounts, such as quantities or counts.
 *
 * Constrain the input with `min`, `max`, and `step`, and customize display
 * (currency, percentage, decimal precision) via the `formatOptions` prop.
 *
 * @component
 * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-numberstepper--docs | Storybook Documentation}
 */
export declare function NumberStepper({ className, defaultValue, description, disabled, hideLabel, invalid, label, max, min, readOnly, required, size, ...restProps }: NumberStepperElementProps): React.JSX.Element;
export {};
//# sourceMappingURL=NumberStepper.d.ts.map