@rendra-ui/web 2.6.0 → 2.7.0

package/dist/{components-Btk1cUg2.js.map → components-CpQPMGfT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"components-Btk1cUg2.js","names":[],"sources":["../src/catalog/components.ts"],"sourcesContent":["/**\n * Catálogo de códigos de componente (etapa 1.2.0-alpha.1 do plano da v2).\n *\n * Cada componente de `src/components/ui` (menos os internos `overlay-shell` e\n * `picker-panel`, e menos os arquivos de teste) tem ao menos um código aqui. Uma variante\n * visual relevante (a prop que muda o formato do componente, não tom nem tamanho) ganha o\n * seu próprio código, numerado 001, 002... na ordem em que aparece neste arquivo.\n *\n * O código é o que o cliente escolhe no `docs/BRIEFING_MODELO.md` (\"Componentes e\n * variantes\") e o que aparece na vitrine (`/componentes`), no `data-rendra` do elemento\n * raiz de cada componente e no `registry.json` (`meta.codes`).\n *\n * Formato: `^[A-Z]{3,4}-\\d{3}$` (ex.: \"ABA-001\", \"BTN-006\"). Nunca editar um código depois\n * de publicado: ele é o identificador estável de uma variante.\n */\n\nexport interface ComponentCatalogEntry {\n  /** Formato ^[A-Z]{3,4}-\\d{3}$, ex.: \"ABA-001\". Único no catálogo inteiro. */\n  code: string\n  /** Nome em português do Brasil, ex.: \"Abas em linha\". */\n  name: string\n  /** Nome do componente React, ex.: \"Tabs\". */\n  component: string\n  /** Caminho relativo a partir de src/, ex.: \"components/ui/tabs.tsx\". */\n  file: string\n  /** Props (nome: valor) que definem esta variante especificamente. */\n  variantProps: Record<string, string | number | boolean>\n  /** Frase curta de quando usar esta variante, para o BRIEFING_MODELO. */\n  whenToUse: string\n  /**\n   * Esta é a variante que o componente usa quando a prop não é passada (o valor padrão de\n   * `variantProps` no próprio componente React, ex.: `variant = 'line'` em `tabs.tsx`)? No\n   * máximo uma por componente (nenhuma, para o componente sem variante ou sem um padrão real,\n   * como `Chart`, cuja prop `type` é obrigatória); um componente com mais de uma variante tem\n   * exatamente uma marcada `true` (teste de integridade, `assertCatalogIntegrity`). Usada por\n   * `rendra trocar`: um elemento sem a prop conta como esta variante, e trocar para uma\n   * variante `isDefault` remove a prop em vez de escrever o valor por extenso.\n   */\n  isDefault?: true\n}\n\n/** Formato do código: de 3 a 4 letras maiúsculas, hífen, três dígitos. */\nexport const COMPONENT_CODE_PATTERN = /^[A-Z]{3,4}-\\d{3}$/\n\n/**\n * Arquivos de `src/components/ui` que não entram no catálogo: são peças internas, sem uso\n * direto em tela (nunca aparecem sozinhos numa tela, só dentro de outro componente).\n */\nexport const CATALOG_EXCLUDED_FILES = [\n  'components/ui/overlay-shell.tsx',\n  'components/ui/picker-panel.tsx',\n  'components/ui/sortable-handle.tsx',\n]\n\nexport const CATALOG: ComponentCatalogEntry[] = [\n  // ---------------------------------------------------------------- accordion\n  {\n    code: 'ACRN-001',\n    name: 'Acordeão',\n    component: 'Accordion',\n    file: 'components/ui/accordion.tsx',\n    variantProps: {},\n    whenToUse: 'Para agrupar conteúdo que a pessoa abre um de cada vez, como perguntas frequentes.',\n  },\n  // ---------------------------------------------------------------- action-bar\n  {\n    code: 'ACB-001',\n    name: 'Barra de ação',\n    component: 'ActionBar',\n    file: 'components/ui/action-bar.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para os botões de salvar, cancelar e ações extras de um formulário, drawer ou modal.',\n  },\n  // ---------------------------------------------------------------- alert\n  {\n    code: 'ALRT-001',\n    name: 'Alerta',\n    component: 'Alert',\n    file: 'components/ui/alert.tsx',\n    variantProps: {},\n    whenToUse: 'Para um aviso de sucesso, erro, atenção ou informação dentro do corpo da tela.',\n  },\n  // ---------------------------------------------------------------- avatar\n  {\n    code: 'AVT-001',\n    name: 'Avatar',\n    component: 'Avatar',\n    file: 'components/ui/avatar.tsx',\n    variantProps: {},\n    whenToUse: 'Para a foto ou as iniciais de uma pessoa.',\n  },\n  {\n    code: 'AVT-002',\n    name: 'Avatar em grupo',\n    component: 'AvatarGroup',\n    file: 'components/ui/avatar.tsx',\n    variantProps: {},\n    whenToUse: 'Para mostrar várias pessoas sobrepostas, com contador do excedente.',\n  },\n  // ---------------------------------------------------------------- badge\n  {\n    code: 'BDG-001',\n    name: 'Selo',\n    component: 'Badge',\n    file: 'components/ui/badge.tsx',\n    variantProps: {},\n    whenToUse: 'Para marcar situação, categoria ou contagem curta ao lado de um texto.',\n  },\n  // ---------------------------------------------------------------- brand-feedback-icon\n  {\n    code: 'BFI-001',\n    name: 'Ícone de feedback da marca',\n    component: 'BrandFeedbackIcon',\n    file: 'components/ui/brand-feedback-icon.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para o símbolo da marca tingido pela cor semântica em toast, alerta e telas de status.',\n  },\n  // ---------------------------------------------------------------- brand-logo\n  {\n    code: 'LOGO-001',\n    name: 'Logotipo',\n    component: 'BrandLogo',\n    file: 'components/ui/brand-logo.tsx',\n    variantProps: {},\n    whenToUse: 'Para o logotipo da marca na sidebar, no header ou no painel do login.',\n  },\n  // ---------------------------------------------------------------- breadcrumb\n  {\n    code: 'BRD-001',\n    name: 'Trilha responsiva',\n    component: 'Breadcrumb',\n    file: 'components/ui/breadcrumb.tsx',\n    variantProps: { variant: 'responsive' },\n    whenToUse: 'Dentro do corpo da página: trilha no desktop e botão voltar no celular.',\n    isDefault: true,\n  },\n  {\n    code: 'BRD-002',\n    name: 'Trilha em texto',\n    component: 'Breadcrumb',\n    file: 'components/ui/breadcrumb.tsx',\n    variantProps: { variant: 'trail' },\n    whenToUse: 'No header do AppShell, abaixo do título, sempre em texto pequeno.',\n  },\n  // ---------------------------------------------------------------- button\n  {\n    code: 'BTN-001',\n    name: 'Botão primário',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'primary' },\n    whenToUse: 'Para a ação principal da tela, do formulário ou da barra de ações.',\n    isDefault: true,\n  },\n  {\n    code: 'BTN-002',\n    name: 'Botão secundário',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'secondary' },\n    whenToUse:\n      'Para uma segunda cor de destaque da marca, quando a primária já está em uso na tela.',\n  },\n  {\n    code: 'BTN-003',\n    name: 'Botão contornado',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'outline' },\n    whenToUse: 'Para a ação de cancelar ou para ações secundárias ao lado de um botão primário.',\n  },\n  {\n    code: 'BTN-004',\n    name: 'Botão fantasma',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'ghost' },\n    whenToUse: 'Para ações discretas dentro de cards, linhas de tabela e barras de ferramenta.',\n  },\n  {\n    code: 'BTN-005',\n    name: 'Botão destrutivo',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'destructive' },\n    whenToUse: 'Para uma ação irreversível, como excluir ou encerrar.',\n  },\n  {\n    code: 'BTN-006',\n    name: 'Botão link',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'link' },\n    whenToUse: 'Para uma ação com aparência de link de texto, dentro de uma frase ou de um rodapé.',\n  },\n  // ---------------------------------------------------------------- button-group\n  {\n    code: 'BTNG-001',\n    name: 'Grupo de botões',\n    component: 'ButtonGroup',\n    file: 'components/ui/button-group.tsx',\n    variantProps: { orientation: 'horizontal' },\n    whenToUse: 'Para botões encostados ou um controle segmentado de escolha única.',\n    isDefault: true,\n  },\n  {\n    code: 'BTNG-002',\n    name: 'Grupo de botões vertical',\n    component: 'ButtonGroup',\n    file: 'components/ui/button-group.tsx',\n    variantProps: { orientation: 'vertical' },\n    whenToUse: 'Para botões de ação empilhados, na largura do grupo, com as bordas unidas.',\n  },\n  {\n    code: 'BTNG-003',\n    name: 'Grupo de botões responsivo',\n    component: 'ButtonGroup',\n    file: 'components/ui/button-group.tsx',\n    variantProps: { orientation: 'responsive' },\n    whenToUse: 'Para botões que empilham no celular e ficam lado a lado a partir do tablet.',\n  },\n  // ---------------------------------------------------------------- calendar\n  {\n    code: 'CAL-001',\n    name: 'Calendário',\n    component: 'Calendar',\n    file: 'components/ui/calendar.tsx',\n    variantProps: {},\n    whenToUse: 'Para agenda com visão de mês, semana, dia ou lista de eventos.',\n  },\n  // ---------------------------------------------------------------- card\n  {\n    code: 'CARD-001',\n    name: 'Card',\n    component: 'Card',\n    file: 'components/ui/card.tsx',\n    variantProps: {},\n    whenToUse: 'Para agrupar conteúdo de página com borda e sem sombra pesada.',\n  },\n  // ---------------------------------------------------------------- chart\n  {\n    code: 'CHT-001',\n    name: 'Gráfico de linha',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'line' },\n    whenToUse: 'Para mostrar a evolução de um valor ao longo do tempo.',\n    // A prop `type` do Chart é obrigatória (sem valor padrão no componente): marcado aqui só\n    // para satisfazer o teste de integridade (um padrão por componente com mais de uma\n    // variante); \"rendra trocar\" nunca encontra um <Chart> sem `type`, porque não compila.\n    isDefault: true,\n  },\n  {\n    code: 'CHT-002',\n    name: 'Gráfico de barras',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'bar' },\n    whenToUse: 'Para comparar valores entre categorias.',\n  },\n  {\n    code: 'CHT-003',\n    name: 'Gráfico de área',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'area' },\n    whenToUse: 'Para mostrar volume acumulado ao longo do tempo.',\n  },\n  {\n    code: 'CHT-004',\n    name: 'Gráfico de pizza',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'pie' },\n    whenToUse: 'Para mostrar a proporção de poucas categorias dentro de um total.',\n  },\n  {\n    code: 'CHT-005',\n    name: 'Gráfico combinado',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'combo' },\n    whenToUse: 'Para juntar barras e linha no mesmo gráfico, como receita e meta.',\n  },\n  {\n    code: 'CHT-006',\n    name: 'Velocímetro de meta',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'gauge' },\n    whenToUse: 'Para o percentual de uma meta batida, com faixas de cor.',\n  },\n  {\n    code: 'CHT-007',\n    name: 'Funil',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'funnel' },\n    whenToUse: 'Para etapas que afunilam, com a conversão entre elas.',\n  },\n  // ---------------------------------------------------------------- chat\n  {\n    code: 'CHAT-001',\n    name: 'Lista de conversas',\n    component: 'ConversationList',\n    file: 'components/ui/chat.tsx',\n    variantProps: {},\n    whenToUse: 'Para a coluna de conversas do atendimento.',\n  },\n  {\n    code: 'CHAT-002',\n    name: 'Linha do tempo da conversa',\n    component: 'ChatThread',\n    file: 'components/ui/chat.tsx',\n    variantProps: {},\n    whenToUse: 'Para o histórico de mensagens de uma conversa aberta.',\n  },\n  {\n    code: 'CHAT-003',\n    name: 'Campo de mensagem',\n    component: 'ChatComposer',\n    file: 'components/ui/chat.tsx',\n    variantProps: {},\n    whenToUse: 'Para escrever, anexar e enviar uma mensagem no atendimento.',\n  },\n  // ---------------------------------------------------------------- checkbox\n  {\n    code: 'CHK-001',\n    name: 'Caixa de seleção',\n    component: 'Checkbox',\n    file: 'components/ui/checkbox.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma escolha independente, ligada ou desligada (inclusive indeterminada).',\n  },\n  {\n    code: 'CHK-002',\n    name: 'Grupo de caixas de seleção',\n    component: 'CheckboxGroup',\n    file: 'components/ui/checkbox.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma lista de opções fixas com \"selecionar todos\".',\n  },\n  // ---------------------------------------------------------------- checklist\n  {\n    code: 'CKLT-001',\n    name: 'Lista de verificação',\n    component: 'Checklist',\n    file: 'components/ui/checklist.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para uma lista de itens que a pessoa cria, renomeia, marca e remove, tudo por teclado.',\n  },\n  // ---------------------------------------------------------------- color-picker\n  {\n    code: 'COR-001',\n    name: 'Seletor de cor',\n    component: 'ColorPicker',\n    file: 'components/ui/color-picker.tsx',\n    variantProps: {},\n    whenToUse: 'Para escolher uma cor entre amostras da marca ou uma cor livre por hexadecimal.',\n  },\n  // ---------------------------------------------------------------- data-toolbar\n  {\n    code: 'DTB-001',\n    name: 'Barra de ferramentas da listagem',\n    component: 'DataToolbar',\n    file: 'components/ui/data-toolbar.tsx',\n    variantProps: {},\n    whenToUse: 'Para busca, filtros, colunas e a ação Novo, sempre dentro do card da tabela.',\n  },\n  // ---------------------------------------------------------------- date-picker\n  {\n    code: 'DTP-001',\n    name: 'Seletor de data',\n    component: 'DatePicker',\n    file: 'components/ui/date-picker.tsx',\n    variantProps: {},\n    whenToUse: 'Para escolher uma data, um período ou um horário.',\n  },\n  // ---------------------------------------------------------------- document-viewer\n  {\n    code: 'DOC-001',\n    name: 'Visualizador de documentos',\n    component: 'DocumentViewer',\n    file: 'components/ui/document-viewer.tsx',\n    variantProps: {},\n    whenToUse: 'Para abrir um PDF (contrato, nota fiscal, comprovante) sem sair da tela.',\n  },\n  // ---------------------------------------------------------------- drawer\n  {\n    code: 'GAV-001',\n    name: 'Gaveta',\n    component: 'Drawer',\n    file: 'components/ui/drawer.tsx',\n    variantProps: {},\n    whenToUse: 'Para formulário ou detalhe de volume médio, até cerca de 12 campos.',\n  },\n  // ---------------------------------------------------------------- dropdown-menu\n  {\n    code: 'DDM-001',\n    name: 'Menu suspenso',\n    component: 'DropdownMenuContent',\n    file: 'components/ui/dropdown-menu.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma lista de ações ou opções que abre a partir de um botão ou de um item.',\n  },\n  // ---------------------------------------------------------------- empty-state\n  {\n    code: 'VAZ-001',\n    name: 'Estado vazio',\n    component: 'EmptyState',\n    file: 'components/ui/empty-state.tsx',\n    variantProps: {},\n    whenToUse: 'Para quando uma lista, busca ou seção não tem nenhum dado ainda.',\n  },\n  // ---------------------------------------------------------------- error-page\n  {\n    code: 'ERRO-001',\n    name: 'Tela de erro',\n    component: 'ErrorPage',\n    file: 'components/ui/error-page.tsx',\n    variantProps: {},\n    whenToUse: 'Para página não encontrada (404) ou falha do lado do servidor (500).',\n  },\n  // ---------------------------------------------------------------- field\n  {\n    code: 'FLD-001',\n    name: 'Campo com rótulo e ajuda',\n    component: 'Field',\n    file: 'components/ui/field.tsx',\n    variantProps: {},\n    whenToUse: 'Para envolver qualquer controle de formulário com rótulo, ajuda e erro.',\n  },\n  {\n    code: 'FLD-002',\n    name: 'Rótulo',\n    component: 'Label',\n    file: 'components/ui/field.tsx',\n    variantProps: {},\n    whenToUse: 'Para um rótulo avulso, quando o Field completo não se aplica.',\n  },\n  // ---------------------------------------------------------------- form\n  {\n    code: 'FORM-001',\n    name: 'Formulário',\n    component: 'Form',\n    file: 'components/ui/form.tsx',\n    variantProps: {},\n    whenToUse: 'Para envolver um formulário inteiro, ligado ao React Hook Form.',\n  },\n  {\n    code: 'FORM-002',\n    name: 'Seção de formulário',\n    component: 'FormSection',\n    file: 'components/ui/form.tsx',\n    variantProps: {},\n    whenToUse: 'Para agrupar campos relacionados dentro de um card com título.',\n  },\n  // ---------------------------------------------------------------- image-cropper\n  {\n    code: 'CROP-001',\n    name: 'Recorte de imagem',\n    component: 'ImageCropper',\n    file: 'components/ui/image-cropper.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para recortar uma imagem numa proporção fixa antes de enviar (foto de perfil, capa).',\n  },\n  // ---------------------------------------------------------------- image-viewer\n  {\n    code: 'IMG-001',\n    name: 'Visualizador de imagens',\n    component: 'ImageViewer',\n    file: 'components/ui/image-viewer.tsx',\n    variantProps: {},\n    whenToUse: 'Para abrir uma ou mais imagens em tela cheia, com legenda e navegação.',\n  },\n  // ---------------------------------------------------------------- info-hint\n  {\n    code: 'INFO-001',\n    name: 'Dica de informação',\n    component: 'InfoHint',\n    file: 'components/ui/info-hint.tsx',\n    variantProps: {},\n    whenToUse: 'Para texto orientativo que não tem um título de tela, card ou seção ao lado.',\n  },\n  // ---------------------------------------------------------------- input\n  {\n    code: 'CAMP-001',\n    name: 'Campo de texto',\n    component: 'Input',\n    file: 'components/ui/input.tsx',\n    variantProps: {},\n    whenToUse: 'Para texto, número, senha, telefone, moeda ou qualquer valor de uma linha.',\n  },\n  // ---------------------------------------------------------------- kanban\n  {\n    code: 'KANB-001',\n    name: 'Quadro kanban',\n    component: 'Kanban',\n    file: 'components/ui/kanban.tsx',\n    // variantProps fica vazio de propósito: a diferença para KANB-002 é a prop `dropTargets`\n    // (um array de destinos de arraste), não um literal de string/número/booleano, e o\n    // `rendra trocar` não tem como inventar um array, então ele recusa a troca com uma\n    // mensagem clara (\"sem prop que os distinga\"), e a variante certa fica documentada aqui.\n    variantProps: {},\n    whenToUse: 'Para um funil de etapas com cartões que se movem entre colunas.',\n    isDefault: true,\n  },\n  {\n    code: 'KANB-002',\n    name: 'Quadro kanban com destinos de arraste',\n    component: 'Kanban',\n    file: 'components/ui/kanban.tsx',\n    variantProps: { hasDropTargets: true },\n    whenToUse:\n      'Quando o card pode ir para uma ação além de outra coluna (ex.: \"Marcar como ganho\"), ' +\n      'mostrada numa barra durante o arraste e no menu \"Mover para\".',\n  },\n  // ---------------------------------------------------------------- list\n  {\n    code: 'LIST-001',\n    name: 'Lista',\n    component: 'List',\n    file: 'components/ui/list.tsx',\n    // variantProps fica vazio de propósito: a diferença para LIST-002 é a prop `onReorder`\n    // (uma função de callback), não um literal de string/número/booleano, e o `rendra trocar`\n    // não tem como inventar uma função, então ele recusa a troca com uma mensagem clara (\"sem\n    // prop que os distinga\"), e a variante certa fica documentada aqui.\n    variantProps: {},\n    whenToUse: 'Para linhas simples com início, título, descrição e fim, navegáveis ou não.',\n    isDefault: true,\n  },\n  {\n    code: 'LIST-002',\n    name: 'Lista reordenável',\n    component: 'List',\n    file: 'components/ui/list.tsx',\n    variantProps: { sortable: true },\n    whenToUse: 'Quando a pessoa pode mudar a ordem das linhas, por arraste ou pelas setas da alça.',\n  },\n  // ---------------------------------------------------------------- modal\n  {\n    code: 'MOD-001',\n    name: 'Modal de confirmação',\n    component: 'Modal',\n    file: 'components/ui/modal.tsx',\n    variantProps: { type: 'confirm' },\n    whenToUse:\n      'Para confirmar uma ação com uma principal e uma de cancelar; type=\"destructive\" usa o ' +\n      'mesmo código, porque só muda a cor.',\n    isDefault: true,\n  },\n  {\n    code: 'MOD-002',\n    name: 'Modal de formulário',\n    component: 'Modal',\n    file: 'components/ui/modal.tsx',\n    variantProps: { type: 'form' },\n    whenToUse: 'Para um formulário de até 3 campos simples, sem sair da tela atual.',\n  },\n  {\n    code: 'MOD-003',\n    name: 'Modal informativo',\n    component: 'Modal',\n    file: 'components/ui/modal.tsx',\n    variantProps: { type: 'info' },\n    whenToUse:\n      'Para só informar algo, sem decisão a tomar: um botão só, de largura total, que fecha o modal.',\n  },\n  // ---------------------------------------------------------------- otp-input\n  {\n    code: 'OTP-001',\n    name: 'Código de verificação',\n    component: 'OtpInput',\n    file: 'components/ui/otp-input.tsx',\n    variantProps: {},\n    whenToUse: 'Para confirmar um código enviado por SMS ou e-mail (2FA).',\n  },\n  // ---------------------------------------------------------------- pagination\n  {\n    code: 'PAG-001',\n    name: 'Paginação',\n    component: 'Pagination',\n    file: 'components/ui/pagination.tsx',\n    variantProps: {},\n    whenToUse: 'Para navegar entre páginas de uma listagem.',\n  },\n  // ---------------------------------------------------------------- popover\n  {\n    code: 'POP-001',\n    name: 'Popover',\n    component: 'PopoverContent',\n    file: 'components/ui/popover.tsx',\n    variantProps: {},\n    whenToUse: 'Para um painel curto que abre perto de um botão, como um filtro.',\n  },\n  // ---------------------------------------------------------------- progress\n  {\n    code: 'PROG-001',\n    name: 'Barra de progresso',\n    component: 'Progress',\n    file: 'components/ui/progress.tsx',\n    variantProps: {},\n    whenToUse: 'Para o andamento de uma tarefa ou de um envio.',\n  },\n  // ---------------------------------------------------------------- qr-code\n  {\n    code: 'QRC-001',\n    name: 'Código QR',\n    component: 'QrCode',\n    file: 'components/ui/qr-code.tsx',\n    variantProps: {},\n    whenToUse: 'Para gerar um código QR (link, código de acesso) sem depender de serviço externo.',\n  },\n  // ---------------------------------------------------------------- radio-group\n  {\n    code: 'RDO-001',\n    name: 'Opções em lista',\n    component: 'RadioGroup',\n    file: 'components/ui/radio-group.tsx',\n    variantProps: { variant: 'list' },\n    whenToUse: 'Para poucas opções simples, uma escolha só, em lista com bolinha e texto.',\n    isDefault: true,\n  },\n  {\n    code: 'RDO-002',\n    name: 'Opções em cartões',\n    component: 'RadioGroup',\n    file: 'components/ui/radio-group.tsx',\n    variantProps: { variant: 'cards' },\n    whenToUse: 'Para opções com ícone e descrição, quando cada uma merece mais destaque.',\n  },\n  // ---------------------------------------------------------------- rating\n  {\n    code: 'RTG-001',\n    name: 'Avaliação em estrelas',\n    component: 'Rating',\n    file: 'components/ui/rating.tsx',\n    variantProps: { variant: 'stars' },\n    whenToUse: 'Para uma nota rápida de satisfação, em estrelas.',\n    isDefault: true,\n  },\n  {\n    code: 'RTG-002',\n    name: 'Avaliação em escala',\n    component: 'Rating',\n    file: 'components/ui/rating.tsx',\n    variantProps: { variant: 'scale' },\n    whenToUse: 'Para uma nota de 0 a 10 (NPS e pesquisas parecidas), com rótulo nas pontas.',\n  },\n  // ---------------------------------------------------------------- rendra-credit\n  {\n    code: 'CRED-001',\n    name: 'Crédito Feito com Rendra',\n    component: 'RendraCredit',\n    file: 'components/ui/rendra-credit.tsx',\n    variantProps: {},\n    whenToUse:\n      'No rodapé da tela de login, discreto; pode ser removido (credit={false}) ou levado para ' +\n      'outro lugar visível, como uma tela Sobre.',\n  },\n  // ---------------------------------------------------------------- repeatable-field\n  {\n    code: 'REP-001',\n    name: 'Campo repetível',\n    component: 'RepeatableField',\n    file: 'components/ui/repeatable-field.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para uma lista de campos do mesmo tipo (telefones, e-mails, endereços), com um principal.',\n  },\n  // ---------------------------------------------------------------- rich-text-editor\n  {\n    code: 'RTE-001',\n    name: 'Editor de texto rico',\n    component: 'RichTextEditor',\n    file: 'components/ui/rich-text-editor.tsx',\n    variantProps: {},\n    whenToUse: 'Para conteúdo com formatação, listas e imagens, como a descrição de um artigo.',\n  },\n  // ---------------------------------------------------------------- select\n  {\n    code: 'SEL-001',\n    name: 'Select',\n    component: 'Select',\n    file: 'components/ui/select.tsx',\n    variantProps: {},\n    whenToUse: 'Para escolher uma ou mais opções de uma lista, com ou sem busca.',\n  },\n  // ---------------------------------------------------------------- separator\n  {\n    code: 'SEP-001',\n    name: 'Separador',\n    component: 'Separator',\n    file: 'components/ui/separator.tsx',\n    variantProps: {},\n    whenToUse: 'Para dividir conteúdo dentro de um card, no lugar de um card dentro de card.',\n  },\n  // ---------------------------------------------------------------- skeleton\n  {\n    code: 'SKEL-001',\n    name: 'Esqueleto de carregamento',\n    component: 'Skeleton',\n    file: 'components/ui/skeleton.tsx',\n    variantProps: {},\n    whenToUse: 'Para o estado de carregamento, com a mesma estrutura do conteúdo final.',\n  },\n  // ---------------------------------------------------------------- slider\n  {\n    code: 'SLD-001',\n    name: 'Slider',\n    component: 'Slider',\n    file: 'components/ui/slider.tsx',\n    variantProps: {},\n    whenToUse: 'Para escolher um número ou uma faixa dentro de um intervalo, arrastando.',\n  },\n  // ---------------------------------------------------------------- spinner\n  {\n    code: 'SPIN-001',\n    name: 'Indicador de carregamento',\n    component: 'Spinner',\n    file: 'components/ui/spinner.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para um carregamento breve dentro de um botão, campo ou lista, sem barra de progresso.',\n  },\n  // ---------------------------------------------------------------- stat-card\n  {\n    code: 'STAT-001',\n    name: 'Card de indicador',\n    component: 'StatCard',\n    file: 'components/ui/stat-card.tsx',\n    variantProps: {},\n    whenToUse: 'Para um número de destaque com variação, num painel ou dashboard.',\n  },\n  // ---------------------------------------------------------------- switch\n  {\n    code: 'SWT-001',\n    name: 'Switch',\n    component: 'Switch',\n    file: 'components/ui/switch.tsx',\n    variantProps: {},\n    whenToUse: 'Para ligar ou desligar uma opção com efeito imediato.',\n  },\n  // ---------------------------------------------------------------- table\n  {\n    code: 'TAB-001',\n    name: 'Tabela',\n    component: 'Table',\n    file: 'components/ui/table.tsx',\n    variantProps: {},\n    whenToUse: 'Para qualquer listagem de registros, com busca, filtros e paginação.',\n  },\n  // ---------------------------------------------------------------- tabs\n  {\n    code: 'ABA-001',\n    name: 'Abas em linha',\n    component: 'Tabs',\n    file: 'components/ui/tabs.tsx',\n    variantProps: { variant: 'line' },\n    whenToUse: 'Padrão para dividir o conteúdo de uma tela em seções, com sublinhado na aba ativa.',\n    isDefault: true,\n  },\n  {\n    code: 'ABA-002',\n    name: 'Abas em pílula',\n    component: 'Tabs',\n    file: 'components/ui/tabs.tsx',\n    variantProps: { variant: 'pill' },\n    whenToUse: 'Quando as abas precisam de mais destaque visual, como pílulas sobre fundo suave.',\n  },\n  // ---------------------------------------------------------------- textarea\n  {\n    code: 'TXT-001',\n    name: 'Área de texto',\n    component: 'Textarea',\n    file: 'components/ui/textarea.tsx',\n    variantProps: {},\n    whenToUse: 'Para texto longo, com contador de caracteres opcional.',\n  },\n  // ---------------------------------------------------------------- timeline\n  {\n    code: 'TLN-001',\n    name: 'Linha do tempo',\n    component: 'Timeline',\n    file: 'components/ui/timeline.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma sequência de eventos em ordem, cada um com um tom semântico.',\n  },\n  // ---------------------------------------------------------------- toast\n  {\n    code: 'TST-001',\n    name: 'Toast',\n    component: 'toast',\n    file: 'components/ui/toast.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma confirmação rápida depois de uma ação, sem interromper a tela.',\n  },\n  // ---------------------------------------------------------------- tooltip\n  {\n    code: 'TIP-001',\n    name: 'Tooltip',\n    component: 'Tooltip',\n    file: 'components/ui/tooltip.tsx',\n    variantProps: {},\n    whenToUse: 'Para informação complementar, nunca essencial, que aparece ao passar o mouse.',\n  },\n  // ---------------------------------------------------------------- upload\n  {\n    code: 'UPL-001',\n    name: 'Upload',\n    component: 'Upload',\n    file: 'components/ui/upload.tsx',\n    // A prop que distingue de UPL-002 é `layout` ('list' | 'gallery', padrão 'list'): declarar\n    // o valor padrão aqui (em vez de {}) é o que permite ao `rendra trocar` inserir\n    // layout=\"gallery\" num elemento sem a prop, ao trocar para UPL-002.\n    variantProps: { layout: 'list' },\n    whenToUse: 'Para arrastar e soltar ou escolher arquivos, com lista e progresso por arquivo.',\n    isDefault: true,\n  },\n  {\n    code: 'UPL-002',\n    name: 'Upload em galeria',\n    component: 'Upload',\n    file: 'components/ui/upload.tsx',\n    variantProps: { layout: 'gallery' },\n    whenToUse: 'Para upload de fotos e vídeos, com miniatura em vez de linha de lista.',\n  },\n  // ---------------------------------------------------------------- widget-grid\n  {\n    code: 'WDG-001',\n    name: 'Grade de widgets',\n    component: 'WidgetGrid',\n    file: 'components/ui/widget-grid.tsx',\n    variantProps: {},\n    whenToUse: 'Para um painel com blocos que a pessoa pode arrastar e redimensionar.',\n  },\n  // ---------------------------------------------------------------- wizard\n  {\n    code: 'WIZ-001',\n    name: 'Wizard',\n    component: 'Wizard',\n    file: 'components/ui/wizard.tsx',\n    variantProps: {},\n    whenToUse: 'Para um cadastro longo dividido em etapas, com validação por etapa.',\n  },\n  {\n    code: 'WIZ-002',\n    name: 'Indicador de etapas',\n    component: 'Stepper',\n    file: 'components/ui/wizard.tsx',\n    variantProps: {},\n    whenToUse: 'Para mostrar o progresso em etapas por conta própria, sem o Wizard inteiro.',\n  },\n]\n\n/** Um código específico do catálogo (ex.: para montar a vitrine ou o registry). */\nexport function getCatalogEntry(code: string): ComponentCatalogEntry | undefined {\n  return CATALOG.find((entry) => entry.code === code)\n}\n\n/** Todos os códigos de um componente (ex.: as duas variantes do Tabs), na ordem cadastrada. */\nexport function catalogByComponent(component: string): ComponentCatalogEntry[] {\n  return CATALOG.filter((entry) => entry.component === component)\n}\n\n/**\n * Resolve o código de catálogo de um componente a partir das props que definem a variante.\n * Sem variante (um código só, ou nenhuma prop bate), devolve o primeiro código cadastrado\n * para o componente. Usado pelos próprios componentes para calcular o `data-rendra`, sem\n * duplicar a tabela de variantes.\n */\nexport function resolveCatalogCode(component: string, props: Record<string, unknown> = {}): string {\n  const entries = catalogByComponent(component)\n  if (entries.length === 0) {\n    throw new Error(`Catálogo: nenhum código cadastrado para o componente \"${component}\".`)\n  }\n  const match = entries.find(\n    (entry) =>\n      Object.keys(entry.variantProps).length > 0 &&\n      Object.entries(entry.variantProps).every(([key, value]) => props[key] === value),\n  )\n  // entries.length > 0 já foi conferido acima: entries[0] sempre existe aqui.\n  return (match ?? entries[0]!).code\n}\n\n/*\n * Regras de integridade (usadas pelo teste em components.test.ts e por assertCatalogIntegrity).\n * São funções puras, sem acesso a arquivo: recebem a lista de entradas e devolvem o que\n * está errado, para o teste poder provar a regra com uma lista fabricada, não só com o\n * catálogo real.\n */\n\n/** Código que aparece mais de uma vez na lista. */\nexport function findDuplicateCodes(entries: ComponentCatalogEntry[]): string[] {\n  const seen = new Set<string>()\n  const duplicates = new Set<string>()\n  for (const entry of entries) {\n    if (seen.has(entry.code)) duplicates.add(entry.code)\n    seen.add(entry.code)\n  }\n  return [...duplicates]\n}\n\n/** Código fora do formato ^[A-Z]{3,4}-\\d{3}$. */\nexport function findInvalidFormatCodes(entries: ComponentCatalogEntry[]): string[] {\n  return entries\n    .filter((entry) => !COMPONENT_CODE_PATTERN.test(entry.code))\n    .map((entry) => entry.code)\n}\n\n/**\n * Código que colidiria com um código de modelo (T1, C4, M5...) de src/config/presets.ts,\n * cujo padrão é /[TCM]\\d+/ (uma letra T, C ou M seguida direto de dígitos, sem hífen).\n */\nexport function findPresetCollisions(entries: ComponentCatalogEntry[]): string[] {\n  return entries.filter((entry) => /[TCM]\\d+/.test(entry.code)).map((entry) => entry.code)\n}\n\n/** Arquivo (caminho relativo a src/) que não tem nenhuma entrada no catálogo. */\nexport function filesMissingCatalogEntry(\n  files: string[],\n  entries: ComponentCatalogEntry[],\n): string[] {\n  const covered = new Set(entries.map((entry) => entry.file))\n  return files.filter((file) => !covered.has(file))\n}\n\n/** Componente (nome) com mais de uma variante no catálogo, agrupadas na ordem cadastrada. */\nfunction groupByComponentWithMultipleVariants(\n  entries: ComponentCatalogEntry[],\n): Map<string, ComponentCatalogEntry[]> {\n  const byComponent = new Map<string, ComponentCatalogEntry[]>()\n  for (const entry of entries) {\n    const list = byComponent.get(entry.component) ?? []\n    list.push(entry)\n    byComponent.set(entry.component, list)\n  }\n  for (const [component, list] of byComponent) if (list.length <= 1) byComponent.delete(component)\n  return byComponent\n}\n\n/**\n * Componente com mais de uma variante que não tem nenhuma marcada `isDefault` (fase 3, Lote\n * B: `rendra trocar` precisa saber qual variante um elemento sem a prop representa).\n */\nexport function findComponentsWithoutDefault(entries: ComponentCatalogEntry[]): string[] {\n  const groups = groupByComponentWithMultipleVariants(entries)\n  return [...groups]\n    .filter(([, list]) => !list.some((entry) => entry.isDefault))\n    .map(([component]) => component)\n}\n\n/** Componente com mais de uma variante marcada `isDefault` ao mesmo tempo (só pode uma). */\nexport function findComponentsWithMultipleDefaults(entries: ComponentCatalogEntry[]): string[] {\n  const groups = groupByComponentWithMultipleVariants(entries)\n  return [...groups]\n    .filter(([, list]) => list.filter((entry) => entry.isDefault).length > 1)\n    .map(([component]) => component)\n}\n\n/**\n * Lança se houver código duplicado, fora do formato, colidindo com um código de modelo, ou\n * componente com mais de uma variante sem exatamente uma marcada `isDefault`.\n */\nexport function assertCatalogIntegrity(): void {\n  const duplicates = findDuplicateCodes(CATALOG)\n  if (duplicates.length > 0) {\n    throw new Error(`Catálogo: código duplicado: ${duplicates.join(', ')}.`)\n  }\n  const invalid = findInvalidFormatCodes(CATALOG)\n  if (invalid.length > 0) {\n    throw new Error(`Catálogo: código fora do formato ^[A-Z]{3,4}-\\\\d{3}$: ${invalid.join(', ')}.`)\n  }\n  const collisions = findPresetCollisions(CATALOG)\n  if (collisions.length > 0) {\n    throw new Error(\n      `Catálogo: código colide com um código de modelo (T/C/M): ${collisions.join(', ')}.`,\n    )\n  }\n  const semPadrao = findComponentsWithoutDefault(CATALOG)\n  if (semPadrao.length > 0) {\n    throw new Error(\n      `Catálogo: componente com mais de uma variante sem nenhuma marcada isDefault: ${semPadrao.join(', ')}.`,\n    )\n  }\n  const padraoDuplicado = findComponentsWithMultipleDefaults(CATALOG)\n  if (padraoDuplicado.length > 0) {\n    throw new Error(\n      `Catálogo: componente com mais de uma variante marcada isDefault: ${padraoDuplicado.join(', ')}.`,\n    )\n  }\n}\n"],"mappings":"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AS;EAC/B,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CACA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CACA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CACA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WACE;CACJ;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CACA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,C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"}
+{"version":3,"file":"components-CpQPMGfT.js","names":[],"sources":["../src/catalog/components.ts"],"sourcesContent":["/**\n * Catálogo de códigos de componente (etapa 1.2.0-alpha.1 do plano da v2).\n *\n * Cada componente de `src/components/ui` (menos os internos `overlay-shell` e\n * `picker-panel`, e menos os arquivos de teste) tem ao menos um código aqui. Uma variante\n * visual relevante (a prop que muda o formato do componente, não tom nem tamanho) ganha o\n * seu próprio código, numerado 001, 002... na ordem em que aparece neste arquivo.\n *\n * O código é o que o cliente escolhe no `docs/BRIEFING_MODELO.md` (\"Componentes e\n * variantes\") e o que aparece na vitrine (`/componentes`), no `data-rendra` do elemento\n * raiz de cada componente e no `registry.json` (`meta.codes`).\n *\n * Formato: `^[A-Z]{3,4}-\\d{3}$` (ex.: \"ABA-001\", \"BTN-006\"). Nunca editar um código depois\n * de publicado: ele é o identificador estável de uma variante.\n */\n\nexport interface ComponentCatalogEntry {\n  /** Formato ^[A-Z]{3,4}-\\d{3}$, ex.: \"ABA-001\". Único no catálogo inteiro. */\n  code: string\n  /** Nome em português do Brasil, ex.: \"Abas em linha\". */\n  name: string\n  /** Nome do componente React, ex.: \"Tabs\". */\n  component: string\n  /** Caminho relativo a partir de src/, ex.: \"components/ui/tabs.tsx\". */\n  file: string\n  /** Props (nome: valor) que definem esta variante especificamente. */\n  variantProps: Record<string, string | number | boolean>\n  /** Frase curta de quando usar esta variante, para o BRIEFING_MODELO. */\n  whenToUse: string\n  /**\n   * Esta é a variante que o componente usa quando a prop não é passada (o valor padrão de\n   * `variantProps` no próprio componente React, ex.: `variant = 'line'` em `tabs.tsx`)? No\n   * máximo uma por componente (nenhuma, para o componente sem variante ou sem um padrão real,\n   * como `Chart`, cuja prop `type` é obrigatória); um componente com mais de uma variante tem\n   * exatamente uma marcada `true` (teste de integridade, `assertCatalogIntegrity`). Usada por\n   * `rendra trocar`: um elemento sem a prop conta como esta variante, e trocar para uma\n   * variante `isDefault` remove a prop em vez de escrever o valor por extenso.\n   */\n  isDefault?: true\n}\n\n/** Formato do código: de 3 a 4 letras maiúsculas, hífen, três dígitos. */\nexport const COMPONENT_CODE_PATTERN = /^[A-Z]{3,4}-\\d{3}$/\n\n/**\n * Arquivos de `src/components/ui` que não entram no catálogo: são peças internas, sem uso\n * direto em tela (nunca aparecem sozinhos numa tela, só dentro de outro componente).\n */\nexport const CATALOG_EXCLUDED_FILES = [\n  'components/ui/overlay-shell.tsx',\n  'components/ui/picker-panel.tsx',\n  'components/ui/sortable-handle.tsx',\n]\n\nexport const CATALOG: ComponentCatalogEntry[] = [\n  // ---------------------------------------------------------------- accordion\n  {\n    code: 'ACRN-001',\n    name: 'Acordeão',\n    component: 'Accordion',\n    file: 'components/ui/accordion.tsx',\n    variantProps: {},\n    whenToUse: 'Para agrupar conteúdo que a pessoa abre um de cada vez, como perguntas frequentes.',\n  },\n  // ---------------------------------------------------------------- action-bar\n  {\n    code: 'ACB-001',\n    name: 'Barra de ação',\n    component: 'ActionBar',\n    file: 'components/ui/action-bar.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para os botões de salvar, cancelar e ações extras de um formulário, drawer ou modal.',\n  },\n  // ---------------------------------------------------------------- alert\n  {\n    code: 'ALRT-001',\n    name: 'Alerta',\n    component: 'Alert',\n    file: 'components/ui/alert.tsx',\n    variantProps: {},\n    whenToUse: 'Para um aviso de sucesso, erro, atenção ou informação dentro do corpo da tela.',\n  },\n  // ---------------------------------------------------------------- avatar\n  {\n    code: 'AVT-001',\n    name: 'Avatar',\n    component: 'Avatar',\n    file: 'components/ui/avatar.tsx',\n    variantProps: {},\n    whenToUse: 'Para a foto ou as iniciais de uma pessoa.',\n  },\n  {\n    code: 'AVT-002',\n    name: 'Avatar em grupo',\n    component: 'AvatarGroup',\n    file: 'components/ui/avatar.tsx',\n    variantProps: {},\n    whenToUse: 'Para mostrar várias pessoas sobrepostas, com contador do excedente.',\n  },\n  // ---------------------------------------------------------------- badge\n  {\n    code: 'BDG-001',\n    name: 'Selo',\n    component: 'Badge',\n    file: 'components/ui/badge.tsx',\n    variantProps: {},\n    whenToUse: 'Para marcar situação, categoria ou contagem curta ao lado de um texto.',\n  },\n  // ---------------------------------------------------------------- brand-feedback-icon\n  {\n    code: 'BFI-001',\n    name: 'Ícone de feedback da marca',\n    component: 'BrandFeedbackIcon',\n    file: 'components/ui/brand-feedback-icon.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para o símbolo da marca tingido pela cor semântica em toast, alerta e telas de status.',\n  },\n  // ---------------------------------------------------------------- brand-logo\n  {\n    code: 'LOGO-001',\n    name: 'Logotipo',\n    component: 'BrandLogo',\n    file: 'components/ui/brand-logo.tsx',\n    variantProps: {},\n    whenToUse: 'Para o logotipo da marca na sidebar, no header ou no painel do login.',\n  },\n  // ---------------------------------------------------------------- breadcrumb\n  {\n    code: 'BRD-001',\n    name: 'Trilha responsiva',\n    component: 'Breadcrumb',\n    file: 'components/ui/breadcrumb.tsx',\n    variantProps: { variant: 'responsive' },\n    whenToUse: 'Dentro do corpo da página: trilha no desktop e botão voltar no celular.',\n    isDefault: true,\n  },\n  {\n    code: 'BRD-002',\n    name: 'Trilha em texto',\n    component: 'Breadcrumb',\n    file: 'components/ui/breadcrumb.tsx',\n    variantProps: { variant: 'trail' },\n    whenToUse: 'No header do AppShell, abaixo do título, sempre em texto pequeno.',\n  },\n  // ---------------------------------------------------------------- button\n  {\n    code: 'BTN-001',\n    name: 'Botão primário',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'primary' },\n    whenToUse: 'Para a ação principal da tela, do formulário ou da barra de ações.',\n    isDefault: true,\n  },\n  {\n    code: 'BTN-002',\n    name: 'Botão secundário',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'secondary' },\n    whenToUse:\n      'Para uma segunda cor de destaque da marca, quando a primária já está em uso na tela.',\n  },\n  {\n    code: 'BTN-003',\n    name: 'Botão contornado',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'outline' },\n    whenToUse: 'Para a ação de cancelar ou para ações secundárias ao lado de um botão primário.',\n  },\n  {\n    code: 'BTN-004',\n    name: 'Botão fantasma',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'ghost' },\n    whenToUse: 'Para ações discretas dentro de cards, linhas de tabela e barras de ferramenta.',\n  },\n  {\n    code: 'BTN-005',\n    name: 'Botão destrutivo',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'destructive' },\n    whenToUse: 'Para uma ação irreversível, como excluir ou encerrar.',\n  },\n  {\n    code: 'BTN-006',\n    name: 'Botão link',\n    component: 'Button',\n    file: 'components/ui/button.tsx',\n    variantProps: { variant: 'link' },\n    whenToUse: 'Para uma ação com aparência de link de texto, dentro de uma frase ou de um rodapé.',\n  },\n  // ---------------------------------------------------------------- button-group\n  {\n    code: 'BTNG-001',\n    name: 'Grupo de botões',\n    component: 'ButtonGroup',\n    file: 'components/ui/button-group.tsx',\n    variantProps: { orientation: 'horizontal' },\n    whenToUse: 'Para botões encostados ou um controle segmentado de escolha única.',\n    isDefault: true,\n  },\n  {\n    code: 'BTNG-002',\n    name: 'Grupo de botões vertical',\n    component: 'ButtonGroup',\n    file: 'components/ui/button-group.tsx',\n    variantProps: { orientation: 'vertical' },\n    whenToUse: 'Para botões de ação empilhados, na largura do grupo, com as bordas unidas.',\n  },\n  {\n    code: 'BTNG-003',\n    name: 'Grupo de botões responsivo',\n    component: 'ButtonGroup',\n    file: 'components/ui/button-group.tsx',\n    variantProps: { orientation: 'responsive' },\n    whenToUse: 'Para botões que empilham no celular e ficam lado a lado a partir do tablet.',\n  },\n  // ---------------------------------------------------------------- calendar\n  {\n    code: 'CAL-001',\n    name: 'Calendário',\n    component: 'Calendar',\n    file: 'components/ui/calendar.tsx',\n    variantProps: {},\n    whenToUse: 'Para agenda com visão de mês, semana, dia ou lista de eventos.',\n  },\n  // ---------------------------------------------------------------- card\n  {\n    code: 'CARD-001',\n    name: 'Card',\n    component: 'Card',\n    file: 'components/ui/card.tsx',\n    variantProps: {},\n    whenToUse: 'Para agrupar conteúdo de página com borda e sem sombra pesada.',\n  },\n  // ---------------------------------------------------------------- chart\n  {\n    code: 'CHT-001',\n    name: 'Gráfico de linha',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'line' },\n    whenToUse: 'Para mostrar a evolução de um valor ao longo do tempo.',\n    // A prop `type` do Chart é obrigatória (sem valor padrão no componente): marcado aqui só\n    // para satisfazer o teste de integridade (um padrão por componente com mais de uma\n    // variante); \"rendra trocar\" nunca encontra um <Chart> sem `type`, porque não compila.\n    isDefault: true,\n  },\n  {\n    code: 'CHT-002',\n    name: 'Gráfico de barras',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'bar' },\n    whenToUse: 'Para comparar valores entre categorias.',\n  },\n  {\n    code: 'CHT-003',\n    name: 'Gráfico de área',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'area' },\n    whenToUse: 'Para mostrar volume acumulado ao longo do tempo.',\n  },\n  {\n    code: 'CHT-004',\n    name: 'Gráfico de pizza',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'pie' },\n    whenToUse: 'Para mostrar a proporção de poucas categorias dentro de um total.',\n  },\n  {\n    code: 'CHT-005',\n    name: 'Gráfico combinado',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'combo' },\n    whenToUse: 'Para juntar barras e linha no mesmo gráfico, como receita e meta.',\n  },\n  {\n    code: 'CHT-006',\n    name: 'Velocímetro de meta',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'gauge' },\n    whenToUse: 'Para o percentual de uma meta batida, com faixas de cor.',\n  },\n  {\n    code: 'CHT-007',\n    name: 'Funil',\n    component: 'Chart',\n    file: 'components/ui/chart.tsx',\n    variantProps: { type: 'funnel' },\n    whenToUse: 'Para etapas que afunilam, com a conversão entre elas.',\n  },\n  // ---------------------------------------------------------------- chat\n  {\n    code: 'CHAT-001',\n    name: 'Lista de conversas',\n    component: 'ConversationList',\n    file: 'components/ui/chat.tsx',\n    variantProps: {},\n    whenToUse: 'Para a coluna de conversas do atendimento.',\n  },\n  {\n    code: 'CHAT-002',\n    name: 'Linha do tempo da conversa',\n    component: 'ChatThread',\n    file: 'components/ui/chat.tsx',\n    variantProps: {},\n    whenToUse: 'Para o histórico de mensagens de uma conversa aberta.',\n  },\n  {\n    code: 'CHAT-003',\n    name: 'Campo de mensagem',\n    component: 'ChatComposer',\n    file: 'components/ui/chat.tsx',\n    variantProps: {},\n    whenToUse: 'Para escrever, anexar e enviar uma mensagem no atendimento.',\n  },\n  // ---------------------------------------------------------------- checkbox\n  {\n    code: 'CHK-001',\n    name: 'Caixa de seleção',\n    component: 'Checkbox',\n    file: 'components/ui/checkbox.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma escolha independente, ligada ou desligada (inclusive indeterminada).',\n  },\n  {\n    code: 'CHK-002',\n    name: 'Grupo de caixas de seleção',\n    component: 'CheckboxGroup',\n    file: 'components/ui/checkbox.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma lista de opções fixas com \"selecionar todos\".',\n  },\n  // ---------------------------------------------------------------- checklist\n  {\n    code: 'CKLT-001',\n    name: 'Lista de verificação',\n    component: 'Checklist',\n    file: 'components/ui/checklist.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para uma lista de itens que a pessoa cria, renomeia, marca e remove, tudo por teclado.',\n  },\n  // ---------------------------------------------------------------- color-picker\n  {\n    code: 'COR-001',\n    name: 'Seletor de cor',\n    component: 'ColorPicker',\n    file: 'components/ui/color-picker.tsx',\n    variantProps: {},\n    whenToUse: 'Para escolher uma cor entre amostras da marca ou uma cor livre por hexadecimal.',\n  },\n  // ---------------------------------------------------------------- data-toolbar\n  {\n    code: 'DTB-001',\n    name: 'Barra de ferramentas da listagem',\n    component: 'DataToolbar',\n    file: 'components/ui/data-toolbar.tsx',\n    variantProps: {},\n    whenToUse: 'Para busca, filtros, colunas e a ação Novo, sempre dentro do card da tabela.',\n  },\n  // ---------------------------------------------------------------- date-picker\n  {\n    code: 'DTP-001',\n    name: 'Seletor de data',\n    component: 'DatePicker',\n    file: 'components/ui/date-picker.tsx',\n    variantProps: {},\n    whenToUse: 'Para escolher uma data, um período ou um horário.',\n  },\n  // ---------------------------------------------------------------- document-viewer\n  {\n    code: 'DOC-001',\n    name: 'Visualizador de documentos',\n    component: 'DocumentViewer',\n    file: 'components/ui/document-viewer.tsx',\n    variantProps: {},\n    whenToUse: 'Para abrir um PDF (contrato, nota fiscal, comprovante) sem sair da tela.',\n  },\n  // ---------------------------------------------------------------- drawer\n  {\n    code: 'GAV-001',\n    name: 'Gaveta',\n    component: 'Drawer',\n    file: 'components/ui/drawer.tsx',\n    variantProps: {},\n    whenToUse: 'Para formulário ou detalhe de volume médio, até cerca de 12 campos.',\n  },\n  // ---------------------------------------------------------------- dropdown-menu\n  {\n    code: 'DDM-001',\n    name: 'Menu suspenso',\n    component: 'DropdownMenuContent',\n    file: 'components/ui/dropdown-menu.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma lista de ações ou opções que abre a partir de um botão ou de um item.',\n  },\n  // ---------------------------------------------------------------- empty-state\n  {\n    code: 'VAZ-001',\n    name: 'Estado vazio',\n    component: 'EmptyState',\n    file: 'components/ui/empty-state.tsx',\n    variantProps: {},\n    whenToUse: 'Para quando uma lista, busca ou seção não tem nenhum dado ainda.',\n  },\n  // ---------------------------------------------------------------- error-page\n  {\n    code: 'ERRO-001',\n    name: 'Tela de erro',\n    component: 'ErrorPage',\n    file: 'components/ui/error-page.tsx',\n    variantProps: {},\n    whenToUse: 'Para página não encontrada (404) ou falha do lado do servidor (500).',\n  },\n  // ---------------------------------------------------------------- field\n  {\n    code: 'FLD-001',\n    name: 'Campo com rótulo e ajuda',\n    component: 'Field',\n    file: 'components/ui/field.tsx',\n    variantProps: {},\n    whenToUse: 'Para envolver qualquer controle de formulário com rótulo, ajuda e erro.',\n  },\n  {\n    code: 'FLD-002',\n    name: 'Rótulo',\n    component: 'Label',\n    file: 'components/ui/field.tsx',\n    variantProps: {},\n    whenToUse: 'Para um rótulo avulso, quando o Field completo não se aplica.',\n  },\n  // ---------------------------------------------------------------- form\n  {\n    code: 'FORM-001',\n    name: 'Formulário',\n    component: 'Form',\n    file: 'components/ui/form.tsx',\n    variantProps: {},\n    whenToUse: 'Para envolver um formulário inteiro, ligado ao React Hook Form.',\n  },\n  {\n    code: 'FORM-002',\n    name: 'Seção de formulário',\n    component: 'FormSection',\n    file: 'components/ui/form.tsx',\n    variantProps: {},\n    whenToUse: 'Para agrupar campos relacionados dentro de um card com título.',\n  },\n  // ---------------------------------------------------------------- image-cropper\n  {\n    code: 'CROP-001',\n    name: 'Recorte de imagem',\n    component: 'ImageCropper',\n    file: 'components/ui/image-cropper.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para recortar uma imagem numa proporção fixa antes de enviar (foto de perfil, capa).',\n  },\n  // ---------------------------------------------------------------- image-viewer\n  {\n    code: 'IMG-001',\n    name: 'Visualizador de imagens',\n    component: 'ImageViewer',\n    file: 'components/ui/image-viewer.tsx',\n    variantProps: {},\n    whenToUse: 'Para abrir uma ou mais imagens em tela cheia, com legenda e navegação.',\n  },\n  // ---------------------------------------------------------------- info-hint\n  {\n    code: 'INFO-001',\n    name: 'Dica de informação',\n    component: 'InfoHint',\n    file: 'components/ui/info-hint.tsx',\n    variantProps: {},\n    whenToUse: 'Para texto orientativo que não tem um título de tela, card ou seção ao lado.',\n  },\n  // ---------------------------------------------------------------- input\n  {\n    code: 'CAMP-001',\n    name: 'Campo de texto',\n    component: 'Input',\n    file: 'components/ui/input.tsx',\n    variantProps: {},\n    whenToUse: 'Para texto, número, senha, telefone, moeda ou qualquer valor de uma linha.',\n  },\n  // ---------------------------------------------------------------- kanban\n  {\n    code: 'KANB-001',\n    name: 'Quadro kanban',\n    component: 'Kanban',\n    file: 'components/ui/kanban.tsx',\n    // variantProps fica vazio de propósito: a diferença para KANB-002 é a prop `dropTargets`\n    // (um array de destinos de arraste), não um literal de string/número/booleano, e o\n    // `rendra trocar` não tem como inventar um array, então ele recusa a troca com uma\n    // mensagem clara (\"sem prop que os distinga\"), e a variante certa fica documentada aqui.\n    variantProps: {},\n    whenToUse: 'Para um funil de etapas com cartões que se movem entre colunas.',\n    isDefault: true,\n  },\n  {\n    code: 'KANB-002',\n    name: 'Quadro kanban com destinos de arraste',\n    component: 'Kanban',\n    file: 'components/ui/kanban.tsx',\n    variantProps: { hasDropTargets: true },\n    whenToUse:\n      'Quando o card pode ir para uma ação além de outra coluna (ex.: \"Marcar como ganho\"), ' +\n      'mostrada numa barra durante o arraste e no menu \"Mover para\".',\n  },\n  // ---------------------------------------------------------------- list\n  {\n    code: 'LIST-001',\n    name: 'Lista',\n    component: 'List',\n    file: 'components/ui/list.tsx',\n    // variantProps fica vazio de propósito: a diferença para LIST-002 é a prop `onReorder`\n    // (uma função de callback), não um literal de string/número/booleano, e o `rendra trocar`\n    // não tem como inventar uma função, então ele recusa a troca com uma mensagem clara (\"sem\n    // prop que os distinga\"), e a variante certa fica documentada aqui.\n    variantProps: {},\n    whenToUse: 'Para linhas simples com início, título, descrição e fim, navegáveis ou não.',\n    isDefault: true,\n  },\n  {\n    code: 'LIST-002',\n    name: 'Lista reordenável',\n    component: 'List',\n    file: 'components/ui/list.tsx',\n    variantProps: { sortable: true },\n    whenToUse: 'Quando a pessoa pode mudar a ordem das linhas, por arraste ou pelas setas da alça.',\n  },\n  // ---------------------------------------------------------------- modal\n  {\n    code: 'MOD-001',\n    name: 'Modal de confirmação',\n    component: 'Modal',\n    file: 'components/ui/modal.tsx',\n    variantProps: { type: 'confirm' },\n    whenToUse:\n      'Para confirmar uma ação com uma principal e uma de cancelar; type=\"destructive\" usa o ' +\n      'mesmo código, porque só muda a cor.',\n    isDefault: true,\n  },\n  {\n    code: 'MOD-002',\n    name: 'Modal de formulário',\n    component: 'Modal',\n    file: 'components/ui/modal.tsx',\n    variantProps: { type: 'form' },\n    whenToUse: 'Para um formulário de até 3 campos simples, sem sair da tela atual.',\n  },\n  {\n    code: 'MOD-003',\n    name: 'Modal informativo',\n    component: 'Modal',\n    file: 'components/ui/modal.tsx',\n    variantProps: { type: 'info' },\n    whenToUse:\n      'Para só informar algo, sem decisão a tomar: um botão só, de largura total, que fecha o modal.',\n  },\n  // ---------------------------------------------------------------- otp-input\n  {\n    code: 'OTP-001',\n    name: 'Código de verificação',\n    component: 'OtpInput',\n    file: 'components/ui/otp-input.tsx',\n    variantProps: {},\n    whenToUse: 'Para confirmar um código enviado por SMS ou e-mail (2FA).',\n  },\n  // ---------------------------------------------------------------- pagination\n  {\n    code: 'PAG-001',\n    name: 'Paginação',\n    component: 'Pagination',\n    file: 'components/ui/pagination.tsx',\n    variantProps: {},\n    whenToUse: 'Para navegar entre páginas de uma listagem.',\n  },\n  // ---------------------------------------------------------------- popover\n  {\n    code: 'POP-001',\n    name: 'Popover',\n    component: 'PopoverContent',\n    file: 'components/ui/popover.tsx',\n    variantProps: {},\n    whenToUse: 'Para um painel curto que abre perto de um botão, como um filtro.',\n  },\n  // ---------------------------------------------------------------- progress\n  {\n    code: 'PROG-001',\n    name: 'Barra de progresso',\n    component: 'Progress',\n    file: 'components/ui/progress.tsx',\n    variantProps: {},\n    whenToUse: 'Para o andamento de uma tarefa ou de um envio.',\n  },\n  // ---------------------------------------------------------------- qr-code\n  {\n    code: 'QRC-001',\n    name: 'Código QR',\n    component: 'QrCode',\n    file: 'components/ui/qr-code.tsx',\n    variantProps: {},\n    whenToUse: 'Para gerar um código QR (link, código de acesso) sem depender de serviço externo.',\n  },\n  // ---------------------------------------------------------------- radio-group\n  {\n    code: 'RDO-001',\n    name: 'Opções em lista',\n    component: 'RadioGroup',\n    file: 'components/ui/radio-group.tsx',\n    variantProps: { variant: 'list' },\n    whenToUse: 'Para poucas opções simples, uma escolha só, em lista com bolinha e texto.',\n    isDefault: true,\n  },\n  {\n    code: 'RDO-002',\n    name: 'Opções em cartões',\n    component: 'RadioGroup',\n    file: 'components/ui/radio-group.tsx',\n    variantProps: { variant: 'cards' },\n    whenToUse: 'Para opções com ícone e descrição, quando cada uma merece mais destaque.',\n  },\n  // ---------------------------------------------------------------- rating\n  {\n    code: 'RTG-001',\n    name: 'Avaliação em estrelas',\n    component: 'Rating',\n    file: 'components/ui/rating.tsx',\n    variantProps: { variant: 'stars' },\n    whenToUse: 'Para uma nota rápida de satisfação, em estrelas.',\n    isDefault: true,\n  },\n  {\n    code: 'RTG-002',\n    name: 'Avaliação em escala',\n    component: 'Rating',\n    file: 'components/ui/rating.tsx',\n    variantProps: { variant: 'scale' },\n    whenToUse: 'Para uma nota de 0 a 10 (NPS e pesquisas parecidas), com rótulo nas pontas.',\n  },\n  // ---------------------------------------------------------------- rendra-credit\n  {\n    code: 'CRED-001',\n    name: 'Crédito Feito com Rendra',\n    component: 'RendraCredit',\n    file: 'components/ui/rendra-credit.tsx',\n    variantProps: {},\n    whenToUse:\n      'No rodapé da tela de login, discreto; pode ser removido (credit={false}) ou levado para ' +\n      'outro lugar visível, como uma tela Sobre.',\n  },\n  // ---------------------------------------------------------------- repeatable-field\n  {\n    code: 'REP-001',\n    name: 'Campo repetível',\n    component: 'RepeatableField',\n    file: 'components/ui/repeatable-field.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para uma lista de campos do mesmo tipo (telefones, e-mails, endereços), com um principal.',\n  },\n  // ---------------------------------------------------------------- rich-text-editor\n  {\n    code: 'RTE-001',\n    name: 'Editor de texto rico',\n    component: 'RichTextEditor',\n    file: 'components/ui/rich-text-editor.tsx',\n    variantProps: {},\n    whenToUse: 'Para conteúdo com formatação, listas e imagens, como a descrição de um artigo.',\n  },\n  // ---------------------------------------------------------------- select\n  {\n    code: 'SEL-001',\n    name: 'Select',\n    component: 'Select',\n    file: 'components/ui/select.tsx',\n    variantProps: {},\n    whenToUse: 'Para escolher uma ou mais opções de uma lista, com ou sem busca.',\n  },\n  // ---------------------------------------------------------------- separator\n  {\n    code: 'SEP-001',\n    name: 'Separador',\n    component: 'Separator',\n    file: 'components/ui/separator.tsx',\n    variantProps: {},\n    whenToUse: 'Para dividir conteúdo dentro de um card, no lugar de um card dentro de card.',\n  },\n  // ---------------------------------------------------------------- skeleton\n  {\n    code: 'SKEL-001',\n    name: 'Esqueleto de carregamento',\n    component: 'Skeleton',\n    file: 'components/ui/skeleton.tsx',\n    variantProps: {},\n    whenToUse: 'Para o estado de carregamento, com a mesma estrutura do conteúdo final.',\n  },\n  // ---------------------------------------------------------------- slider\n  {\n    code: 'SLD-001',\n    name: 'Slider',\n    component: 'Slider',\n    file: 'components/ui/slider.tsx',\n    variantProps: {},\n    whenToUse: 'Para escolher um número ou uma faixa dentro de um intervalo, arrastando.',\n  },\n  // ---------------------------------------------------------------- spinner\n  {\n    code: 'SPIN-001',\n    name: 'Indicador de carregamento',\n    component: 'Spinner',\n    file: 'components/ui/spinner.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para um carregamento breve dentro de um botão, campo ou lista, sem barra de progresso.',\n  },\n  // ---------------------------------------------------------------- stat-card\n  {\n    code: 'STAT-001',\n    name: 'Card de indicador',\n    component: 'StatCard',\n    file: 'components/ui/stat-card.tsx',\n    variantProps: {},\n    whenToUse: 'Para um número de destaque com variação, num painel ou dashboard.',\n  },\n  // ---------------------------------------------------------------- switch\n  {\n    code: 'SWT-001',\n    name: 'Switch',\n    component: 'Switch',\n    file: 'components/ui/switch.tsx',\n    variantProps: {},\n    whenToUse: 'Para ligar ou desligar uma opção com efeito imediato.',\n  },\n  // ---------------------------------------------------------------- table\n  {\n    code: 'TAB-001',\n    name: 'Tabela',\n    component: 'Table',\n    file: 'components/ui/table.tsx',\n    variantProps: {},\n    whenToUse: 'Para qualquer listagem de registros, com busca, filtros e paginação.',\n  },\n  // ---------------------------------------------------------------- tabs\n  {\n    code: 'ABA-001',\n    name: 'Abas em linha',\n    component: 'Tabs',\n    file: 'components/ui/tabs.tsx',\n    variantProps: { variant: 'line' },\n    whenToUse: 'Padrão para dividir o conteúdo de uma tela em seções, com sublinhado na aba ativa.',\n    isDefault: true,\n  },\n  {\n    code: 'ABA-002',\n    name: 'Abas em pílula',\n    component: 'Tabs',\n    file: 'components/ui/tabs.tsx',\n    variantProps: { variant: 'pill' },\n    whenToUse: 'Quando as abas precisam de mais destaque visual, como pílulas sobre fundo suave.',\n  },\n  // ---------------------------------------------------------------- textarea\n  {\n    code: 'TXT-001',\n    name: 'Área de texto',\n    component: 'Textarea',\n    file: 'components/ui/textarea.tsx',\n    variantProps: {},\n    whenToUse: 'Para texto longo, com contador de caracteres opcional.',\n  },\n  // ---------------------------------------------------------------- timeline\n  {\n    code: 'TLN-001',\n    name: 'Linha do tempo',\n    component: 'Timeline',\n    file: 'components/ui/timeline.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma sequência de eventos em ordem, cada um com um tom semântico.',\n  },\n  // ---------------------------------------------------------------- toast\n  {\n    code: 'TST-001',\n    name: 'Toast',\n    component: 'toast',\n    file: 'components/ui/toast.tsx',\n    variantProps: {},\n    whenToUse: 'Para uma confirmação rápida depois de uma ação, sem interromper a tela.',\n  },\n  // ---------------------------------------------------------------- tooltip\n  {\n    code: 'TIP-001',\n    name: 'Tooltip',\n    component: 'Tooltip',\n    file: 'components/ui/tooltip.tsx',\n    variantProps: {},\n    whenToUse: 'Para informação complementar, nunca essencial, que aparece ao passar o mouse.',\n  },\n  // ---------------------------------------------------------------- upload\n  {\n    code: 'UPL-001',\n    name: 'Upload',\n    component: 'Upload',\n    file: 'components/ui/upload.tsx',\n    // A prop que distingue de UPL-002 é `layout` ('list' | 'gallery', padrão 'list'): declarar\n    // o valor padrão aqui (em vez de {}) é o que permite ao `rendra trocar` inserir\n    // layout=\"gallery\" num elemento sem a prop, ao trocar para UPL-002.\n    variantProps: { layout: 'list' },\n    whenToUse: 'Para arrastar e soltar ou escolher arquivos, com lista e progresso por arquivo.',\n    isDefault: true,\n  },\n  {\n    code: 'UPL-002',\n    name: 'Upload em galeria',\n    component: 'Upload',\n    file: 'components/ui/upload.tsx',\n    variantProps: { layout: 'gallery' },\n    whenToUse: 'Para upload de fotos e vídeos, com miniatura em vez de linha de lista.',\n  },\n  // ---------------------------------------------------------------- flow\n  {\n    code: 'FLX-001',\n    name: 'Editor de fluxo',\n    component: 'FlowEditor',\n    file: 'components/ui/flow-editor.tsx',\n    variantProps: {},\n    whenToUse:\n      'Para montar, ligar, validar e testar um fluxo de automação (gatilho, ação, condição, espera e fim).',\n  },\n  {\n    code: 'FLX-002',\n    name: 'Visualizador de fluxo',\n    component: 'FlowViewer',\n    file: 'components/ui/flow-viewer.tsx',\n    variantProps: {},\n    whenToUse: 'Para mostrar um fluxo de automação só para ler, sem editar.',\n  },\n  // ---------------------------------------------------------------- widget-grid\n  {\n    code: 'WDG-001',\n    name: 'Grade de widgets',\n    component: 'WidgetGrid',\n    file: 'components/ui/widget-grid.tsx',\n    variantProps: {},\n    whenToUse: 'Para um painel com blocos que a pessoa pode arrastar e redimensionar.',\n  },\n  // ---------------------------------------------------------------- wizard\n  {\n    code: 'WIZ-001',\n    name: 'Wizard',\n    component: 'Wizard',\n    file: 'components/ui/wizard.tsx',\n    variantProps: {},\n    whenToUse: 'Para um cadastro longo dividido em etapas, com validação por etapa.',\n  },\n  {\n    code: 'WIZ-002',\n    name: 'Indicador de etapas',\n    component: 'Stepper',\n    file: 'components/ui/wizard.tsx',\n    variantProps: {},\n    whenToUse: 'Para mostrar o progresso em etapas por conta própria, sem o Wizard inteiro.',\n  },\n]\n\n/** Um código específico do catálogo (ex.: para montar a vitrine ou o registry). */\nexport function getCatalogEntry(code: string): ComponentCatalogEntry | undefined {\n  return CATALOG.find((entry) => entry.code === code)\n}\n\n/** Todos os códigos de um componente (ex.: as duas variantes do Tabs), na ordem cadastrada. */\nexport function catalogByComponent(component: string): ComponentCatalogEntry[] {\n  return CATALOG.filter((entry) => entry.component === component)\n}\n\n/**\n * Resolve o código de catálogo de um componente a partir das props que definem a variante.\n * Sem variante (um código só, ou nenhuma prop bate), devolve o primeiro código cadastrado\n * para o componente. Usado pelos próprios componentes para calcular o `data-rendra`, sem\n * duplicar a tabela de variantes.\n */\nexport function resolveCatalogCode(component: string, props: Record<string, unknown> = {}): string {\n  const entries = catalogByComponent(component)\n  if (entries.length === 0) {\n    throw new Error(`Catálogo: nenhum código cadastrado para o componente \"${component}\".`)\n  }\n  const match = entries.find(\n    (entry) =>\n      Object.keys(entry.variantProps).length > 0 &&\n      Object.entries(entry.variantProps).every(([key, value]) => props[key] === value),\n  )\n  // entries.length > 0 já foi conferido acima: entries[0] sempre existe aqui.\n  return (match ?? entries[0]!).code\n}\n\n/*\n * Regras de integridade (usadas pelo teste em components.test.ts e por assertCatalogIntegrity).\n * São funções puras, sem acesso a arquivo: recebem a lista de entradas e devolvem o que\n * está errado, para o teste poder provar a regra com uma lista fabricada, não só com o\n * catálogo real.\n */\n\n/** Código que aparece mais de uma vez na lista. */\nexport function findDuplicateCodes(entries: ComponentCatalogEntry[]): string[] {\n  const seen = new Set<string>()\n  const duplicates = new Set<string>()\n  for (const entry of entries) {\n    if (seen.has(entry.code)) duplicates.add(entry.code)\n    seen.add(entry.code)\n  }\n  return [...duplicates]\n}\n\n/** Código fora do formato ^[A-Z]{3,4}-\\d{3}$. */\nexport function findInvalidFormatCodes(entries: ComponentCatalogEntry[]): string[] {\n  return entries\n    .filter((entry) => !COMPONENT_CODE_PATTERN.test(entry.code))\n    .map((entry) => entry.code)\n}\n\n/**\n * Código que colidiria com um código de modelo (T1, C4, M5...) de src/config/presets.ts,\n * cujo padrão é /[TCM]\\d+/ (uma letra T, C ou M seguida direto de dígitos, sem hífen).\n */\nexport function findPresetCollisions(entries: ComponentCatalogEntry[]): string[] {\n  return entries.filter((entry) => /[TCM]\\d+/.test(entry.code)).map((entry) => entry.code)\n}\n\n/** Arquivo (caminho relativo a src/) que não tem nenhuma entrada no catálogo. */\nexport function filesMissingCatalogEntry(\n  files: string[],\n  entries: ComponentCatalogEntry[],\n): string[] {\n  const covered = new Set(entries.map((entry) => entry.file))\n  return files.filter((file) => !covered.has(file))\n}\n\n/** Componente (nome) com mais de uma variante no catálogo, agrupadas na ordem cadastrada. */\nfunction groupByComponentWithMultipleVariants(\n  entries: ComponentCatalogEntry[],\n): Map<string, ComponentCatalogEntry[]> {\n  const byComponent = new Map<string, ComponentCatalogEntry[]>()\n  for (const entry of entries) {\n    const list = byComponent.get(entry.component) ?? []\n    list.push(entry)\n    byComponent.set(entry.component, list)\n  }\n  for (const [component, list] of byComponent) if (list.length <= 1) byComponent.delete(component)\n  return byComponent\n}\n\n/**\n * Componente com mais de uma variante que não tem nenhuma marcada `isDefault` (fase 3, Lote\n * B: `rendra trocar` precisa saber qual variante um elemento sem a prop representa).\n */\nexport function findComponentsWithoutDefault(entries: ComponentCatalogEntry[]): string[] {\n  const groups = groupByComponentWithMultipleVariants(entries)\n  return [...groups]\n    .filter(([, list]) => !list.some((entry) => entry.isDefault))\n    .map(([component]) => component)\n}\n\n/** Componente com mais de uma variante marcada `isDefault` ao mesmo tempo (só pode uma). */\nexport function findComponentsWithMultipleDefaults(entries: ComponentCatalogEntry[]): string[] {\n  const groups = groupByComponentWithMultipleVariants(entries)\n  return [...groups]\n    .filter(([, list]) => list.filter((entry) => entry.isDefault).length > 1)\n    .map(([component]) => component)\n}\n\n/**\n * Lança se houver código duplicado, fora do formato, colidindo com um código de modelo, ou\n * componente com mais de uma variante sem exatamente uma marcada `isDefault`.\n */\nexport function assertCatalogIntegrity(): void {\n  const duplicates = findDuplicateCodes(CATALOG)\n  if (duplicates.length > 0) {\n    throw new Error(`Catálogo: código duplicado: ${duplicates.join(', ')}.`)\n  }\n  const invalid = findInvalidFormatCodes(CATALOG)\n  if (invalid.length > 0) {\n    throw new Error(`Catálogo: código fora do formato ^[A-Z]{3,4}-\\\\d{3}$: ${invalid.join(', ')}.`)\n  }\n  const collisions = findPresetCollisions(CATALOG)\n  if (collisions.length > 0) {\n    throw new Error(\n      `Catálogo: código colide com um código de modelo (T/C/M): ${collisions.join(', ')}.`,\n    )\n  }\n  const semPadrao = findComponentsWithoutDefault(CATALOG)\n  if (semPadrao.length > 0) {\n    throw new Error(\n      `Catálogo: componente com mais de uma variante sem nenhuma marcada isDefault: ${semPadrao.join(', ')}.`,\n    )\n  }\n  const padraoDuplicado = findComponentsWithMultipleDefaults(CATALOG)\n  if (padraoDuplicado.length > 0) {\n    throw new Error(\n      `Catálogo: componente com mais de uma variante marcada isDefault: ${padraoDuplicado.join(', ')}.`,\n    )\n  }\n}\n"],"mappings":"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AS;EAC/B,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CACA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CACA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CACA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WACE;CACJ;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CAEA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,CAAC;EACf,WAAW;CACb;CACA;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,MAAM;EACN,cAAc,C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"}

