@lugom.io/hefesto 0.3.0 → 1.0.0

package/templates/TPL-DESIGN.md

@@ -0,0 +1,305 @@
+# {{DESIGN_NAME}}
+
+{{DESIGN_DESCRIPTION}}
+
+## Overview
+
+{{DESIGN_OVERVIEW}}
+
+## Colors
+
+### Brand Palette
+
+| Token     | Hex       | Role     |
+| --------- | --------- | -------- |
+| Primary   | `{{HEX}}` | {{ROLE}} |
+| Secondary | `{{HEX}}` | {{ROLE}} |
+| Tertiary  | `{{HEX}}` | {{ROLE}} |
+
+### Surface Palette
+
+| Token          | Hex       | Role     |
+| -------------- | --------- | -------- |
+| Background     | `{{HEX}}` | {{ROLE}} |
+| Surface        | `{{HEX}}` | {{ROLE}} |
+| Surface Raised | `{{HEX}}` | {{ROLE}} |
+
+### Content Palette
+
+| Token          | Hex       | Role     |
+| -------------- | --------- | -------- |
+| Text Primary   | `{{HEX}}` | {{ROLE}} |
+| Text Secondary | `{{HEX}}` | {{ROLE}} |
+| Text Tertiary  | `{{HEX}}` | {{ROLE}} |
+
+### Border Palette
+
+| Token         | Hex       |
+| ------------- | --------- |
+| Border Subtle | `{{HEX}}` |
+| Border Medium | `{{HEX}}` |
+| Border Strong | `{{HEX}}` |
+
+### Semantic Colors
+
+| Token   | Hex       |
+| ------- | --------- |
+| Success | `{{HEX}}` |
+| Warning | `{{HEX}}` |
+| Error   | `{{HEX}}` |
+| Info    | `{{HEX}}` |
+
+## Typography
+
+### Font Stack
+
+| Role             | Font             |
+| ---------------- | ---------------- |
+| Display/Headings | {{FONT_DISPLAY}} |
+| UI/Body          | {{FONT_BODY}}    |
+| Mono/Code        | {{FONT_MONO}}    |
+
+### Type Scale
+
+| Level      | Font     | Size     | Weight     | Line Height     | Letter Spacing     | Usage     |
+| ---------- | -------- | -------- | ---------- | --------------- | ------------------ | --------- |
+| Display    | {{FONT}} | {{SIZE}} | {{WEIGHT}} | {{LINE_HEIGHT}} | {{LETTER_SPACING}} | {{USAGE}} |
+| Headline   | {{FONT}} | {{SIZE}} | {{WEIGHT}} | {{LINE_HEIGHT}} | {{LETTER_SPACING}} | {{USAGE}} |
+| Subhead    | {{FONT}} | {{SIZE}} | {{WEIGHT}} | {{LINE_HEIGHT}} | {{LETTER_SPACING}} | {{USAGE}} |
+| Body Large | {{FONT}} | {{SIZE}} | {{WEIGHT}} | {{LINE_HEIGHT}} | {{LETTER_SPACING}} | {{USAGE}} |
+| Body       | {{FONT}} | {{SIZE}} | {{WEIGHT}} | {{LINE_HEIGHT}} | {{LETTER_SPACING}} | {{USAGE}} |
+| Body Small | {{FONT}} | {{SIZE}} | {{WEIGHT}} | {{LINE_HEIGHT}} | {{LETTER_SPACING}} | {{USAGE}} |
+| Caption    | {{FONT}} | {{SIZE}} | {{WEIGHT}} | {{LINE_HEIGHT}} | {{LETTER_SPACING}} | {{USAGE}} |
+| Overline   | {{FONT}} | {{SIZE}} | {{WEIGHT}} | {{LINE_HEIGHT}} | {{LETTER_SPACING}} | {{USAGE}} |
+| Code       | {{FONT}} | {{SIZE}} | {{WEIGHT}} | {{LINE_HEIGHT}} | {{LETTER_SPACING}} | {{USAGE}} |
+
+## Spacing
+
+| Property                   | Value           |
+| -------------------------- | --------------- |
+| Base unit                  | {{BASE_UNIT}}px |
+| Scale                      | {{SCALE}}       |
+| Component padding — small  | {{PAD_SM}}px    |
+| Component padding — medium | {{PAD_MD}}px    |
+| Component padding — large  | {{PAD_LG}}px    |
+| Section spacing — mobile   | {{SPACE_MOB}}px |
+| Section spacing — tablet   | {{SPACE_TAB}}px |
+| Section spacing — desktop  | {{SPACE_DSK}}px |
+
+## Border Radius
+
+{{BORDER_RADIUS_PHILOSOPHY}}
+
+| Token  | Value             | Usage     |
+| ------ | ----------------- | --------- |
+| None   | {{RADIUS_NONE}}px | {{USAGE}} |
+| Small  | {{RADIUS_SM}}px   | {{USAGE}} |
+| Medium | {{RADIUS_MD}}px   | {{USAGE}} |
+| Large  | {{RADIUS_LG}}px   | {{USAGE}} |
+| XL     | {{RADIUS_XL}}px   | {{USAGE}} |
+| Full   | 9999px            | {{USAGE}} |
+
+## Shadows
+
+{{SHADOW_PHILOSOPHY}}
+
+| Level   | CSS Value        | Usage     |
+| ------- | ---------------- | --------- |
+| Subtle  | {{SHADOW_VALUE}} | {{USAGE}} |
+| Medium  | {{SHADOW_VALUE}} | {{USAGE}} |
+| Large   | {{SHADOW_VALUE}} | {{USAGE}} |
+| Overlay | {{SHADOW_VALUE}} | {{USAGE}} |
+
+{{SPECIAL_TREATMENTS}}
+
+## Motion
+
+{{MOTION_PHILOSOPHY}}
+
+| Property        | Value                 | Usage     |
+| --------------- | --------------------- | --------- |
+| Duration Fast   | {{DURATION_FAST}}ms   | {{USAGE}} |
+| Duration Normal | {{DURATION_NORMAL}}ms | {{USAGE}} |
+| Duration Slow   | {{DURATION_SLOW}}ms   | {{USAGE}} |
+| Easing Default  | {{EASING_DEFAULT}}    | {{USAGE}} |
+| Easing Enter    | {{EASING_ENTER}}      | {{USAGE}} |
+| Easing Exit     | {{EASING_EXIT}}       | {{USAGE}} |
+
+## Components
+
+### Buttons
+
+**Primary**
+
+- Background: `{{HEX}}`
+- Text: `{{HEX}}`
+- Border: {{BORDER}}
+- Padding: {{PADDING}}
+- Font: {{FONT_SPEC}}
+- Radius: {{RADIUS}}
+- Hover: {{HOVER_STATE}}
+- Active: {{ACTIVE_STATE}}
+
+**Secondary**
+
+- Background: {{BACKGROUND}}
+- Text: `{{HEX}}`
+- Border: {{BORDER}}
+- Padding: {{PADDING}}
+- Font: {{FONT_SPEC}}
+- Radius: {{RADIUS}}
+- Hover: {{HOVER_STATE}}
+- Active: {{ACTIVE_STATE}}
+
+**Ghost**
+
+- Background: transparent
+- Text: `{{HEX}}`
+- Border: none
+- Padding: {{PADDING}}
+- Font: {{FONT_SPEC}}
+- Radius: {{RADIUS}}
+- Hover: {{HOVER_STATE}}
+- Active: {{ACTIVE_STATE}}
+
+**Destructive**
+
+- Background: `{{HEX}}`
+- Text: `{{HEX}}`
+- Border: {{BORDER}}
+- Padding: {{PADDING}}
+- Font: {{FONT_SPEC}}
+- Radius: {{RADIUS}}
+- Hover: {{HOVER_STATE}}
+- Active: {{ACTIVE_STATE}}
+
+**Sizes:** Small {{SIZE_SM}} / Medium {{SIZE_MD}} / Large {{SIZE_LG}}
+
+**Disabled:** {{DISABLED_STATE}}
+
+### Cards
+
+**Default**
+
+- Background: `{{HEX}}`
+- Border: {{BORDER}}
+- Radius: {{RADIUS}}
+- Padding: {{PADDING}}
+- Shadow: {{SHADOW}}
+- Hover: {{HOVER_STATE}}
+
+**Elevated**
+
+- Background: `{{HEX}}`
+- Border: {{BORDER}}
+- Radius: {{RADIUS}}
+- Padding: {{PADDING}}
+- Shadow: {{SHADOW}}
+
+### Inputs
+
+**Text Input**
+
+- Height: {{INPUT_HEIGHT}}px
+- Background: `{{HEX}}`
+- Border: {{BORDER}}
+- Radius: {{RADIUS}}
+- Padding: {{PADDING}}
+- Font: {{FONT_SPEC}}
+- Text color: `{{HEX}}`
+- Placeholder color: `{{HEX}}`
+- Focus: {{FOCUS_STATE}}
+- Error: {{ERROR_STATE}}
+- Disabled: {{DISABLED_STATE}}
+
+**Label:** {{LABEL_SPEC}}
+
+**Helper Text:** {{HELPER_SPEC}}
+
+### Chips
+
+**Filter Chip**
+
+- Background: {{BACKGROUND}}
+- Border: {{BORDER}}
+- Radius: {{RADIUS}}
+- Padding: {{PADDING}}
+- Font: {{FONT_SPEC}}
+- Text: `{{HEX}}`
+- Selected: {{SELECTED_STATE}}
+
+**Status Chip**
+
+- Padding: {{PADDING}}
+- Font: {{FONT_SPEC}}
+- Radius: {{RADIUS}}
+- Success: {{SUCCESS_STATE}}
+- Warning: {{WARNING_STATE}}
+- Error: {{ERROR_STATE}}
+
+### Lists
+
+**Default List Item**
+
+- Padding: {{PADDING}}
+- Border bottom: {{BORDER}}
+- Font: {{FONT_SPEC}}
+- Text: `{{HEX}}`
+- Secondary text: {{SECONDARY_SPEC}}
+- Hover: {{HOVER_STATE}}
+- Active: {{ACTIVE_STATE}}
+- Leading element: {{LEADING_SPEC}}
+
+### Checkboxes
+
+- Size: {{CHECKBOX_SIZE}}px
+- Border: {{BORDER}}
+- Radius: {{RADIUS}}
+- Background: `{{HEX}}`
+- Checked: {{CHECKED_STATE}}
+- Indeterminate: {{INDETERMINATE_STATE}}
+- Hover: {{HOVER_STATE}}
+- Focus: {{FOCUS_STATE}}
+- Disabled: {{DISABLED_STATE}}
+- Label: {{LABEL_SPEC}}
+
+### Radio Buttons
+
+- Size: {{RADIO_SIZE}}px
+- Border: {{BORDER}}
+- Radius: 9999px
+- Background: `{{HEX}}`
+- Selected: {{SELECTED_STATE}}
+- Hover: {{HOVER_STATE}}
+- Focus: {{FOCUS_STATE}}
+- Disabled: {{DISABLED_STATE}}
+- Label: {{LABEL_SPEC}}
+
+### Tooltips
+
+- Background: `{{HEX}}`
+- Text: `{{HEX}}`
+- Font: {{FONT_SPEC}}
+- Padding: {{PADDING}}
+- Radius: {{RADIUS}}
+- Max width: {{TOOLTIP_MAX_WIDTH}}px
+- Arrow: {{ARROW_SPEC}}
+- Delay: {{DELAY_ENTER}}ms enter, {{DELAY_LEAVE}}ms leave
+- Shadow: {{SHADOW}}
+
+## Do's and Don'ts
+
+1. **Do** {{SPECIFIC_DO_1}}
+2. **Don't** {{SPECIFIC_DONT_1}}
+3. **Do** {{SPECIFIC_DO_2}}
+4. **Don't** {{SPECIFIC_DONT_2}}
+5. **Do** {{SPECIFIC_DO_3}}
+6. **Don't** {{SPECIFIC_DONT_3}}
+7. **Do** {{SPECIFIC_DO_4}}
+8. **Do** {{SPECIFIC_DO_5}}
+9. **Don't** {{SPECIFIC_DONT_4}}
+10. **Do** {{SPECIFIC_DO_6}}
+
+---
+
+_Gerado por /hefesto-design em {{DATE}}_

