import { LitElement } from 'lit';
/** Relación de aspecto del marco. */
export type OkImageRatio = '16:9' | 'square' | 'portrait' | 'free';
/** Radio de las esquinas. */
export type OkImageRadius = 'sm' | 'md' | 'lg';
/** Modo de zoom/interacción. */
export type OkImageZoom = 'none' | 'lens' | 'lightbox';
export declare class OkImage extends LitElement {
    static styles: import("lit").CSSResult;
    /** URL de la imagen. */
    src: string;
    /** Texto alternativo (accesibilidad). */
    alt: string;
    /** Relación de aspecto del marco. */
    ratio: OkImageRatio;
    /** Caption opcional pinned abajo con degradado. */
    caption?: string;
    /** Radio de esquinas. */
    radius: OkImageRadius;
    /** Modo de zoom/interacción. */
    zoom: OkImageZoom;
    /** Texto del placeholder mientras carga. */
    placeholderText: string;
    /** true cuando la imagen ha cargado (fade-in). */
    private loaded;
    /** true si la imagen falló al cargar. */
    private errored;
    /** true mientras el cursor está sobre la imagen en modo lens. */
    private zooming;
    /** true mientras el overlay lightbox está abierto. */
    private lightboxOpen;
    /** Posición (%) de la lente, seguida con el puntero. */
    private lensX;
    private lensY;
    protected willUpdate(changed: Map<string, unknown>): void;
    private onLoad;
    private onError;
    private onPointerMove;
    private onFrameClick;
    private onPointerEnter;
    private onPointerLeave;
    private openLightbox;
    private closeLightbox;
    private onKeydown;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private renderLens;
    private renderLightboxHint;
    private renderLightbox;
    render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        'ok-image': OkImage;
    }
}