import { type EventEmitter } from '../../stencil-public-runtime';
import type { InputFieldState } from '../diwa-input/types';
import type { Theme } from '../../utils/styles';
import type { PinCodeType, PinCodeUpdateEventDetail } from './types';
/**
 * @controlled {"props": ["value"], "event": "update"}
 */
export declare class DiwaPinCode {
    host: HTMLElement;
    /** Visible label text. */
    label: string;
    /** Supplementary description below the label. */
    description: string;
    /** Validation state. */
    state: InputFieldState;
    /** Feedback message. */
    message: string;
    /** Number of input boxes (1–6). */
    length: number;
    /** Current value string. Length should match the length prop. */
    value: string;
    /** Input type — "number" restricts input to digits; "password" masks the value. */
    type: PinCodeType;
    /** Whether the pin code is required. */
    required: boolean;
    /** Disables all input boxes. */
    disabled: boolean;
    /** Renders compact input boxes. */
    compact: boolean;
    /** Hides the visible label while preserving it as accessible name. */
    hideLabel: boolean;
    /** Adapts the color when used on a light or dark background. */
    theme: Theme;
    /** Emitted when any box value changes. */
    update: EventEmitter<PinCodeUpdateEventDetail>;
    private getBoxes;
    private emitUpdate;
    private handleInput;
    private handleKeyDown;
    private handlePaste;
    render(): any;
}
//# sourceMappingURL=diwa-pin-code.d.ts.map