aiox-core 5.0.2 → 5.0.3

package/pro/squads/design/data/f3-derived-components-changelog.md

@@ -0,0 +1,100 @@
+# f3-derive-components — Changelog
+
+> Phase 3, Step 8 — Componentes derivados dos padroes base.
+
+---
+
+## Padroes Aplicados
+
+| Padrao | Valor | Fonte |
+|---|---|---|
+| Overlay container | `rounded-xl border border-border shadow-none dark:shadow-[0_4px_24px_rgba(0,0,0,0.3)]` | Dialog, Popover, DropdownMenu |
+| Menu item radius | `rounded-lg` | DropdownMenu |
+| Focus ring | `ring-2 ring-foreground ring-offset-2 ring-offset-background` | Button, Input |
+| Disabled (controls) | `opacity-20 pointer-events-none` | Button, Checkbox, Radio, Switch |
+| Disabled (inputs) | `opacity-50 pointer-events-none cursor-not-allowed` | Input, Textarea |
+| Shadow | `shadow-none` on containers | Card, Input |
+| Typography | `font-body` on body text | Input, Badge |
+| Transition | `transition-all` | Button |
+| Overlay bg | `bg-card text-card-foreground` | Dialog |
+
+---
+
+## Mudancas por Componente
+
+### Forms
+
+| Componente | Mudancas | Arquivo |
+|---|---|---|
+| Slider | thumb: `bg-white` → `bg-background`, `shadow-sm` → `shadow-none`, `ring-ring/50` → `ring-foreground/50`, disabled `opacity-50` → `opacity-20`; root: disabled `opacity-50` → `opacity-20` | `slider.tsx` |
+| Label | Adicionado `font-body` | `label.tsx` |
+| Form | Nenhuma mudanca (layout only, tokens corretos) | `form.tsx` |
+
+### Overlays
+
+| Componente | Mudancas | Arquivo |
+|---|---|---|
+| Drawer | content: `bg-background` → `bg-card text-card-foreground`, `rounded-t-lg` → `rounded-t-xl`, `rounded-b-lg` → `rounded-b-xl`, adicionado `border-border shadow-none dark:shadow-[...]` | `drawer.tsx` |
+| Sheet | content: `bg-background` → `bg-card text-card-foreground`, `shadow-lg` → `shadow-none dark:shadow-[...]`; close: `rounded-xs` → `rounded-full`, focus ring unificado | `sheet.tsx` |
+| HoverCard | content: `rounded-md` → `rounded-xl`, `border` → `border border-border`, `shadow-md` → `shadow-none dark:shadow-[...]` | `hover-card.tsx` |
+| ContextMenu | content+subcontent: `rounded-md` → `rounded-xl`, `border` → `border border-border`, shadow pattern; items+subtrigger: `rounded-sm` → `rounded-lg` | `context-menu.tsx` |
+| Menubar | root: `rounded-md` → `rounded-lg`, `shadow-xs` → `shadow-none`, `border` → `border border-border`; content+subcontent: `rounded-md` → `rounded-xl`, shadow pattern; items: `rounded-sm`/`rounded-xs` → `rounded-lg` | `menubar.tsx` |
+| Command | container: `rounded-md` → `rounded-xl`; items: `rounded-sm` → `rounded-lg` | `command.tsx` |
+| AlertDialog | content: `bg-background` → `bg-card text-card-foreground`, `rounded-lg` → `rounded-xl`, `border` → `border border-border`, `shadow-lg` → shadow pattern; media: `rounded-md` → `rounded-lg` | `alert-dialog.tsx` |
+
+### Navigation
+
+| Componente | Mudancas | Arquivo |
+|---|---|---|
+| Tabs | trigger: `rounded-md` → `rounded-lg`, adicionado `font-body` | `tabs.tsx` |
+| Breadcrumb | Nenhuma mudanca (tokens corretos) | `breadcrumb.tsx` |
+| NavigationMenu | trigger style: `rounded-md` → `rounded-lg`, adicionado `font-body`, `transition-[color,box-shadow]` → `transition-all`; viewport: `rounded-md` → `rounded-xl`, shadow pattern; link: `rounded-sm` → `rounded-lg`; no-viewport content: `rounded-md` → `rounded-xl` | `navigation-menu.tsx` |
+| Pagination | Nenhuma mudanca (herda buttonVariants) | `pagination.tsx` |
+| Sidebar | floating inner: `rounded-lg` → `rounded-xl`, `shadow-sm` → shadow pattern | `sidebar.tsx` |
+
+### Data Display
+
+| Componente | Mudancas | Arquivo |
+|---|---|---|
+| Table | head: adicionado `font-body` | `table.tsx` |
+| Accordion | trigger: focus ring unificado, `rounded-md` → `rounded-lg`, adicionado `font-body` | `accordion.tsx` |
+| Carousel | Nenhuma mudanca (herda Button) | `carousel.tsx` |
+| Progress | Nenhuma mudanca (tokens corretos) | `progress.tsx` |
+| Calendar | dropdown: `border-input` → `border-border`, `shadow-xs` → `shadow-none`, `rounded-md` → `rounded-lg` | `calendar.tsx` |
+| Avatar | Nenhuma mudanca (tokens corretos) | `avatar.tsx` |
+| AspectRatio | Nenhuma mudanca (wrapper only) | `aspect-ratio.tsx` |
+| Collapsible | Nenhuma mudanca (thin wrapper) | `collapsible.tsx` |
+| Resizable | handle grip: `rounded-xs` → `rounded-sm` | `resizable.tsx` |
+| ScrollArea | Nenhuma mudanca (tokens corretos) | `scroll-area.tsx` |
+| Separator | Nenhuma mudanca (usa `bg-border`) | `separator.tsx` |
+| Skeleton | `rounded-md` → `rounded-lg` | `skeleton.tsx` |
+
+### Feedback
+
+| Componente | Mudancas | Arquivo |
+|---|---|---|
+| Toggle | `rounded-md` → `rounded-lg`, disabled `opacity-50` → `opacity-20`, focus ring unificado, `shadow-xs` → `shadow-none`, `transition-[color,box-shadow]` → `transition-all`; outline variant: `border-input` → `border-border` | `toggle.tsx` |
+| ToggleGroup | Nenhuma mudanca (herda toggleVariants) | `toggle-group.tsx` |
+
+### Extras
+
+| Componente | Mudancas | Arquivo |
+|---|---|---|
+| InputOTP | slot: `border-input` → `border-border`, `shadow-xs` → `shadow-none`, `rounded-l-md`/`rounded-r-md` → `rounded-l-lg`/`rounded-r-lg`, active ring `ring-ring` → `ring-foreground` | `input-otp.tsx` |
+
+---
+
+## Resumo
+
+| Metrica | Valor |
+|---|---|
+| **Componentes analisados** | 38 (excl. 15 base + 3 extras sem classes) |
+| **Componentes modificados** | 19 |
+| **Componentes inalterados** | 19 (tokens ja corretos ou herdam patterns) |
+| **Breaking changes** | 0 |
+| **Props removidas** | 0 |
+| **TypeScript errors** | 0 |
+| **Build status** | PASS |
+
+*Aplicado em: 2026-02-21*
+*Aplicado por: Foundations Pipeline — f3-derive-components*