package/templates/{FEATURE.md → TPL-FEATURE.md}

@@ -1,11 +1,14 @@
 ---
-id: { { FEATURE_ID } }
-title: "{{FEATURE_TITLE}}"
+id: '{{FEATURE_ID}}'
+title: '{{FEATURE_TITLE}}'
 status: draft
-created: { { DATE } }
-updated: { { DATE } }
+created: '{{DATE}}'
+updated: '{{DATE}}'
 phases_total: 0
 phases_done: 0
+qa_iterations: 0
+last_verdict: null
+verification_commands: []
 ---
 
 # {{FEATURE_ID}}: {{FEATURE_TITLE}}
@@ -33,14 +36,18 @@ phases_done: 0
 
 ### Fase 1: {{PHASE_1_NAME}}
 
+**Requisitos:** {{REQ_IDS}}
+
 **Arquivos:**
 
 - `{{FILE_PATH}}` — {{FILE_DESCRIPTION}}
 
 **Tarefas:**
 
-- [ ] {{TASK_1}}
-- [ ] {{TASK_2}}
+- [ ] **{{TASK_1}}**
+      Arquivo: `{{FILE_PATH}}`
+      Verificar: `{{VERIFY_COMMAND}}`
+- [ ] **{{TASK_2}}**
 
 **Critérios de Aceitação:**
 

