import Tailwind from '../base/tailwind-base';
/**
 * @tag plus-alert
 * @summary Alert component that displays important messages to users.
 *
 * @slot message - The main message content
 * @slot description - Additional descriptive content
 * @slot prefix - Custom status icon
 * @slot dismiss - Custom dismiss button
 *
 * @csspart base - The main container element
 * @csspart status-icon - The status icon container
 * @csspart content - The content container
 * @csspart message - The message container
 * @csspart description - The description container
 * @csspart dismiss - The dismiss button container
 *
 * @event plus-dismiss - Emitted when the alert is dismissed
 *
 * @example
 * ```html
 * <plus-alert status="success" dismissible>
 *   <div slot="message">Success!</div>
 *   <div slot="description">Your changes have been saved.</div>
 * </plus-alert>
 * ```
 */
export default class PlusAlert extends Tailwind {
    /**
     * Determines the visual style of the alert
     * - filled: Solid background color
     * - outlined: Transparent background with border
     * - dashed: Transparent background with dashed border
     * @default 'filled'
     * @type {'filled' | 'outlined' | 'dashed'}
     */
    kind: 'filled' | 'outlined' | 'dashed';
    /**
     * The size of the alert
     *
     * @type {'sm' | 'md' | 'lg'}
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * Sets the status/color variant of the alert
     * - default: Neutral color scheme
     * - primary: Brand color scheme
     * - success: Green color scheme
     * - warning: Yellow color scheme
     * - danger: Red color scheme
     * - info: Blue color scheme
     * @default 'default'
     */
    status: 'default' | 'success' | 'warning' | 'danger' | 'info';
    /**
     * When true, the alert will be displayed with an inverted color scheme
     * @default false
     * @type {boolean}
     */
    invert: boolean;
    /**
     * When true, the alert will be displayed with a dismissible close button
     * @default true
     * @type {boolean}
     */
    dismissible: boolean;
    /**
     * The message of the alert
     * @default ''
     * @type {string}
     * @slot message
     */
    message: string;
    /**
     * The description of the alert
     * @default ''
     * @type {string}
     * @slot description
     */
    description: string;
    /**
     * The status icon of the alert
     * @default ''
     * @type {string}
     * @slot prefix
     */
    statusIcon?: string;
    /**
     * The dismiss icon of the alert
     * @default ''
     * @type {string}
     * @slot dismiss
     */
    dismissIcon?: string;
    /**
     * When true, the alert will be displayed with a full width
     * @default false
     * @type {boolean}
     */
    fullWidth: boolean;
    /**
     * When true, the alert will be hidden
     * @default false
     * @type {boolean}
     */
    hiddenAlert: boolean;
    /**
     * Handles the dismiss action of the alert
     * @private
     */
    private handleDismiss;
    render(): import("lit-html").TemplateResult<1>;
    static styles: import("lit").CSSResult[];
}
export { PlusAlert };
//# sourceMappingURL=alert.d.ts.map