Guía de estilo
UI kit del sistema de diseño (marca Zuligres). Toda pantalla nueva se arma componiendo estas macros.
Página de referencia
Documenta las macros de app/templates/ui/ (átomos → moléculas → organismos)
y el layout layouts/dashboard.html que esta misma página extiende.
Átomos
button
Variantes y tamaños (shadcn new-york). Acepta attrs para HTMX.
badge · spinner
Estados y carga.
input · label
Controles de formulario. El select reusa INPUT_CLASS.
icon
Lucide inline SVG (sin CDN). Set actual del kit.
Moléculas
form_field + HTMX
Formulario demo: guarda vía hx-post y recibe un toast como fragmento.
alert
Aviso en línea dentro de la página.
Valores de referencia
Los parámetros marcados como provisional están pendientes de validación del contador.
Cálculo auditado
Cada liquidación registra qué regla se aplicó y por qué.
toast
Ejemplo estático; los reales llegan por HTMX a #toast-region y se autodescartan.
Parámetro guardado
Recargo dominical/festivo: +90 % desde 2026-07-01.
Organismos
data_table — con filas
Vigencias 2026 (demo). La vigencia se resuelve por fecha del turno.
| Parámetro | Valor | Vigencia desde | Estado | Acciones |
|---|---|---|---|---|
| SMMLV | $1.750.905 | 1-ene-2026 | provisional | |
| Auxilio de transporte | $249.095 | 1-ene-2026 | provisional | |
| Recargo nocturno (L–S) | +35 % | Permanente | validado | |
| Recargo dominical/festivo | +90 % | 1-jul-2026 | provisional | |
| Jornada semanal máxima | 42 h | 15-jul-2026 | provisional |
data_table — estado vacío
Cuando aún no hay registros.
Sin parámetros registrados
Creá el primero con «Nuevo parámetro».
page_header · sidebar_nav · layout
Los demás organismos están vivos en esta misma página.
page_header: el encabezado «Guía de estilo» de arriba (título + descripción + acciones).sidebar_nav: la navegación lateral de la izquierda (colapsable con el botón de la barra superior).layouts/dashboard.html: el shell completo (sidebar + topbar + breadcrumb + main) que esta página extiende.