package/templates/TPL-PROJECT.md

@@ -0,0 +1,50 @@
+# {{PROJECT_NAME}}
+
+## O Que É
+
+{{PROJECT_DESCRIPTION}}
+
+## Valor Central
+
+{{CORE_VALUE}}
+
+## Contexto
+
+{{CONTEXT}}
+
+## Restrições
+
+- **Stack**: {{STACK_CONSTRAINT}}
+- **Prazo**: {{DEADLINE_CONSTRAINT}}
+
+## Convenções
+
+{{CONVENTIONS}}
+
+## Features
+
+| ID  | Título | Status | Fases | Progresso |
+| --- | ------ | ------ | ----- | --------- |
+| —   | —      | —      | —     | —         |
+
+### Legenda
+
+- `draft` — Em definição
+- `ready` — Pronta para execução
+- `active` — Em andamento
+- `done` — Completa e verificada
+- `blocked` — Bloqueada
+
+## Receitas Disponíveis
+
+{{RECIPES}}
+
+## Decisões
+
+| Decisão | Justificativa | Resultado |
+| ------- | ------------- | --------- |
+| —       | —             | —         |
+
+---
+
+_Última atualização: {{DATE}}_

package/templates/{RECON.md → TPL-RECON.md}

@@ -1,4 +1,5 @@
 ## Reconhecimento: {{FEATURE_ID}} — {{FEATURE_TITLE}}
