import type { ComponentSize, RoundedSize, ThemeColor } from '../../types';
import '../../content/icon/icon';
export type OreAlertEvents = {
    dismiss: {
        originalEvent: MouseEvent;
    };
};
export type OreAlertProps = {
    /** Show a left accent border (for flat/bordered variants) */
    accented?: boolean;
    /** Theme color */
    color?: ThemeColor;
    /** Show a dismissible (×) button */
    dismissible?: boolean;
    /** Heading text shown above the content */
    heading?: string;
    /** Position action buttons to the right instead of below */
    horizontal?: boolean;
    /** Border radius */
    rounded?: RoundedSize | '';
    /** Alert size */
    size?: ComponentSize;
    /** Visual style variant */
    variant?: 'solid' | 'flat' | 'bordered';
};
/**
 * A status/feedback banner with optional heading, icon slot, and dismiss button.
 *
 * @element ore-alert
 *
 * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
 * @attr {string} variant - Visual style: 'flat' | 'solid' | 'bordered'
 * @attr {string} size - Size: 'sm' | 'md' | 'lg'
 * @attr {string} rounded - Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'
 * @attr {string} heading - Bold heading text above the content
 * @attr {boolean} dismissible - Show a close (×) button
 * @attr {boolean} accented - Add a left accent border (flat/bordered only)
 * @attr {boolean} horizontal - Position action buttons to the right instead of below
 *
 * @fires dismiss - Fired when the alert is dismissed. detail: { originalEvent: MouseEvent }
 *
 * @slot - Default slot for the alert message content
 * @slot icon - Icon on the left side
 * @slot meta - Metadata displayed alongside the heading (lighter, right-aligned)
 * @slot actions - Action buttons shown below the message
 *
 * @cssprop --alert-bg - Background color
 * @cssprop --alert-color - Text/icon color
 * @cssprop --alert-border-color - Border color
 * @cssprop --alert-shadow - Box shadow
 * @cssprop --alert-radius - Border radius
 * @cssprop --alert-padding - Padding
 * @cssprop --alert-gap - Gap between icon, body, and close button
 * @cssprop --alert-font-size - Font size
 *
 * @part alert - Alert root container.
 * @part icon - Icon container.
 * @part header - Header container.
 * @part heading - Heading text element.
 * @part meta - Meta text container.
 * @part body - Body content container.
 * @part content - Content container.
 * @part actions - Actions slot container.
 * @part close - Close action control.
 * @example
 * ```html
 * <ore-alert color="success">Your changes have been saved.</ore-alert>
 * <ore-alert color="error" variant="solid" dismissible heading="Something went wrong">
 *   Please try again later.
 * </ore-alert>
 * ```
 */
export declare const ALERT_TAG: "ore-alert";
//# sourceMappingURL=alert.d.ts.map