Panel
Panel.svelte: contenedor universal, con label externo y primitivo. Incluye FloatingWindow (ventana flotante).
Componente Panel Universal
Panel Estructurado
Con titleRole, divider y headerBg='soft'
Activo
Este Panel universal maneja title, subtitle, divider y fondos de zona de forma declarativa sin necesidad de wrappers manuales.
Tokens reactivos
UI4 / Svelte 5
Panel con Snippet Custom
Soporta snippets completos para header, children y footer, manteniendo rounded="none" y shadow="none" por defecto.
Listo para producción
Panel con label externo
General
El label va a la izquierda, fuera de la caja (uppercase, label-md).
Notificaciones
Correo
Frecuencia de avisos
Combina label externo + header con title/subtitle.
Componente Panel (Primitivo)
Panel bg
size="md"
Panel surface
shadow="sm"
Panel raised
shadow="md"
shadow="lg"
FloatingWindow (anime.js)
Ventana flotante arrastrable/redimensionable con el control del token --sp-un adentro.