package/pro/squads/design/data/f3-qa-report.md

@@ -0,0 +1,208 @@
+# f3-qa-derived-components — QA Report (Final Gate)
+
+> Phase 3 QA Gate. Gate de conclusao do pipeline.
+
+---
+
+## Resumo Executivo
+
+| Metrica | Valor |
+|---|---|
+| **Componentes auditados** | 56 |
+| **Componentes adaptados (total pipeline)** | 34 (15 base + 19 derived) |
+| **Issues encontrados na auditoria** | 18 |
+| **Issues corrigidos** | 18 |
+| **Issues pendentes** | 0 |
+| **TypeScript errors** | 0 |
+| **Build status** | PASS |
+| **Verdict** | **PASS** |
+
+---
+
+## Auditoria Automatizada
+
+### 1. Cores Hardcoded
+
+- **Hex (#xxx)**: 1 ocorrencia em `chart.tsx` (recharts config — ACEITO, nao e componente de UI)
+- **rgb()/rgba()**: Apenas em `dark:shadow-[...]` arbitrary values (sem token semantico para shadows)
+- **Verdict**: PASS
+
+### 2. data-slot Preservation
+
+- **Total data-slot**: 329 ocorrencias em 54 arquivos
+- **Todos os componentes**: data-slot preservado
+- **Verdict**: PASS
+
+### 3. Focus Ring Consistency
+
+| Categoria | Pattern | Componentes | Status |
+|---|---|---|---|
+| Primary interactive | `ring-2 ring-foreground ring-offset-2 ring-offset-background` | Button, Input, Textarea, Badge, Checkbox, Radio, Switch, Toggle, Select, Dialog close, Sheet close, Slider, Accordion | PASS |
+| Embedded interactive | `ring-ring/50 ring-[3px]` | Tabs, NavigationMenu, Calendar, ScrollArea, NativeSelect, Item | PASS |
+| No ring needed | Wrapper/layout only | Form, Collapsible, Carousel, Avatar, Separator, Skeleton | PASS |
+
+### 4. Disabled Pattern
+
+| Categoria | Pattern | Componentes | Status |
+|---|---|---|---|
+| Button-like controls | `disabled:opacity-20` | Button, Checkbox, Radio, Switch, Toggle, Slider | PASS |
+| Input-like elements | `disabled:opacity-50` | Input, Textarea, Select, Tabs, Label, CommandInput | PASS |
+| Data-disabled | `data-[disabled]:opacity-20` | Slider root | PASS |
+
+### 5. Overlay Container Pattern
+
+Pattern: `rounded-xl border border-border shadow-none dark:shadow-[0_4px_24px_rgba(0,0,0,0.3)]`
+
+| Componente | rounded-xl | border-border | shadow-none | dark shadow | Status |
+|---|---|---|---|---|---|
+| Dialog | YES | YES | YES (corrigido) | YES (corrigido) | PASS |
+| AlertDialog | YES | YES | YES | YES | PASS |
+| Popover | YES | YES | YES (corrigido) | YES | PASS |
+| HoverCard | YES | YES | YES | YES | PASS |
+| DropdownMenu Content | YES | YES | YES (corrigido) | YES | PASS |
+| DropdownMenu SubContent | YES | YES | YES (corrigido) | YES | PASS |
+| ContextMenu Content | YES | YES | YES | YES | PASS |
+| ContextMenu SubContent | YES | YES | YES | YES | PASS |
+| Menubar Content | YES | YES | YES | YES | PASS |
+| Menubar SubContent | YES | YES | YES | YES | PASS |
+| NavigationMenu Viewport | YES | YES | YES | YES | PASS |
+| Select Content | YES | YES | YES (corrigido) | YES | PASS |
+| Command | YES | — | — | — | PASS |
+| Combobox Content | YES (corrigido) | YES (corrigido) | YES (corrigido) | YES (corrigido) | PASS |
+
+**Excecoes estruturais (ACEITAS):**
+- Drawer: rounding per-direction (`rounded-t-xl`, `rounded-b-xl`)
+- Sheet: edge-attached, no full `rounded-xl`
+
+### 6. Menu Item Radius
+
+Pattern: `rounded-lg`
+
+| Componente | Items | Status |
+|---|---|---|
+| DropdownMenu | Item, CheckboxItem, RadioItem, SubTrigger | PASS (corrigido) |
+| ContextMenu | Item, SubTrigger, CheckboxItem, RadioItem | PASS (corrigido) |
+| Menubar | Item, CheckboxItem, RadioItem, SubTrigger | PASS |
+| Select | Item | PASS |
+| Command | Item | PASS |
+| Combobox | Item, Chip | PASS (corrigido) |
+
+**Aceitos como `rounded-sm`:**
+- Checkbox (small square shape)
+- Kbd (tiny badge)
+- Resizable handle grip (tiny element)
+- Item icon variant (thumbnail)
+
+### 7. Shadow Consistency
+
+- **Containers**: Todos usando `shadow-none`
+- **Dark overlays**: `dark:shadow-[0_4px_24px_rgba(0,0,0,0.3)]`
+- **Nenhum `shadow-xs`, `shadow-sm`, `shadow-md`, `shadow-lg`, ou `shadow-xl`** encontrado
+- **Verdict**: PASS
+
+### 8. Typography (font-body)
+
+| Componente | font-body | Status |
+|---|---|---|
+| Input | YES | PASS |
+| Textarea | YES | PASS |
+| Label | YES | PASS |
+| TabsTrigger | YES | PASS |
+| AccordionTrigger | YES | PASS |
+| TableHead | YES | PASS |
+| Badge | YES | PASS |
+| Tooltip | YES | PASS |
+| SelectTrigger | YES | PASS |
+| NavigationMenuTrigger | YES | PASS |
+| CommandInput | YES (corrigido) | PASS |
+| NativeSelect | YES (corrigido) | PASS |
+| Button (secondary/ghost/link) | YES | PASS |
+
+---
+
+## Issues Encontrados e Corrigidos
+
+### Phase 2 Base Components (retroactive fixes)
+
+| # | Componente | Issue | Severidade | Status |
+|---|---|---|---|---|
+| 1 | Dialog | `shadow-lg` → `shadow-none`, `dark:shadow-[0_8px_32px]` → `dark:shadow-[0_4px_24px]` | HIGH | CORRIGIDO |
+| 2 | DropdownMenu Content | `shadow-md` → `shadow-none` | HIGH | CORRIGIDO |
+| 3 | DropdownMenu SubContent | `shadow-lg` → `shadow-none` | HIGH | CORRIGIDO |
+| 4 | Popover | `shadow-md` → `shadow-none` | HIGH | CORRIGIDO |
+| 5 | Select Content | `shadow-md` → `shadow-none` | HIGH | CORRIGIDO |
+
+### Phase 3 Derived Components
+
+| # | Componente | Issue | Severidade | Status |
+|---|---|---|---|---|
+| 6 | DropdownMenu CheckboxItem | `rounded-sm` → `rounded-lg` | MEDIUM | CORRIGIDO |
+| 7 | DropdownMenu RadioItem | `rounded-sm` → `rounded-lg` | MEDIUM | CORRIGIDO |
+| 8 | DropdownMenu SubTrigger | `rounded-sm` → `rounded-lg` | MEDIUM | CORRIGIDO |
+| 9 | ContextMenu CheckboxItem | `rounded-sm` → `rounded-lg` | MEDIUM | CORRIGIDO |
+| 10 | ContextMenu RadioItem | `rounded-sm` → `rounded-lg` | MEDIUM | CORRIGIDO |
+| 11 | Command Input | Missing `font-body` | MEDIUM | CORRIGIDO |
+| 12 | Combobox Content | `rounded-md ring-1` → `rounded-xl border border-border`, `shadow-md` → `shadow-none dark:shadow-[...]` | HIGH | CORRIGIDO |
+| 13 | Combobox Item | `rounded-sm` → `rounded-lg` | MEDIUM | CORRIGIDO |
+| 14 | Combobox Chip | `rounded-sm` → `rounded-lg` | MEDIUM | CORRIGIDO |
+| 15 | Combobox Trigger | `shadow-xs` → `shadow-none`, `rounded-md` → `rounded-lg` | MEDIUM | CORRIGIDO |
+| 16 | ButtonGroup | `shadow-xs` → `shadow-none`, `rounded-md` → `rounded-lg`, `border` → `border border-border` | MEDIUM | CORRIGIDO |
+| 17 | NativeSelect | `shadow-xs` → `shadow-none`, `border-input` → `border-border`, `rounded-md` → `rounded-lg`, added `font-body` | MEDIUM | CORRIGIDO |
+| 18 | InputGroup | `shadow-xs` → `shadow-none`, `border-input` → `border-border`, `rounded-md` → `rounded-lg` | MEDIUM | CORRIGIDO |
+
+---
+
+## Validacao por Grupo
+
+| Grupo | Componentes | Status |
+|---|---|---|
+| Base (re-check) | Button, Input, Badge, Card, Alert, Dialog, Checkbox, RadioGroup, Switch, Textarea, Tooltip, Select, DropdownMenu, Popover, Sonner | PASS |
+| Forms | Slider, Form, Label, InputOTP, NativeSelect, InputGroup | PASS |
+| Overlays | Drawer, Sheet, HoverCard, ContextMenu, Menubar, Command, AlertDialog, Combobox | PASS |
+| Navigation | Tabs, Breadcrumb, NavigationMenu, Pagination, Sidebar | PASS |
+| Data Display | Table, Accordion, Carousel, Progress, Calendar, Avatar, AspectRatio, Collapsible, Resizable, ScrollArea, Separator, Skeleton | PASS |
+| Feedback | Toggle, ToggleGroup, ButtonGroup | PASS |
+| Extras | Chart, Direction, Empty, Field, Item, Kbd, Spinner | PASS (no changes needed) |
+
+---
+
+## Validacao Final
+
+| Check | Resultado |
+|---|---|
+| `tsc --noEmit` | 0 errors |
+| `next build` | Compiled, 0 errors |
+| Props API | Nenhuma prop removida ou adicionada como obrigatoria |
+| TypeScript types | Inalterados |
+| data-slot attributes | 329 em 54 arquivos preservados |
+| Focus ring | Consistente (primary + embedded patterns) |
+| Disabled pattern | Consistente (controls=0.20, inputs=0.50) |
+| Overlay containers | 14/14 com `rounded-xl border-border shadow-none` |
+| Menu items | Todos usando `rounded-lg` |
+| Shadow | 0 ocorrencias de shadow-xs/sm/md/lg/xl |
+| Typography | font-body em 13/13 componentes de texto |
+| Hardcoded colors | 0 em componentes de UI |
+
+---
+
+## Metricas de Conclusao do Pipeline
+
+| Metrica | Valor |
+|---|---|
+| **Total componentes no sistema** | 56 arquivos |
+| **Componentes adaptados** | 34 (15 base Phase 2 + 19 derived Phase 3) |
+| **Componentes inalterados** | 22 (tokens ja corretos, herdam patterns, ou wrappers) |
+| **Tokens core (globals.css)** | 42 variaveis CSS |
+| **Tokens extensoes (@theme inline)** | 8 (success, warning, info + foregrounds, ring) |
+| **Issues encontrados total (pipeline)** | 22 (4 Phase 2 QA + 18 Phase 3 QA) |
+| **Issues corrigidos** | 22/22 |
+| **Breaking changes** | 0 |
+| **Fases completadas** | 3/3 |
+
+---
+
+**Verdict Final: PASS**
+**Pipeline Foundations: COMPLETO**
+
+*Validado em: 2026-02-21*
+*Validado por: Foundations Pipeline — f3-qa-derived-components*

package/pro/squads/design/data/figma-base-components-raw.md

@@ -0,0 +1,102 @@
+# Figma Base Components — Raw Input
+
+> Cole aqui as specs visuais dos componentes base extraídos do Figma Dev Mode.
+> Formato livre: CSS inspect, screenshots descriptions, prop tables, etc.
+> O pipeline vai usar isso na Phase 2 para adaptar os componentes shadcn.
+
+---
+## LINK
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2022-492&m=dev
+
+## TAG
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2022-1682&m=dev
+
+## CHECKBOX
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2022-1028&m=dev
+
+## RADIO BUTTON
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2022-1485&m=dev
+
+## TOGGLE
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2022-1256&m=dev
+
+## AVATAR
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2022-1752&m=dev
+
+## POPOVER
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2418-1967&m=dev
+
+## PROFILE HEADER
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2418-2001&m=dev
+
+## TOOLTIP
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2361-2663&m=dev
+
+## ICON BUTTON
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2172-2032&m=dev
+
+## BUTTON
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2015-1519&m=dev
+
+## DROPDOWN
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2199-2740&m=dev
+
+## ITEM MENU
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?m=dev
+
+## TEXT INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2022-777&m=dev
+
+## SEARCH INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2205-3289&m=dev
+
+## PASSWORD INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2205-2348&m=dev
+
+## DATE INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2253-2517&m=dev
+
+## TIME INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2253-3624&m=dev
+
+## URL INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2253-4329&m=dev
+
+## EMAIL INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2253-5131&m=dev
+
+## NUMBER INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2253-6259&m=dev
+
+## INPUT FEEDBACK
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2419-4409&m=dev
+
+## UPLOAD INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2205-4998&m=dev
+
+## OPTION INPUT
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2205-1928&m=dev
+
+## TEXTAREA
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2022-1639&m=dev
+
+## DROPDOWN MENU
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2419-2002&m=dev
+
+## TOASTS (ANIMATIONS SÃO APENAS VISUALIZAÇÃO, NÃO ESTÁ FUNCIONANDO DIREITO, FAZER DO JEITO CERTO)
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2278-1879&m=dev
+
+## BASIC DIALOG
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2328-4581&m=dev
+
+## NOTIFICATION BAR
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2361-2195&m=dev
+
+## CHAT NOTIFICATION
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2361-2333&m=dev
+
+## COMMENT AREA
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2253-1989&m=dev
+
+## PROMPT AREA (INCOMPLETO, RRECISA SER PLANEJADO)
+https://www.figma.com/design/G0GvSIW7qDqBqTgilgqEK0/Design-System---Legacy--Experimento-?node-id=2253-1924&m=dev