import * as lit_html from 'lit-html';
import * as lit from 'lit';
import { LitElement } from 'lit';

/**
 * @since 4.1.0
 * @status stable
 *
 * @tagname kemet-otp-input
 * @summary An input element that accepts multiple items from a combo.
 *
 * @prop {number} digits - The number of inputs.
 * @prop {string} pattern - The pattern to match against for stripping characters
 * @prop {string} value - All digits entered by the user combined in one string.
 *
 * @csspart input - The input elements.
 *
 * @cssproperty --kemet-otp-input-color - The text color of the otp inputs.
 * @cssproperty --kemet-otp-input-min-width - The minimum width of the otp inputs.
 * @cssproperty --kemet-otp-input-font-size - The font size of the otp inputs.
 * @cssproperty --kemet-otp-input-border - The border of the otp inputs.
 * @cssproperty --kemet-otp-input-border-radius - The border radius of the otp inputs.
 *
 * @event kemet-completed - Fires when otp is filled out completely
 *
 */
declare class KemetOtpInput extends LitElement {
    static styles: lit.CSSResult[];
    digits: number;
    value: string;
    pattern: string;
    autoFocus: boolean;
    values: string[];
    lastInput: string;
    completed: boolean;
    inputElements: NodeListOf<HTMLInputElement>;
    updated(): void;
    render(): lit_html.TemplateResult<1>[];
    determineCompleted(): void;
    makeInputs(): lit_html.TemplateResult<1>[];
    eatCharacters(inputValue: string): string;
    handleInput(event: InputEvent): void;
    handleKeyDown(event: KeyboardEvent): void;
    handlePaste(event: ClipboardEvent): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'kemet-otp-input': KemetOtpInput;
    }
}

export { KemetOtpInput as default };