@woovi/ui 6.7.0 → 6.7.2

package/dist/llms.txt

@@ -21,7 +21,7 @@ pnpm add @woovi/ui
 ## Dependencias
 
 - React 18+
-- Material-UI (MUI) v5+
+- Material-UI (MUI) v7+
 - TypeScript
 
 ---
@@ -31,37 +31,14 @@ pnpm add @woovi/ui
 Componentes para exibir fotos de perfil e grupos de usuarios.
 
 ```tsx
-import { Avatar, AvatarGroup, AvatarGroupArray, AvatarGroupSelectedAll } from '@woovi/ui';
+import { Avatar } from '@woovi/ui';
 
 // Avatar simples
 <Avatar src="https://example.com/photo.jpg" alt="User" />
 
-// Grupo de avatars
-<AvatarGroup max={4}>
-  <Avatar src="/user1.jpg" />
-  <Avatar src="/user2.jpg" />
-  <Avatar src="/user3.jpg" />
-</AvatarGroup>
 ```
 
 - Avatar: https://storybook.woovi.design/?path=/docs/components-avatar-avatar--docs
-- AvatarGroup: https://storybook.woovi.design/?path=/docs/components-avatar-avatargroup--docs
-- AvatarGroupArray: https://storybook.woovi.design/?path=/docs/components-avatar-avatargrouparray--docs
-- AvatarGroupSelectedAll: https://storybook.woovi.design/?path=/docs/components-avatar-avatargroupselectedall--docs
-
-## Auth
-
-Componentes de autenticacao e login.
-
-```tsx
-import { LoginWrapper } from '@woovi/ui';
-
-<LoginWrapper>
-  <YourLoginForm />
-</LoginWrapper>
-```
-
-- LoginWrapper: https://storybook.woovi.design/?path=/docs/components-auth-loginwrapper--docs
 
 ## Banner
 
@@ -70,16 +47,23 @@ Componentes para exibir mensagens de alerta, erro e informacoes.
 ```tsx
 import { Banner, BannerError, BannerInfos } from '@woovi/ui';
 
-// Banner generico
-<Banner variant="info" message="Informacao importante" />
+// Banner generico (conteudo via children)
+<Banner variant="solid" color="info">Informacao importante</Banner>
 
-// Banner de erro
-<BannerError message="Ocorreu um erro ao processar" />
+// Banner de erro (recebe array de mensagens)
+<BannerError
+  errors={["Ocorreu um erro ao processar"]}
+  callbackOnClose={() => {}}
+/>
 
-// Banner informativo com detalhes
+// Banner informativo com detalhes (tabela de erros/informacoes)
 <BannerInfos
-  title="Atencao"
-  description="Sua sessao expira em 5 minutos"
+  errors={data}
+  columns={[{ field: 'name', headerName: 'Nome' }]}
+  titleHeader="Atencao"
+  onClose={() => {}}
+  refColumn={{ field: 'id', headerName: 'ID' }}
+  isOpen={true}
 />
 ```
 
