import { type VariantProps } from 'class-variance-authority';
import * as React from 'react';
/**
 * Alert - in-flow feedback message.
 *
 * A persistent message anchored
 * inside page flow - distinct from `Toast` (transient, floating)
 * and `Banner` (page-spanning). KDS recommends conveying
 * informational, success, and warning intent through a leading
 * icon (`Info`, `CheckCircle2`, `AlertTriangle`, `XCircle` from
 * `lucide-react`) rather than introducing more variants - keeps
 * the visual surface consistent and the API minimal.
 *
 * Per ADR-012, this primitive ships under
 * `@kalvner/kds/feedback/alert` with `cn` imported by relative
 * path. Variants are token-driven (`bg-card`, `text-destructive`).
 *
 * Use `<AlertTitle>` for the headline and `<AlertDescription>` for
 * the body. The grid layout reserves a column for an SVG sibling -
 * pass an icon as the first child when you want it.
 */
declare const alertVariants: (props?: ({
    variant?: "default" | "destructive" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type AlertProps = React.ComponentProps<'div'> & VariantProps<typeof alertVariants>;
declare function Alert({ className, variant, ...props }: AlertProps): React.JSX.Element;
declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
export { Alert, AlertTitle, AlertDescription, alertVariants };
//# sourceMappingURL=alert.d.ts.map