import * as i0 from '@angular/core';
import { InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal, WritableSignal } from '@angular/core';
import { VariantProps } from 'class-variance-authority';

type AlertVariant = 'info' | 'success' | 'warning' | 'destructive';
/**
 * CVA variants for the alert container.
 *
 * @tokens `--color-primary-subtle`, `--color-primary-subtle-foreground`, `--color-primary-border-subtle`,
 *         `--color-success-subtle`, `--color-success-subtle-foreground`, `--color-success-border-subtle`,
 *         `--color-warn-subtle`, `--color-warn-subtle-foreground`, `--color-warn-border-subtle`,
 *         `--color-warn`, `--color-warn-foreground`,
 *         `--radius-card`
 */
declare const alertVariants: (props?: {
    variant?: AlertVariant;
}) => string;
/**
 * CVA variants for the alert close button.
 *
 * @tokens `--color-ring`, `--radius-card`,
 *         `--color-primary-subtle-foreground-muted`, `--color-primary-subtle-hover`,
 *         `--color-success-subtle-foreground-muted`, `--color-success-subtle-hover`,
 *         `--color-warn-subtle-foreground-muted`, `--color-warn-subtle-hover`,
 *         `--color-warn-foreground-muted`, `--color-warn-foreground-wash`
 */
declare const alertCloseButtonVariants: (props?: {
    variant?: AlertVariant;
}) => string;
type AlertVariants = VariantProps<typeof alertVariants>;

/**
 * Custom icon slot for `com-alert`.
 *
 * When present, the alert suppresses the default auto-mapped icon
 * and renders this projected content instead.
 *
 * @tokens none
 *
 * @example
 * ```html
 * <com-alert variant="success">
 *   <com-icon comAlertIcon name="party-popper" size="md" aria-hidden="true" />
 *   <h4 comAlertTitle>Congratulations!</h4>
 * </com-alert>
 * ```
 */
declare class ComAlertIcon {
    static ɵfac: i0.ɵɵFactoryDeclaration<ComAlertIcon, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComAlertIcon, "[comAlertIcon]", never, {}, {}, never, never, true, never>;
}

/**
 * Inline alert component for displaying contextual messages.
 *
 * Unlike toasts (ephemeral overlays), alerts are embedded in the page flow
 * and persist until dismissed or the condition changes.
 *
 * @tokens `--color-primary-subtle`, `--color-primary-subtle-foreground`,
 *         `--color-success-subtle`, `--color-success-subtle-foreground`,
 *         `--color-warn-subtle`, `--color-warn-subtle-foreground`,
 *         `--color-warn`, `--color-warn-foreground`,
 *         `--radius-card`, `--color-ring`
 *
 * @example Info alert with title and description
 * ```html
 * <com-alert>
 *   <h4 comAlertTitle>Heads up</h4>
 *   <p comAlertDescription>You can add components using the CLI.</p>
 * </com-alert>
 * ```
 *
 * @example Dismissible warning
 * ```html
 * <com-alert variant="warning" dismissible (dismissed)="onDismissed()">
 *   <h4 comAlertTitle>Storage almost full</h4>
 *   <p comAlertDescription>You have used 90% of your storage quota.</p>
 * </com-alert>
 * ```
 */
declare class ComAlertComponent {
    /** Semantic color variant. */
    readonly variant: InputSignal<AlertVariant>;
    /** Shows a dismiss button when true. */
    readonly dismissible: InputSignalWithTransform<boolean, unknown>;
    /** Consumer CSS classes — merged with variant classes. */
    readonly userClass: InputSignal<string>;
    /** Emitted when the dismiss button is clicked. */
    readonly dismissed: OutputEmitterRef<void>;
    /** @internal Detects whether a custom icon directive is projected. */
    protected readonly customIcon: Signal<ComAlertIcon | undefined>;
    /** @internal Controls visibility for dismiss animation. */
    protected readonly visible: WritableSignal<boolean>;
    /** @internal Tracks exit animation state. */
    protected readonly animatingOut: WritableSignal<boolean>;
    /** Default icon name auto-mapped from variant. */
    protected readonly defaultIconName: Signal<string>;
    /** ARIA role based on variant. */
    protected readonly ariaRole: Signal<string>;
    /** ARIA live region politeness. */
    protected readonly ariaLive: Signal<string>;
    /** Computed alert container classes. */
    protected readonly alertClasses: Signal<string>;
    /** Computed close button classes. */
    protected readonly closeButtonClasses: Signal<string>;
    /** @internal Triggers dismiss animation, then removes from DOM. */
    protected dismiss(): void;
    /** @internal Removes element after exit animation completes. */
    protected onAnimationEnd(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComAlertComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ComAlertComponent, "com-alert", ["comAlert"], { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, ["customIcon"], ["[comAlertIcon]", "*"], true, never>;
}

/**
 * Title slot for `com-alert`.
 *
 * Apply to any heading element. Consumer picks the semantic level (h3, h4, etc.).
 *
 * @example
 * ```html
 * <com-alert>
 *   <h4 comAlertTitle>Heads up</h4>
 * </com-alert>
 * ```
 *
 * @tokens `--color-foreground`
 */
declare class ComAlertTitle {
    static ɵfac: i0.ɵɵFactoryDeclaration<ComAlertTitle, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComAlertTitle, "[comAlertTitle]", never, {}, {}, never, never, true, never>;
}

/**
 * Description slot for `com-alert`.
 *
 * Inherits text color from the parent alert variant.
 *
 * @tokens none
 *
 * @example
 * ```html
 * <com-alert>
 *   <p comAlertDescription>Your session will expire in 5 minutes.</p>
 * </com-alert>
 * ```
 */
declare class ComAlertDescription {
    static ɵfac: i0.ɵɵFactoryDeclaration<ComAlertDescription, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComAlertDescription, "[comAlertDescription]", never, {}, {}, never, never, true, never>;
}

/**
 * Actions slot for `com-alert`.
 *
 * Container for action buttons. Place buttons inside.
 *
 * @tokens none
 *
 * @example
 * ```html
 * <com-alert variant="destructive">
 *   <h4 comAlertTitle>Account suspended</h4>
 *   <p comAlertDescription>Contact support to restore access.</p>
 *   <div comAlertActions>
 *     <button comButton variant="outline" size="sm">Contact Support</button>
 *   </div>
 * </com-alert>
 * ```
 */
declare class ComAlertActions {
    static ɵfac: i0.ɵɵFactoryDeclaration<ComAlertActions, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComAlertActions, "[comAlertActions]", never, {}, {}, never, never, true, never>;
}

export { ComAlertActions, ComAlertComponent, ComAlertDescription, ComAlertIcon, ComAlertTitle, alertCloseButtonVariants, alertVariants };
export type { AlertVariant, AlertVariants };