Laboratório FT

Vitrine oficial · Foundation · Brand · @ft-consult/product@0.11.0-alpha.0 · 11 capabilities · 9 compostos

Plataforma

Foundation
Tokens canônicos: espaçamento, tipografia, foco, breakpoints
Brand
Identidade FT Consult · tema light/dark · white label
White Label
Fixture técnica — troca de tema em runtime
Responsivo
Demo notebook · tablet · celular (G-10)

Componentes — Famílias 1–18

F1 · Iconografia
IconAction + tooltip
F2 · Controles
Button — 5 variantes, 3 densidades
F2 · Inputs
Input, Select, Checkbox, Radio, Toggle, Search, Upload
F3 · Navegação
AppShell, Sidebar, TopBar, NavItem, Breadcrumb, Tabs, UserMenu, WorkspaceSwitcher
F4 · Cards e KPIs
KpiCard, SummaryCard, DataCard, MetricCard, HealthCard, StatusWidget
F5 · Tabelas e listas
DataTable, DataList, Paginator, Filters, DetailsPanel
F6 · Formulários
FormField, FormSection, FieldGroup, ValidationSummary, Wizard
F7 · Overlays
Modal, Drawer, Tooltip, Popover, ContextMenu
F8 · Status e Badge
Badge, StatusBadge
F9 · Timeline
Timeline, ActivityItem
F10 · Gráficos
ChartBase, ProgressBar
F11 · Técnicos
TechnicalObject, MetricRow
F12 · Projetos
ProjectCard, TaskItem, StepIndicator, ApprovalFlow
F13 · IA assistiva
AISuggestion — identificação obrigatória
F14 · Autenticação
AuthenticationSurface — surface genérica, sem provider
F15 · Feedback
EmptyState, SuccessState, WarningState, ErrorState, Notification, Toast
F16 · Documentos
DocumentCard, AttachmentList, FileMetadata, DocumentActions, UploadStatus, EvidenceViewer, VersionHistory
F17 · Relatórios
ReportLayout, ExportActions, PrintView
F18 · Governança
RiskCard, ComplianceStatus, EvidenceStatus, ControlStatus
Data
Paginator, Filters, DetailsPanel — extensão F5
Dashboard
MetricCard, HealthCard, StatusWidget — extensão F4
Workflow
ApprovalFlow, Timeline, TaskItem, StepIndicator

Compostos — Interfaces aplicadas

composto
Autenticação
Surface completa de login com brand e white label
composto
Shell de Aplicação
AppShell + Navigation + TopBar + UserMenu compostos
composto
Dashboard Executivo
KPIs, métricas, saúde, filtros e tabela
composto
Consulta com Filtros
Data, Filters, Paginator, DetailsPanel compostos
composto
Formulário Complexo
Wizard multi-etapa com validação e feedback
composto
Fluxo de Trabalho
ApprovalFlow, Timeline, Notification compostos
composto
Documentos e Evidências
DocumentCard, EvidenceViewer, VersionHistory compostos
composto
Relatório
ReportLayout + ExportActions + Data compostos
composto
Visão de Governança
RiskCard, ComplianceStatus, EvidenceStatus, ControlStatus compostos