@ajuarezso/sui-design-system 0.24.0 → 0.25.0

package/docs/sui-select/README.md

@@ -46,7 +46,7 @@ Regla corta: **sale de datos o son más de 6 → select · 2–6 fijas → radio
 | La lista sale de datos (ubigeo, repartidores, categorías, planes) | `sui-select` | según la guía del DS (elegir una opción de un menú) |
 | Más de ~6 opciones fijas | `sui-select` | derivado del README de `sui-radio` («más de ~6 → select»), falta confirmación |
 | 2 a 6 opciones fijas en un formulario | `sui-radio-label` / `sui-radio-card` | propuesta, falta aprobación (sale del umbral de `sui-radio`) |
-| 2 a 4 modos que se aplican al instante | `sui-segmented-control` | según la guía del DS («aplicarla de inmediato», ver README de `sui-segmented-control`); el tope de 4 es propuesta |
+| 2 a 4 modos que se aplican al instante | `sui-segmented-control` | según la guía del DS («aplicarla de inmediato», ver README de `sui-segmented-control`); el tope de 4: canon (decisión del dueño 04-10-2026: 2 a 4 opciones excluyentes → segmented, 5 o más → tab-chips) |
 | Filtro de una barra con 5 o más opciones | `sui-select` sin label (o `sui-compact-select` en web) | propuesta, falta aprobación |
 
 **Candidatos de hoy** (no rompen nada; se verían mejor con radios o segmented):
@@ -69,11 +69,11 @@ Regla corta: **sale de datos o son más de 6 → select · 2–6 fijas → radio
 |---|---|---|
 | `type="basic"` (default) sin ícono | Todo select de la app hoy. | según la guía del DS |
 | `type="avatar"` + `imageUrl` | Elegir un **repartidor**: la foto de quien quedó elegido en el campo. Hoy `pages/orders/orders.html:257` muestra solo el nombre. | según la guía del DS (ejemplo «User»); el caso es propuesta |
-| `type="provider"` + `imageUrl` | Método de pago con logo (Yape, Plin). | según la guía del DS (ejemplo «Payment Method»); el caso es propuesta |
+| `type="provider"` + `imageUrl` | Método de pago con logo (Yape, Plin). | según la guía del DS (ejemplo «Payment Method»); el caso, canon (aprobado por el dueño, 05-10-2026, bloque B2) |
 | `leadingIcon` (`true` o nombre RemixIcon) | Un ícono que ayuda a reconocer el campo en un formulario largo. Hoy sin caso. | según la guía del DS (ejemplo «Icons») |
 | `type="country"` + `flag` | No usar hoy: todo es Perú. | según la guía del DS (ejemplo «Country») |
-| `type="brand"` / `"company"` | No usar hoy. | propuesta, falta aprobación |
-| `badge` | No usar hoy. | propuesta, falta aprobación |
+| `type="brand"` / `"company"` | No usar hoy. | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
+| `badge` | No usar hoy. | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 
 ### Las piezas
 