package/dist/components.css

@@ -1,4 +1,4 @@
-/*! Rendra Design System v2.6.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
 
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
@@ -157,6 +157,9 @@
   .sticky {
     position: sticky;
   }
+  .-inset-1 {
+    inset: calc(0.25rem * -1);
+  }
   .inset-0 {
     inset: 0px;
   }
@@ -221,6 +224,9 @@
   .right-2 {
     right: 0.5rem;
   }
+  .right-4 {
+    right: 1rem;
+  }
   .right-8 {
     right: 2rem;
   }
@@ -230,6 +236,9 @@
   .bottom-0 {
     bottom: 0px;
   }
+  .bottom-3 {
+    bottom: 0.75rem;
+  }
   .bottom-4 {
     bottom: 1rem;
   }
@@ -631,6 +640,9 @@
   .min-h-touch {
     min-height: 2.75rem;
   }
+  .min-h-viewer {
+    min-height: 28rem;
+  }
   .w-1 {
     width: 0.25rem;
   }
@@ -673,6 +685,9 @@
   .w-fit {
     width: fit-content;
   }
+  .w-flow-node {
+    width: 16rem;
+  }
   .w-full {
     width: 100%;
   }
@@ -823,10 +838,18 @@
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-\(--flow-x\) {
+    --tw-translate-x: var(--flow-x);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-\(--flow-y\) {
+    --tw-translate-y: var(--flow-y);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .scale-90 {
     --tw-scale-x: 90%;
     --tw-scale-y: 90%;
@@ -926,6 +949,9 @@
       scrollbar-color: var(--rendra-input) transparent;
     }
   }
+  .list-disc {
+    list-style-type: disc;
+  }
   .grid-chat-3 {
     grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
     @media (width >= 80rem) {
@@ -1040,6 +1066,9 @@
   .gap-24 {
     gap: 6rem;
   }
+  .gap-x-1 {
+    column-gap: 0.25rem;
+  }
   .gap-x-3 {
     column-gap: 0.75rem;
   }
@@ -1176,6 +1205,9 @@
   .border-border {
     border-color: var(--rendra-border);
   }
+  .border-card {
+    border-color: var(--rendra-card);
+  }
   .border-destructive {
     border-color: var(--rendra-destructive);
   }
@@ -1506,6 +1538,9 @@
   .pr-8 {
     padding-right: 2rem;
   }
+  .pr-12 {
+    padding-right: 3rem;
+  }
   .pb-1 {
     padding-bottom: 0.25rem;
   }
@@ -1521,6 +1556,9 @@
   .pb-6 {
     padding-bottom: 1.5rem;
   }
+  .pb-8 {
+    padding-bottom: 2rem;
+  }
   .pb-safe {
     padding-bottom: max(1rem, env(safe-area-inset-bottom));
   }
@@ -1630,6 +1668,9 @@
     --tw-tracking: 0.04em;
     letter-spacing: 0.04em;
   }
+  .break-words {
+    overflow-wrap: break-word;
+  }
   .wrap-anywhere {
     overflow-wrap: anywhere;
   }
@@ -1800,6 +1841,13 @@
       var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
       var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-2 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
       var(--tw-ring-color, currentcolor);
@@ -2015,6 +2063,9 @@
       calc((1 - var(--bottom, 1)) * 50%) 100%
     );
   }
+  .running {
+    animation-play-state: running;
+  }
   :is(.\*\:flex-1 > *) {
     flex: 1;
   }
@@ -3098,6 +3149,9 @@
     .lg\:w-3xs {
       width: 16rem;
     }
+    .lg\:w-popover {
+      width: min(22rem, calc(100vw - 2rem));
+    }
     .lg\:w-sm {
       width: 24rem;
     }
@@ -3116,6 +3170,12 @@
     .lg\:grid-cols-6 {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
+    .lg\:flex-row {
+      flex-direction: row;
+    }
+    .lg\:items-start {
+      align-items: flex-start;
+    }
     .lg\:justify-center {
       justify-content: center;
     }
@@ -3604,4 +3664,33 @@
   .widget-grid .react-grid-item > .react-resizable-handle::after {
     border-color: var(--rendra-primary);
   }
+  .flow-surface .react-flow__node {
+    touch-action: none;
+  }
+  .flow-surface .react-flow__node:focus-visible {
+    border-radius: var(--rendra-shape-block);
+    outline: 2px solid var(--rendra-ring);
+    outline-offset: 2px;
+  }
+  .flow-surface .react-flow__attribution {
+    border-radius: var(--rendra-shape-item);
+    border: 1px solid var(--rendra-border);
+  }
+  .flow-surface .react-flow__attribution a {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 2.75rem;
+    min-height: 2.75rem;
+    padding: 0 0.5rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+    color: var(--rendra-primary-text) !important;
+    text-decoration: underline;
+    text-underline-offset: 0.25rem;
+  }
+  .flow-surface .react-flow__attribution a:focus-visible {
+    border-radius: var(--rendra-shape-item);
+    outline: 2px solid var(--rendra-ring);
+  }
 }

package/dist/document-viewer.js

@@ -1,7 +1,7 @@
-/*! Rendra Design System v2.6.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-TBlI6-gS.js";
-import { t as Button } from "./button-B6-644xP.js";
-import { t as EmptyState } from "./empty-state-DrQjqxvp.js";
+/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-B0N3Pek0.js";
+import { t as Button } from "./button-DlzWwpZk.js";
+import { t as EmptyState } from "./empty-state-a47Kd_Ci.js";
 import { ChevronLeft, ChevronRight, ExternalLink, ZoomIn, ZoomOut } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{tooltip-kgsorOg6.js → dropdown-menu-M8vs0byD.js}

@@ -1,11 +1,11 @@
-/*! Rendra Design System v2.6.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-TBlI6-gS.js";
-import { a as useMotionMode, i as useMotionLib, o as useMotionOn } from "./motion-context-BL545cb6.js";
-import { t as useMotionPresets } from "./use-motion-presets-DCJPBfNJ.js";
+/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-B0N3Pek0.js";
+import { a as useMotionMode, i as useMotionLib } from "./motion-context-BUMPf0e9.js";
+import { t as useMotionPresets } from "./use-motion-presets-D3ww1oJX.js";
 import { Check, ChevronRight } from "lucide-react";
-import { DropdownMenu, Tooltip } from "radix-ui";
-import { createContext, forwardRef, useContext, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { DropdownMenu } from "radix-ui";
+import { createContext, useContext, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ui/dropdown-menu.tsx
 var MenuOpenContext = createContext(null);
 var SubOpenContext = createContext(null);
@@ -153,72 +153,6 @@ function DropdownMenuSubContent({ className, children, asChild, ...props }) {
 	}) });
 }
 //#endregion
-//#region src/components/ui/tooltip.tsx
-/**
-* Tooltip: só para informação complementar, nunca essencial (não existe hover no toque).
-* Informação essencial vai em texto de ajuda visível ou em Popover acionado por toque.
-*/
-function TooltipProvider({ children }) {
-	return /* @__PURE__ */ jsx(Tooltip.Provider, {
-		delayDuration: 300,
-		skipDelayDuration: 150,
-		children
-	});
-}
-var contentCls = "z-50 max-w-xs origin-(--radix-tooltip-content-transform-origin) wrap-break-word rounded-control bg-foreground px-3 py-2 text-xs font-medium text-background";
-/**
-* O corpo animado do tooltip em `on`. O Radix entrega ao filho (asChild) o `data-state`, e é por
-* ele que se sabe se o tooltip abriu "instantâneo" (`instant-open`: o usuário já estava com outro
-* aberto, ou foi o foco do teclado). Nesse caso não anima: depois do primeiro, os outros abrem sem
-* atraso e sem animação, e a barra inteira parece mais rápida (W7).
-*/
-var TooltipBody = forwardRef(function TooltipBody(props, ref) {
-	const { m } = useMotionOn();
-	const presets = useMotionPresets();
-	const instant = props["data-state"] === "instant-open";
-	return /* @__PURE__ */ jsx(m.div, {
-		ref,
-		...props,
-		...presets.tooltip(instant)
-	});
-});
-function Tooltip$1({ content, children, side = "top", disabled }) {
-	const lib = useMotionLib();
-	const [open, setOpen] = useState(false);
-	if (disabled) return /* @__PURE__ */ jsx(Fragment$1, { children });
-	if (lib) return /* @__PURE__ */ jsxs(Tooltip.Root, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
-			asChild: true,
-			children
-		}), /* @__PURE__ */ jsx(lib.AnimatePresence, { children: open && /* @__PURE__ */ jsx(Tooltip.Portal, {
-			forceMount: true,
-			children: /* @__PURE__ */ jsx(Tooltip.Content, {
-				forceMount: true,
-				asChild: true,
-				side,
-				sideOffset: 8,
-				collisionPadding: 16,
-				"data-rendra": "TIP-001",
-				className: contentCls,
-				children: /* @__PURE__ */ jsx(TooltipBody, { children: content })
-			})
-		}, "tooltip") })]
-	});
-	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
-		asChild: true,
-		children
-	}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Content, {
-		side,
-		sideOffset: 8,
-		collisionPadding: 16,
-		"data-rendra": "TIP-001",
-		className: cn(contentCls, "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:fade-out-0 data-[state=instant-open]:animate-none"),
-		children: content
-	}) })] });
-}
-//#endregion
-export { DropdownMenuContent as a, DropdownMenuLabel as c, DropdownMenuSeparator as d, DropdownMenuSub as f, DropdownMenuTrigger as h, DropdownMenuCheckboxItem as i, DropdownMenuRadioGroup as l, DropdownMenuSubTrigger as m, TooltipProvider as n, DropdownMenuGroup as o, DropdownMenuSubContent as p, DropdownMenu$1 as r, DropdownMenuItem as s, Tooltip$1 as t, DropdownMenuRadioItem as u };
+export { DropdownMenuItem as a, DropdownMenuRadioItem as c, DropdownMenuSubContent as d, DropdownMenuSubTrigger as f, DropdownMenuGroup as i, DropdownMenuSeparator as l, DropdownMenuCheckboxItem as n, DropdownMenuLabel as o, DropdownMenuTrigger as p, DropdownMenuContent as r, DropdownMenuRadioGroup as s, DropdownMenu$1 as t, DropdownMenuSub as u };
 
