@ajuarezso/sui-design-system 0.24.1 → 0.25.0

package/docs/sui-day-cell/README.md

@@ -22,8 +22,9 @@ de la semana con los días de turno del repartidor, o un mes con los días que e
 
 ## Qué variante usar
 
-> **La guía del DS no tiene página para este componente** (vive dentro del datepicker). Todo es
-> **propuesta, falta aprobación**.
+> **La guía del DS no tiene página para este componente** (vive dentro del datepicker). Las
+> filas que describen lo que el componente ya hace van «según el código»; las reglas marcadas canon
+> están aprobadas.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app`: **0 usos directos**. Lo usa por dentro
 > `sui-datepicker`.
@@ -32,23 +33,23 @@ de la semana con los días de turno del repartidor, o un mes con los días que e
 
 | valor | cuándo | fuente |
 |---|---|---|
-| `type="basic"` (default) | Calendario de una fecha. | propuesta |
-| `type="range"` | Calendario de rango. Va con `rangePosition`. | propuesta |
-| `rangePosition="start"` | Primer día del rango (fondo naranja, esquina izquierda). | propuesta |
-| `rangePosition="end"` | Último día (fondo naranja, esquina derecha). | propuesta |
-| `rangePosition="in"` | Días del medio (texto naranja, sin fondo propio: la banda la pinta la fila). | propuesta |
-| `rangePosition=null` | Fuera del rango. | propuesta |
+| `type="basic"` (default) | Calendario de una fecha. | según el código |
+| `type="range"` | Calendario de rango. Va con `rangePosition`. | según el código |
+| `rangePosition="start"` | Primer día del rango (fondo naranja, esquina izquierda). | según el código |
+| `rangePosition="end"` | Último día (fondo naranja, esquina derecha). | según el código |
+| `rangePosition="in"` | Días del medio (texto naranja, sin fondo propio: la banda la pinta la fila). | según el código |
+| `rangePosition=null` | Fuera del rango. | según el código |
 
 ### Estados
 
 | input | cuándo | fuente |
 |---|---|---|
-| `selected` | El día elegido (fondo naranja). Uno solo en `basic`. | propuesta |
-| `today` | Hoy: un punto debajo del número. Siempre, para que la persona se ubique. | propuesta |
-| `marked` | El día tiene algo (pedidos, un turno). Si además es hoy, gana el punto de hoy. | propuesta |
-| `disabled` | Fuera de `min`/`max` o no se puede elegir (local cerrado ese día). | propuesta |
-| `outOfMonth` | Días del mes anterior o siguiente que completan la grilla: se ven apagados. | propuesta |
-| `ariaLabel` | Siempre que el número solo no alcance: «Martes 7 de octubre, con pedidos». El default dice «Día 7». | propuesta |
+| `selected` | El día elegido (fondo naranja). Uno solo en `basic`. | según el código |
+| `today` | Hoy: un punto debajo del número. Siempre, para que la persona se ubique. | según el código |
+| `marked` | El día tiene algo (pedidos, un turno). Si además es hoy, gana el punto de hoy. | según el código |
+| `disabled` | Fuera de `min`/`max` o no se puede elegir (local cerrado ese día). | según el código |
+| `outOfMonth` | Días del mes anterior o siguiente que completan la grilla: se ven apagados. | según el código |
+| `ariaLabel` | Siempre que el número solo no alcance: «Martes 7 de octubre, con pedidos». El default dice «Día 7». | canon (aprobado por el dueño, 05-10-2026, bloque B5) |
 
 Usos de hoy que rompen la regla: **0**.
 

package/docs/sui-day-label/README.md

@@ -22,8 +22,8 @@ Story: [Molecules/Date & Time/Day Label](https://sui-design-system.web.app/?path
 
 ## Qué variante usar
 
-> **La guía del DS no tiene página para este componente** (vive dentro del datepicker). Todo es
-> **propuesta, falta aprobación**.
+> **La guía del DS no tiene página para este componente** (vive dentro del datepicker). Las
+> reglas marcadas canon están aprobadas; lo que sigue en propuesta espera decisión.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app`: **0 usos directos**. Lo usa por dentro
 > `sui-datepicker`.