@@ -109,10 +109,10 @@ y las opciones de la lista; el alto no cambia (las opciones bajan 2 de padding p
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| campo de formulario | `large` (48) | `medium` (40) | propuesta, falta aprobación (igual que `sui-input`) |
-| filtro de una barra | `large` (48) | `small` (36) | propuesta (ya es práctica en `pages/orders/orders.html:257`) |
-| dentro de una tabla densa | no aplica | `xsmall` (32) | según la guía del DS |
-| `xlarge` (52) | no usar | no usar | propuesta: queda más alto que el botón `large` del footer |
+| campo de formulario | `large` (48) | `medium` (40) | mobile `large`: canon (decisión del dueño 04-10-2026, piso táctil 44: `medium` 40 no llega y `large` 48 es el primer size que sí) · web `medium`: canon (aprobado por el dueño, 05-10-2026, bloque B1) |
+| filtro de una barra | `large` (48) | `medium` (40) | mobile `large`: canon (decisión del dueño 04-10-2026, piso táctil 44: `large` 48 es el primer size que llega) · web `medium`: canon (dueño, 05-10-2026, D16) (hoy `pages/orders/orders.html:257` va en `small`: se migra) |
+| dentro de una tabla | no aplica | `medium` (40) | canon (dueño, 05-10-2026, D16): nada en `xsmall` (la guía del DS lo usa en tablas densas) |
+| `xlarge` (52) | no usar | no usar | canon (aprobado por el dueño, 05-10-2026, bloque B6): queda más alto que el botón `large` del footer |
 
 ```html
 <sui-select [size]="bp.isMobile() ? 'large' : 'medium'" label="Distrito" … />   <!-- bp = BreakpointsService -->
@@ -126,7 +126,7 @@ y las opciones de la lista; el alto no cambia (las opciones bajan 2 de padding p
 | `type="brand"` / `"company"` | no hay listas de marcas o empresas | elegir la marca de un producto envasado o la empresa de una flota |
 | `leadingIcon` | ningún formulario lo necesita para reconocerse | un formulario largo del panel con varios selects seguidos |
 | `badge` | no hay valores que marcar | marcar el plan elegido como «Recomendado» |
-| `size="xsmall"` | no hay selects dentro de tablas | cambiar el estado de una fila sin abrir el detalle |
+| `size="xsmall"` | es chico (D16, 05-10-2026) | nunca: cambiar el estado de una fila va con un select `medium` |
 | `size="xlarge"` | queda más alto que el botón del footer | un select solo, como acción principal de la pantalla |
 
 ## API

package/docs/sui-sidebar/README.md

@@ -31,8 +31,8 @@ Regla corta: **navegación del rol → sidebar · secciones de una pantalla →
 > **La guía del DS no tiene página del sidebar.** El componente sale del Figma de SUI (Sidebar
 > [Navigation], node 3802:11759) y el cajón de mobile no existe en ese Figma: se portó del layout
 > del super admin. Lo de abajo es **práctica de la app** (los 4 usos están homologados desde el
-> 25-07-2026) o **propuesta, falta aprobación**; lo marcado «canon» sale de `docs/CANON-SUI.md`
-> o de `master-pedidos/CLAUDE.md`.
+> 25-07-2026) o **propuesta, falta aprobación**; lo marcado «canon» sale de `docs/CANON-SUI.md`,
+> de `master-pedidos/CLAUDE.md` o de la aprobación del dueño del 05-10-2026.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app`: **4 sidebars**, sin contar vitrinas
 > (`master-preview` tiene el quinto).
@@ -56,12 +56,12 @@ Regla corta: **navegación del rol → sidebar · secciones de una pantalla →
 
 | prop | cuándo | fuente |
 |---|---|---|
-| `icon` | Siempre, RemixIcon `-line`. Sin ícono, el modo colapsado queda vacío. | propuesta, falta aprobación |
+| `icon` | Siempre, RemixIcon `-line`. Sin ícono, el modo colapsado queda vacío. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 | `route` | Navegación normal (usa `routerLink`). | práctica de la app |
 | sin `route` | Acción, no navegación (abrir Configuración, colapsar): `action` o solo `value`, y se escucha `(itemClicked)`. | práctica de la app |
-| `badge` | Un contador que pide acción: notificaciones sin leer, con tope «99+» (`components/sidebar/sidebar.ts:129`). Nunca un «NEW» decorativo. | práctica de la app (el «nunca NEW» es propuesta) |
-| `variant: 'danger'` | Solo «Cerrar sesión» o salidas destructivas. | propuesta, falta aprobación |
-| `shortcut`, `colorDot` | No usar (ver «No usar»). | propuesta, falta aprobación |
+| `badge` | Un contador que pide acción: notificaciones sin leer, con tope «99+» (`components/sidebar/sidebar.ts:129`). Nunca un «NEW» decorativo. | práctica de la app · el «nunca NEW»: canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `variant: 'danger'` | Solo «Cerrar sesión» o salidas destructivas. | «Cerrar sesión» en rojo: canon (decisión del dueño 04-10-2026, salida destructiva en `color error` aunque sea un link; `danger` pinta `--sui-state-error-base`) · el «solo» (ningún otro item en rojo): canon (aprobado por el dueño, 05-10-2026, bloque B3) |
+| `shortcut`, `colorDot` | No usar (ver «No usar»). | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 
 ## Tamaño en mobile y en web
 
@@ -78,7 +78,7 @@ El sidebar **no tiene `size`**. El ancho lo decide el viewport:
 |---|---|---|---|
 | navegación del rol | cajón `drawer`, cerrado por defecto | columna fija de 272 | práctica de la app (4 de 4) |
 | colapsar | nunca (`!bp.isMobile()`) | opcional, a pedido de la persona | práctica de la app |
-| `sheet` | no usar (0 usos) | — | propuesta, falta aprobación |
+| `sheet` | no usar (0 usos) | — | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 
 **Qué pasa en mobile (≤ 767 px):** el sidebar sale del flujo y queda `position: fixed` fuera de la
 pantalla. Lo abre la acción `toggle-sidebar` de la **barra inferior** («Más»), que el layout

package/docs/sui-slider/README.md

@@ -38,19 +38,19 @@ Regla corta: **escala con tope y la posición importa → slider · número exac
 | type | cuándo | fuente |
 |---|---|---|
 | `single` (default) | Un valor: radio de cobertura, porcentaje. | según la guía del DS |
-| `range` | Un mínimo y un máximo en la misma escala: rango de precios de un filtro. Una sola barra con dos manijas, nunca dos sliders. | según la guía del DS (existe); el «cuándo» es propuesta |
+| `range` | Un mínimo y un máximo en la misma escala: rango de precios de un filtro. Una sola barra con dos manijas, nunca dos sliders. | según la guía del DS (existe); el «cuándo», canon (aprobado por el dueño, 05-10-2026, bloque B2) |
 
 ### Las piezas
 
 | prop | cuándo | fuente |
 |---|---|---|
-| `label` | Siempre que el slider no esté dentro de un campo que ya lo titula. Sin `label` desaparece toda la fila de arriba, `amount` incluido. | propuesta, falta aprobación |
-| `amount` | El valor con su unidad, a la derecha del label: «12 km», «S/ 10 – S/ 40». Sin `amount` escribe el número pelado. | propuesta, falta aprobación |
-| `sublabel` | Una precisión corta junto al label: «(máximo 15)». | propuesta, falta aprobación |
-| `tooltip` | Solo **sin** `amount`: el número flota sobre la manija mientras se arrastra. Con `amount` repite el valor y sin unidad. | según la guía del DS (existe); el «cuándo» es propuesta |
-| `tooltipAlways` | No usar (ver abajo). | propuesta, falta aprobación |
+| `label` | Siempre que el slider no esté dentro de un campo que ya lo titula. Sin `label` desaparece toda la fila de arriba, `amount` incluido. | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `amount` | El valor con su unidad, a la derecha del label: «12 km», «S/ 10 – S/ 40». Sin `amount` escribe el número pelado. | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `sublabel` | Una precisión corta junto al label: «(máximo 15)». | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `tooltip` | Solo **sin** `amount`: el número flota sobre la manija mientras se arrastra. Con `amount` repite el valor y sin unidad. | según la guía del DS (existe); el «cuándo», canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `tooltipAlways` | No usar (ver abajo). | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 | `min` / `max` / `step` | La escala real del negocio (1–15 km, paso 1). | API |
-| `disabled` | La escala existe pero hoy no se puede mover (falta un dato antes). | propuesta, falta aprobación |
+| `disabled` | La escala existe pero hoy no se puede mover (falta un dato antes). | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
 | `size` | `medium` (default, Figma): manija 16, riel 6, label 12/16. `large`: manija 24, riel 8, punto interno 8, label 14/20 — para mobile. | `medium`: según la guía del DS · `large`: canon (aprobado por el dueño, 03-10-2026), extensión SUI |
 
 **Usos de hoy que rompen la propuesta:**

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

@@ -47,8 +47,8 @@ otra marca: hoy Google y Apple.
 |---|---|---|---|
 | `google` + `stroke` | Iniciar sesión o registrarse con Google: fondo blanco, logo a color. | `pages/auth/login/login.html:39` («Continuar con Google») | canon (aprobado por el dueño, 03-10-2026) |
 | `apple` + `filled` | Iniciar sesión con Apple: negro lleno, como pide Apple. | `pages/auth/login/login.html:50` («Continuar con Apple») | canon (aprobado por el dueño, 03-10-2026) |
-| `google` + `filled` (rojo) | No: el botón de Google va en blanco. Es lo que sale si se olvida `variantStyle`. | — | propuesta |
-| `apple` + `stroke` | No: Apple va negro lleno en tema claro. | — | propuesta |
+| `google` + `filled` (rojo) | No: el botón de Google va en blanco. Es lo que sale si se olvida `variantStyle`. | — | canon (aprobado por el dueño, 05-10-2026, bloque B3) |
+| `apple` + `stroke` | No: Apple va negro lleno en tema claro. | — | canon (aprobado por el dueño, 05-10-2026, bloque B3) |
 | `facebook`, `x-twitter`, `linkedin`, `github`, `dropbox` (cualquier estilo) | No hay login con esas cuentas. | — | no usar · canon (aprobado por el dueño, 03-10-2026) |
 
 ### `onlyIcon`
@@ -70,11 +70,11 @@ otra marca: hoy Google y Apple.
 
 | prop | cuándo | fuente |
 |---|---|---|
-| `label` | Sin pasarlo sale «Continuar con Google» / «Continuar con Apple», que sirve igual para entrar y para registrarse. Pasarlo solo si el texto tiene que decir otra cosa. | propuesta |
-| `loading` | Desde el toque hasta que vuelve la ventana de la marca: cambia el logo por un spinner y deshabilita el botón. | propuesta (ya es la práctica del login) |
-| `disabled` | Mientras otro login está en curso, para que no se abran dos (en el login: `processingRedirect`). Nunca para una marca que no tiene login. | propuesta |
-| `href` | Solo si el login se hace navegando a una URL (OAuth por redirect web). Pinta un `<a>`. | propuesta |
-| `ariaLabel` | No hace falta: con texto se lee el texto; con `onlyIcon` el componente usa el label. | propuesta |
+| `label` | Sin pasarlo sale «Continuar con Google» / «Continuar con Apple», que sirve igual para entrar y para registrarse. Pasarlo solo si el texto tiene que decir otra cosa. | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `loading` | Desde el toque hasta que vuelve la ventana de la marca: cambia el logo por un spinner y deshabilita el botón. | canon (aprobado por el dueño, 05-10-2026, bloque B8); ya es la práctica del login |
+| `disabled` | Mientras otro login está en curso, para que no se abran dos (en el login: `processingRedirect`). Nunca para una marca que no tiene login. | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
+| `href` | Solo si el login se hace navegando a una URL (OAuth por redirect web). Pinta un `<a>`. | canon (aprobado por el dueño, 05-10-2026, bloque B10) |
+| `ariaLabel` | No hace falta: con texto se lee el texto; con `onlyIcon` el componente usa el label. | canon (aprobado por el dueño, 05-10-2026, bloque B5) |
 
 ## Tamaño en mobile y en web
 
@@ -94,7 +94,7 @@ con mouse, va un tamaño más chico. La app ya lo resuelve con `BreakpointsServi
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| login con Google o Apple | `large` (48), **ancho completo** (`width: 100%`) | `medium` (40), ancho del formulario | canon (dueño, 04-10-2026): piso táctil 44 en el teléfono (alto) · propuesta (ancho, es lo que ya hace `pages/auth/login/login.html` con `.auth-page__provider-btn`) |
+| login con Google o Apple | `large` (48), **ancho completo** (`width: 100%`) | `medium` (40), ancho del formulario | canon (dueño, 04-10-2026): piso táctil 44 en el teléfono (alto) · ancho: canon (aprobado por el dueño, 05-10-2026, bloque B1; es lo que ya hace `pages/auth/login/login.html` con `.auth-page__provider-btn`) |
 
 ```html
 <sui-social-button brand="google" variantStyle="stroke" style="width: 100%"

package/docs/sui-status-badge/README.md

@@ -35,7 +35,7 @@ etiqueta → badge.**
 > «resaltar estados o condiciones en poco espacio», trae cuatro estados (`completed`,
 > `pending`, `failed`, `disabled`), dos estilos (`stroke`, `light`), ícono o punto, y un ícono
 > por estado en sus ejemplos (los mismos que pone SUI). No trae do/don't. Lo marcado
-> «según la guía del DS» sale de ahí; el resto es **propuesta, falta aprobación**.
+> «según la guía del DS» sale de ahí; lo marcado **canon** está aprobado; lo que sigue en **propuesta** espera decisión.
 >
 > Uso medido el 03-10-2026 en `master-pedidos/src/app`: **0 status-badges** (eran 3), sin contar
 > prototipos ni vitrinas (`master-preview`, `master-prototipos`, `mockup-sheets-*`, `dx/*`,
@@ -51,7 +51,7 @@ etiqueta → badge.**
 | `pending` | orange (`warning`) | Espera que alguien haga algo. | «Pendiente», «En revisión» | según la guía del DS (estado y color) |
 | `failed` | red (`error`) | Terminó mal. | «Rechazada», «Fallido», «Anulado» | según la guía del DS (estado y color) |
 | `disabled` | gray (`faded`) | Apagado o fuera de uso. | «Desactivado», «Vencido» | según la guía del DS (estado y color; es el default de la guía) |
-| `information` | blue (`information`) | Extensión SUI: avanza solo y nadie tiene que actuar. | «En proceso» | propuesta, falta aprobación |
+| `information` | blue (`information`) | Extensión SUI: avanza solo y nadie tiene que actuar. | «En proceso» | canon (aprobado por el dueño, 05-10-2026, bloque B3) |
 
 Es el mismo mapa que el badge aprobado (green bien, orange pendiente, red error, blue info,
 gray neutro), porque los dos pintan con los mismos tokens `--sui-state-*`.
@@ -63,10 +63,10 @@ gray neutro), porque los dos pintan con los mismos tokens `--sui-state-*`.
 | `appearance` | `stroke` (default) | Tablas y listas: fondo blanco, texto gris, solo el ícono lleva color. Es el que menos ruido hace cuando hay muchos. | según la guía del DS (default) |
 | `appearance` | `light` | El estado es **el** dato de la card o de la fila (fondo teñido, texto de color). | propuesta, falta aprobación |
 | `withDot` | `false` (default) | Ícono del estado. Lo normal. | según la guía del DS |
-| `withDot` | `true` con `stroke` | Tabla densa con la misma columna de estado en muchas filas, donde veinte íconos hacen ruido. | propuesta, falta aprobación |
-| `withDot` | `true` con `light` | **No usar** (ver abajo). | propuesta, falta aprobación |
+| `withDot` | `true` con `stroke` | Tabla densa con la misma columna de estado en muchas filas, donde veinte íconos hacen ruido. | canon (aprobado por el dueño, 05-10-2026, bloque B2) |
+| `withDot` | `true` con `light` | **No usar** (ver abajo). | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 | `icon` | `''` (default) | Siempre el del estado: es la mitad de su significado. | según la guía del DS (ícono por estado en sus ejemplos) |
-| `icon` | nombre Remix | **No usar** (ver abajo). | propuesta, falta aprobación |
+| `icon` | nombre Remix | **No usar** (ver abajo). | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 
 ### `sui-status-badge` o `sui-badge`
 
@@ -98,10 +98,13 @@ dueño, 03-10-2026).
 
 ## 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.
 
 | size | alto | texto | ícono (caja) | punto |
 |---|---|---|---|---|
