import { SvelteComponentTyped } from "svelte";
declare const __propDef: {
    props: {
        /**
             * Native `<input>` element
             */ htmlElement?: HTMLInputElement | null | undefined;
        /**
             * Name for the input in forms
            */ name?: string | undefined;
        /**
             * controls the border color when valid or invalid. `null` resets it to the default color
            */ valid?: boolean | null | undefined;
        /**
             * placeholder text
            */ placeholder?: string | undefined;
        /**
             * text value in the `<input>`
            */ text: string | number;
        /**
             * maximum number of digits in the number
            */ maxDigits?: number | undefined;
        /**
             * send event on enter pressed
            */ captureEnter?: boolean | undefined;
        /**
             * controls whether to add shadow when focused
            */ shadowOnFocus?: boolean | undefined;
    };
    events: {
        focus: CustomEvent<void>;
        keydown: KeyboardEvent;
        keyup: KeyboardEvent;
        submit: SubmitEvent;
        click: MouseEvent;
        iconRightClick: CustomEvent<void>;
        input: Event;
        enterPressed: CustomEvent<void>;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        iconleft: {
            slot: string;
        };
        iconright: {
            slot: string;
        };
    };
};
export type NumberInputProps = typeof __propDef.props;
export type NumberInputEvents = typeof __propDef.events;
export type NumberInputSlots = typeof __propDef.slots;
/**
 * NumberInput
 *
 * Input field for numbers
 *
 * Props:
 * - htmlElement (HTMLInputElement | null): Native `<input>` element
 * - name (string): name for the input in forms
 * - valid  (boolean | null): controls the border color when valid or invalid. `null` resets it to the default color
 * - placeholder (string): placeholder text
 * - text (string|number): text value in the `<input>`
 * - type ("text"|"number"|"password"): Controls the variant to render
 * - maxDigits (number): maximum number of digits in the number
 * - captureEnter (boolean): send event on enter pressed
 * - shadowOnFocus (boolean): controls whether to add shadow when focused
 *
 * Slots:
 * - iconleft: Icon to be placed on the left side of the input
 * - iconright: Icon to be placed on the right of the input in a button
 *
 * Events:
 * - focus (void): dispatched when the input is focused
 * - iconRightClick (void): dispatched when the button on the right side is clicked
 * - enterPressed (void): dispatched when `enter` is pressed
 *
 * CSS Variables:
 * - inputText (default: #161616): text color
 * - inputPlaceholderText (default: #606060): placeholder text color
 * - inputIconColor (default: #606060): icon color
 * - inputIconBtnBg (default: #c0c0c0): right button background xolor
 * - inputBorder (default: #c0c0c0): border color
 * - inputBg (default: #f0f0f0): background color
 * - inputFont (default: 400 0.75rem sans-serif): text font
 * - inputBorderFocus (default: #99003b): border color on focus
 * - inputBorderInvalid (default: #db3434): border color on invalid
 * - inputBorderValid (default: #36b32b): border color on valid
 */
export default class NumberInput extends SvelteComponentTyped<NumberInputProps, NumberInputEvents, NumberInputSlots> {
}
export {};