-//# sourceMappingURL=tooltip-kgsorOg6.js.map
+//# sourceMappingURL=dropdown-menu-M8vs0byD.js.map

package/dist/dropdown-menu-M8vs0byD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-M8vs0byD.js","names":[],"sources":["../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { Check, ChevronRight } from 'lucide-react'\nimport { DropdownMenu as D } from 'radix-ui'\nimport { createContext, useContext, useState, type ComponentProps } from 'react'\nimport { cn } from '@/lib/cn'\nimport { useMotionLib, useMotionMode, useMotionPresets } from '@/lib/motion'\n\n/*\n * Em `on` o menu e o submenu precisam saber se estão abertos para manter o conteúdo montado\n * durante a saída animada. `Root` e `Sub` viram wrappers com exatamente os mesmos tipos do\n * Radix que espelham o estado (controlado ou não) num contexto; em `off` são o `D.Root` e o\n * `D.Sub` de sempre. O estado do submenu vive no próprio `D.Sub`, por isso o wrapper dele.\n */\nconst MenuOpenContext = createContext<boolean | null>(null)\nconst SubOpenContext = createContext<boolean | null>(null)\n\nfunction MirroredRoot({ open, defaultOpen, onOpenChange, ...rest }: ComponentProps<typeof D.Root>) {\n  const [inner, setInner] = useState(defaultOpen ?? false)\n  const current = open ?? inner\n  return (\n    <MenuOpenContext.Provider value={current}>\n      <D.Root\n        {...rest}\n        open={current}\n        onOpenChange={(next) => {\n          setInner(next)\n          onOpenChange?.(next)\n        }}\n      />\n    </MenuOpenContext.Provider>\n  )\n}\n\nfunction MirroredSub({ open, defaultOpen, onOpenChange, ...rest }: ComponentProps<typeof D.Sub>) {\n  const [inner, setInner] = useState(defaultOpen ?? false)\n  const current = open ?? inner\n  return (\n    <SubOpenContext.Provider value={current}>\n      <D.Sub\n        {...rest}\n        open={current}\n        onOpenChange={(next) => {\n          setInner(next)\n          onOpenChange?.(next)\n        }}\n      />\n    </SubOpenContext.Provider>\n  )\n}\n\nexport function DropdownMenu(props: ComponentProps<typeof D.Root>) {\n  return useMotionMode() === 'on' ? <MirroredRoot {...props} /> : <D.Root {...props} />\n}\nexport const DropdownMenuTrigger = D.Trigger\nexport const DropdownMenuGroup = D.Group\nexport function DropdownMenuSub(props: ComponentProps<typeof D.Sub>) {\n  return useMotionMode() === 'on' ? <MirroredSub {...props} /> : <D.Sub {...props} />\n}\nexport const DropdownMenuRadioGroup = D.RadioGroup\n\n// O menu e o submenu nascem do gatilho (W6); a saída é mais curta que a entrada (W5).\nconst panelBase =\n  'z-50 w-max min-w-3xs max-w-popover origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-md'\nconst panelOff = cn(\n  panelBase,\n  'animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n)\n\n// Itens com 44px no mobile (toque) e compactos a partir de md.\nconst item =\n  'relative flex min-h-touch cursor-pointer items-center gap-2 rounded-item px-3 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground md:min-h-0 md:py-2 [&_svg]:size-icon-sm [&_svg]:shrink-0 [&_svg]:text-muted-foreground'\n\nexport function DropdownMenuContent({\n  className,\n  sideOffset = 8,\n  children,\n  asChild,\n  ...props\n}: ComponentProps<typeof D.Content>) {\n  const open = useContext(MenuOpenContext)\n  const lib = useMotionLib()\n  const presets = useMotionPresets()\n\n  if (lib && open !== null && !asChild) {\n    return (\n      <lib.AnimatePresence>\n        {open && (\n          <D.Portal forceMount key=\"menu\">\n            <D.Content\n              forceMount\n              asChild\n              sideOffset={sideOffset}\n              collisionPadding={16}\n              data-rendra=\"DDM-001\"\n              className={cn(panelBase, className)}\n              {...props}\n            >\n              <lib.m.div {...presets.open()}>{children}</lib.m.div>\n            </D.Content>\n          </D.Portal>\n        )}\n      </lib.AnimatePresence>\n    )\n  }\n\n  return (\n    <D.Portal>\n      <D.Content\n        sideOffset={sideOffset}\n        collisionPadding={16}\n        data-rendra=\"DDM-001\"\n        className={cn(panelOff, className)}\n        asChild={asChild}\n        {...props}\n      >\n        {children}\n      </D.Content>\n    </D.Portal>\n  )\n}\n\ninterface ItemProps extends ComponentProps<typeof D.Item> {\n  /** Item destrutivo (excluir, sair): texto na cor destrutiva. */\n  destructive?: boolean\n}\n\nexport function DropdownMenuItem({ className, destructive, ...props }: ItemProps) {\n  return (\n    <D.Item\n      className={cn(\n        item,\n        destructive &&\n          'text-destructive data-highlighted:bg-destructive-soft data-highlighted:text-destructive-soft-foreground [&_svg]:text-current',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DropdownMenuCheckboxItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof D.CheckboxItem>) {\n  return (\n    <D.CheckboxItem className={cn(item, 'pl-8', className)} {...props}>\n      <span className=\"absolute left-2 flex size-icon-sm items-center justify-center\">\n        <D.ItemIndicator>\n          <Check className=\"text-primary-text\" />\n        </D.ItemIndicator>\n      </span>\n      {children}\n    </D.CheckboxItem>\n  )\n}\n\nexport function DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof D.RadioItem>) {\n  return (\n    <D.RadioItem className={cn(item, 'pl-8', className)} {...props}>\n      <span className=\"absolute left-2 flex size-icon-sm items-center justify-center\">\n        <D.ItemIndicator>\n          <Check className=\"text-primary-text\" />\n        </D.ItemIndicator>\n      </span>\n      {children}\n    </D.RadioItem>\n  )\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof D.Label>) {\n  return (\n    <D.Label\n      className={cn('px-2 py-2 text-xs font-medium text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof D.Separator>) {\n  return <D.Separator className={cn('-mx-1 my-1 h-px bg-border', className)} {...props} />\n}\n\nexport function DropdownMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof D.SubTrigger>) {\n  return (\n    <D.SubTrigger className={cn(item, 'data-[state=open]:bg-accent', className)} {...props}>\n      {children}\n      <ChevronRight className=\"ml-auto\" />\n    </D.SubTrigger>\n  )\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  children,\n  asChild,\n  ...props\n}: ComponentProps<typeof D.SubContent>) {\n  const open = useContext(SubOpenContext)\n  const lib = useMotionLib()\n  const presets = useMotionPresets()\n\n  if (lib && open !== null && !asChild) {\n    return (\n      <lib.AnimatePresence>\n        {open && (\n          <D.Portal forceMount key=\"submenu\">\n            <D.SubContent\n              forceMount\n              asChild\n              collisionPadding={16}\n              className={cn(panelBase, className)}\n              {...props}\n            >\n              <lib.m.div {...presets.open()}>{children}</lib.m.div>\n            </D.SubContent>\n          </D.Portal>\n        )}\n      </lib.AnimatePresence>\n    )\n  }\n\n  return (\n    <D.Portal>\n      <D.SubContent\n        collisionPadding={16}\n        className={cn(panelOff, className)}\n        asChild={asChild}\n        {...props}\n      >\n        {children}\n      </D.SubContent>\n    </D.Portal>\n  )\n}\n"],"mappings":"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"}