npm - aiox-core - Versions diffs - 5.0.3 → 5.0.5 - Mend

aiox-core 5.0.3 → 5.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (652) hide show

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

@@ -1,100 +0,0 @@
-# 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 DELETED Viewed

@@ -1,208 +0,0 @@
-# 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 DELETED Viewed

@@ -1,102 +0,0 @@
-# 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