Alertas, Toasts y Modales con Promesas para Tailwind CSS

Pégalo justo antes de cerrar la etiqueta </body> en tu HTML o plantilla Blade/PHP.

<!-- Alertwind Core v1.0 -->
<script src="https://tocinocode.com/generator/Alertwind/Alertwind.min.js"></script>
<script>
  Alertwind.toast({
    title: '¡Bienvenido!',
    message: 'Alertwind cargado exitosamente',
    type: 'success'
  });
</script>

Descarga el archivo y colócalo en tu carpeta /js/ o /assets/.

<script src="/js/Alertwind.min.js"></script>
<script>
  // Disponible globalmente en window.Alertwind
  Alertwind.toast({ title: 'Modo Offline', message: 'Sin peticiones externas' });
</script>

Importación directa para código modular y arquitectura orientada a componentes.

import Alertwind from './Alertwind.js';

// Diálogos con Promesas nativas (async / await)
const borrar = await Alertwind.confirm({
  title: '¿Confirmar eliminación?',
  message: 'Esta acción no se puede deshacer.',
  type: 'error'
});

if (borrar) {
  // Lógica de borrado...
}

Ideal si requieres importar la librería dinámicamente solo en el cliente (SSR-safe).

'use client';

async function notificar() {
  const { default: Alertwind } = await import('@/lib/Alertwind.js');
  Alertwind.toast({
    title: 'Sincronizado',
    message: 'Seguro en Next.js App Router',
    type: 'success'
  });
}