import { LitElement, TemplateResult } from 'lit';
import { FormControlMixin } from '@blueprintui/components/forms';
export declare const inputStyles: CSSStyleSheet;
declare const BpInput_base: typeof LitElement & FormControlMixin;
/**
 * ```typescript
 * import '@blueprintui/components/include/input.js';
 * ```
 *
 * ```html
 * <bp-control>
 *   <label>input</label>
 *   <bp-input></bp-input>
 *   <bp-field-message>message text</bp-field-message>
 * </bp-control>
 * ```
 *
 * @summary The text input component is used to allow users to input and edit text. The text input should have a clear, descriptive label that explains what the user should enter as well as a placeholder text that gives an example of the expected input format.
 * @element bp-input
 * @since 1.0.0
 * @slot prefix - slot for prefix text or icons
 * @slot suffix - slot for suffix text or icons
 * @cssprop --background-size
 * @cssprop --color
 * @cssprop --background
 * @cssprop --border
 * @cssprop --border-radius
 * @cssprop --outline
 * @cssprop --outline-offset
 * @cssprop --padding
 * @cssprop --font-size
 * @cssprop --line-height
 * @cssprop --height
 * @cssprop --min-width
 * @cssprop --width
 * @cssprop --transition
 * @cssprop --text-align
 * @cssprop --cursor
 * @event {InputEvent} input - occurs when the value changes
 * @event {InputEvent} change - occurs when the value changes
 */
export declare class BpInput extends BpInput_base {
    /** Specifies the input type, affecting behavior and validation */
    accessor type: string;
    static styles: CSSStyleSheet[];
    protected get prefixTemplate(): TemplateResult | null;
    protected get suffixTemplate(): TemplateResult | null;
    protected get input(): HTMLInputElement;
    render(): TemplateResult<1>;
    protected showPicker(): void;
}
export {};