El `Accordion.Item` (un `<div>` contenedor del header + contenido) llevaba `archetype: 'item'`, y `archetypes.css` estiliza `[data-archetype='item']` como FILA de lista/menú: le mete `padding-block: 6px` y su PROPIO fondo de `:hover`. En un acordeón eso peleaba con el hover del Trigger: el fondo del item (fila entera) y el del trigger (más corto, por el padding de 6px) se apilaban en un hover desigual y bandeado que no cubría toda la fila. Un item de acordeón es un CONTENEDOR de disclosure, no una fila clicable — la parte interactiva es el Trigger (que ya tiene `archetype: 'trigger'` y su hover). Quitado el archetype del Item (regla: «omit archetype for display parts»). Ahora el item no arrastra padding ni hover de fila: el Trigger llena el item y su hover cubre toda la fila, sin banda doble. El disclosure no cambia: los eventos open/close siguen apuntando al Item por su kebab, no por el archetype; el `data-state` sigue emitiéndose. Verificado: en el FAQ el item pasa de 57px (con 6px de padding) a 45px (trigger + 1px de separador), sin `data-archetype`; la demo canon del Accordion intacta (abre/cierra, eventos en la traza). `svelte-check` sin errores · `vitest src/uix/morfo/components` 53/53. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>alpha-0.1-sec-dom
parent
54b8b838e7
commit
03d8b31711
Loading…
Reference in new issue