+
 profundidade: {{DEPTH}}
 
 ### 1. Estrutura Relevante
@@ -16,29 +17,34 @@ profundidade: {{DEPTH}}
 Para cada tipo de artefato que a feature precisa criar:
 
 **{{ARTIFACT_TYPE}}** — baseado em `{{EXAMPLE_PATH}}:{{LINES}}`
+
 - Convenção: {{CONVENTION}}
 - Imports: {{IMPORTS}}
 - Exemplo real: (trecho de código copiado do codebase)
 
 ### 3. Pontos de Integração
 
-| Arquivo | Ação | O que fazer | Linha |
-|---------|------|-------------|-------|
-| `{{FILE_PATH}}` | modificar | {{ACTION}} | :{{LINE}} |
-| `{{FILE_PATH}}` | criar | {{ACTION}} | — |
+| Arquivo         | Ação      | O que fazer | Linha     |
+| --------------- | --------- | ----------- | --------- |
+| `{{FILE_PATH}}` | modificar | {{ACTION}}  | :{{LINE}} |
+| `{{FILE_PATH}}` | criar     | {{ACTION}}  | —         |
 
 ### 4. Dependências e Riscos
 
 **Consumers** (importam o que vai mudar):
+
 - `{{FILE_PATH}}:{{LINE}}` importa `{{MODULE}}`
 
 **Testes adjacentes**:
+
 - `{{TEST_PATH}}` — {{RELEVANCE}}
 
 **Configs**:
+
 - `{{CONFIG_FILE}}` precisa de `{{NEW_ENTRY}}`
 
 **Riscos**:
+
 - Risco: {{RISK}} → Mitigação: {{MITIGATION}}
 
 ### 5. Ordem de Ataque