@@ -108,8 +92,8 @@ import {
 <ActionButton label="Salvar" loading={isLoading} />
 <ActionButton label="Criar" icon="add" />
 
-// Botao de copiar
-<CopyButton text="Texto para copiar" />
+// Botao de copiar (children e o label do botao)
+<CopyButton value="texto-para-copiar">Copiar Chave</CopyButton>
 
 // Botao de perigo/exclusao
 <DangerButton label="Excluir" onClick={handleDelete} />
@@ -173,13 +157,10 @@ Containers para exibir conteudo em formato de cartao.
 import {
   Card,
   CardActions,
-  CardBasicContext,
   CardContent,
   CardCopy,
   CardForm,
-  CardList,
   CardSelectable,
-  CardSkeleton,
   CardStep,
   CardWithActions,
   CardWithIcon,
@@ -213,28 +194,22 @@ import {
 
 // Card selecionavel
 <CardSelectable
-  selected={isSelected}
+  isSelected={isSelected}
   onClick={() => setSelected(!isSelected)}
 >
   Conteudo selecionavel
 </CardSelectable>
 
 // Card de copia (para chaves Pix, etc)
-<CardCopy value="chave-pix@email.com" />
-
-// Card skeleton para loading
-<CardSkeleton />
+<CardCopy content="chave-pix@email.com" />
 ```
 
 - Card: https://storybook.woovi.design/?path=/docs/components-card-card--docs
 - CardActions: https://storybook.woovi.design/?path=/docs/components-card-cardactions--docs
-- CardBasicContext: https://storybook.woovi.design/?path=/docs/components-card-cardbasiccontext--docs
 - CardContent: https://storybook.woovi.design/?path=/docs/components-card-cardcontent--docs
 - CardCopy: https://storybook.woovi.design/?path=/docs/components-card-cardcopy--docs
 - CardForm: https://storybook.woovi.design/?path=/docs/components-card-cardform--docs
-- CardList: https://storybook.woovi.design/?path=/docs/components-card-cardlist--docs
 - CardSelectable: https://storybook.woovi.design/?path=/docs/components-card-cardselectable--docs
-- CardSkeleton: https://storybook.woovi.design/?path=/docs/components-card-cardskeleton--docs
 - CardStep: https://storybook.woovi.design/?path=/docs/components-card-cardstep--docs
 - CardWithActions: https://storybook.woovi.design/?path=/docs/components-card-cardwithactions--docs
 - CardWithIcon: https://storybook.woovi.design/?path=/docs/components-card-cardwithicon--docs
@@ -252,8 +227,10 @@ import { CardAnalytics, CardAnalyticsSmall } from '@woovi/ui';
 <CardAnalytics
   title="Total de Vendas"
   value="R$ 15.000,00"
-  change="+12%"
-  trend="up"
+  total="150 transacoes"
+  color="success"
+  loading={false}
+  onClick={() => navigate('/sales')}
 />
 
 // Versao compacta
@@ -272,13 +249,12 @@ import { CardAnalytics, CardAnalyticsSmall } from '@woovi/ui';
 Sistema de grid para organizar cards em layout responsivo.
 
 ```tsx
-import { CardGrid, CardField, CardFieldCentered, Grid } from '@woovi/ui';
+import { CardGrid, CardField, Grid } from '@woovi/ui';
 
 // Grid de cards
 <CardGrid>
   <CardField label="Nome" value="Joao Silva" />
   <CardField label="Email" value="joao@email.com" />
-  <CardFieldCentered label="Status" value="Ativo" />
 </CardGrid>
 
 // Grid generico
@@ -290,7 +266,6 @@ import { CardGrid, CardField, CardFieldCentered, Grid } from '@woovi/ui';
 ```
 
 - CardField: https://storybook.woovi.design/?path=/docs/components-cardgrid-cardfield--docs
-- CardFieldCentered: https://storybook.woovi.design/?path=/docs/components-cardgrid-cardfieldcentered--docs
 - CardGrid: https://storybook.woovi.design/?path=/docs/components-cardgrid-cardgrid--docs
 - Grid: https://storybook.woovi.design/?path=/docs/components-cardgrid-grid--docs
 
@@ -349,7 +324,6 @@ Componentes expansiveis para organizar conteudo em secoes.
 import {
   Collapse,
   Collapsible,
-  CollapsibleActions,
   CollapsibleStep,
   CollapsibleTree,
   LeafCollapsible
@@ -360,14 +334,6 @@ import {
   <p>Conteudo expandido</p>
 </Collapsible>
 
-// Collapsible com acoes
-<CollapsibleActions
-  title="Configuracoes"
-  actions={<ActionButton label="Editar" />}
->
-  <p>Conteudo com acoes</p>
-</CollapsibleActions>
-
 // Collapsible em etapas
 <CollapsibleStep step={1} title="Primeira etapa">
   <p>Conteudo da etapa</p>
@@ -383,36 +349,20 @@ import {
 
 - Collapse: https://storybook.woovi.design/?path=/docs/components-collapsible-collapse--docs
 - Collapsible: https://storybook.woovi.design/?path=/docs/components-collapsible-collapsible--docs
-- CollapsibleActions: https://storybook.woovi.design/?path=/docs/components-collapsible-collapsibleactions--docs
-- CollapsibleInfinityActions: https://storybook.woovi.design/?path=/docs/components-collapsible-collapsibleinfinityactions--docs
 - CollapsibleStep: https://storybook.woovi.design/?path=/docs/components-collapsible-collapsiblestep--docs
 - CollapsibleStepHeader: https://storybook.woovi.design/?path=/docs/components-collapsible-collapsiblestepheader--docs
 - CollapsibleTree: https://storybook.woovi.design/?path=/docs/components-collapsible-collapsibletree--docs
 - LeafCollapsible: https://storybook.woovi.design/?path=/docs/components-collapsible-leafcollapsible--docs
-- TransparencyCollapsibleWrapper: https://storybook.woovi.design/?path=/docs/components-collapsible-transparencycollapsiblewrapper--docs
-
-## Company
-
-Componentes relacionados a empresa/marca.
-
-```tsx
-import { CompanyLogo } from '@woovi/ui';
-
-<CompanyLogo name="Empresa XYZ" logo="/logo.png" />
-```
-
-- CompanyLogo: https://storybook.woovi.design/?path=/docs/components-company-companylogo--docs
 
 ## Content
 
 Componentes para estruturar conteudo e texto.
 
 ```tsx
-import { Content, ActionMargin, ActionMarginText, IntroText } from '@woovi/ui';
+import { Content, ActionMargin } from '@woovi/ui';
 
 // Container de conteudo
 <Content>
-  <IntroText>Bem-vindo ao painel</IntroText>
   <p>Seu conteudo aqui</p>
 </Content>
 
@@ -420,17 +370,10 @@ import { Content, ActionMargin, ActionMarginText, IntroText } from '@woovi/ui';
 <ActionMargin>
   <ActionButton label="Salvar" />
 </ActionMargin>
-
-// Texto com margem de acao
-<ActionMarginText>
-  Clique no botao abaixo para continuar
-</ActionMarginText>
 ```
 
 - ActionMargin: https://storybook.woovi.design/?path=/docs/components-content-actionmargin--docs
-- ActionMarginText: https://storybook.woovi.design/?path=/docs/components-content-actionmargintext--docs
 - Content: https://storybook.woovi.design/?path=/docs/components-content-content--docs
-- IntroText: https://storybook.woovi.design/?path=/docs/components-content-introtext--docs
 
 ## Countdown
 
@@ -468,6 +411,28 @@ import { DataGrid, DataGridLoading, DataGridDetailContainer } from '@woovi/ui';
   onRowClick={(row) => console.log(row)}
 />
 
+// DataGrid com exportacao CSV habilitada
+<DataGrid
+  columns={columns}
+  rows={data}
+  exportTable
+/>
+
+// DataGrid com zebra rows
+<DataGrid
+  columns={columns}
+  rows={data}
+  zebraRow
+/>
+
+// DataGrid com rowHref (funcao que recebe row e retorna href)
+<DataGrid
+  columns={columns}
+  rows={data}
+  rowAnchor
+  rowHref={(row) => `/details/${row.id}`}
+/>
+
 // Estado de loading
 <DataGridLoading columns={3} rows={5} />
 ```
@@ -508,7 +473,7 @@ openDialog({
 Paineis laterais deslizantes.
 
 ```tsx
-import { DrawerCard, DrawerResponsiveWrapper, SwipeableDrawer } from '@woovi/ui';
+import { DrawerCard, DrawerResponsiveWrapper } from '@woovi/ui';
 
 // Drawer com card
 <DrawerCard open={isOpen} onClose={handleClose}>
@@ -519,28 +484,17 @@ import { DrawerCard, DrawerResponsiveWrapper, SwipeableDrawer } from '@woovi/ui'
 <DrawerResponsiveWrapper open={isOpen} onClose={handleClose}>
   <p>Conteudo adaptativo</p>
 </DrawerResponsiveWrapper>
-
-// Drawer com suporte a swipe
-<SwipeableDrawer open={isOpen} onClose={handleClose}>
-  <p>Arraste para fechar</p>
-</SwipeableDrawer>
 ```
 
 - DrawerCard: https://storybook.woovi.design/?path=/docs/components-drawer-drawercard--docs
 - DrawerResponsiveWrapper: https://storybook.woovi.design/?path=/docs/components-drawer-drawerresponsivewrapper--docs
-- SwipeableDrawer: https://storybook.woovi.design/?path=/docs/components-drawer-swipeabledrawer--docs
 
 ## Error
 
 Componentes para tratamento e exibicao de erros.
 
 ```tsx
-import { ErrorBoundaryWithRetry, ErrorView } from '@woovi/ui';
-
-// Error boundary com retry
-<ErrorBoundaryWithRetry>
-  <ComponentQuePodeFalhar />
-</ErrorBoundaryWithRetry>
+import { ErrorView } from '@woovi/ui';
 
 // Visualizacao de erro
 <ErrorView
@@ -550,30 +504,8 @@ import { ErrorBoundaryWithRetry, ErrorView } from '@woovi/ui';
 />
 ```
 
-- ErrorBoundaryWithRetry: https://storybook.woovi.design/?path=/docs/components-error-errorboundarywithretry--docs
 - ErrorView: https://storybook.woovi.design/?path=/docs/components-error-errorview--docs
 
-## File
-
-Componentes para upload e manipulacao de arquivos.
-
-```tsx
-import { FileDrop, Icon } from '@woovi/ui';
-
-// Area de drop de arquivos
-<FileDrop
-  onDrop={(files) => handleFiles(files)}
-  accept={{ 'image/*': ['.png', '.jpg'] }}
-/>
-
-// Icone Material
-<Icon name="upload" />
-```
-
-- FileDrop: https://storybook.woovi.design/?path=/docs/components-file-filedrop--docs
-- IconButton: https://storybook.woovi.design/?path=/docs/components-file-iconbutton--docs
-- MaterialIcon: https://storybook.woovi.design/?path=/docs/components-file-materialicon--docs
-
 ## Filter
 
 Sistema de filtros para busca e filtragem de dados.
@@ -629,7 +561,7 @@ import { SectionHeading } from '@woovi/ui';
 Utilitarios de layout e espacamento.
 
 ```tsx
-import { Divider, HorizontalStack, HoverPopper } from '@woovi/ui';
+import { Divider, HorizontalStack } from '@woovi/ui';
 
 // Divisor
 <Divider />
@@ -639,26 +571,20 @@ import { Divider, HorizontalStack, HoverPopper } from '@woovi/ui';
   <ActionButton label="Botao 1" />
   <ActionButton label="Botao 2" />
 </HorizontalStack>
-
-// Popper ao passar o mouse
-<HoverPopper content="Tooltip detalhado">
-  <span>Passe o mouse</span>
-</HoverPopper>
 ```
 
 - Divider: https://storybook.woovi.design/?path=/docs/components-helpers-divider--docs
 - HorizontalStack: https://storybook.woovi.design/?path=/docs/components-helpers-horizontalstack--docs
-- HoverPopper: https://storybook.woovi.design/?path=/docs/components-helpers-hoverpopper--docs
 
 ## Import
 
 Componentes para importacao de arquivos (CSV, XLSX).
 
 ```tsx
-import { Dropzone, DropzoneFile } from '@woovi/ui';
+import { DropzoneFile } from '@woovi/ui';
 
 // Dropzone para upload
-<Dropzone
+<DropzoneFile
   onDrop={(files) => handleImport(files)}
   accept={{ 'text/csv': ['.csv'], 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'] }}
 >
@@ -666,7 +592,6 @@ import { Dropzone, DropzoneFile } from '@woovi/ui';
 </Dropzone>
 ```
 
-- Dropzone: https://storybook.woovi.design/?path=/docs/components-import-dropzone--docs
 - DropzoneFile: https://storybook.woovi.design/?path=/docs/components-import-dropzonefile--docs
 
 ## Layout
@@ -674,24 +599,17 @@ import { Dropzone, DropzoneFile } from '@woovi/ui';
 Componentes para estrutura de pagina.
 
 ```tsx
-import { LayoutRoot, LayoutWrapper, LayoutWrapperFluid } from '@woovi/ui';
+import { LayoutRoot, LayoutWrapper } from '@woovi/ui';
 
-// Layout raiz da aplicacao
 <LayoutRoot>
   <LayoutWrapper>
     <Content />
   </LayoutWrapper>
 </LayoutRoot>
-
-// Layout fluido (sem max-width)
-<LayoutWrapperFluid>
-  <Content />
-</LayoutWrapperFluid>
 ```
 
 - LayoutRoot: https://storybook.woovi.design/?path=/docs/components-layoutroot--docs
 - LayoutWrapper: https://storybook.woovi.design/?path=/docs/components-layoutwrapper-layoutwrapper--docs
-- LayoutWrapperFluid: https://storybook.woovi.design/?path=/docs/components-layoutwrapper-layoutwrapperfluid--docs
 
 ## Link
 
@@ -718,20 +636,16 @@ import { Link, WooviLink } from '@woovi/ui';
 Logotipos da Woovi e OpenPix.
 
 ```tsx
-import { Logo, WooviLogo, OpenPixLogoColor } from '@woovi/ui';
+import { Logo, WooviLogo } from '@woovi/ui';
 
 // Logo generico
 <Logo src="/logo.png" alt="Empresa" />
 
 // Logo Woovi
 <WooviLogo width={150} />
-
-// Logo OpenPix colorido
-<OpenPixLogoColor width={120} />
 ```
 
 - Logo: https://storybook.woovi.design/?path=/docs/components-logo--docs
-- OpenPixLogoColor: https://storybook.woovi.design/?path=/docs/components-logo-openpixlogocolor--docs
 - WooviLogo: https://storybook.woovi.design/?path=/docs/components-logo-woovilogo--docs
 
 ## MUI
@@ -753,33 +667,39 @@ import { BoxFlex, Typography } from '@woovi/ui';
 
 ## MultiFactor
 
-Componentes de autenticacao multi-fator para pagamentos.
+Componentes de autenticacao multi-fator para verificacao segura de usuarios.
 
 ```tsx
 import {
-  MultiFactorPixPaymentView,
+  MultiFactorConfirmModal,
   MultiFactorPixPaymentMatch,
   MultiFactorPixPaymentMismatch,
-  MultiFactorConfirmModal
+  MultiFactorPixPaymentView
 } from '@woovi/ui';
 
-// View de pagamento multi-fator
-<MultiFactorPixPaymentView
-  amount={5000}
+// Modal de confirmacao MFA (suporta TOTP, WhatsApp/SMS e email)
+<MultiFactorConfirmModal
+  title="Confirm your identity"
+  isOpen={isOpen}
   onConfirm={handleConfirm}
+  handleOpenChange={handleClose}
+  email="user@example.com"
 />
 
-// Confirmacao de match
-<MultiFactorPixPaymentMatch />
+// Verificacao PIX com sucesso (CPF corresponde)
+<MultiFactorPixPaymentMatch amount={0.01} />
 
-// Modal de confirmacao MFA
-<MultiFactorConfirmModal
-  open={isOpen}
-  onConfirm={handleMFA}
-  onClose={handleClose}
+// Verificacao PIX com falha (CPF nao corresponde)
+<MultiFactorPixPaymentMismatch amount={0.01} />
+
+// View do QR Code PIX para verificacao
+<MultiFactorPixPaymentView
+  pixAuthentication={{ brCode: '...', taxID: '...' }}
+  onGetResult={handleGetResult}
 />
 ```
 
+- MultiFactorConfirmModal: https://storybook.woovi.design/?path=/docs/components-multifactor-multifactorconfirmmodal--docs
 - MultiFactorPixPaymentMatch: https://storybook.woovi.design/?path=/docs/components-multifactor-multifactorpixpaymentmatch--docs
 - MultiFactorPixPaymentMismatch: https://storybook.woovi.design/?path=/docs/components-multifactor-multifactorpixpaymentmismatch--docs
 - MultiFactorPixPaymentView: https://storybook.woovi.design/?path=/docs/components-multifactor-multifactorpixpaymentview--docs
@@ -915,7 +835,7 @@ import { ContentBoundary } from '@woovi/ui';
 Componentes com integracao de rotas.
 
 ```tsx
-import { RoutedTabs, TabbedContent } from '@woovi/ui';
+import { RoutedTabs } from '@woovi/ui';
 
 // Tabs com rotas
 <RoutedTabs
@@ -925,25 +845,16 @@ import { RoutedTabs, TabbedContent } from '@woovi/ui';
     { label: 'Configuracoes', path: '/settings' },
   ]}
 />
-
-// Conteudo com tabs
-<TabbedContent
-  tabs={[
-    { label: 'Tab 1', content: <Content1 /> },
-    { label: 'Tab 2', content: <Content2 /> },
-  ]}
-/>
 ```
 
 - RoutedTabs: https://storybook.woovi.design/?path=/docs/components-routed-routedtabs--docs
-- TabbedContent: https://storybook.woovi.design/?path=/docs/components-routed-tabbedcontent--docs
 
 ## ScreenHeader
 
 Cabecalhos de tela para dashboards.
 
 ```tsx
-import { ScreenHeaderUI, ScreenHeaderCard, ScreenHeaderUIResponsive } from '@woovi/ui';
+import { ScreenHeaderUI, ScreenHeaderCard } from '@woovi/ui';
 
 // Header de tela
 <ScreenHeaderUI
@@ -954,17 +865,10 @@ import { ScreenHeaderUI, ScreenHeaderCard, ScreenHeaderUIResponsive } from '@woo
 
 // Header em card
 <ScreenHeaderCard title="Configuracoes" />
-
-// Header responsivo
-<ScreenHeaderUIResponsive
-  title="Pagamentos"
-  backHref="/home"
-/>
 ```
 
 - ScreenHeaderUI: https://storybook.woovi.design/?path=/docs/components-screenheader-screenheaderui--docs
 - ScreenHeaderCard: https://storybook.woovi.design/?path=/docs/components-screenheadercard-screenheadercard--docs
-- ScreenHeaderUIResponsive: https://storybook.woovi.design/?path=/docs/components-screenheaderresponsive-screenheaderuiresponsive--docs
 
 ## Search
 
@@ -973,10 +877,13 @@ Campos de busca.
 ```tsx
 import { GlobalSearchField, SearchField } from '@woovi/ui';
 
-// Campo de busca global
+// Campo de busca global (controlled component)
 <GlobalSearchField
-  placeholder="Buscar transacoes..."
-  onSearch={(query) => handleSearch(query)}
+  value={search}
+  onChange={(e) => setSearch(e.target.value)}
+  variant="primary"
+  onDebounceApplied={(value, event) => handleSearch(value)}
+  fullWidth={false}
 />
 
 // Campo de busca simples
@@ -994,7 +901,7 @@ import { GlobalSearchField, SearchField } from '@woovi/ui';
 Componentes de selecao.
 
 ```tsx
-import { Select, SelectAll } from '@woovi/ui';
+import { Select } from '@woovi/ui';
 
 // Select basico
 <Select
@@ -1006,18 +913,9 @@ import { Select, SelectAll } from '@woovi/ui';
     { value: 'inactive', label: 'Inativo' },
   ]}
 />
-
-// Select com opcao "Todos"
-<SelectAll
-  label="Filtrar por"
-  value={filter}
-  onChange={setFilter}
-  options={options}
-/>
 ```
 
 - Select: https://storybook.woovi.design/?path=/docs/components-select-select--docs
-- SelectAll: https://storybook.woovi.design/?path=/docs/components-select-selectall--docs
 
 ## Sidebar
 
@@ -1079,23 +977,6 @@ import { LedgerStatementText, TransactionTypeText } from '@woovi/ui';
 - LedgerStatementText: https://storybook.woovi.design/?path=/docs/components-statement-ledgerstatementtext--docs
 - TransactionTypeText: https://storybook.woovi.design/?path=/docs/components-statement-transactiontypetext--docs
 
-## Stepper
-
-Componente de progresso em etapas.
-
-```tsx
-import { Step, Stepper } from '@woovi/ui';
-
-<Stepper activeStep={1}>
-  <Step label="Dados pessoais" />
-  <Step label="Endereco" />
-  <Step label="Confirmacao" />
-</Stepper>
-```
-
-- Step: https://storybook.woovi.design/?path=/docs/components-step--docs
-- Stepper: https://storybook.woovi.design/?path=/docs/components-stepper-stepper--docs
-
 ## SwipeableDialog
 
 Dialog com suporte a gestos de swipe para mobile.
@@ -1126,24 +1007,47 @@ import {
 
 ## Table
 
-Componentes de tabela e listas virtualizadas.
+Componentes de tabela, listas virtualizadas, alternancia de visualizacao e parser EMV.
 
 ```tsx
-import { CardListVirtualized, CardListLoading } from '@woovi/ui';
+import {
+  CardListVirtualized,
+  CardListLoading,
+  CardColumn,
+  TableToggleViewModel,
+  TablePixEMV
+} from '@woovi/ui';
 
 // Lista virtualizada para grandes conjuntos de dados
 <CardListVirtualized
-  items={transactions}
-  renderItem={(item) => <TransactionCard data={item} />}
-  height={600}
+  columns={columns}
+  data={rows}
+  onScrollToBottom={handleLoadMore}
+  cardListDefaultHeight="300px"
 />
 
 // Estado de loading
-<CardListLoading count={5} />
+<CardListLoading columns={columns} size={5} />
+
+// Card individual com colunas (usado internamente pela lista virtualizada)
+<CardColumn
+  columns={columns}
+  row={{ id: 1, name: 'John', email: 'john@example.com' }}
+  onCardClick={(card, event) => handleClick(card)}
+/>
+
+// Toggle entre visualizacao tabela e card
+<TableToggleViewModel />
+
+// Tabela de dados EMV de QR Code Pix (com linhas expansiveis para tags aninhadas)
+<TablePixEMV emv="00020126580014br.gov.bcb.pix0136..." />
 ```
 
+- CardColumn: https://storybook.woovi.design/?path=/docs/components-table-cardcolumn--docs
 - CardListLoading: https://storybook.woovi.design/?path=/docs/components-table-cardlistloading--docs
 - CardListVirtualized: https://storybook.woovi.design/?path=/docs/components-table-cardlistvirtualized--docs
+- TableToggleViewModel: https://storybook.woovi.design/?path=/docs/components-table-tabletoggleviewmodel--docs
+- TablePixEMV: https://storybook.woovi.design/?path=/docs/components-table-tablepixemv--docs
 
 ## Tag
 
@@ -1153,10 +1057,8 @@ Componentes de tag e status.
 import {
   Tag,
   TagsContainer,
-  TagWebhookStatus,
   CashbackTagStatus,
   TransactionTagStatus,
-  TransactionTagEntryType
 } from '@woovi/ui';
 
 // Tag simples
@@ -1170,25 +1072,21 @@ import {
 </TagsContainer>
 
 // Tags de status especificos
-<TagWebhookStatus status="active" />
 <CashbackTagStatus status="pending" />
 <TransactionTagStatus status="completed" />
-<TransactionTagEntryType type="credit" />
 ```
 
 - Tag: https://storybook.woovi.design/?path=/docs/components-tag-tag--docs
 - TagsContainer: https://storybook.woovi.design/?path=/docs/components-tag-tagscontainer--docs
-- TagWebhookStatus: https://storybook.woovi.design/?path=/docs/components-tagwebhookstatus--docs
 - CashbackTagStatus: https://storybook.woovi.design/?path=/docs/components-cashbacktagstatus--docs
 - TransactionTagStatus: https://storybook.woovi.design/?path=/docs/components-transactiontagstatus--docs
-- TransactionTagEntryType: https://storybook.woovi.design/?path=/docs/components-transactiontagentrytype--docs
 
 ## Term
 
 Componentes de termos e condicoes.
 
 ```tsx
-import { Terms, TermsLink, TermsModal } from '@woovi/ui';
+import { Terms, TermsLink } from '@woovi/ui';
 
 // Checkbox de termos
 <Terms
@@ -1198,13 +1096,6 @@ import { Terms, TermsLink, TermsModal } from '@woovi/ui';
 
 // Link para termos
 <TermsLink href="/terms">Termos de Uso</TermsLink>
-
-// Modal de termos
-<TermsModal
-  open={showTerms}
-  onAccept={handleAccept}
-  onClose={() => setShowTerms(false)}
-/>
 ```
 
 - Terms: https://storybook.woovi.design/?path=/docs/components-term-terms--docs
@@ -1274,53 +1165,19 @@ Componentes utilitarios diversos.
 ```tsx
 import {
   BackButton,
-  Badge,
-  Circle,
-  CircleButton,
-  Column,
   CopyInput,
-  EmptyMessage,
   EncryptedText,
   FloatingMenu,
-  LinearProgress,
   Loading,
-  OverflowDiv,
-  ProgressBar,
-  QuestionTooltip,
   Row,
-  SafeTextTooltip,
-  ToggleButtonGroup
 } from '@woovi/ui';
 
 // Botao voltar
 <BackButton onClick={() => navigate(-1)} />
 
-// Badge de notificacao
-<Badge count={5}>
-  <Icon name="notifications" />
-</Badge>
-
-// Circulo decorativo
-<Circle color="primary" size={40} />
-
-// Botao circular
-<CircleButton icon="add" onClick={handleAdd} />
-
-// Layout em coluna
-<Column gap={2}>
-  <Item1 />
-  <Item2 />
-</Column>
-
 // Input com botao de copiar
 <CopyInput value="texto-para-copiar" />
 
-// Mensagem de estado vazio
-<EmptyMessage
-  title="Nenhuma transacao"
-  description="Suas transacoes aparecerao aqui"
-/>
-
 // Texto criptografado (ex: CPF mascarado)
 <EncryptedText value="123.456.789-00" />
 
@@ -1332,64 +1189,23 @@ import {
   ]}
 />
 
-// Barra de progresso linear
-<LinearProgress value={75} />
-
 // Loading spinner
 <Loading />
 <Loading size="small" />
 
-// Div com overflow controlado
-<OverflowDiv maxHeight={200}>
-  <LongContent />
-</OverflowDiv>
-
-// Barra de progresso
-<ProgressBar value={50} max={100} />
-
-// Tooltip com icone de interrogacao
-<QuestionTooltip>
-  Explicacao detalhada aqui
-</QuestionTooltip>
-
 // Layout em linha
 <Row gap={2}>
   <Item1 />
   <Item2 />
 </Row>
-
-// Tooltip com texto truncado seguro
-<SafeTextTooltip text="Texto muito longo que sera truncado..." />
-
-// Grupo de botoes toggle
-<ToggleButtonGroup
-  value={view}
-  onChange={setView}
-  options={[
-    { value: 'list', label: 'Lista' },
-    { value: 'grid', label: 'Grid' },
-  ]}
-/>
 ```
 
 - BackButton: https://storybook.woovi.design/?path=/docs/components-backbutton--docs
-- Badge: https://storybook.woovi.design/?path=/docs/components-badge--docs
-- Circle: https://storybook.woovi.design/?path=/docs/components-circle--docs
-- CircleButton: https://storybook.woovi.design/?path=/docs/components-circlebutton--docs
-- Column: https://storybook.woovi.design/?path=/docs/components-column--docs
 - CopyInput: https://storybook.woovi.design/?path=/docs/components-copyinput--docs
-- EmptyMessage: https://storybook.woovi.design/?path=/docs/components-emptymessage--docs
 - EncryptedText: https://storybook.woovi.design/?path=/docs/components-encryptedtext--docs
 - FloatingMenu: https://storybook.woovi.design/?path=/docs/components-floatingmenu--docs
-- LinearProgress: https://storybook.woovi.design/?path=/docs/components-linearprogress--docs
 - Loading: https://storybook.woovi.design/?path=/docs/components-loading--docs
-- OverflowDiv: https://storybook.woovi.design/?path=/docs/components-overflowdiv--docs
-- ProgressBar: https://storybook.woovi.design/?path=/docs/components-progressbar--docs
-- QuestionTooltip: https://storybook.woovi.design/?path=/docs/components-questiontooltip--docs
 - Row: https://storybook.woovi.design/?path=/docs/components-row--docs
-- SafeTextTooltip: https://storybook.woovi.design/?path=/docs/components-safetexttooltip--docs
-- ToggleButtonGroup: https://storybook.woovi.design/?path=/docs/components-togglebuttongroup--docs
-- UnsupportedBrowserWarning: https://storybook.woovi.design/?path=/docs/components-unsupportedbrowser-unsupportedbrowserwarning--docs
 - WindowPopper: https://storybook.woovi.design/?path=/docs/components-windowpopper-windowpopper--docs
 
 ---
@@ -1453,8 +1269,8 @@ function App() {
           <CardAnalytics
             title="Total Recebido"
             value="R$ 15.000,00"
-            change="+12%"
-            trend="up"
+            total="150 transacoes"
+            color="success"
           />
 
           <Card>