import { LitElement } from 'lit';
import { FormControlMixin } from '@blueprintui/components/forms';
declare const BpPin_base: typeof LitElement & FormControlMixin;
/**
 * ```typescript
 * import '@blueprintui/components/include/pin.js';
 * ```
 *
 * ```html
 * <bp-field>
 *   <label>Verification Code</label>
 *   <bp-pin length="6"></bp-pin>
 *   <bp-field-message>Enter the 6-digit code sent to your phone</bp-field-message>
 * </bp-field>
 * ```
 *
 * @summary PIN input component for entering verification codes and PINs with auto-advance and paste support
 * @element bp-pin
 * @since 2.9.0
 * @event {InputEvent} input - occurs when any field value changes
 * @event {InputEvent} change - occurs when the complete value changes
 * @event {CustomEvent<{value: string}>} complete - fires when all fields are filled
 * @cssprop --gap - space between input fields
 * @cssprop --width - width of each input field
 * @cssprop --height - height of each input field
 * @cssprop --font-size - font size for input text
 * @cssprop --border - border styling
 * @cssprop --border-radius - corner rounding
 * @cssprop --background - background color
 * @cssprop --color - text color
 */
export declare class BpPin extends BpPin_base {
    #private;
    /** Number of input fields (typically 4-8) */
    accessor length: number;
    /** Input type for each field */
    accessor type: 'text' | 'number';
    /** Obscure input like password fields */
    accessor mask: boolean;
    private accessor fields;
    static styles: CSSStyleSheet[];
    /** Complete pin value */
    get value(): string;
    set value(val: string);
    private get inputControls();
    connectedCallback(): void;
    updated(changedProperties: Map<string, any>): void;
    render(): import("lit").TemplateResult<1>;
    focus(): void;
    reset(): void;
}
export {};