@@ -117,7 +120,7 @@ escala de badge (12/14/16) se mantiene. No es táctil: no tiene foco ni output.
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| Estado en una fila, card o tabla | `large` (28) | `medium` (24) | propuesta: el tamaño es extensión SUI aprobada (03-10-2026); el «cuándo» falta aprobarlo |
+| Estado en una fila, card o tabla | `large` (28) | `medium` (24) | canon (dueño, 05-10-2026, P1 b); el tamaño es extensión SUI aprobada (03-10-2026) |
 | Estado principal de una pantalla de detalle (el pedido que se mira) | `xlarge` (32) | `medium` (24) | propuesta: el tamaño es extensión SUI aprobada (03-10-2026); el «cuándo» falta aprobarlo |
 
 ```html

package/docs/sui-stepper/README.md

@@ -26,7 +26,7 @@ Vehículo → Listo»).
 - Secciones que se visitan en cualquier orden: `sui-tab-menu-horizontal`.
 - Un solo paso: no hay nada que indicar.
 
-Regla corta (propuesta, falta aprobación): **pasos con nombre y orden → stepper · porcentaje →
+Regla corta (canon, aprobado por el dueño, 05-10-2026, bloque B2): **pasos con nombre y orden → stepper · porcentaje →
 progress-bar · secciones sin orden → tab menu.**
 
 ## Qué variante usar
@@ -46,17 +46,17 @@ progress-bar · secciones sin orden → tab menu.**
 
 | variant | cuándo | ejemplo real de la app | fuente |
 |---|---|---|---|
-| `horizontal` (default) | Flujo de **2 a 4 pasos** con nombre, arriba del contenido del paso. Mobile y web. | `pages/driver-onboarding/step-info/step-info.html:3` («Datos → Vehículo → Listo») | según la guía del DS (procesos secuenciales); el límite de pasos es propuesta |
-| `vertical` | Flujo de **5+ pasos** en web, en una columna al costado del formulario. | (sin uso) | según la guía del DS (la pieza existe); el cuándo es propuesta |
+| `horizontal` (default) | Flujo de **2 a 4 pasos** con nombre, arriba del contenido del paso. Mobile y web. | `pages/driver-onboarding/step-info/step-info.html:3` («Datos → Vehículo → Listo») | según la guía del DS (procesos secuenciales); el límite de pasos, canon (aprobado por el dueño, 05-10-2026, bloque B2) |
+| `vertical` | Flujo de **5+ pasos** en web, en una columna al costado del formulario. | (sin uso) | según la guía del DS (la pieza existe); el cuándo, canon (aprobado por el dueño, 05-10-2026, bloque B2) |
 | `dot` | Pantallas que se pasan de a una sin nombre: carrusel de bienvenida, fotos. | `pages/customer/store-browser/store-browser.html:214` (páginas de rubros del home) | según la guía del DS (puntos de carrusel) |
 
 ### `size`
 
 | size | qué cambia | cuándo | fuente |
 |---|---|---|---|
-| `small` (default) | punto de 8 · indicador de 20 · texto 14 | Web. | según la guía del DS (`small` es su default) |
-| `xsmall` | solo el punto: 4 px. Horizontal y vertical quedan igual que `small`. | Puntos sobre una foto o un banner chico, donde 8 px tapan. | según la guía del DS (el tamaño existe); el cuándo es propuesta |
-| `medium` | punto de 10 · indicador de 24 · texto 16 · card vertical de 44 | Mobile. Publicado desde la 0.20.0 (la app usa la 0.22.0). | canon (dueño: tamaño por plataforma, 03-10-2026) |
+| `small` (default) | punto de 8 · indicador de 20 · texto 14 | No usar: es chico. En web va `medium`. | el tamaño y el default: según la guía del DS · no usarlo: canon (dueño, 05-10-2026, D16) |
+| `xsmall` | solo el punto: 4 px. Horizontal y vertical quedan igual que `small`. | Puntos sobre una foto o un banner chico, donde 8 px tapan. | según la guía del DS (el tamaño existe); el cuándo, canon (aprobado por el dueño, 05-10-2026, bloque B1) |
+| `medium` | punto de 10 · indicador de 24 · texto 16 · card vertical de 44 | Siempre: celular, tablet y computadora. Es el más grande que tiene, así que en el celular no sube un paso. Publicado desde la 0.20.0. | canon (dueño, 05-10-2026, D16); antes solo mobile (tamaño por plataforma, 03-10-2026) |
 
 ### Estado de cada paso (`currentStep`, `errorStep`)
 
@@ -65,30 +65,30 @@ progress-bar · secciones sin orden → tab menu.**
 | `completed` | índice menor que `currentStep` | pasos ya hechos (check verde) | según la guía del DS |
 | `active` | índice igual a `currentStep` | el paso en pantalla | según la guía del DS |
 | `default` | índice mayor que `currentStep` | lo que falta | según la guía del DS |
-| todos `completed` | `currentStep` = cantidad de pasos | la pantalla final («Listo») | propuesta, falta aprobación |
-| `error` | `errorStep` = índice | un flujo que se cortó en ese paso (pago rechazado, documento no aprobado). Extensión de SUI. | propuesta, falta aprobación |
+| todos `completed` | `currentStep` = cantidad de pasos | la pantalla final («Listo») | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
+| `error` | `errorStep` = índice | un flujo que se cortó en ese paso (pago rechazado, documento no aprobado). Extensión de SUI. | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
 
 ### `interactive`
 
 | valor | cuándo | fuente |
 |---|---|---|
-| `false` (default) | Los onboardings: se avanza con el botón «Continuar», no tocando el paso. | propuesta, falta aprobación |
+| `false` (default) | Los onboardings: se avanza con el botón «Continuar», no tocando el paso. | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
 | `true` | Los puntos de un carrusel (en el teléfono se tocan en 44 de alto, ver Tamaño), o pasos hechos que se pueden **volver a editar** en web (el horizontal mide 24 de alto). | propuesta, falta aprobación |
 
 ### `steps`, `count`, `ariaLabel`
 
 | input | cuándo | fuente |
 |---|---|---|
-| `steps` | Siempre en `horizontal` y `vertical`, con `label` en cada uno. | propuesta, falta aprobación |
+| `steps` | Siempre en `horizontal` y `vertical`, con `label` en cada uno. | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
 | `count` | Solo en `dot`, cuando los pasos no tienen nombre. Si pasas `steps`, `count` se ignora. | según el código |
-| `ariaLabel` | Default «Progreso». Cámbialo si hay más de un stepper en la pantalla («Pasos del registro»). | propuesta, falta aprobación |
+| `ariaLabel` | Default «Progreso». Cámbialo si hay más de un stepper en la pantalla («Pasos del registro»). | canon (aprobado por el dueño, 05-10-2026, bloque B5) |
 
 **Usos de hoy que rompen las reglas:**
 
 - **0 de variante o estado** en los onboardings: los 7 son horizontales de 2 o 3 pasos, y `step-complete` usa
   `currentStep = stepLabels.length` para marcar todo hecho (`pages/driver-onboarding/step-complete/step-complete.html:3`).
-- **7 sin tamaño por plataforma** (`medium` ya está publicado): los onboardings se hacen en el
-  teléfono y van con `[size]="bp.isMobile() ? 'medium' : 'small'"`. Ejemplos:
+- **7 en `small`** (`medium` ya está publicado): con D16 (05-10-2026) van `size="medium"` en el
+  celular, la tablet y la computadora (es su size más grande). Ejemplos:
   `pages/customer-onboarding/step-phone/step-phone.html:3`, `pages/business-onboarding/step-info/step-info.html:3`.
 - **A discutir, 1 `interactive` en mobile:** `pages/customer/store-browser/store-browser.html:214`
   usa los puntos `medium` como paginador tocable en el home del cliente. Desde el 04-10-2026 cada
@@ -98,12 +98,12 @@ progress-bar · secciones sin orden → tab menu.**
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| horizontal arriba de un paso | `medium` (indicador 24, texto 16) | `small` (indicador 20, texto 14) | canon (dueño: tamaño por plataforma, 03-10-2026) |
-| vertical al costado | no se usa (no entra al lado del formulario) | `small` | propuesta, falta aprobación |
-| puntos de carrusel | `medium` (10, se toca en 22 × 44) | `small` (8) | tamaño: propuesta, falta aprobación · área de 44: canon (dueño, 04-10-2026): piso táctil 44 en el teléfono |
+| horizontal arriba de un paso | `medium` (indicador 24, texto 16) | `medium` | canon (dueño, 05-10-2026, D16); reemplaza al web `small` del 03-10-2026 |
+| vertical al costado | no se usa (no entra al lado del formulario) | `medium` | canon (dueño, 05-10-2026, D16) |
+| puntos de carrusel | `medium` (10, se toca en 22 × 44) | `medium` (10) | tamaño: canon (dueño, 05-10-2026, D16) (`medium` es el más grande que tiene) · área de 44: canon (dueño, 04-10-2026): piso táctil 44 en el teléfono |
 
 ```html
