/**
 * @fileoverview Saasflare Alert — contextual feedback with intent support.
 * @module packages/ui/components/ui/alert
 * @layer core
 *
 * Fully owned Saasflare implementation. Does NOT import from ui/.
 * Always renders with a "soft" visual treatment — no variant axis needed.
 * Intent controls the color: neutral (default), info, success, warning, danger.
 *
 * @example
 * import { Alert, AlertTitle, AlertDescription } from "@saasflare/ui";
 * import { InfoIcon } from "./phosphor";
 *
 * <Alert intent="info">
 *   <InfoIcon />
 *   <AlertTitle>Heads up!</AlertTitle>
 *   <AlertDescription>This is an informational alert.</AlertDescription>
 * </Alert>
 */
import * as React from "react";
import { type SaasflareComponentProps } from "../../providers";
import type { Intent } from "./button";
/** Props for the Saasflare Alert component */
interface AlertProps extends Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps>, SaasflareComponentProps {
    /** Semantic color intent */
    intent?: Intent | "neutral";
    /**
     * Legacy variant prop for backward compatibility.
     * @deprecated Use `intent` instead. "destructive" maps to intent="danger".
     */
    variant?: "default" | "destructive";
}
/**
 * Contextual alert banner with intent-based coloring.
 *
 * @component
 * @layer core
 *
 * @param {string} intent - Color intent: "neutral" | "primary" | "info" | "success" | "warning" | "danger"
 *
 * @example
 * <Alert intent="success">
 *   <CheckIcon />
 *   <AlertTitle>Saved!</AlertTitle>
 *   <AlertDescription>Your changes have been saved.</AlertDescription>
 * </Alert>
 *
 * @example
 * // Legacy API (deprecated but supported)
 * <Alert variant="destructive">
 *   <AlertTitle>Error</AlertTitle>
 *   <AlertDescription>Something went wrong.</AlertDescription>
 * </Alert>
 */
declare function Alert({ className, intent: intentProp, variant, surface, radius, animated, iconWeight, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
/**
 * Alert title text.
 *
 * @component
 * @layer core
 */
declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
/**
 * Alert description text.
 *
 * @component
 * @layer core
 */
declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
export { Alert, AlertTitle, AlertDescription, type AlertProps };