import { MjoAlertClosedEvent, MjoAlertOpenedEvent, MjoAlertWillCloseEvent, MjoAlertWillShowEvent } from "./types/mjo-alert.js";
import { LitElement, PropertyValues, TemplateResult } from "lit";
import { type IThemeMixin } from "./mixins/theme-mixin.js";
import "./mjo-icon.js";
declare const MjoAlert_base: import("./types/mixins.js").MixinConstructor<IThemeMixin> & typeof LitElement;
/**
 * @summary Alert component for displaying contextual feedback messages with multiple types, sizes, and dismissal functionality.
 *
 * @description The mjo-alert component provides a flexible way to display contextual feedback messages
 * with automatic type-based styling and icons. It supports multiple sizes, border radius options,
 * dismissal functionality, auto-close behavior, and comprehensive accessibility features including
 * screen reader support and keyboard navigation.
 *
 * @fires mjo-alert:will-show - Fired before the alert is shown
 * @fires mjo-alert:opened - Fired after the alert is shown and animation completes
 * @fires mjo-alert:will-close - Fired before the alert is closed
 * @fires mjo-alert:closed - Fired after the alert is closed and animation completes
 *
 * @csspart container - The main alert container
 * @csspart message-container - The container for the message and close button
 * @csspart icon-container - The container for the type icon
 * @csspart message - The message content area
 * @csspart detail - The detail content area
 * @csspart icon - The icon element (via exportparts from mjo-icon)
 */
export declare class MjoAlert extends MjoAlert_base implements IThemeMixin {
    #private;
    type: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "error";
    size: "small" | "medium" | "large";
    rounded: "none" | "small" | "medium" | "large" | "full";
    variant: "solid" | "flat";
    icon: string;
    message: string;
    details: string | TemplateResult<1>;
    closable: boolean;
    hideIcon: boolean;
    focusOnShow: boolean;
    autoClose: boolean;
    autoCloseDelay: number;
    animation: "fade" | "slide" | "scale" | "none";
    animationDuration: number;
    persistent: boolean;
    ariaLive: "polite" | "assertive" | "off";
    render(): TemplateResult<1>;
    protected updated(_changedProperties: PropertyValues): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    show(): void;
    hide(): void;
    focus(): void;
    announce(): void;
    static styles: import("lit").CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        "mjo-alert": MjoAlert;
    }
    interface HTMLElementEventMap {
        "mjo-alert:will-show": MjoAlertWillShowEvent;
        "mjo-alert:will-close": MjoAlertWillCloseEvent;
        "mjo-alert:closed": MjoAlertClosedEvent;
        "mjo-alert:opened": MjoAlertOpenedEvent;
    }
}
export {};
//# sourceMappingURL=mjo-alert.d.ts.map