import { NumberField, NumberFieldOptions } from '@microsoft/fast-foundation';
import { numberFieldStyles as styles } from './number-field.styles.js';
/**
 * Number field appearances
 * @public
 */
export type NumberFieldAppearance = 'filled' | 'outline';
/**
 * Number field class
 *
 * @public
 * @tagname jp-number-field
 */
declare class JupyterNumberField extends NumberField {
    /**
     * The appearance of the element.
     *
     * @public
     * @remarks
     * HTML Attribute: appearance
     */
    appearance: NumberFieldAppearance;
}
/**
 * A function that returns a {@link @microsoft/fast-foundation#NumberField} registration for configuring the component with a DesignSystem.
 * Implements {@link @microsoft/fast-foundation#numberFieldTemplate}
 *
 *
 * @public
 * @remarks
 * Generates HTML Element: `<jp-number-field>`
 *
 * {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
 */
export declare const jpNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<NumberFieldOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<NumberFieldOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
export { JupyterNumberField as NumberField, styles as numberFieldStyles };