Phase 3: Componentes UI

- Inicializado shadcn/ui (New York style, RSC enabled)
- Instalados 8 componentes base: button, card, dropdown-menu, select, dialog, tabs, tooltip, badge
- Criados componentes dashboard custom:

MetricCard:
- KPI display com icon, value, change %
- Auto-detect trend (up/down/neutral)
- Loading e empty states
- Brand Descomplicar colors

ChartCard:
- Suporte line, area, pie charts (Recharts)
- Formatação PT-PT
- Custom tooltip styling
- Loading e empty states
- Brand gradient (#cc8d00)

SiteSelector:
- Dropdown multi-site
- Loading state
- Empty state handling

Todos componentes:
- Responsive design
- Brand Descomplicar (#cc8d00, #f2d9a2, #27a50e)
- Formatação PT-PT (formatNumber, formatPercent)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-02-13 18:00:02 +00:00
parent b99baa1200
commit ff25811725
14 changed files with 1171 additions and 8 deletions

View File

@@ -14,6 +14,9 @@
"@radix-ui/react-dialog": "^1.1.15",
"@radix-ui/react-dropdown-menu": "^2.1.16",
"@radix-ui/react-select": "^2.2.6",
"@radix-ui/react-slot": "^1.2.4",
"@radix-ui/react-tabs": "^1.1.13",
"@radix-ui/react-tooltip": "^1.2.8",
"clsx": "^2.1.1",
"date-fns": "^4.1.0",
"lucide-react": "^0.564.0",