-<sui-stepper [steps]="pasos" [currentStep]="paso - 1" [size]="bp.isMobile() ? 'medium' : 'small'" />
+<sui-stepper [steps]="pasos" [currentStep]="paso - 1" size="medium" />
 ```
 
 Sin `interactive` el tamaño solo afecta lo que se lee. Con `interactive`, en el teléfono
@@ -175,5 +175,5 @@ type SuiStepperSize = 'small' | 'xsmall' | 'medium';   // medium: extensión SUI
   variant="horizontal"
   [steps]="[{ label: 'Datos' }, { label: 'Vehículo' }, { label: 'Listo' }]"
   [currentStep]="1"
-  [size]="bp.isMobile() ? 'medium' : 'small'" />
+  size="medium" />
 ```

package/docs/sui-store-card/README.md

@@ -38,23 +38,23 @@ Regla corta: **local en un listado del cliente → store-card · local en un pan
 
 | estado | cuándo | fuente |
 |---|---|---|
-| `isOpen: true` | Abierto: chip verde «Abierto». | propuesta |
-| `isOpen: false` | Cerrado: chip «Cerrado» y la portada en gris; sigue abriendo la carta (se puede mirar). | propuesta |
-| `isSuspended: true` | No se puede pedir: «No disponible», toda la tarjeta al 60 % y sin link. | propuesta |
-| `isOwnerPreview` + `ownerPreviewStatus` | Vista previa: «Borrador», «En revisión» o «Rechazado»; sin corazón, sin nota ni distancia (solo ubicación y envío). | propuesta |
+| `isOpen: true` | Abierto: chip verde «Abierto». | según el código |
+| `isOpen: false` | Cerrado: chip «Cerrado» y la portada en gris; sigue abriendo la carta (se puede mirar). | según el código |
+| `isSuspended: true` | No se puede pedir: «No disponible», toda la tarjeta al 60 % y sin link. | según el código |
+| `isOwnerPreview` + `ownerPreviewStatus` | Vista previa: «Borrador», «En revisión» o «Rechazado»; sin corazón, sin nota ni distancia (solo ubicación y envío). | según el código |
 
 ### Las piezas
 
 | prop | cuándo | fuente |
 |---|---|---|
