Release v2.2.4 · gsbenevides2/integra

Release Notes — v2.2.4

Componente SegmentedControl: novo componente reutilizável para controles segmentados (tabs) com indicador deslizante animado, acessibilidade (role="tablist", aria-selected) e suporte a personalização via props (className, pillClassName, buttonClassName).
Animações de entrada escalonada (stagger-in): cards e listas nos dashboards (Crons, Google Accounts, Métricas do Servidor, Status da Plataforma, TP-Link, Status de Tremos, Tuya) agora surgem com fade-up progressivo ao carregar.
Animação de entrada para Toasts: notificações agora aparecem com animação suave de deslize e escala.
Placeholder de carregamento para câmeras: o CameraCard exibe um ícone animado de pulso enquanto o vídeo carrega, com transição de fade ao finalizar.
Feedback visual em botões: todos os botões agora têm efeito de hover (brilho) e clique (escala) com transições suaves de 150ms.

Cliques em cartões de dispositivo e preset: clicar em áreas do cartão (fora de botões e controles) agora abre o drawer corretamente; controles internos (switches, sliders, botões) não disparam mais a abertura por engano.

Transições do Drawer: overlay e painel lateral agora usam duração e easing explícitos (duration-300, ease-out) para uma animação mais polida.
Transições do Switch: durations e easing explícitos para uma resposta mais fluida ao alternar.
Respeito a "reduzir movimento": o CSS agora colapsa todas as animações e transições quando o sistema operacional indica preferência por menos movimento (prefers-reduced-motion).
Cards de dispositivos Tuya e presets: agora têm feedback de hover (hover:bg-gray-700/60) e cursor pointer indicando que são clicáveis.

Substituição dos componentes TabButton duplicados em LampControls e PresetForm pelo novo SegmentedControl (DRY).
Adição de keyframes toast-in e fade-up e utilitário stagger-in no CSS global (Tailwind v4).
Atualização dos testes de DeviceCard e PresetCard para cobrir o novo comportamento de clique nos cartões.
Atualização da versão para 2.2.4.