package/templates/{RESEARCH.md → TPL-RESEARCH.md}

@@ -1,12 +1,12 @@
 ---
-id: {{RESEARCH_ID}}
-title: "{{RESEARCH_TITLE}}"
-type: {{RESEARCH_TYPE}}
-depth: {{RESEARCH_DEPTH}}
+id: '{{RESEARCH_ID}}'
+title: '{{RESEARCH_TITLE}}'
+type: '{{RESEARCH_TYPE}}'
+depth: '{{RESEARCH_DEPTH}}'
 status: draft
-feature: {{LINKED_FEATURE}}
-created: {{DATE}}
-updated: {{DATE}}
+feature: '{{LINKED_FEATURE}}'
+created: '{{DATE}}'
+updated: '{{DATE}}'
 ---
 
 # {{RESEARCH_ID}}: {{RESEARCH_TITLE}}
@@ -27,22 +27,22 @@ updated: {{DATE}}
 
 ## Recomendação
 
-{{RECOMMENDATION — abordagem recomendada e por quê}}
+{{RECOMMENDATION}}
 
 ## Paisagem de Implementação
 
 ### Arquivos-chave
 
-- `{{FILE_PATH}}` — {{o que faz e como se relaciona}}
-- `{{FILE_PATH}}` — {{o que precisa mudar}}
+- `{{FILE_PATH}}` — {{FILE_DESCRIPTION}}
+- `{{FILE_PATH}}` — {{CHANGE_DESCRIPTION}}
 
 ### Ordem de Construção
 
-{{o que construir/provar primeiro e por quê — o que desbloqueia trabalho downstream}}
+{{BUILD_ORDER}}
 
 ### Verificação
 
-{{como confirmar que funciona — comandos, testes, comportamentos observáveis}}
+{{VERIFICATION_STEPS}}
 
 <!-- Seções abaixo: incluir apenas quando tiverem conteúdo real -->
 
@@ -82,6 +82,6 @@ updated: {{DATE}}
 
 ## Fontes
 
-| # | Título | URL | Confiabilidade |
-| - | ------ | --- | -------------- |
-| 1 | —      | —   | alta           |
+| #   | Título | URL | Confiabilidade |
+| --- | ------ | --- | -------------- |
+| 1   | —      | —   | alta           |

package/templates/TPL-SECURITY.md

@@ -0,0 +1,42 @@
+## Relatório de Segurança
+
+feature: {{FEATURE_ID}}
+escopo: {{FILE_COUNT}} arquivos analisados
+
+### 🔴 Críticos ({{CRITICAL_COUNT}})
+
+| Arquivo       | Linha    | Categoria    | Descrição       | Fix             |
+| ------------- | -------- | ------------ | --------------- | --------------- |
+| {{FILE_PATH}} | {{LINE}} | {{CATEGORY}} | {{DESCRIPTION}} | {{FIX_APPLIED}} |
+
+### ⚠ Warnings ({{WARNING_COUNT}})
+
+| Arquivo       | Linha    | Categoria    | Descrição       | Fix                           |
+| ------------- | -------- | ------------ | --------------- | ----------------------------- |
+| {{FILE_PATH}} | {{LINE}} | {{CATEGORY}} | {{DESCRIPTION}} | {{FIX_APPLIED_OR_SUGGESTION}} |
+
+### ℹ Info ({{INFO_COUNT}})
+
+- `{{FILE_PATH}}:{{LINE}}` — {{DESCRIPTION}}
+
+## Cobertura por Fase
+
+| Fase               | Issues           | Status           |
+| ------------------ | ---------------- | ---------------- |
+| Vulnerabilidades   | {{VULN_COUNT}}   | {{PHASE_STATUS}} |
+| Falhas silenciosas | {{SILENT_COUNT}} | {{PHASE_STATUS}} |
+| Segredos           | {{SECRET_COUNT}} | {{PHASE_STATUS}} |
+
+## Fixes Aplicados
+
+- `{{FILE_PATH}}:{{LINE}}` — {{FIX_DESCRIPTION}}
+
+## Não Corrigidos (requer decisão)
+
+- `{{FILE_PATH}}:{{LINE}}` — {{REASON_NOT_FIXED}}
+
+## Verification
+
+```
+{{VERIFICATION_COMMAND}} — {{PASS_OR_FAIL}}
+```