-| `store` (obligatorio) | Siempre, con `SuiStoreCardData`. | propuesta |
-| `deliveryText` string | **Siempre en pantallas nuevas**: el texto del envío calculado por la app (`StateService.computeDeliveryFee`). | propuesta (precedente: favoritos) |
-| `deliveryText = null` | No hay envío que mostrar: la columna desaparece y el distrito deja de cortarse. | propuesta |
-| `deliveryText` sin pasar | La tarjeta lo deduce de `deliveryType` (Gratis / Recojo / Courier / S/ X). Solo para no romper lo viejo. | propuesta |
-| `distanceText` | Lo mismo para la distancia: un rango mientras es estimada («menos de 500 m»), el número cuando la ruta se midió («475 m»). `null` la quita. | propuesta |
-| `isFavorite` + `(toggleFavorite)` | El corazón lleno o vacío; el padre guarda el favorito. | propuesta |
-| `(ratingClicked)` | La nota abre las opiniones y la info del local (`StoreRatingsModalService`). | propuesta |
-| `disableLink` | La tarjeta no navega (una vitrina, una lámina, una vista previa). | propuesta |
+| `store` (obligatorio) | Siempre, con `SuiStoreCardData`. | según el código |
+| `deliveryText` string | **Siempre en pantallas nuevas**: el texto del envío calculado por la app (`StateService.computeDeliveryFee`). | canon (aprobado por el dueño, 05-10-2026, bloque B9); precedente: favoritos |
+| `deliveryText = null` | No hay envío que mostrar: la columna desaparece y el distrito deja de cortarse. | según el código |
+| `deliveryText` sin pasar | La tarjeta lo deduce de `deliveryType` (Gratis / Recojo / Courier / S/ X). Solo para no romper lo viejo. | según el código |
+| `distanceText` | Lo mismo para la distancia: un rango mientras es estimada («menos de 500 m»), el número cuando la ruta se midió («475 m»). `null` la quita. | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `isFavorite` + `(toggleFavorite)` | El corazón lleno o vacío; el padre guarda el favorito. | según el código |
+| `(ratingClicked)` | La nota abre las opiniones y la info del local (`StoreRatingsModalService`). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `disableLink` | La tarjeta no navega (una vitrina, una lámina, una vista previa). | según el código |
 
 **Usos de hoy que rompen las reglas:** 0. A mirar: la cola de aprobación no pasa
 `deliveryText` (deduce el envío del `deliveryType`).
