# Kit de estados de UI

Recursos complementarios de la guía:

https://calaverita.dev/blog/estados-ui-mas-alla-de-isloading/

## Archivos

- `ui-state-contract.ts`: contrato de estado framework-agnostic.
- `ui-state-matrix.md`: matriz de producto, contenido, accesibilidad y QA.
- `ui-states.spec.ts`: plantilla de pruebas con Playwright.

## Uso sugerido

1. Copia `ui-state-contract.ts` al código fuente.
2. Ajusta `ViewState<T>` a los estados reales del dominio.
3. Completa `ui-state-matrix.md` con producto, diseño y QA.
4. Expón escenarios deterministas sólo en desarrollo o testing.
5. Adapta rutas y selectores de `ui-states.spec.ts`.
6. Ejecuta las pruebas con `npx playwright test ui-states.spec.ts`.

No conserves estados porque aparecen en esta plantilla. Conserva únicamente
los que pueden ocurrir en tu producto y documenta cómo entra y sale cada uno.