import { MjoIconAnimation, MjoIconClickEvent, MjoIconErrorEvent, MjoIconLoadEvent, MjoIconSize } from "./types/mjo-icon.js";
import { LitElement, nothing } from "lit";
import { type IThemeMixin } from "./mixins/theme-mixin.js";
import "./mjo-ripple.js";
declare const MjoIcon_base: import("./types/mixins.js").MixinConstructor<IThemeMixin> & typeof LitElement;
/**
 * @summary Flexible SVG icon component with accessibility support, theming, and interaction capabilities.
 *
 * @description The mjo-icon component renders SVG icons with built-in accessibility features,
 * predefined sizes, animations, and click handling. It validates SVG content and provides
 * comprehensive event feedback.
 *
 * @fires mjo-icon:click - Fired when the icon is clicked (only when clickable)
 * @fires mjo-icon:load - Fired when SVG content is successfully loaded and rendered
 * @fires mjo-icon:error - Fired when SVG content is invalid or fails to load
 *
 * @slot - No slots available (content provided via src property)
 * @csspart icon - The SVG icon element
 */
export declare class MjoIcon extends MjoIcon_base implements IThemeMixin {
    #private;
    src?: string;
    size?: MjoIconSize;
    animation: MjoIconAnimation;
    clickable: boolean;
    disabled: boolean;
    loading: boolean;
    ariaLabel: string | null;
    ariaLabelledBy?: string;
    ariaDescribedBy?: string;
    private hasError;
    private get roleAssignment();
    private get tabIndexAssignment();
    render(): typeof nothing | import("lit-html").TemplateResult<1>;
    connectedCallback(): void;
    updated(changedProperties: Map<string, unknown>): void;
    focus(): void;
    blur(): void;
    static styles: import("lit").CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        "mjo-icon": MjoIcon;
    }
    interface HTMLElementEventMap {
        "mjo-icon:click": MjoIconClickEvent;
        "mjo-icon:load": MjoIconLoadEvent;
        "mjo-icon:error": MjoIconErrorEvent;
    }
}
export {};
//# sourceMappingURL=mjo-icon.d.ts.map