@@ -73,16 +73,16 @@ El ancho lo da el contenedor. El `size` cambia **el corazón de favorito**, en l
 | uso | mobile | web | fuente |
 |---|---|---|---|
 | tarjeta | ancho completo | celda de una grilla de 2–3 columnas (≥ 300 de ancho) | lo que hay en la app |
-| corazón de favorito | `large` (44) | `small` (36) | canon (dueño, 04-10-2026): piso táctil 44 en el teléfono |
+| corazón de favorito | `large` (44) | `medium` (40) | mobile: canon (dueño, 04-10-2026): piso táctil 44 en el teléfono · web: canon (dueño, 05-10-2026, D16), antes `small` (el default del componente: hay que pasarlo) |
 | nota (abre las opiniones) | `large`: se ve igual (≈ 38) y se toca en 44 de alto con un `::before` invisible que no se estira a los lados (no pisa la columna de al lado) | ≈ 38: padding 4 × 2 + etiqueta de 10 px + gap 2 + valor de 13 px, con el `line-height` heredado | canon (dueño, 04-10-2026): piso táctil 44 en el teléfono (área) · medido del `.scss` (alto visible) |
 
 ```html
-<sui-store-card [store]="local" [size]="bp.isMobile() ? 'large' : 'small'" />
+<sui-store-card [store]="local" [size]="bp.isMobile() ? 'large' : 'medium'" />
 ```
 
-`medium` (40) queda para quien ya lo usa: no llega al piso de 44. **Favoritos no pasa `size`**
+`medium` (40) es el de la computadora (D16); la tablet va como el teléfono, porque se toca. **Favoritos no pasa `size`**
 (`pages/customer/favorites/favorites.html`): en el teléfono el corazón queda en 36 hasta que la
-app le pase `[size]="bp.isMobile() ? 'large' : 'small'"` (cambio de la app, no del DS).
+app le pase `[size]="bp.isMobile() ? 'large' : 'medium'"` (cambio de la app, no del DS).
 
 ## «No usar»: por qué no hoy y cuándo sí
 

package/docs/sui-switch/README.md

@@ -22,7 +22,7 @@ propio título (día de la semana, tarjeta de la oferta).
   descripción y el toque en toda la fila.
 - Un valor de formulario que se confirma con «Guardar»: `sui-checkbox`. (Excepción aceptada hoy:
   los formularios de producto y de planes usan switch para «disponible»/«activo» aunque se guarden
-  después; es el patrón que la persona reconoce. Propuesta, falta aprobación.)
+  después; es el patrón que la persona reconoce. Canon: aprobado por el dueño, 05-10-2026, bloque B2.)
 - Algo destructivo o que no se deshace: el switch promete que se puede volver atrás al toque.
 - Elegir entre dos modos con nombre: `sui-segmented-control` si se aplica al instante (cuadrícula /
   lista); `sui-radio-card` si se guarda después («Por distancia» / «Precio único» en ajustes).
@@ -59,7 +59,7 @@ Regla corta: **se aplica ya → switch · se confirma después → checkbox · d
 
 | caso | regla | fuente |
 |---|---|---|
-| Texto al lado del switch | Dice **qué hace prenderlo** y no cambia con el estado: «Recibir pedidos», no «Sucursal en pausa». El estado ya lo dice el switch (y un badge si hace falta). | propuesta, falta aprobación (precedente escrito en `pages/schedule/schedule.html:31`) |
+| Texto al lado del switch | Dice **qué hace prenderlo** y no cambia con el estado: «Recibir pedidos», no «Sucursal en pausa». El estado ya lo dice el switch (y un badge si hace falta). | canon (aprobado por el dueño, 05-10-2026, bloque B4; precedente escrito en `pages/schedule/schedule.html:31`) |
 
 **Usos de hoy que rompen las reglas:**
 

package/docs/sui-switch-card/README.md

@@ -40,22 +40,22 @@ Regla corta: **ajuste con peso, al toque → switch-card · lista de ajustes →
 
 | type | cuándo | fuente |
 |---|---|---|
-| `left-icon` + ícono proyectado | Lo normal: `<sui-icon sui-switch-card-leading name="…" [size]="20" />`. | propuesta (14 de 16) |
-| `left-icon` + `emoji` | Ver «No usar». | propuesta |
-| `basic` | El ajuste es EL tema de la pantalla y no necesita ícono («Disponible» en el inicio del repartidor, «Disponibilidad automática»). | propuesta |
-| `avatar` (`imageUrl`) | Ver «No usar». | propuesta |
-| `card-provider`, `brand`, `company` (`imageUrl` o proyectado) | Ver «No usar». | propuesta |
+| `left-icon` + ícono proyectado | Lo normal: `<sui-icon sui-switch-card-leading name="…" [size]="20" />`. | canon (aprobado por el dueño, 05-10-2026, bloque B2) (14 de 16) |
+| `left-icon` + `emoji` | Ver «No usar». | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
+| `basic` | El ajuste es EL tema de la pantalla y no necesita ícono («Disponible» en el inicio del repartidor, «Disponibilidad automática»). | canon (aprobado por el dueño, 05-10-2026, bloque B2) |
+| `avatar` (`imageUrl`) | Ver «No usar». | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
+| `card-provider`, `brand`, `company` (`imageUrl` o proyectado) | Ver «No usar». | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
 
 ### Las piezas
 
 | prop | cuándo | fuente |
 |---|---|---|