package/templates/TPL-SIMPLIFY.md

@@ -0,0 +1,40 @@
+## Relatório de Simplificação
+
+feature: {{FEATURE_ID}}
+escopo: {{FILE_COUNT}} arquivos revisados
+
+### Reuso
+
+| Arquivo       | Linha    | Issue           | Fix             |
+| ------------- | -------- | --------------- | --------------- |
+| {{FILE_PATH}} | {{LINE}} | {{REUSE_ISSUE}} | {{FIX_APPLIED}} |
+
+### Qualidade
+
+| Arquivo       | Linha    | Issue             | Fix             |
+| ------------- | -------- | ----------------- | --------------- |
+| {{FILE_PATH}} | {{LINE}} | {{QUALITY_ISSUE}} | {{FIX_APPLIED}} |
+
+### Eficiência
+
+| Arquivo       | Linha    | Issue                | Fix             |
+| ------------- | -------- | -------------------- | --------------- |
+| {{FILE_PATH}} | {{LINE}} | {{EFFICIENCY_ISSUE}} | {{FIX_APPLIED}} |
+
+## Resumo
+
+| Dimensão   | Issues               | Corrigidos           | Ignorados              |
+| ---------- | -------------------- | -------------------- | ---------------------- |
+| Reuso      | {{REUSE_COUNT}}      | {{REUSE_FIXED}}      | {{REUSE_SKIPPED}}      |
+| Qualidade  | {{QUALITY_COUNT}}    | {{QUALITY_FIXED}}    | {{QUALITY_SKIPPED}}    |
+| Eficiência | {{EFFICIENCY_COUNT}} | {{EFFICIENCY_FIXED}} | {{EFFICIENCY_SKIPPED}} |
+
+## Não Corrigidos
+
+- `{{FILE_PATH}}:{{LINE}}` — {{REASON_SKIPPED}}
+
+## Verification
+
+```
+{{VERIFICATION_COMMAND}} — {{PASS_OR_FAIL}}
+```

package/templates/{STATE.md → TPL-STATE.md}

@@ -1,11 +1,5 @@
 # Estado do Projeto
 
-## Referência
-
-**Projeto:** {{PROJECT_NAME}}
-**Valor central:** {{CORE_VALUE}}
-**Foco atual:** {{CURRENT_FOCUS}}
-
 ## Posição Atual
 
 - Features: 0 de 0 completas

package/templates/TPL-VERDICT.md

@@ -0,0 +1,34 @@
+## Veredicto
+
+status: {{VERDICT_STATUS}}
+feature: {{FEATURE_ID}}
+fase: {{PHASE_NUMBER}}
+
+## Requisitos
+
+| ID         | Requisito           | Status         | Evidência        |
+| ---------- | ------------------- | -------------- | ---------------- |
+| {{REQ_ID}} | {{REQ_DESCRIPTION}} | {{REQ_STATUS}} | {{REQ_EVIDENCE}} |
+
+## Testes Criados
+
+- `{{TEST_FILE_PATH}}` — {{TEST_COUNT}} testes, {{PASS_COUNT}} pass, {{FAIL_COUNT}} fail
+
+## Edge Cases Encontrados
+
+- {{EDGE_CASE_DESCRIPTION}}
+
+## Fora do Escopo (confirmado)
+
+- {{OUT_OF_SCOPE_ITEM}}
+
+## Questões para o Implementador
+
+1. {{IMPLEMENTER_QUESTION}}
+
+## QA Loop (re-avaliação)
+
+qa_iteration: {{QA_ITERATION}}
+items_fixed: {{ITEMS_FIXED}}
+items_remaining: {{ITEMS_REMAINING}}
+regression_detected: {{REGRESSION_DETECTED}}

package/skills/hefesto-design/data/animations.csv

