Densidad y estados

El vacío dice qué va a pasar y ofrece la acción que lo llena. El error dice qué falló y qué quedó a salvo, nunca un código pelado. La consulta breve usa señal y texto en una sola línea. Un esqueleto sólo aparece cuando conservar la geometría evita un salto real.

El trabajo largo pertenece a Inteligencia y declara tiempo transcurrido. Ninguno de estos estados lleva ilustración: son estados de trabajo, no momentos de marca.

Un handoff abierto no es un unread común. La fila conserva un lavado frío-cálido, un filete de señal y el badge explícito mientras una persona todavía debe actuar. Marcar leídas no lo apaga.

Al tomarlo, el loop termina y aparece el dueño. Al cerrarlo, queda historial quieto. Con reduced motion, Requiere acción conserva el filete y el lavado estático: se pierde movimiento, nunca significado.

Sonner conserva la región viva, la pila y el gesto para cerrar. Striker le pone papel blanco y tinta negra en ambos modos. Una línea semántica de 2px comunica el estado; fog separa elementos sin convertir cada notificación en una tarjeta de color.

Vive arriba a la derecha, alineado bajo la campana, y no se escala al apilarse. Una tarea que debe quedar, abrirse después o ser asignada vive en Notificaciones, no en un toast.

El título nombra el resultado. La segunda línea explica qué cambió o qué quedó a salvo. Los estados recuperables pueden ofrecer una sola acción; los procesos largos actualizan el mismo recibo de cargando a listo o error.

El tipo del toast decide su respuesta sonora: información, listo, advertencia o error. La bandeja conserva cues más largos para hitos y atención humana. Todo empieza apagado y el texto sigue explicando el estado cuando el sonido no está activo.

El dashboard reconoce tres planos. Interacción hace táctiles los botones, links, tabs, toggles y overlays. Respuesta acompaña los estados de Sonner. Operación reserva las frases más largas para un hito comercial o algo que necesita una persona.

Hover, escritura y scroll permanecen silenciosos. El click corto puede repetirse; las señales de operación conservan el cooldown de 10 segundos, se agrupan en ráfagas y no superan tres por minuto.

Cada control reproduce exactamente la receta compartida por el dashboard. La Brand System no mantiene una copia aproximada: documenta y ejecuta el mismo contrato.

Las dos columnas usan la misma clase: h-[var(--sds-control-height)]. La compacta solo agrega data-density="compact" al contenedor y el token hace el resto.

En pantallas táctiles la densidad se ignora hacia abajo: ningún control queda bajo los 44px, tampoco en modo compacto.