import { default as React } from 'react';
/** Tracking event data for number input interactions */
export interface NumberInputTrackingData {
    /** Action performed */
    action: 'input' | 'increment' | 'decrement';
    /** Optional custom label for tracking */
    trackingLabel?: string;
    /** Optional component context */
    componentName?: string;
}
export interface NumberInputProps {
    /** Current value */
    value: number;
    /** Callback when value changes */
    onChange: (value: number) => void;
    /** Minimum value */
    min?: number;
    /** Maximum value */
    max?: number;
    /** Step increment */
    step?: number;
    /** Disabled state */
    disabled?: boolean;
    /** Show stepper buttons */
    showSteppers?: boolean;
    /** Stepper button position */
    stepperPosition?: 'right' | 'sides';
    /** Placeholder text */
    placeholder?: string;
    /** Size variant */
    size?: 'sm' | 'md' | 'lg';
    /** Additional className */
    className?: string;
    /** Additional input props */
    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
    /** Optional callback for tracking number input interactions */
    onTrack?: (data: NumberInputTrackingData) => void;
    /** Custom label for tracking */
    trackingLabel?: string;
    /** Component name for tracking context */
    componentName?: string;
}
/**
 * NumberInput Component
 *
 * Number input field with optional stepper buttons for increment/decrement.
 * Supports min/max bounds, step values, and different layouts.
 *
 * @example
 * ```tsx
 * <NumberInput
 *   value={quantity}
 *   onChange={setQuantity}
 *   min={1}
 *   max={100}
 *   showSteppers
 * />
 * ```
 *
 * @example
 * ```tsx
 * <NumberInput
 *   value={price}
 *   onChange={setPrice}
 *   step={0.01}
 *   min={0}
 *   showSteppers
 *   stepperPosition="sides"
 * />
 * ```
 */
export declare const NumberInput: React.FC<NumberInputProps>;
//# sourceMappingURL=number-input.d.ts.map