Histórico da §54 — seed-componentes.md

Base (3 rodadas encadeadas, 2026-08-16). R1 canon — o que o padrão É. A definição é estável e antiga: um botão com dois componentes, rótulo e seta, em que clicar no rótulo dispara a ação padrão e clicar na seta abre a lista das demais; é um híbrido entre botão e menu, que agrupa comandos relacionados e ainda oferece acesso de um clique à escolha padrão. A NN/g é explícita sobre o requisito visual: a seta que sinaliza o menu precisa estar claramente separada do rótulo — sem essa separação o padrão não é reconhecido. Vários sistemas convergem em três regras de uso: as ações do menu têm de pertencer ao mesmo fluxo da ação padrão; a variante destrutiva não existe para o botão dividido, e uma ação destrutiva, se houver, aparece uma só vez e sempre por último no menu; e quando não há ação dominante, o certo é um botão de menu simples, não um dividido — sem ação dominante não há padrão que valha proteger. R2 mercado/stack — o que o padrão FAZ no teclado. O comportamento é o do menu button do WAI-ARIA, e é o mesmo em React Aria, Radix e nos sistemas de referência: o gatilho leva aria-haspopup, aria-expanded e aria-controls; Seta ↓, Espaço ou Enter abrem o menu e movem o foco para o PRIMEIRO item; Seta ↑ abre e vai para o ÚLTIMO; dentro do menu as setas circulam, Home e End vão às pontas, letras navegam por inicial; Esc fecha e devolve o foco ao gatilho. Com o menu aberto, o gatilho não recebe foco enquanto o usuário percorre os itens. R3 normas e fora do circuito — onde o padrão FALHA. A crítica prática é dura e entrou como contrato: o botão dividido não é recomendado para toque, pelo problema do dedo grosso, e mesmo no desktop as duas zonas precisam atender ao tamanho mínimo de alvo. E há uma exigência de aprendizado: o padrão só funciona em aplicação de uso repetido; em fluxo de uma vez só, o usuário não percebe o menu secundário.

---