/**
 * Alert — soft-fill status callout, forked dependency-light from Veryfront
 * Studio's `Alert`. Matches Studio's `--alert-{variant}-bg` fill +
 * `--alert-{variant}-border` border token pair, so the callout carries the same
 * saturated 1px edge as Studio rather than a washed-out fill-derived hairline.
 * Each color mode provides its own token pair, so content can consistently use
 * the theme foreground.
 *
 * @module react/components/ui/alert
 */
import * as React from "react";
declare const alertVariants: {
    readonly default: "bg-[var(--alert-info-bg)] border-[var(--alert-info-border)]";
    readonly warning: "bg-[var(--alert-warning-bg)] border-[var(--alert-warning-border)]";
    readonly error: "bg-[var(--alert-error-bg)] border-[var(--alert-error-border)]";
    readonly success: "bg-[var(--alert-success-bg)] border-[var(--alert-success-border)]";
};
/** Props accepted by `<Alert>`. */
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Colour scheme. @default "default" */
    variant?: keyof typeof alertVariants;
}
export declare function Alert({ children, className, variant, ...props }: AlertProps): React.ReactElement;
/** Leading icon slot for `<Alert>` (size-4 recommended). */
export declare function AlertIcon({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
/** Message body for `<Alert>`. */
export declare function AlertContent({ children, className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): React.ReactElement;
/** Trailing action slot for `<Alert>` (button or link). */
export declare function AlertAction({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
export {};
//# sourceMappingURL=alert.d.ts.map