import * as React from 'react';
import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
import { type VariantProps } from 'class-variance-authority';
import { inputVariants } from '../input/input-variants';
type NumberFieldVariant = NonNullable<VariantProps<typeof inputVariants>['variant']>;
type NumberFieldSize = NonNullable<VariantProps<typeof inputVariants>['size']>;
interface NumberFieldProps extends Omit<React.ComponentProps<typeof BaseNumberField.Root>, 'className'> {
    /**
     * Field appearance - bordered or filled.
     * @default 'outline'
     */
    variant?: NumberFieldVariant;
    /**
     * Scales field width, steppers, and text.
     * @default 'md'
     */
    size?: NumberFieldSize;
    /** Extra classes on the field root, merged via `tailwind-merge`. */
    className?: string;
    /**
     * Placeholder text shown when empty.
     * @default ' '
     */
    placeholder?: string;
    /** Props forwarded to the inner `<input>` (`name`, `onChange`, `aria-*`, `className`, …). */
    inputProps?: React.ComponentProps<typeof BaseNumberField.Input>;
}
declare function NumberField({ className, variant, size, onValueChange, onValueCommitted, format, locale, value: controlledValue, defaultValue, min, placeholder, inputProps, ...rootProps }: NumberFieldProps): React.JSX.Element;
export { NumberField };
export type { NumberFieldProps };
//# sourceMappingURL=number-field.d.ts.map