-| `label` | Siempre. Qué hace prenderlo, sin cambiar con el estado: «Notificaciones», no «Activadas / Desactivadas». | propuesta (misma regla que el switch-label) |
-| `description` | La consecuencia o el estado real del permiso: «Push activado — recibes alertas cuando se te asigna un pedido.» | propuesta |
-| `sublabel` | Precisión corta: «(beta)». | propuesta |
+| `label` | Siempre. Qué hace prenderlo, sin cambiar con el estado: «Notificaciones», no «Activadas / Desactivadas». | canon (aprobado por el dueño, 05-10-2026, bloque B4) (misma regla que el switch-label) |
+| `description` | La consecuencia o el estado real del permiso: «Push activado — recibes alertas cuando se te asigna un pedido.» | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
+| `sublabel` | Precisión corta: «(beta)». | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
 | `badge` | Solo novedad. Con string sale azul `light`. | propuesta |
-| `disabled` | Mientras se guarda el cambio, o cuando no aplica (no puedes estar disponible sin saldo). | propuesta |
-| `checked` + `(checkedChange)` | Siempre los dos: es controlada. | propuesta |
+| `disabled` | Mientras se guarda el cambio, o cuando no aplica (no puedes estar disponible sin saldo). | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
+| `checked` + `(checkedChange)` | Siempre los dos: es controlada. | según el código |
 
 ### `size` (el interruptor de adentro)
 

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

@@ -42,7 +42,7 @@ Regla corta: **ajuste con texto → este · ajuste con peso → switch-card · s
 
 | prop | cuándo | fuente |
 |---|---|---|
-| `label` | Siempre. Qué hace prenderlo, sin cambiar con el estado: «Recibir pedidos», no «Abierto/Cerrado». | según la guía del DS (pieza); la regla de qué dice es propuesta (precedente en `pages/schedule/schedule.html:31`) |
+| `label` | Siempre. Qué hace prenderlo, sin cambiar con el estado: «Recibir pedidos», no «Abierto/Cerrado». | según la guía del DS (pieza); la regla de qué dice: canon (aprobado por el dueño, 05-10-2026, bloque B4) (precedente en `pages/schedule/schedule.html:31`) |
 | `description` | Cuando conviene decir la consecuencia: «Los clientes pueden agregarlo al carrito. Apágalo si se te acabó.» Es lo que ya hacen los 5 usos. | según la guía del DS (pieza); el «cuándo» ya es práctica de la app |
 | `sublabel` | Precisión corta entre paréntesis: «(beta)». | según la guía del DS |
 | `badge` | Solo novedad. Con string sale naranja `light`: pasa el objeto. | según la guía del DS (pieza «NEW»); el color es propuesta |

package/docs/sui-tab-chips/README.md

@@ -39,7 +39,7 @@ secciones → tab menu.**
 ## Qué variante usar
 
 > **La guía del DS no tiene este componente**: es una extensión de SUI (la «cat nav» de las apps de
-> delivery). Todo lo que sigue es propuesta salvo lo marcado como canon.
+> delivery). Las reglas marcadas canon están aprobadas; lo que sigue en propuesta espera decisión.
 >
 > Uso medido el 04-10-2026 en `master-pedidos/src/app` (sin `master-preview`, `master-prototipos`,
 > `mockup-sheets-*`, `dx/*`, `master-rutina`, `master-medico`, `dev-index`):
@@ -53,30 +53,30 @@ secciones → tab menu.**
 |---|---|---|---|
 | filtro de estado | La lista es la misma; los chips la recortan. «Todos» va primero y es el elegido por defecto. | `pages/envios/envios.html:98` («Todos · Activos · Entregados · Cancelados») · `pages/orders/orders.html:64` | propuesta, falta aprobación |
 | filtro de período | Rango de fechas de un reporte o gráfico **con 5 o más opciones** (los meses). Con 2 a 4 («Hoy · 7 días · 30 días») va `sui-segmented-control`. | `pages/central/central-gastos/central-gastos.html:10` (meses) | canon (dueño, 04-10-2026) |
-| categorías del catálogo | Saltar a una categoría de la carta; con `sticky` y `autoScroll`. | `pages/customer/restaurant-menu/restaurant-menu.html:226` | propuesta, falta aprobación |
-| sugerencias rápidas | **No.** Un motivo frecuente que completa un texto no es una selección: el chip elige el primero solo. Si se usa, el primer chip es el neutro («Otro motivo») y el texto lleva su propio signal. | `pages/super-admin/master-orders/master-orders.html:900` (bien resuelto) | propuesta, falta aprobación |
+| categorías del catálogo | Saltar a una categoría de la carta; con `sticky` y `autoScroll`. | `pages/customer/restaurant-menu/restaurant-menu.html:226` | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| sugerencias rápidas | **No.** Un motivo frecuente que completa un texto no es una selección: el chip elige el primero solo. Si se usa, el primer chip es el neutro («Otro motivo») y el texto lleva su propio signal. | `pages/super-admin/master-orders/master-orders.html:900` (bien resuelto) | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 
 ### `sticky`
 
 | valor | cuándo | fuente |
 |---|---|---|
-| `false` (default) | Filtros arriba de una lista corta o dentro de un modal o sheet. | propuesta, falta aprobación |
-| `true` | Solo la navegación de categorías de una lista larga que scrollea (la carta). Se pega arriba del contenedor de scroll y, pegado, pinta fondo `bg-weak-50`. | propuesta, falta aprobación |
+| `false` (default) | Filtros arriba de una lista corta o dentro de un modal o sheet. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `true` | Solo la navegación de categorías de una lista larga que scrollea (la carta). Se pega arriba del contenedor de scroll y, pegado, pinta fondo `bg-weak-50`. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 
 ### `autoScroll`
 
 | valor | cuándo | fuente |
 |---|---|---|
-| `true` (default) | Siempre: centra el chip elegido cuando cambia `value` (también si lo cambia el scroll de la carta). | propuesta, falta aprobación |
-| `false` | Solo si el `value` cambia muy seguido por código y el movimiento distrae. Hoy ningún caso. | propuesta, falta aprobación |
+| `true` (default) | Siempre: centra el chip elegido cuando cambia `value` (también si lo cambia el scroll de la carta). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `false` | Solo si el `value` cambia muy seguido por código y el movimiento distrae. Hoy ningún caso. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
 
 ### Ítems (`chips`)
 
 | qué | cuándo | fuente |
 |---|---|---|
