/** * @usevyre/react — Alert + AlertDialog * * AI CONTEXT: * ┌─────────────────────────────────────────────────────────┐ * │ Components: Alert + AlertDialog │ * │ Import: import { Alert, AlertDialog } from "@usevyre/react"│ * │ │ * │ Alert props (inline banner): │ * │ variant = "info"(default)|"success"|"warning"|"danger"│ * │ title = string (optional) │ * │ icon = ReactNode (optional, overrides default) │ * │ onClose = () => void (shows close button) │ * │ children = ReactNode (alert body text) │ * │ │ * │ AlertDialog props (blocking confirmation modal): │ * │ open = boolean (controlled) │ * │ onOpenChange = (open: boolean) => void │ * │ title = string │ * │ description = string │ * │ confirmLabel = string (default "Confirm") │ * │ cancelLabel = string (default "Cancel") │ * │ variant = "danger"(default)|"warning"|"info" │ * │ onConfirm = () => void │ * │ onCancel = () => void │ * └─────────────────────────────────────────────────────────┘ * * @example * // Inline alert * * This action may affect other users in your workspace. * * * // Dismissible alert * setVisible(false)}> * Your changes were saved successfully. * * * // Confirmation dialog (blocking) * */ import React from "react"; export type AlertVariant = "info" | "success" | "warning" | "danger"; export interface AlertProps { variant?: AlertVariant; title?: string; icon?: React.ReactNode; onClose?: () => void; children?: React.ReactNode; className?: string; } export declare const Alert: React.FC; export interface AlertDialogProps { open: boolean; onOpenChange: (open: boolean) => void; title: string; description?: string; variant?: "danger" | "warning" | "info"; confirmLabel?: string; cancelLabel?: string; onConfirm?: () => void; onCancel?: () => void; className?: string; } export declare const AlertDialog: React.FC;