Alertas e callouts

<div style="display:flex;flex-direction:column;gap:8px;">
    <mad-alert type="info" title="Informação">Nova atualização disponível para o módulo financeiro.</mad-alert>
    <mad-alert type="success" title="Sucesso">Pedido #4821 confirmado e enviado para separação.</mad-alert>
    <mad-alert type="warning" title="Atenção">Estoque do produto "Cabo HDMI" abaixo do mínimo.</mad-alert>
    <mad-alert type="danger" title="Erro">Falha ao processar o pagamento — tente novamente.</mad-alert>
</div>

<div style="display:flex;flex-direction:column;gap:8px;">
    <mad-callout type="info" title="Callout info" icon="info">Bloco informativo neutro, sem ação.</mad-callout>
    <mad-callout type="success" title="Callout success" icon="check-circle">Operação concluída com sucesso.</mad-callout>
    <mad-callout type="warning" title="Callout warning" icon="alert-triangle">Revise os dados antes de prosseguir.</mad-callout>
    <mad-callout type="danger" title="Callout danger" icon="x-circle">Algo deu muito errado por aqui.</mad-callout>
</div>

@php
    $footer = '<mad-btn variant="primary" size="sm" icon="check">Aceitar</mad-btn>'
            . '<mad-btn variant="ghost" size="sm">Depois</mad-btn>';
@endphp
<mad-callout type="warning" title="Termos de uso atualizados" icon="file-text" :callout-footer="$footer">
    Revisamos a política de privacidade — confirme para continuar usando o sistema.
</mad-callout>

<div style="display:flex;flex-wrap:wrap;gap:8px;">
    <mad-btn variant="success" icon="check-circle" mad:click="onToast('success')">Sucesso</mad-btn>
    <mad-btn variant="danger" icon="x-circle" mad:click="onToast('danger')">Erro</mad-btn>
    <mad-btn variant="warning" icon="alert-triangle" mad:click="onToast('warning')">Atenção</mad-btn>
    <mad-btn variant="secondary" icon="info" mad:click="onToast('info')">Info</mad-btn>
</div>

/**
 * Dispara um toast real via ciclo wire — prova mad:click → ação PHP →
 * MadResponse->toast() → mad.js (op 'toast') → window.madToast() →
 * toaster Sonner global (auto-montado em document.body por mad-ui.js,
 * um <ol id="mad-sonner-toaster-{posicao}"> por posição), fora do fluxo
 * de scroll da página.
 *
 * NÃO monte <mad-toast /> (packages/mad-framework/.../toast.blade.php)
 * dentro do partial da demo: esse componente é uma implementação legada
 * paralela que REDEFINE window.madToast no escopo global (dispatch do
 * evento 'madtoast', sem hífen, e sem chamar o mount do toaster Sonner),
 * atropelando o window.madToast correto assim que o partial é renderizado
 * — o toast passa a ser entregue só para a região estática embutida no
 * fluxo normal da página (position:fixed sem data-y-position/
 * data-x-position, então fica ancorada onde o componente foi impresso no
 * HTML, não ao viewport) e nunca aparece pro usuário. Bug de framework
 * (colisão de window.madToast entre dois sistemas de toast paralelos),
 * fora do escopo de arquivos desta página — reportado ao orquestrador.
 */
public function onToast(string $variant = 'info'): MadResponse
{
    $valid = ['info', 'success', 'warning', 'danger'];
    if (!in_array($variant, $valid, true)) {
        $variant = 'info';
    }

    $mensagens = [
        'success' => 'Pedido confirmado com sucesso!',
        'danger'  => 'Falha ao processar a operação.',
        'warning' => 'Estoque abaixo do mínimo.',
        'info'    => 'Nova atualização disponível.',
    ];

    return (new MadResponse())
        ->toast($mensagens[$variant], $variant, 'onToast');
}