-| `string[]` | Cuando el texto es el valor (meses, provincias). | propuesta, falta aprobación |
-| `{ value, label }` | Cuando el valor es un id o una clave en inglés (`'active'` → «Activos»). | propuesta, falta aprobación |
-| `count` | El número de ítems detrás del filtro, cuando ayuda a decidir («Recargas 3»). `0` o `undefined` no se dibuja. **El número va en `count`, no dentro del `label`.** | propuesta, falta aprobación |
+| `string[]` | Cuando el texto es el valor (meses, provincias). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `{ value, label }` | Cuando el valor es un id o una clave en inglés (`'active'` → «Activos»). | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `count` | El número de ítems detrás del filtro, cuando ayuda a decidir («Recargas 3»). `0` o `undefined` no se dibuja. **El número va en `count`, no dentro del `label`.** | canon (aprobado por el dueño, 05-10-2026, bloque B4) |
 | texto | Una o dos palabras, sentence case, sin punto. Plural si filtra («Activos»). | canon (copy de `docs/CANON-SUI.md`) |
 
 **Usos de hoy que rompen las reglas:**
@@ -103,8 +103,9 @@ secciones → tab menu.**
   las franjas de abajo y se parece más a un filtro.
 - **1 con el número dentro del texto:** `pages/notifications/notifications.ts:194`
   (`No leídas (3)` → `count: 3`).
-- **22 sin tamaño por plataforma.** Los 20 que ya lo tienen (`bp.isMobile() ? 'large' : 'medium'`)
-  entraron el 03-10-2026; los 22 que faltan son casi todos del super admin y de la central.
+- **22 sin tamaño por dispositivo.** Los 20 que ya lo tienen (`bp.isMobile() ? 'large' : 'medium'`)
+  entraron el 03-10-2026; los 22 que faltan son casi todos del super admin y de la central. Con D16
+  (05-10-2026) el par es `bp.isMobile() ? 'xlarge' : 'medium'`, y ningún chip queda en `small`.
 
 ## Tamaño en mobile y en web
 
@@ -120,12 +121,13 @@ En large y xlarge el texto sube a 16 px (regla del 03-10-2026): el chip va en 16
 contador mide 11 px en `small` y `medium`, y 12 px (pastilla de 20) en `large` y `xlarge`.
 
 **Área táctil: 44 px en `xlarge`**, el piso del teléfono (canon del dueño, 04-10-2026: piso táctil
-44 en el teléfono). `large` (40) queda para pantallas que ya lo usan y para tablet.
+44 en el teléfono). `large` (40) queda para pantallas que ya lo usan; la tablet va como el celular, porque se
+toca (canon, dueño, 05-10-2026, D16).
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| filtros y categorías | `xlarge` (44) | `medium` | canon (dueño, 04-10-2026): piso táctil 44 en el teléfono; tamaño por plataforma, 03-10-2026 |
-| filtros densos en la cabecera de una tabla | — | `small` | propuesta, falta aprobación |
+| filtros y categorías | `xlarge` (44) | `medium` | mobile: canon (dueño, 04-10-2026): piso táctil 44 en el teléfono · computadora `medium` (la tablet va como el celular): canon (dueño, 05-10-2026, D16) |
+| filtros en la cabecera de una tabla | — | `medium` | canon (dueño, 05-10-2026, D16): nada en `small` |
 
 ```html
 <sui-tab-chips [chips]="filtros" [(value)]="filtro" [size]="bp.isMobile() ? 'xlarge' : 'medium'" />

package/docs/sui-tab-menu-horizontal/README.md

@@ -42,10 +42,10 @@ segmented · secciones → tab menu · filtros → tab-chips.**
 | qué | cuándo | fuente |
 |---|---|---|
 | texto | Lo normal: el nombre de la sección, una o dos palabras. | según la guía del DS (ejemplos con texto) |
-| `icon` | Solo si **todas** las pestañas llevan ícono y ayuda a reconocerlas. Nunca en una sola. | propuesta, falta aprobación |
-| `number` | Pendientes **que piden acción** dentro de esa sección («Solicitudes 3»). Es un círculo rojo: no lo uses para totales neutros. | propuesta, falta aprobación |
-| `rightIcon` | No: la flecha dice «te lleva a otra pantalla» y una pestaña no navega. | propuesta, falta aprobación |
-| `disabled` | Una sección que existe pero no aplica todavía (depende del plan). | propuesta, falta aprobación |
+| `icon` | Solo si **todas** las pestañas llevan ícono y ayuda a reconocerlas. Nunca en una sola. | canon (aprobado por el dueño, 05-10-2026, bloque B9) |
+| `number` | Pendientes **que piden acción** dentro de esa sección («Solicitudes 3»). Es un círculo rojo: no lo uses para totales neutros. | canon (aprobado por el dueño, 05-10-2026, bloque B3) |
+| `rightIcon` | No: la flecha dice «te lleva a otra pantalla» y una pestaña no navega. | canon (aprobado por el dueño, 05-10-2026, bloque B6) |
+| `disabled` | Una sección que existe pero no aplica todavía (depende del plan). | canon (aprobado por el dueño, 05-10-2026, bloque B8) |
 
 ### `size`
 
@@ -61,7 +61,7 @@ desde el 03-10-2026 (`sui-tab-menu-horizontal.scss`, bloque «Tamaños»). Cuán
 - **A discutir, 1 sin tamaño por plataforma:** el único uso
   (`components/store-ratings-modal/store-ratings-modal.html:43`) es del modal del local, que el
   cliente abre en el teléfono, y no pasa `size`: mide 48 px tocables (`medium`). Llega a 44, pero la
-  propuesta de abajo pide `large` en mobile.
+  regla de abajo (canon, 05-10-2026) pide `large` en mobile.
 
 ## Tamaño en mobile y en web
 
@@ -80,7 +80,7 @@ es solo el texto: el `gap` entre pestañas no responde.
 
 | uso | mobile | web | fuente |
 |---|---|---|---|
-| 2-3 secciones | `large` (52, texto 16) | `medium` (48) | propuesta: el tamaño es extensión SUI aprobada (03-10-2026); el «cuándo» falta aprobarlo |
+| 2-3 secciones | `large` (52, texto 16) | `medium` (48) | canon (aprobado por el dueño, 05-10-2026, bloque B1); el tamaño es extensión SUI aprobada (03-10-2026) |
 | 4+ secciones | si no entran a 390 px, se salen sin poder deslizarse (las 4 del panel de repartidores, con sus números, ya no entran a 360): va `sui-tab-chips` | el mismo | según el código |
 
 ```html