@@ -1,21 +0,0 @@
-id,name,context,duration_ms,easing,property,description,reduced_motion
-1,page-enter,Entrada de nova página ou rota,300,cubic-bezier(0.4 0 0.2 1),opacity transform,Fade in com slide up sutil de 8px ao entrar em nova página. Cria sensação de fluidez na navegação.,fade-only
-2,page-exit,Saída de página ou rota atual,200,cubic-bezier(0.4 0 1 1),opacity,Fade out rápido ao sair da página atual. Mais rápido que a entrada para não atrasar a navegação.,instant
-3,button-press,Feedback de clique em botão,100,cubic-bezier(0.4 0 0.2 1),transform,Scale down para 0.97 ao pressionar botão. Feedback tátil visual que confirma o clique.,instant
-4,button-hover,Hover state de botão,150,cubic-bezier(0.4 0 0.2 1),background-color box-shadow,Transição suave de cor de fundo e elevação de sombra ao passar o mouse sobre botão.,instant
-5,card-hover,Hover state de card interativo,200,cubic-bezier(0.4 0 0.2 1),transform box-shadow,Elevação sutil com translateY(-2px) e aumento de shadow. Indica que o card é clicável.,instant
-6,modal-enter,Abertura de modal dialog,300,cubic-bezier(0 0 0.2 1),opacity transform,Fade in do backdrop com scale de 0.95 para 1 do modal. Cria sensação de emergência do fundo.,fade-only
-7,modal-exit,Fechamento de modal dialog,200,cubic-bezier(0.4 0 1 1),opacity transform,Scale para 0.95 com fade out. Saída mais rápida que entrada para retorno imediato ao contexto.,instant
-8,drawer-enter,Abertura de drawer ou sheet lateral,300,cubic-bezier(0 0 0.2 1),transform opacity,Slide in da borda com fade in do backdrop. translateX de 100% para 0 (drawer direito).,fade-only
-9,drawer-exit,Fechamento de drawer ou sheet,250,cubic-bezier(0.4 0 1 1),transform opacity,Slide out para a borda com fade out do backdrop. Ligeiramente mais rápido que entrada.,instant
-10,toast-enter,Aparição de toast notification,300,cubic-bezier(0.4 0 0.2 1),opacity transform,Slide up de 16px com fade in a partir do canto inferior. Chama atenção sem ser intrusivo.,fade-only
-11,toast-exit,Desaparecimento de toast notification,200,cubic-bezier(0.4 0 1 1),opacity transform,Fade out com slide down sutil de 8px. Saída discreta que não distrai do conteúdo principal.,instant
-12,skeleton-pulse,Pulsação de skeleton loading,1500,cubic-bezier(0.4 0 0.6 1),opacity,Pulsação contínua de opacidade entre 0.4 e 1.0 indicando carregamento. Loop até conteúdo real carregar.,none
-13,spinner-rotate,Rotação de spinner de loading,800,linear,transform,Rotação contínua de 360 graus. Linear para rotação uniforme. Loop infinito até carregamento completar.,none
-14,accordion-expand,Expansão de seção de accordion,300,cubic-bezier(0.4 0 0.2 1),max-height opacity,Crescimento de height com fade in do conteúdo interno. Animação de reveal suave e orgânica.,instant
-15,tab-switch,Transição entre tabs de conteúdo,200,cubic-bezier(0.4 0 0.2 1),opacity transform,Crossfade entre painéis com slide lateral sutil de 8px na direção da tab selecionada.,instant
-16,fade-in,Fade in genérico de elemento,300,cubic-bezier(0.4 0 0.2 1),opacity,Transição simples de opacity 0 para 1. Uso genérico para revelar qualquer elemento.,fade-only
-17,slide-up,Slide up para revelar elemento,400,cubic-bezier(0.4 0 0.2 1),opacity transform,Combinação de fade in com translateY de 24px para 0. Para seções de conteúdo e cards ao entrar no viewport.,fade-only
-18,scale-in,Scale in para elementos de destaque,250,cubic-bezier(0.34 1.56 0.64 1),opacity transform,Scale de 0.8 para 1 com leve overshoot elástico. Para modais e popovers e elementos de destaque.,fade-only
-19,stagger-children,Entrada sequencial de lista de itens,400,cubic-bezier(0.4 0 0.2 1),opacity transform,Cada filho entra com delay incremental de 50ms. Slide up de 16px com fade in. Para listas e grids.,fade-only
-20,scroll-reveal,Revelação de elemento ao entrar no viewport,500,cubic-bezier(0.4 0 0.2 1),opacity transform,Intersection Observer trigger. Fade in com slide up de 32px ao elemento entrar no viewport com 20% de threshold.,fade-only