svelte-kit-vice

History

dev c56d6544e6 uix(card-group): temable — 0 % → 90 %, y dos privados abreviados que mueren 20 claves en una entrada NUEVA de `recipes/base.ts`. Censo 0 % → 90 %, cero globales y cero privados. Global 47 %, sin contrato 45 → 44. Es un CASCO de composición y su propia cabecera ya lo decía: compone ToggleGroup, Collapsible, Card y Button, y la receta posee «ONLY the genuinely CardGroup-level visual». Eso acota el contrato antes de nombrar nada — el cromo de las tarjetas es de Card, el del título de disclosure es de Button. 1. `--_cg-pad` y `--_cg-card-radius` eran privados ABREVIADOS (§6 r5 los prohíbe: `cg` por `card-group`), el mismo defecto que los `--_mp-` de media-player. Pasar a públicos con el nombre completo es a la vez el renombrado que la regla pedía y la tokenización. La §3 de la ficha decía «la receta no declara privados propios»: los declaraba en su bloque raíz (`card-group.css:15-16`), y el escáner no los veía por buscarlos con el prefijo completo del componente. 2. `--shape-outer-radius` NO se acuña: se CALCULA.* La receta lo compone como `card-radius + padding` para que las tarjetas aniden concéntricamente (§30). Un tema mueve las dos coordenadas y el radio exterior se recompone solo; el censo ya lo clasifica como sistema. 3. El eje `size` es sm\|md\|lg, no las cinco tallas (`Extract<Size, 'sm' \| 'md' \| 'lg'>`): seis coordenadas por talla, no diez. Escribir xs/xl habría sido vocabulario muerto. 4. Los tres `padding` son shorthand con una parte fija y otra variable; lo que varía y no es el inset del grupo es el hueco inferior → `title-padding-block-end` y `description-padding-block-end`. 5. El chevron es geometría propia (dos bordes girados 45°): `chevron-size` cubre las dos dimensiones y `chevron-width` el trazo. Su `currentColor` hereda del título a propósito y no es knob. 6. Los `font-size` van al BUNDLE (`--size-{k}-font-size`, alias 1:1) y no al primitivo crudo — misma trampa que cayó en code-block: la propuesta copia el CSS verbatim y hereda el incumplimiento cuando el valor de partida ya violaba `recipe-css-contract`. Aquí se aplicó de entrada. Artefactos y gates: - Sonda antes/después = 0 diffs en 2.581 valores × 7 estados. Determinismo verificado: dos corridas, 0 diffs. - R-5.4: 15/20. Los cinco mudos son los del encabezado ESTÁTICO, que la demo no monta (0 nodos `[data-static]` contra 1 `[data-button]`, CONTADOS); forzado `data-static` alcanzan los cinco, y cada uno lleva su medición en el ledger. El hueco de demo queda registrado en next-features §13, misma clase que el `kind='month'\|'year'` de date-range-picker. - censo --only 90 % · component:audit PASS · eidos-lint invalid 0, class-hooks 0 · suite eidos sin rojos nuevos (el conocido skin-media-player) · rtl:check 0 · docs:check 0 · check por fichero limpio. - README con su «Talla y tema» y tab `Tokens` en la demo (20 claves, en vivo). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2 months ago
..
+page.svelte	uix(card-group): temable — 0 % → 90 %, y dos privados abreviados que mueren	2 months ago

dev c56d6544e6 uix(card-group): temable — 0 % → 90 %, y dos privados abreviados que mueren

20 claves en una entrada NUEVA de `recipes/base.ts`. Censo 0 % → 90 %, cero
globales y cero privados. Global 47 %, sin contrato 45 → 44.

Es un CASCO de composición y su propia cabecera ya lo decía: compone
ToggleGroup, Collapsible, Card y Button, y la receta posee «ONLY the genuinely
CardGroup-level visual». Eso acota el contrato antes de nombrar nada — el cromo
de las tarjetas es de Card, el del título de disclosure es de Button.

1. **`--_cg-pad` y `--_cg-card-radius` eran privados ABREVIADOS** (§6 r5 los
   prohíbe: `cg` por `card-group`), el mismo defecto que los `--_mp-*` de
   media-player. Pasar a públicos con el nombre completo es a la vez el
   renombrado que la regla pedía y la tokenización. La §3 de la ficha decía
   «la receta no declara privados propios»: los declaraba en su bloque raíz
   (`card-group.css:15-16`), y el escáner no los veía por buscarlos con el
   prefijo completo del componente.
2. **`--shape-outer-radius` NO se acuña: se CALCULA.** La receta lo compone
   como `card-radius + padding` para que las tarjetas aniden concéntricamente
   (§30). Un tema mueve las dos coordenadas y el radio exterior se recompone
   solo; el censo ya lo clasifica como sistema.
3. **El eje `size` es sm|md|lg, no las cinco tallas**
   (`Extract<Size, 'sm' | 'md' | 'lg'>`): seis coordenadas por talla, no diez.
   Escribir xs/xl habría sido vocabulario muerto.
4. Los tres `padding` son shorthand con una parte fija y otra variable; lo que
   varía y no es el inset del grupo es el hueco inferior →
   `title-padding-block-end` y `description-padding-block-end`.
5. El chevron es geometría propia (dos bordes girados 45°): `chevron-size`
   cubre las dos dimensiones y `chevron-width` el trazo. Su `currentColor`
   hereda del título a propósito y no es knob.
6. Los `font-size` van al BUNDLE (`--size-{k}-font-size`, alias 1:1) y no al
   primitivo crudo — misma trampa que cayó en code-block: la propuesta copia el
   CSS verbatim y hereda el incumplimiento cuando el valor de partida ya
   violaba `recipe-css-contract`. Aquí se aplicó de entrada.

Artefactos y gates:
- Sonda antes/después = 0 diffs en 2.581 valores × 7 estados. Determinismo
  verificado: dos corridas, 0 diffs.
- R-5.4: 15/20. Los cinco mudos son los del encabezado ESTÁTICO, que la demo no
  monta (0 nodos `[data-static]` contra 1 `[data-button]`, CONTADOS); forzado
  `data-static` alcanzan los cinco, y cada uno lleva su medición en el ledger.
  El hueco de demo queda registrado en next-features §13, misma clase que el
  `kind='month'|'year'` de date-range-picker.
- censo --only 90 % · component:audit PASS · eidos-lint invalid 0, class-hooks
  0 · suite eidos sin rojos nuevos (el conocido skin-media-player) · rtl:check
  0 · docs:check 0 · check por fichero limpio.
- README con su «Talla y tema» y tab `Tokens` en la demo (20 claves, en vivo).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

+page.svelte

uix(card-group): temable — 0 % → 90 %, y dos privados abreviados que mueren