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;
        /**
             * send event on enter pressed
            */ captureEnter?: boolean | undefined;
        /**
             * Toggle to switch to plain text instead of password input.
             */ showText?: boolean | undefined;
    };
    events: {
        focus: CustomEvent<void>;
        keydown: KeyboardEvent;
        keyup: KeyboardEvent;
        enterPressed: CustomEvent<void>;
        click: MouseEvent;
        iconRightClick: CustomEvent<void>;
        input: Event;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        iconleft: {};
        iconright: {};
    };
};
export type PasswordInputProps = typeof __propDef.props;
export type PasswordInputEvents = typeof __propDef.events;
export type PasswordInputSlots = typeof __propDef.slots;
/**
 * PasswordInput
 *
 * Input field for passwords
 *
 * 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>`
 * - 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 PasswordInput extends SvelteComponentTyped<PasswordInputProps, PasswordInputEvents, PasswordInputSlots> {
}
export {};