@@ -31,8 +31,8 @@ Story: [Molecules/Date & Time/Day Label](https://sui-design-system.web.app/?path
 | input | valor | cuándo | fuente |
 |---|---|---|---|
 | `label` | dos letras en mayúsculas | Lo normal, igual que el datepicker: `LU MA MI JU VI SÁ DO`. La semana arranca el lunes. | propuesta |
-| `label` | una letra | No usar: «M» es martes y miércoles a la vez. | propuesta |
-| `label` | tres letras o más | No usar: «MIÉ» entra justo en 40 px, pero rompe el formato de dos letras del datepicker; «LUNES» ya no entra. | propuesta |
+| `label` | una letra | No usar: «M» es martes y miércoles a la vez. | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `label` | tres letras o más | No usar: «MIÉ» entra justo en 40 px, pero rompe el formato de dos letras del datepicker; «LUNES» ya no entra. | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
 
 Usos de hoy que rompen la regla: **0**.
 

package/docs/sui-divider/README.md

@@ -33,7 +33,7 @@ Story: [Atoms/Divider/Divider](https://sui-design-system.web.app/?path=/docs/ato
 > espacio, línea con texto, texto, texto con fondo y contenido al centro). Su variante «Line»
 > («una línea horizontal simple», la default) es este componente. La guía no trae la vertical ni
 > dice cuándo separar con línea y cuándo con espacio. Lo marcado «según la guía del DS» sale de
-> ahí; el resto es **propuesta, falta aprobación**.
+> ahí; el resto quedó aprobado por el dueño (canon, 05-10-2026).
 >
 > Uso medido el 04-10-2026 en `master-pedidos/src/app`: **39 dividers en 14 archivos** (los 13 de
 > antes + las 26 líneas a mano que se pasaron el 03-10-2026), todos horizontales, sin contar prototipos ni vitrinas (`master-preview`, `master-prototipos`,
@@ -43,7 +43,7 @@ Story: [Atoms/Divider/Divider](https://sui-design-system.web.app/?path=/docs/ato
 | orientation | cuándo | ejemplo real | fuente |
 |---|---|---|---|
 | `horizontal` (default) | Separa bloques o filas. El espacio arriba y abajo lo pone el `gap` del padre, no el divider. | `pages/driver/driver-dashboard/driver-dashboard.html:1127` (entre filas, `@if (!last)`) | según la guía del DS («Line») |
-| `vertical` | Separa datos cortos en una sola fila. El padre necesita alto (si no, mide 16 px). | — (sin usos) | propuesta, falta aprobación |
+| `vertical` | Separa datos cortos en una sola fila. El padre necesita alto (si no, mide 16 px). | — (sin usos) | canon (aprobado por el dueño, 05-10-2026, bloque B2) |
 
 **Corregido el 03-10-2026:** las 26 líneas hechas a mano (mi-negocio, checkout, carrito, billetera y movimientos) ya son `sui-divider`. Seis conservan un `margin` propio porque sus vecinos se separan con margen y no con el `gap` del padre; pasarlo al `gap` es un cambio aparte.
 
@@ -56,10 +56,13 @@ Nada: las dos orientaciones tienen caso. La vertical no tiene usos hoy, pero el
 
 ## Tamaño en mobile y en web
 
-Criterio de la app: **en mobile se lee y se toca con el dedo, así que va más grande; en web
-(desktop), más chico.** Mobile es `≤ 767 px`, el mismo corte de `BreakpointsService.isMobile()`
-en master-pedidos. Fuente: canon del dueño (03-10-2026), el mismo patrón que ya usan 27 controles
-de la app.
+Criterio de la app: **D16, tamaño por dispositivo** (canon, dueño, 05-10-2026), que reemplaza al
+«tamaño por plataforma» del 03-10-2026 (mobile grande, web chico). La columna «mobile» es el celular de
+380 px o más y, en lo que se toca, también la tablet (`pointer: coarse`). La columna «web» es la
+computadora (`pointer: fine`) y, en lo que no se toca, también la tablet. En el celular chico
+(< 380 px) va `medium` a la vista, sin achicar el área de 44 de lo que se toca. **Nada en `small` ni
+`xsmall`**, salvo lo que el componente solo tiene en chico. Hoy la app corta con
+`BreakpointsService.isMobile()` (≤ 767 px), que todavía no mira el puntero ni los 380 px.
 
 **No aplica**: es 1 px en las dos plataformas. Lo que cambia por plataforma es el `gap` del padre,
 que separa los bloques (la regla de spacing de la app: 20/16/12 según el breakpoint).

package/docs/sui-drawer-header/README.md

@@ -37,27 +37,27 @@ Regla corta: **modal o sheet → sui-modal con title · panel lateral de web →
 
 | type | cuándo | fuente |
 |---|---|---|
-| `basic` (default) | Lo normal: título y cerrar. | propuesta, falta aprobación |
-| `left-icon` | El ícono dice de qué es el panel antes de leer («history-line» en el historial). En `small` va suelto (24); en `large`/`xlarge`, en un círculo con borde. | propuesta, falta aprobación |
+| `basic` (default) | Lo normal: título y cerrar. | canon (aprobado por el dueño, 05-10-2026, bloque B2) |
+| `left-icon` | El ícono dice de qué es el panel antes de leer («history-line» en el historial). En `small` va suelto (24); en `large`/`xlarge`, en un círculo con borde. | canon (aprobado por el dueño, 05-10-2026, bloque B2) |
 
 ### `size`
 
 | size | qué cambia | cuándo | fuente |
 |---|---|---|---|
-| `small` (default) | 64 px, todo en una línea; **no muestra `description`** | Panel con título que se explica solo. Es el único que admite `link`. | propuesta, falta aprobación |
-| `large` | 88 px, título arriba y `description` debajo | Panel que necesita una línea de contexto («Últimos 30 días»). | propuesta, falta aprobación |
-| `xlarge` | padding 24, título 20, descripción 16 | No: extensión de SUI sin caso; en web no hace falta letra más grande. | propuesta, falta aprobación |
+| `small` (default) | 64 px, todo en una línea; **no muestra `description`** | Panel con título que se explica solo. Es el único que admite `link`. | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
+| `large` | 88 px, título arriba y `description` debajo | Panel que necesita una línea de contexto («Últimos 30 días»). | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
+| `xlarge` | padding 24, título 20, descripción 16 | No: extensión de SUI sin caso; en web no hace falta letra más grande. | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 
 ### Lo demás
 
 | input | valor | cuándo | fuente |
 |---|---|---|---|
 | `showDismiss` | `true` (default) | Siempre. | según la guía del DS (cerrar visible por default) |
-| `showDismiss` | `false` | Solo si el panel no se puede cerrar sin decidir (y entonces es un modal, no un drawer). | propuesta, falta aprobación |
-| `showDivider` | `true` | Cuando el cuerpo scrollea por debajo de la cabecera. | propuesta, falta aprobación |
+| `showDismiss` | `false` | Solo si el panel no se puede cerrar sin decidir (y entonces es un modal, no un drawer). | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
+| `showDivider` | `true` | Cuando el cuerpo scrollea por debajo de la cabecera. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 | `badge` | número | Pendientes dentro del panel (círculo rojo). | propuesta, falta aprobación |
 | `badge` | texto o `SuiBadgeConfig` | Un estado o etiqueta al lado del título. Pasa `variant: 'lighter'`: el default de aquí es `light` (ver Trampas). | canon (README de `sui-badge`: `lighter` en cabeceras) |
-| `link` | texto | Una acción menor en la cabecera («Ver todo»). Solo en `small`. | propuesta, falta aprobación |
+| `link` | texto | Una acción menor en la cabecera («Ver todo»). Solo en `small`. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 | `dismissAriaLabel` | «Cerrar» (default) | Ya está en español. | según el código |
 
 Usos de hoy que rompen las reglas: **0** (no se usa).
@@ -69,7 +69,7 @@ los 40-44 del dedo. Es una pieza de web.
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| cabecera de panel | no se usa: `sui-modal` fullscreen con `title` | `small` o `large` | propuesta, falta aprobación |
+| cabecera de panel | no se usa: `sui-modal` fullscreen con `title` | `small` o `large` | canon (aprobado por el dueño, 05-10-2026, bloque B7) |
 
 ```html
 @if (!bp.isMobile()) {

package/docs/sui-dropdown-caption/README.md

@@ -32,8 +32,8 @@ form-hint.**
 ## Qué variante usar
 
 > **La guía del DS no tiene una pieza «caption»** en su dropdown: tiene etiqueta de grupo y
-> separador. La caption sale del Figma del DS («Dropdown Misc Items»). Todo lo de abajo es
-> **propuesta, falta aprobación**.
+> separador. La caption sale del Figma del DS («Dropdown Misc Items»). Todas las reglas de abajo
+> son **canon**: lo que estaba en propuesta lo aprobó el dueño el 05-10-2026.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app` (misma exclusión que `sui-dropdown-menu`):
 > **0 usos**.
@@ -42,9 +42,9 @@ No tiene variantes. Lo único que se decide es el texto:
 
 | qué | regla | fuente |
 |---|---|---|
-| largo | Una línea; si no entra, corta palabra y salta de línea (`word-break: break-word`). | propuesta |
+| largo | Una línea; si no entra, corta palabra y salta de línea (`word-break: break-word`). | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
 | copy | Sentence case, con punto solo si son dos frases. Tuteo: «Presiona Enter para agregar». | canon (CANON-SUI §5, `docs/VOZ-Y-ESCRITURA.md`) |
-| posición | Al final del panel, después del último item. | propuesta |
+| posición | Al final del panel, después del último item. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 
 **Candidatos de hoy:** las cabeceras de grupo a mano del switcher del sidebar
 (`components/sidebar/sidebar.html:67`, `:88`, `:104`) **no** son caption: son cabeceras de grupo y van
@@ -57,7 +57,7 @@ de 44 px del dedo.
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| pie de un menú | igual (14/20) | igual (14/20) | propuesta |
+| pie de un menú | igual (14/20) | igual (14/20) | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
 
 ## API
 

package/docs/sui-dropdown-item/README.md

@@ -46,7 +46,7 @@ dropdown, select y command menu en el README de `sui-dropdown-menu`.
 
 | mode | cuándo | ejemplo real de la app | fuente |
 |---|---|---|---|
-| `menuitem` (default) | La fila **hace algo**: editar, archivar, ir a otra pantalla. `selected` no pinta nada. | `option-sections-manager.html:40` («Editar») | propuesta |
+| `menuitem` (default) | La fila **hace algo**: editar, archivar, ir a otra pantalla. `selected` no pinta nada. | `option-sections-manager.html:40` («Editar») | canon (aprobado por el dueño, 05-10-2026, bloque B2) |
 | `option` | La fila **es un valor** y el elegido queda marcado (fondo `primary-alpha-10` + check a la derecha). El contenedor lleva `role="listbox"`. | `sidebar.html:69` (el negocio actual) | propuesta (ya es práctica) |
 
 ### `size`
@@ -54,7 +54,7 @@ dropdown, select y command menu en el README de `sui-dropdown-menu`.
 | size | alto | cuándo | fuente |
 |---|---|---|---|
 | `small` (default) | 36 | Menú de acciones en web, una línea (label + `sublabel` en la misma línea). | según la guía del DS (Figma: Small 36) |
-| `large` | 56 | Toda fila en mobile; en web, cuando hay segunda línea (`description`) o el ícono va enmarcado. | según la guía del DS (Figma: Large 56); el cuándo es propuesta |
+| `large` | 56 | Toda fila en mobile; en web, cuando hay segunda línea (`description`) o el ícono va enmarcado. | según la guía del DS (Figma: Large 56) · toda fila en mobile: canon (decisión del dueño 04-10-2026, piso táctil 44); es el primer size ≥ 44, no hay 44 · el cuándo en web: propuesta |
 | `xlarge` | 76 | Extensión SUI. Sin uso hoy. | — |
 
 ### Las piezas
@@ -68,7 +68,7 @@ dropdown, select y command menu en el README de `sui-dropdown-menu`.
 | `shortcut` | Solo web (en mobile no hay teclado físico, ver README de `sui-kbd`). | canon (README de `sui-kbd`) |
 | `slot="trailing"` | Badge primero, después el atajo (lo pone el componente), al final un switch o botón. | según la guía del DS (orden del Figma) |
 | `disabled` | Existe pero hoy no se puede: queda gris claro y no recibe toques. | según la guía del DS |
-| `highlighted` | Lo usa el select para la navegación con flechas. A mano no hace falta. | propuesta |
+| `highlighted` | Lo usa el select para la navegación con flechas. A mano no hace falta. | según el código |
 
 **Usos de hoy que romperían la propuesta:**
 
@@ -90,8 +90,8 @@ celular: queda debajo de los 44 del dedo.
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| menú de acciones (⋮) | `large` (56) | `small` (36) | propuesta, falta aprobación |
-| switcher con segunda línea (negocio + dirección) | `large` (56) | `large` (56) | propuesta (ya es práctica en el sidebar) |
+| menú de acciones (⋮) | `large` (56) | `small` (36) | mobile: canon (decisión del dueño 04-10-2026, piso táctil 44); `large` es el primer size ≥ 44, no hay 44 · web: propuesta, falta aprobación |
+| switcher con segunda línea (negocio + dirección) | `large` (56) | `large` (56) | mobile: canon (decisión del dueño 04-10-2026, piso táctil 44) · web: propuesta (ya es práctica en el sidebar) |
 | opciones de un select | las pone el select (44) | las pone el select (36–48) | canon (README de `sui-select`, aprobado 03-10-2026) |
 
 ```html

package/docs/sui-dropdown-menu/README.md

@@ -55,8 +55,8 @@ trigger no se dibuja.
 
 > **La guía del DS lo define como el menú de acciones que abre un botón** y lo arma por partes:
 > item con ícono, grupo con su etiqueta, separador, items con casilla o radio y submenús. No trae
-> variantes ni do/don't; el panel arranca en 300 px de ancho y 8 px separado del trigger. Lo
-> demás es **propuesta, falta aprobación**, salvo lo marcado canon.
+> variantes ni do/don't; el panel arranca en 300 px de ancho y 8 px separado del trigger. Las
+> reglas marcadas canon están aprobadas; lo que sigue en propuesta espera decisión.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app` (sin `master-preview`, `master-prototipos`,
 > `mockup-sheets-*`, `dx/*`, `master-rutina`, `master-medico`, `master-ejercicios`, `dev-index` ni las
@@ -77,15 +77,15 @@ trigger no se dibuja.
 
 | prop | cuándo | fuente |
 |---|---|---|
-| sin props (default) | El caso normal: un ⋮ o un botón con 2 a 5 acciones. El panel se ajusta al contenido. | propuesta |
-| `matchWidth` | El panel debe medir lo mismo que el trigger (un botón ancho que abre opciones). | propuesta |
+| sin props (default) | El caso normal: un ⋮ o un botón con 2 a 5 acciones. El panel se ajusta al contenido. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `matchWidth` | El panel debe medir lo mismo que el trigger (un botón ancho que abre opciones). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 | `minWidth` | El trigger es un ícono chico y el panel quedaría angosto: 200 a 240 px. | propuesta |
-| `position="above"` | El trigger vive pegado al borde de abajo (una barra inferior). Con `auto` ya cae arriba si no entra. | propuesta |
+| `position="above"` | El trigger vive pegado al borde de abajo (una barra inferior). Con `auto` ya cae arriba si no entra. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 | `popupRole="listbox"` | **Solo** si los items son `mode="option"`. El rol tiene que coincidir con el de los items. | según ARIA (documentado en el `.ts`) |
-| `popupRole="true"` | El panel no es un menú: un campo, un formulario chico (`option-image.ts:52`). | propuesta (ya es práctica) |
-| `origin` | El trigger lo maneja el padre (los selects del DS). En la app no hace falta. | propuesta |
+| `popupRole="true"` | El panel no es un menú: un campo, un formulario chico (`option-image.ts:52`). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `origin` | El trigger lo maneja el padre (los selects del DS). En la app no hace falta. | según el código |
 | `push` | No usar: un panel empujado queda fijo y **se despega del trigger al scrollear**. | canon (comentario del `.ts`, bug real del color picker 21-07-2026) |
-| `flexibleDimensions=false` | Solo paneles de tamaño fijo que no pueden encogerse (el color picker). | propuesta |
+| `flexibleDimensions=false` | Solo paneles de tamaño fijo que no pueden encogerse (el color picker). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 
 **Usos de hoy que rompen la propuesta:**
 
@@ -103,8 +103,8 @@ El menú **no tiene `size`**: el alto lo ponen los items. El panel mide lo que s
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| items de un menú de acciones | `sui-dropdown-item size="large"` (56) | `size="small"` (36) | propuesta; hoy los 3 items del ⋮ van en `large` en las dos |
-| trigger ⋮ | `sui-compact-button` de 40 o más | `sui-compact-button` `large` | propuesta (ver README de `sui-compact-button`) |
+| items de un menú de acciones | `sui-dropdown-item size="large"` (56) | `size="small"` (36) | mobile: canon (decisión del dueño 04-10-2026, piso táctil 44); `large` es el primer size ≥ 44, no hay 44 · web: propuesta; hoy los 3 items del ⋮ van en `large` en las dos |
+| trigger ⋮ | `sui-compact-button` `5xlarge` (44) | `sui-compact-button` `large` | canon (aprobado por el dueño, 05-10-2026, bloque B13) (ver README de `sui-compact-button`) |
 | más de 5 acciones, o alguna destructiva que pide confirmar | `sui-modal-sheet` | `sui-dropdown-menu` | propuesta, falta aprobación |
 
 ```html

package/docs/sui-dropdown-search/README.md

@@ -36,8 +36,8 @@ aprobación.
 ## Qué variante usar
 
 > **La guía del DS no tiene buscador en su dropdown**; el buscador de lista vive en su command
-> menu. Este sale del Figma del DS («Dropdown Misc Items», estados Default / Hover / Active). Todo lo
-> de abajo es **propuesta, falta aprobación**, salvo lo marcado canon.
+> menu. Este sale del Figma del DS («Dropdown Misc Items», estados Default / Hover / Active). Las
+> reglas marcadas canon están aprobadas; lo que sigue en propuesta espera decisión.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app` (misma exclusión que `sui-dropdown-menu`):
 > **0 usos**.
@@ -61,7 +61,7 @@ No tiene tamaños: 36 px de alto (8 + 20 + 8), texto 14/20, en los dos.
 
 En mobile tiene dos problemas que el componente no resuelve (ver «Trampas»): el texto de 14 px hace
 que iOS haga zoom al enfocarlo, y el teclado no muestra la lupa. Para buscar en una lista larga en
-mobile, mejor un `sui-modal-sheet` con `sui-input type="search"` arriba. Propuesta, falta aprobación.
+mobile, mejor un `sui-modal-sheet` con `sui-input type="search"` arriba. Canon (aprobado por el dueño, 05-10-2026, bloque B7).
 
 ## API
 

package/docs/sui-emoji/README.md

@@ -22,8 +22,8 @@ confirmado», los pasos de una landing, la barra de calificación.
 
 ## Qué variante usar
 
-> **La guía del DS no tiene este componente**: es propio de SUI. Lo marcado «canon» ya es regla
-> del proyecto; el resto es **propuesta, falta aprobación**.
+> **La guía del DS no tiene este componente**: es propio de SUI. Las reglas marcadas canon están
+> aprobadas; lo que sigue en propuesta espera decisión.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app`: 10 emojis en 3 archivos, sin contar
 > prototipos ni vitrinas. El catálogo tiene 59.
@@ -33,29 +33,29 @@ confirmado», los pasos de una landing, la barra de calificación.
 | caso | cómo | fuente |
 |---|---|---|
 | Estados vacíos y celebraciones | Emoji animado, uno solo, en `xl`. Nada de íconos genéricos en un estado vacío. | canon (CANON-SUI §5.6) para los estados vacíos · propuesta, falta aprobación para celebraciones y el `xl` |
-| Pasos de una landing | `lg`, uno por paso. | propuesta |
-| Junto a un título o dentro de un texto | `md` o `sm`, como acento. | propuesta |
-| Como ícono de un botón | No: el botón lleva `leftIcon`. | derivado de CANON-SUI §5.7 (emojis solo en contenido escrito por un usuario; botones con `leftIcon`), falta confirmación |
+| Pasos de una landing | `lg`, uno por paso. | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
+| Junto a un título o dentro de un texto | `md` o `sm`, como acento. | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
+| Como ícono de un botón | No: el botón lleva `leftIcon`. | canon (CANON-SUI §5.7: emojis solo en contenido escrito por un usuario; en un botón, `leftIcon` con `sui-icon`) |
 
 ### `size`
 
 | valor | px | cuándo | fuente |
 |---|---|---|---|
 | `xl` | 48 | Estado vacío, celebración. | propuesta |
-| `lg` | 32 | Pasos de una landing, la barra de calificación. | propuesta |
-| `md` (default) | 24 | Acompaña un título. | propuesta |
-| `sm` | 20 | Dentro de una línea de texto. | propuesta |
-| `xs` | 16 | No usar hoy. | propuesta |
-| `full` | 100 % | Llena su caja: lo usa `sui-empty-state`. | propuesta |
+| `lg` | 32 | Pasos de una landing, la barra de calificación. | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
+| `md` (default) | 24 | Acompaña un título. | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
+| `sm` | 20 | Dentro de una línea de texto. | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
+| `xs` | 16 | No usar hoy. | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
+| `full` | 100 % | Llena su caja: lo usa `sui-empty-state`. | según el código |
 
 ### `animated`, `src`, `name`, `ariaLabel`
 
 | input | cuándo | fuente |
 |---|---|---|
 | `animated` (default `true`) | Uno solo → animado. **Varios a la vez → `false`.** Ojo: solo las 5 caritas de la calificación (`pensive-face` … `grinning-face-smiling-eyes`) tienen copia estática; para el resto, `false` no cambia nada. | propuesta (la regla ya está escrita en `sui-emoji.ts`) |
-| `name` | Uno del catálogo. Si no está, se agrega al catálogo del DS. | propuesta |
-| `src` | Un emoji que no está en el catálogo, mientras se agrega. **Nunca** un `<img>` suelto con la URL del emoji. | propuesta |
-| `ariaLabel` | Solo si el emoji dice algo que el texto no dice. Si no, queda decorativo (`aria-hidden`). | propuesta |
+| `name` | Uno del catálogo. Si no está, se agrega al catálogo del DS. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `src` | Un emoji que no está en el catálogo, mientras se agrega. **Nunca** un `<img>` suelto con la URL del emoji. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `ariaLabel` | Solo si el emoji dice algo que el texto no dice. Si no, queda decorativo (`aria-hidden`). | canon (aprobado por el dueño, 05-10-2026, bloque B5) |
 
 **Usos de hoy que romperían la propuesta:**
 

package/docs/sui-empty-state/README.md

@@ -44,9 +44,9 @@ algo que avisar → alert.**
 | `title` (obligatorio) | Qué pasa, sin punto y en 2 a 4 palabras, con uno de tres patrones: «Todavía no hay <cosa>», «Sin <cosa>», «Tu <cosa> está vacío» («Tu carrito está vacío», «Sin pedidos aún»). En una búsqueda, repetir lo buscado («Nada con “pollo broaster”») queda fuera de esos patrones. | canon (CANON-SUI §5.6) · lo de la búsqueda: propuesta, falta aprobación |
 | `subtitle` | Una oración con punto, en futuro tranquilizador: «Cuando hagas tu primer pedido, aparecerá aquí.» | canon (CANON-SUI §5.6) |
 | `action` como string + `(actionClicked)` | La salida es algo de esta misma pantalla: «Reintentar», «Ver todo el catálogo», «Activar captura». | propuesta |
-| `action` como `{ label, route }` | La salida es otra pantalla: «Ver negocios» → `/cliente/inicio`. | propuesta |
-| sin `action` | No hay un paso obvio, o la pantalla ya tiene el botón para llenarla (el «Nuevo local» de arriba). | propuesta |
-| error de carga | Siempre con `action="Reintentar"`. Excepción: la pantalla reintenta sola y lo dice («Seguimos intentando»). | propuesta |
+| `action` como `{ label, route }` | La salida es otra pantalla: «Ver negocios» → `/cliente/inicio`. | canon (aprobado por el dueño, 05-10-2026, bloque B10) |
+| sin `action` | No hay un paso obvio, o la pantalla ya tiene el botón para llenarla (el «Nuevo local» de arriba). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| error de carga | Siempre con `action="Reintentar"`. Excepción: la pantalla reintenta sola y lo dice («Seguimos intentando»). | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
 
 **Usos de hoy que rompen las reglas:** 0. Los 29 `icon="…"` (que no es un input), las 22 URL del
 zorro pegadas a mano y los 4 errores de carga sin «Reintentar» se corrigieron el 03-10-2026 (commit
@@ -66,7 +66,7 @@ abajo (media query `bp.medium` del componente). El `size` solo cambia **el botó
 | uso | mobile | web | fuente |
 |---|---|---|---|
 | ilustración + texto | lo resuelve el componente | lo resuelve el componente | lo que hay en el DS |
-| botón de la acción | `large` (48) | `medium` (40) | propuesta: el tamaño es extensión SUI aprobada (03-10-2026); el «cuándo» falta aprobarlo |
+| botón de la acción | `large` (48) | `medium` (40) | el tamaño es extensión SUI aprobada (03-10-2026) · mobile: canon (decisión del dueño 04-10-2026, piso táctil 44) · web: propuesta, falta aprobación |
 
 ```html
 <sui-empty-state

package/docs/sui-fancy-button/README.md

@@ -56,30 +56,32 @@ marketing: brillo arriba, borde interior claro y un anillo del color del botón.
 | size | cuándo | fuente |
 |---|---|---|
 | `large` (48) | El CTA en el teléfono. Texto 16. | canon (dueño, 04-10-2026): piso táctil 44 en el teléfono; extensión de SUI, la guía no lo tiene |
-| `medium` (40, default) | El CTA de la landing en desktop. | escala y default según la guía del DS · cuándo: propuesta |
-| `small` (36) | Un CTA dentro de una card de la landing (la card de un plan). | escala según la guía del DS · cuándo: propuesta |
-| `xsmall` (32) | Sin caso: en una landing el CTA nunca es tan chico. | escala según la guía del DS · cuándo: propuesta |
+| `medium` (40, default) | El CTA de la landing en la computadora, también dentro de la card de un plan. | escala y default según la guía del DS · cuándo: canon (aprobado por el dueño, 05-10-2026, bloque B1) · la card de un plan: canon (dueño, 05-10-2026, D16) |
+| `small` (36) | No usar: es chico. El CTA dentro de la card de un plan va `medium`. | escala según la guía del DS · no usarlo: canon (dueño, 05-10-2026, D16), reemplaza el «cuándo» del bloque B1 |
+| `xsmall` (32) | Sin caso: en una landing el CTA nunca es tan chico. | escala según la guía del DS · cuándo: canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 
 ### Íconos y `disabled`
 
 | prop | cuándo | fuente |
 |---|---|---|
-| `rightIcon` (`arrow-right-line`) | El CTA lleva a otra página: «Empieza gratis →». | propuesta |
-| `leftIcon` | El ícono dice la acción (descargar, WhatsApp). | propuesta |
-| `disabled` | Casi nunca: un CTA de marketing no se deshabilita, se esconde. | cómo se ve: según la guía del DS · cuándo: propuesta |
-| `href` | El CTA navega (lo normal en una landing): pinta un `<a>`; `rel` ya viene en `'noopener noreferrer'`. | propuesta |
+| `rightIcon` (`arrow-right-line`) | El CTA lleva a otra página: «Empieza gratis →». | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `leftIcon` | El ícono dice la acción (descargar, WhatsApp). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `disabled` | Casi nunca: un CTA de marketing no se deshabilita, se esconde. | cómo se ve: según la guía del DS · cuándo: canon (aprobado por el dueño, 05-10-2026, bloque B8) |
+| `href` | El CTA navega (lo normal en una landing): pinta un `<a>`; `rel` ya viene en `'noopener noreferrer'`. | canon (aprobado por el dueño, 05-10-2026, bloque B10) |
 
 ## Tamaño en mobile y en web
 
-En mobile se toca con el dedo: el área táctil tiene que medir **44 px o más** (canon (dueño, 04-10-2026): piso táctil 44 en el teléfono). En web,
-con mouse, va un tamaño más chico. La app ya lo resuelve con `BreakpointsService`
-(`src/app/services/breakpoints.service.ts`, mobile = hasta 767 px).
+En mobile se toca con el dedo: el área táctil tiene que medir **44 px o más** (canon (dueño, 04-10-2026): piso táctil 44 en el teléfono). En la tablet
+(`pointer: coarse`) va igual que en el celular; en la computadora (`pointer: fine`), `medium`; en el celular
+chico (< 380 px), `medium` a la vista sin bajar el área de 44. Nada en `small` ni `xsmall` (canon, dueño,
+05-10-2026, D16). Hoy la app lo resuelve con `BreakpointsService` (`src/app/services/breakpoints.service.ts`,
+mobile = hasta 767 px).
 
 | size | alto | texto | cuándo | fuente |
 |---|---|---|---|---|
 | `large` | 48 | 16 (Label/Medium) | CTA en el teléfono | canon (dueño, 04-10-2026): piso táctil 44 en el teléfono. Size nuevo del 04-10-2026 |
 | `medium` (default) | 40 | 14 | CTA en web | Figma |
-| `small` | 36 | 14 | CTA dentro de una card en web | Figma |
+| `small` | 36 | 14 | — (no se usa: D16) | Figma |
 | `xsmall` | 32 | 14 | — | Figma |
 
 **Por qué `large` = 48 y no 44**: el fancy es «el mismo botón con otro acabado» que `sui-button` y su
@@ -89,8 +91,8 @@ que va al lado. El texto sube a 16 (regla de tamaños del 03-10-2026); los ícon
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| CTA principal de una landing | `large` (48) | `medium` (40) | propuesta |
-| CTA dentro de la card de un plan | `large` (48) | `small` (36) | propuesta |
+| CTA principal de una landing | `large` (48) | `medium` (40) | mobile: canon (decisión del dueño 04-10-2026, piso táctil 44) · web: canon (dueño, 05-10-2026, D16) |
+| CTA dentro de la card de un plan | `large` (48) | `medium` (40) | mobile: canon (decisión del dueño 04-10-2026, piso táctil 44) · web: canon (dueño, 05-10-2026, D16) |
 
 ```html
 <sui-fancy-button type="primary" [size]="bp.isMobile() ? 'large' : 'medium'">Empieza gratis</sui-fancy-button>

package/docs/sui-file-icon/README.md

@@ -22,8 +22,8 @@ descargar. La etiqueta con la extensión le dice a la persona qué va a abrir.
 
 ## Qué variante usar
 
-> **La guía del DS no tiene página para este componente.** Todo es **propuesta, falta
-> aprobación**.
+> **La guía del DS no tiene página para este componente.** Las reglas marcadas canon
+> están aprobadas; la tabla de mobile y web quedó en canon el 05-10-2026 (P1 b y D16).
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app`: **0 usos directos**. Lo usa por dentro
 > `sui-file-upload-card`.
@@ -32,9 +32,9 @@ descargar. La etiqueta con la extensión le dice a la persona qué va a abrir.
 
 | input | cuándo | fuente |
 |---|---|---|
-| `filename` | Siempre que haya nombre: saca la extensión y el color solo (`comprobante.pdf` → PDF en rojo). | propuesta |
-| `extension` | Solo si el nombre no la trae (un archivo de Storage sin extensión). | propuesta |
-| `color` | No usar: el color dice el tipo y forzarlo miente (un CSV en rojo parece PDF). | propuesta |
+| `filename` | Siempre que haya nombre: saca la extensión y el color solo (`comprobante.pdf` → PDF en rojo). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `extension` | Solo si el nombre no la trae (un archivo de Storage sin extensión). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `color` | No usar: el color dice el tipo y forzarlo miente (un CSV en rojo parece PDF). | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 
 Colores automáticos: PDF rojo · Word y texto azul · Excel y CSV verde · PowerPoint naranja ·
 imágenes rosa · video morado · audio celeste · comprimidos amarillo · el resto gris.
@@ -43,8 +43,8 @@ imágenes rosa · video morado · audio celeste · comprimidos amarillo · el re
 
 | valor | px | cuándo | fuente |
 |---|---|---|---|
-| `medium` (default) | 40 | Lista de documentos. | propuesta |
-| `xsmall` | 32 | Filas densas, tablas. | propuesta |
+| `medium` (default) | 40 | Siempre: listas de documentos, filas y tablas, en el celular, la tablet y la computadora. | canon (aprobado por el dueño, 05-10-2026, bloque B1) · también filas y tablas: canon (dueño, 05-10-2026, D16) |
+| `xsmall` | 32 | No usar: es chico. Las filas densas y las tablas van en `medium`. | canon (dueño, 05-10-2026, D16); reemplaza el «filas densas, tablas» del bloque B1 |
 
 Usos de hoy que rompen la regla: **0**.
 
@@ -53,18 +53,21 @@ Usos de hoy que rompen la regla: **0**.
 En mobile se lee y se toca con el dedo, así que va más grande; en web, más chico. En las
 pantallas que se usan en los dos (panel del local, super admin) se elige con el servicio de
 breakpoints de la app (`bp`, en `services/breakpoints.service.ts`); en las que solo existen en
-el celular (cliente, repartidor) va directo el valor de mobile. Todo es **propuesta**.
+el celular (cliente, repartidor) va directo el valor de mobile. No se toca, así que la tablet va
+con el valor de web, y el celular chico (< 380 px) también (D16).
+Es **canon (dueño, 05-10-2026, P1 b y D16)**.
 
 | uso | mobile | web |
 |---|---|---|
-| fila de una lista | `medium` (40) | `xsmall` (32) |
+| fila de una lista | `medium` (40) | `medium` (40) |
 
 ```html
-<sui-file-icon [filename]="doc.nombre" [size]="bp.isMobile() ? 'medium' : 'xsmall'" />
+<sui-file-icon [filename]="doc.nombre" size="medium" />
 ```
 
 El ícono no se toca: si la fila abre el archivo, la fila da los 44 px. `medium` es el tamaño más
-grande que tiene.
+grande que tiene y `xsmall` es chico (D16), así que va igual en las dos: es la excepción a P1 b
+(«un paso más grande en el celular»), porque no hay un paso más.
 
 ## «No usar»: por qué no hoy y cuándo sí
 

package/docs/sui-file-upload/README.md

@@ -30,8 +30,8 @@ elegido → file-upload-card.**
 > buscar en el equipo**, para subir un archivo. Su ejemplo arma el texto así: una línea que invita
 > («Elige un archivo o arrástralo aquí»), una línea con **formatos y tamaño máximo** («JPEG, PNG,
 > PDF y MP4, hasta 50 MB») y el botón **«Buscar archivo»**. Trae aparte el ícono por tipo de
-> archivo (en SUI, `sui-file-icon`). No dice cuándo usar cada tamaño. El resto es **propuesta,
-> falta aprobación**.
+> archivo (en SUI, `sui-file-icon`). No dice cuándo usar cada tamaño. Lo de abajo marcado canon
+> está aprobado; lo que sigue en **propuesta** (el `small` en mobile) espera decisión.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app`: **0 usos**. Hoy todo lo que se sube es
 > imagen y va con `sui-image-upload` (13) o con un `<input type="file">` a mano (3: `renewal-modal`,
@@ -43,15 +43,15 @@ elegido → file-upload-card.**
 |---|---|---|
 | `title` | Qué se sube, en la voz de la persona: «Sube tu carta en PDF», «Arrastra tu Excel aquí». Si se omite, sale «Arrastra y suelta el archivo aquí». | guía (línea que invita) |
 | `subtitle` | **Formatos y tamaño máximo**, siempre: «PDF o Excel, hasta 10 MB». El default «o haz clic para seleccionar» no dice nada que el área no diga. | guía (formatos y tamaño) |
-| `browseLabel` | El default ya es «Buscar archivo»; se pasa solo para otro texto («Elegir foto»). | guía (el botón) · el texto es propuesta |
+| `browseLabel` | El default ya es «Buscar archivo»; se pasa solo para otro texto («Elegir foto»). | guía (el botón) · el texto, canon (aprobado por el dueño, 05-10-2026, bloque B4) |
 
 ### `accept`, `multiple`, `maxSize`
 
 | input | cuándo | fuente |
 |---|---|---|
-| `accept` | Siempre, con lo mismo que dice el `subtitle`: `".pdf,.xlsx,.csv"`. Si el texto y el filtro no coinciden, la persona elige un archivo que se rechaza. | propuesta |
-| `multiple` | Varios archivos del mismo tipo (las boletas del mes). Con `multiple` cada archivo va en su `sui-file-upload-card`. | propuesta |
-| `maxSize` | Siempre, en **bytes** (`10 * 1024 * 1024`), y el mismo número en el `subtitle`. | propuesta |
+| `accept` | Siempre, con lo mismo que dice el `subtitle`: `".pdf,.xlsx,.csv"`. Si el texto y el filtro no coinciden, la persona elige un archivo que se rechaza. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `multiple` | Varios archivos del mismo tipo (las boletas del mes). Con `multiple` cada archivo va en su `sui-file-upload-card`. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `maxSize` | Siempre, en **bytes** (`10 * 1024 * 1024`), y el mismo número en el `subtitle`. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 
 ### `size`
 
@@ -59,15 +59,15 @@ elegido → file-upload-card.**
 |---|---|---|---|
 | `small` | 24 | En mobile y dentro de un modal o una card. | propuesta |
 | `medium` (default) | 32 | En web, en una página o un modal ancho. | guía (es el único tamaño que muestra) |
-| `large` | 40 | Cuando subir el archivo es lo único de la pantalla (importar la carta). | propuesta |
+| `large` | 40 | Cuando subir el archivo es lo único de la pantalla (importar la carta). | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
 | `xlarge` | 48 | No usar: más aire no ayuda a soltar el archivo. | no usar |
 
 ### Estados: `error`, `errorMessage`, `disabled`
 
 | input | cuándo | fuente |
 |---|---|---|
-| `error` + `errorMessage` | El archivo se subió y el servidor lo rechazó («El PDF está protegido con clave»). Lo de tamaño y tipo ya lo avisa solo. | propuesta |
-| `disabled` | Mientras se sube, o si ya se llegó al máximo de archivos. | propuesta |
+| `error` + `errorMessage` | El archivo se subió y el servidor lo rechazó («El PDF está protegido con clave»). Lo de tamaño y tipo ya lo avisa solo. | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
+| `disabled` | Mientras se sube, o si ya se llegó al máximo de archivos. | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
 
 Usos de hoy que rompen la regla: **0** (no hay file-upload).
 
@@ -81,7 +81,7 @@ más compacta. En pantallas de los dos, con el servicio de breakpoints de la app
 | uso | mobile | web | fuente |
 |---|---|---|---|
 | subir un documento en un formulario o modal | `small` | `medium` | propuesta |
-| subir es lo único de la pantalla | `medium` | `large` | propuesta |
+| subir es lo único de la pantalla | `medium` | `large` | canon (aprobado por el dueño, 05-10-2026, bloque B1) |
 
 ```html
 <sui-file-upload [size]="bp.isMobile() ? 'small' : 'medium'"

package/docs/sui-file-upload-card/README.md

@@ -23,7 +23,8 @@ subiendo con su barra, listo, o falló con «Reintentar».
 ## Qué variante usar
 
 > **La guía del DS no tiene página para este componente** (su página del file upload solo muestra
-> el área y el ícono por tipo). Todo es **propuesta, falta aprobación**.
+> el área y el ícono por tipo). Las reglas marcadas canon están aprobadas y las de «según el
+> código» describen lo que el componente ya hace.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app`: **0 usos**. Las subidas de hoy son de
 > imágenes y avisan con el `subtitle` del image-upload («Procesando…») o lo deshabilitan.
@@ -32,20 +33,20 @@ subiendo con su barra, listo, o falló con «Reintentar».
 
 | valor | cuándo | qué muestra | fuente |
 |---|---|---|---|
-| `in-progress` (default) | Mientras sube. Va con `progress`. | barra azul, ícono de carga, X para cancelar | propuesta |
-| `success` | Subió. | check verde, tacho para quitar | propuesta |
-| `error` | Falló. Va con `statusText` que diga por qué. | ícono rojo, «Reintentar», tacho | propuesta |
+| `in-progress` (default) | Mientras sube. Va con `progress`. | barra azul, ícono de carga, X para cancelar | según el código |
+| `success` | Subió. | check verde, tacho para quitar | según el código |
+| `error` | Falló. Va con `statusText` que diga por qué. | ícono rojo, «Reintentar», tacho | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
 
 ### Textos y datos
 
 | input | cuándo | fuente |
 |---|---|---|
-| `file` | El nombre real del archivo (`'carta-octubre.pdf'`). La extensión da el ícono y el color. | propuesta |
-| `description` | **Siempre** se pasa: el default es un texto de ejemplo («0 KB de 120 KB»). Subiendo: «1.2 MB de 3.4 MB»; listo: «3.4 MB» (punto decimal, como el «10.0 MB» que arma `sui-file-upload`). | propuesta |
-| `progress` | 0–100, solo en `in-progress`. | propuesta |
-| `statusText` | Los defaults ya están en español («Subiendo…», «Completado», «Falló»); en error, mejor el motivo: «Se cortó la conexión». | propuesta |
-| `showStatus=false` | Solo en `success`, cuando el check sobra porque la lista ya dice «Archivos subidos». | propuesta |
-| `retryLabel` | El default ya es «Reintentar». | propuesta |
+| `file` | El nombre real del archivo (`'carta-octubre.pdf'`). La extensión da el ícono y el color. | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `description` | **Siempre** se pasa: el default es un texto de ejemplo («0 KB de 120 KB»). Subiendo: «1.2 MB de 3.4 MB»; listo: «3.4 MB» (punto decimal, como el «10.0 MB» que arma `sui-file-upload`). | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `progress` | 0–100, solo en `in-progress`. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `statusText` | Los defaults ya están en español («Subiendo…», «Completado», «Falló»); en error, mejor el motivo: «Se cortó la conexión». | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `showStatus=false` | Solo en `success`, cuando el check sobra porque la lista ya dice «Archivos subidos». | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `retryLabel` | El default ya es «Reintentar». | canon (CANON-SUI §5.3 y §6.4: «Reintentar» es copy de acción canon) |
 
 Usos de hoy que rompen la regla: **0**.