{"v":0,"components":{"blocos-bannerdecookies":{"id":"blocos-bannerdecookies","name":"BannerDeCookies","path":"./src/blocks/BannerDeCookies/BannerDeCookies.stories.tsx","jsDocTags":{},"description":"Aviso de cookies com aceite rápido e painel de preferências por categoria. Copie para o seu hotsite.","reactDocgenTypescript":{"tags":{"example":"const salvo = localStorage.getItem('consentimento')\n{!salvo && (\n localStorage.setItem('consentimento', JSON.stringify(consent))}\n />\n)}"},"filePath":"src/blocks/BannerDeCookies/BannerDeCookies.tsx","description":"Bloco de campanha \"Banner de cookies\": aviso fixo no rodapé com o link da política, \"Aceitar todos\" e\n\"Personalizar\". Personalizar abre o painel de preferências com uma chave por categoria; a categoria obrigatória\nfica sempre ativa. Depois da escolha, o aviso some.\n\nO bloco não grava cookies nem carrega scripts: guarde o consentimento e só ative as ferramentas de cada categoria\ndepois dele. Mostre o bloco apenas enquanto não houver uma escolha salva. Fica fora do pacote: copie para o seu\nhotsite.","displayName":"BannerDeCookies","methods":[],"props":{"policyHref":{"defaultValue":null,"description":"Endereço da política de cookies.","name":"policyHref","parent":{"fileName":"idplugger-ui/src/blocks/BannerDeCookies/BannerDeCookies.tsx","name":"BannerDeCookiesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/BannerDeCookies/BannerDeCookies.tsx","name":"BannerDeCookiesProps"}],"required":true,"type":{"name":"string"}},"categories":{"defaultValue":{"value":"[\n { id: 'necessarios', label: 'Necessários', description: 'Essenciais para o site funcionar.', required: true },\n { id: 'desempenho', label: 'Desempenho', description: 'Mostram como o site é usado, para melhorá-lo.' },\n { id: 'funcionais', label: 'Funcionais', description: 'Lembram suas preferências.' },\n { id: 'marketing', label: 'Marketing', description: 'Personalizam conteúdos e ofertas.' },\n]"},"description":"Categorias do painel de preferências. Padrão: Necessários (sempre ativos), Desempenho, Funcionais e Marketing.","name":"categories","parent":{"fileName":"idplugger-ui/src/blocks/BannerDeCookies/BannerDeCookies.tsx","name":"BannerDeCookiesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/BannerDeCookies/BannerDeCookies.tsx","name":"BannerDeCookiesProps"}],"required":false,"type":{"name":"CookieCategory[]"}},"onSave":{"defaultValue":null,"description":"Recebe a escolha da pessoa, com uma chave por categoria.","name":"onSave","parent":{"fileName":"idplugger-ui/src/blocks/BannerDeCookies/BannerDeCookies.tsx","name":"BannerDeCookiesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/BannerDeCookies/BannerDeCookies.tsx","name":"BannerDeCookiesProps"}],"required":true,"type":{"name":"(consent: CookieConsent) => void"}},"message":{"defaultValue":{"value":"Usamos cookies para o site funcionar e para melhorar sua experiência."},"description":"Texto do aviso.","name":"message","parent":{"fileName":"idplugger-ui/src/blocks/BannerDeCookies/BannerDeCookies.tsx","name":"BannerDeCookiesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/BannerDeCookies/BannerDeCookies.tsx","name":"BannerDeCookiesProps"}],"required":false,"type":{"name":"string"}}},"exportName":"BannerDeCookies"},"stories":[{"id":"blocos-bannerdecookies--default","name":"Default","snippet":"const Default = () => ;","exportName":"Default","tags":["dev","test","manifest"]},{"id":"blocos-bannerdecookies--preferencias","name":"Preferencias","snippet":"const Preferencias = () => ;","exportName":"Preferencias","tags":["dev","test","manifest","play-fn"]},{"id":"blocos-bannerdecookies--celular","name":"Celular","snippet":"const Celular = () => ;","exportName":"Celular","tags":["dev","test","manifest"]}],"import":"import { BannerDeCookies } from '@handsondigital/idplugger-ui';\nimport { fn } from 'storybook/test';","title":"Blocos/BannerDeCookies"},"blocos-cadastro-de-cupom":{"id":"blocos-cadastro-de-cupom","name":"CadastroCupom","path":"./src/blocks/CadastroCupom/CadastroCupom.stories.tsx","jsDocTags":{},"description":"Bloco de campanha fora do pacote npm: card de cadastro de cupom fiscal com CPF (com máscara), número da\nnota e botão de envio. Valida os campos obrigatórios e mostra uma mensagem de sucesso. Copie para o seu hotsite e\nligue o `onSubmit` à API da campanha.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/CadastroCupom/CadastroCupom.tsx","description":"Bloco de campanha \"Cadastro de cupom\": card com CPF, número da nota fiscal e botão de envio, com validação de\ncampos obrigatórios e mensagem de sucesso. Copie para o seu hotsite e ligue o\n`onSubmit` à API da campanha; não faz parte do pacote.","displayName":"CadastroCupom","methods":[],"props":{"title":{"defaultValue":null,"description":"Título do card.","name":"title","parent":{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"}],"required":true,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Texto de apoio abaixo do título.","name":"description","parent":{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"}],"required":true,"type":{"name":"string"}},"submitLabel":{"defaultValue":null,"description":"Texto do botão de envio.","name":"submitLabel","parent":{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"}],"required":true,"type":{"name":"string"}},"successMessage":{"defaultValue":null,"description":"Mensagem exibida depois de um envio válido.","name":"successMessage","parent":{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"}],"required":true,"type":{"name":"string"}},"onSubmit":{"defaultValue":null,"description":"Recebe CPF (só dígitos) e número da nota depois da validação.","name":"onSubmit","parent":{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/CadastroCupom/CadastroCupom.tsx","name":"CadastroCupomProps"}],"required":false,"type":{"name":"((values: CadastroCupomValues) => void)"}}},"exportName":"CadastroCupom"},"stories":[{"id":"blocos-cadastro-de-cupom--default","name":"Default","snippet":"const Default = () => ;","exportName":"Default","tags":["dev","test","manifest"]},{"id":"blocos-cadastro-de-cupom--validacao","name":"Validacao","snippet":"const Validacao = () => ;","description":"Envio vazio mostra os erros; CPF com máscara e nota preenchida enviam só os dígitos.","exportName":"Validacao","tags":["dev","test","manifest","play-fn"]}],"import":"import { CadastroCupom } from '@handsondigital/idplugger-ui';\nimport { fn } from 'storybook/test';","title":"Blocos/Cadastro de cupom"},"blocos-como-participar":{"id":"blocos-como-participar","name":"ComoParticipar","path":"./src/blocks/ComoParticipar/ComoParticipar.stories.tsx","jsDocTags":{},"description":"Bloco de campanha fora do pacote npm: seção \"Como participar\" de um hotsite promocional,\npromo.idplugger.com — título, introdução, quatro passos (Compre, Cadastre, Vale brinde, Concorra) e o botão\n\"Quero Participar\". Copie para o seu hotsite e troque os textos.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/ComoParticipar/ComoParticipar.tsx","description":"Bloco de campanha \"Como participar\": título, introdução, passos numerados em grade e botão de ação.\nCopie para o seu hotsite; não faz parte do pacote.","displayName":"ComoParticipar","methods":[],"props":{"title":{"defaultValue":null,"description":"Título da seção.","name":"title","parent":{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"}],"required":true,"type":{"name":"string"}},"intro":{"defaultValue":null,"description":"Texto de introdução abaixo do título.","name":"intro","parent":{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"}],"required":true,"type":{"name":"ReactNode"}},"steps":{"defaultValue":null,"description":"Passos numerados, na ordem de exibição.","name":"steps","parent":{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"}],"required":true,"type":{"name":"ComoParticiparStep[]"}},"ctaLabel":{"defaultValue":null,"description":"Texto do botão de ação.","name":"ctaLabel","parent":{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"}],"required":true,"type":{"name":"string"}},"onCtaClick":{"defaultValue":null,"description":"Chamado ao clicar no botão de ação.","name":"onCtaClick","parent":{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ComoParticipar/ComoParticipar.tsx","name":"ComoParticiparProps"}],"required":false,"type":{"name":"(() => void)"}}},"exportName":"ComoParticipar"},"stories":[{"id":"blocos-como-participar--default","name":"Default","snippet":"const Default = () => Veja como é fácil participar da “Sua promo é um sucesso”, seguindo os passos abaixo. Vamos\n conectar sua empresa na melhor plataforma de promoção.\n )}\n steps={[\n {\n title: 'Compre',\n description: 'R$650,00 em produtos da Linha Promo quero Mais da idPlugger',\n icon: ,\n },\n {\n title: 'Cadastre',\n description: 'O cupom fiscal aqui no site da promoção da idPlugger',\n icon: ,\n },\n {\n title: 'Vale brinde',\n description: 'Aos sorteios semanais, além de um mega prêmio final',\n icon: ,\n },\n {\n title: 'Concorra',\n description: 'Aos sorteios semanais, além de um mega prêmio final',\n icon: ,\n },\n ]}\n ctaLabel=\"Quero Participar\" />;","exportName":"Default","tags":["dev","test","manifest","play-fn"]}],"import":"import { ComoParticipar } from '@handsondigital/idplugger-ui';\nimport { IconCardGiftcard, IconEmojiEvents, IconReceiptLong, IconShoppingCart } from '@handsondigital/idplugger-ui/icons';","title":"Blocos/Como participar"},"blocos-confirmacao":{"id":"blocos-confirmacao","name":"Confirmacao","path":"./src/blocks/Confirmacao/Confirmacao.stories.tsx","jsDocTags":{},"description":"Card de fim de fluxo: cupom, conferência de dados, atendimento e senha. Copie para o seu hotsite.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/Confirmacao/Confirmacao.tsx","description":"Bloco de campanha \"Confirmação\": card de fim de fluxo com ícone de status, título, mensagem, dados para conferir,\naviso e ações. Serve para cupom cadastrado, conferência de dados antes de confirmar, atendimento registrado e senha\nalterada. O título é o `h1` da página. Fica fora do pacote: copie para o seu hotsite.","displayName":"Confirmacao","methods":[],"props":{"status":{"defaultValue":null,"description":"`success` (concluído), `info` (recebido, em análise) ou `warning` (confira antes de confirmar).","name":"status","parent":{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"}],"required":true,"type":{"name":"enum","raw":"\"success\" | \"info\" | \"warning\"","value":[{"value":"\"success\""},{"value":"\"info\""},{"value":"\"warning\""}]}},"title":{"defaultValue":null,"description":"Título da confirmação; é o `h1` da página.","name":"title","parent":{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"}],"required":true,"type":{"name":"string"}},"message":{"defaultValue":null,"description":"Mensagem principal abaixo do título.","name":"message","parent":{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"}],"required":true,"type":{"name":"ReactNode"}},"details":{"defaultValue":null,"description":"Dados para conferir, em pares rótulo/valor (CNPJ, valor da compra, data, número do cupom).","name":"details","parent":{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"}],"required":false,"type":{"name":"ConfirmacaoDetail[]"}},"notice":{"defaultValue":null,"description":"Aviso exibido antes das ações (ex.: as informações não poderão ser alteradas).","name":"notice","parent":{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"}],"required":false,"type":{"name":"ReactNode"}},"primaryAction":{"defaultValue":null,"description":"Ação principal.","name":"primaryAction","parent":{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"}],"required":false,"type":{"name":"ConfirmacaoAction"}},"secondaryAction":{"defaultValue":null,"description":"Ação secundária.","name":"secondaryAction","parent":{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Confirmacao/Confirmacao.tsx","name":"ConfirmacaoProps"}],"required":false,"type":{"name":"ConfirmacaoAction"}}},"exportName":"Confirmacao"},"stories":[{"id":"blocos-confirmacao--cupom-cadastrado","name":"Cupom Cadastrado","snippet":"const CupomCadastrado = () => ;","exportName":"CupomCadastrado","tags":["dev","test","manifest"]},{"id":"blocos-confirmacao--confirmar-dados","name":"Confirmar Dados","snippet":"const ConfirmarDados = () => ;","exportName":"ConfirmarDados","tags":["dev","test","manifest"]},{"id":"blocos-confirmacao--atendimento-registrado","name":"Atendimento Registrado","snippet":"const AtendimentoRegistrado = () => ;","exportName":"AtendimentoRegistrado","tags":["dev","test","manifest"]},{"id":"blocos-confirmacao--senha-alterada","name":"Senha Alterada","snippet":"const SenhaAlterada = () => ;","exportName":"SenhaAlterada","tags":["dev","test","manifest"]}],"import":"import { Confirmacao } from '@handsondigital/idplugger-ui';\nimport { fn } from 'storybook/test';","title":"Blocos/Confirmacao"},"blocos-faq":{"id":"blocos-faq","name":"Faq","path":"./src/blocks/Faq/Faq.stories.tsx","jsDocTags":{},"description":"Bloco de campanha fora do pacote npm: perguntas frequentes em acordeão, uma aberta por vez. Serve como\nseção da home ou como a página de FAQ do hotsite. Copie para o seu hotsite e troque as perguntas.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/Faq/Faq.tsx","description":"Bloco de campanha \"Perguntas frequentes\": título e acordeão com uma pergunta aberta por vez (abrir uma fecha a\nanterior). Cada pergunta é um botão com `aria-expanded`/`aria-controls` dentro de um `h3`, e a resposta é uma\nregião rotulada pela pergunta. Copie para o seu hotsite; não faz parte do pacote.","displayName":"Faq","methods":[],"props":{"title":{"defaultValue":null,"description":"Título da seção.","name":"title","parent":{"fileName":"idplugger-ui/src/blocks/Faq/Faq.tsx","name":"FaqProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Faq/Faq.tsx","name":"FaqProps"}],"required":true,"type":{"name":"string"}},"items":{"defaultValue":null,"description":"Perguntas e respostas, na ordem de exibição.","name":"items","parent":{"fileName":"idplugger-ui/src/blocks/Faq/Faq.tsx","name":"FaqProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Faq/Faq.tsx","name":"FaqProps"}],"required":true,"type":{"name":"FaqItem[]"}}},"exportName":"Faq"},"stories":[{"id":"blocos-faq--default","name":"Default","snippet":"const Default = () => \n Compre os produtos participantes, cadastre o cupom fiscal no site da promoção e acompanhe seus números da\n sorte na área do participante.\n

\n ),\n },\n {\n question: 'Quem pode participar da promoção?',\n answer:

Pessoas físicas maiores de 18 anos, residentes e domiciliadas no Brasil.

,\n },\n {\n question: 'Qual é o prazo para participar?',\n answer:

Os cupons podem ser cadastrados até a data final informada no regulamento.

,\n },\n {\n question: 'Quais são os prêmios?',\n answer: (\n
    \n
  • Sorteios semanais de vale-compras;
    • \n
  • Um prêmio final entre todos os participantes.
    • \n
\n ),\n },\n {\n question: 'Não encontrei minha dúvida, o que eu faço?',\n answer:

Fale com o atendimento pelo formulário de contato do site da promoção.

,\n },\n ]} />;","exportName":"Default","tags":["dev","test","manifest"]},{"id":"blocos-faq--uma-aberta-por-vez","name":"Uma Aberta Por Vez","snippet":"const UmaAbertaPorVez = () => \n Compre os produtos participantes, cadastre o cupom fiscal no site da promoção e acompanhe seus números da\n sorte na área do participante.\n

\n ),\n },\n {\n question: 'Quem pode participar da promoção?',\n answer:

Pessoas físicas maiores de 18 anos, residentes e domiciliadas no Brasil.

,\n },\n {\n question: 'Qual é o prazo para participar?',\n answer:

Os cupons podem ser cadastrados até a data final informada no regulamento.

,\n },\n {\n question: 'Quais são os prêmios?',\n answer: (\n
    \n
  • Sorteios semanais de vale-compras;
    • \n
  • Um prêmio final entre todos os participantes.
    • \n
\n ),\n },\n {\n question: 'Não encontrei minha dúvida, o que eu faço?',\n answer:

Fale com o atendimento pelo formulário de contato do site da promoção.

,\n },\n ]} />;","description":"Abrir uma pergunta fecha a anterior; clicar de novo fecha; o teclado (Enter/Espaço) abre como o clique.","exportName":"UmaAbertaPorVez","tags":["dev","test","manifest","play-fn"]}],"import":"import { Faq } from '@handsondigital/idplugger-ui';","title":"Blocos/FAQ"},"blocos-footer":{"id":"blocos-footer","name":"Footer","path":"./src/blocks/Footer/Footer.stories.tsx","jsDocTags":{},"description":"Bloco de campanha fora do pacote npm: rodapé com logo, redes sociais, texto legal, links legais e a\nfaixa final de crédito. Copie para o seu hotsite e troque o logo e o conteúdo legal.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/Footer/Footer.tsx","description":"Bloco de campanha \"Rodapé\": logo, redes sociais, texto legal, links legais e a faixa final de crédito.\nCentralizado em uma coluna no celular; em telas largas, três colunas (logo + redes | texto legal | links).\nCopie para o seu hotsite; não faz parte do pacote.","displayName":"Footer","methods":[],"props":{"logo":{"defaultValue":null,"description":"Logo da campanha (ex.: `\"Nome`).","name":"logo","parent":{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"}],"required":true,"type":{"name":"ReactNode"}},"social":{"defaultValue":null,"description":"Redes sociais da campanha.","name":"social","parent":{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"}],"required":false,"type":{"name":"FooterSocialLink[]"}},"socialTitle":{"defaultValue":{"value":"Nas redes"},"description":"Título da coluna de redes. Padrão: `'Nas redes'`.","name":"socialTitle","parent":{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"}],"required":false,"type":{"name":"string"}},"legalText":{"defaultValue":null,"description":"Período da campanha, certificado SPA/MF etc.","name":"legalText","parent":{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"}],"required":false,"type":{"name":"ReactNode"}},"links":{"defaultValue":null,"description":"Regulamento, Política de privacidade, Termos de uso.","name":"links","parent":{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"}],"required":false,"type":{"name":"FooterLink[]"}},"credit":{"defaultValue":{"value":"(\n <>\n Desenvolvido por{' '}\n \n idPlugger\n \n \n )"},"description":"Padrão: \"Desenvolvido por idPlugger\" com link para `https://idplugger.com.br`.","name":"credit","parent":{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"}],"required":false,"type":{"name":"ReactNode"}},"tone":{"defaultValue":{"value":"navy"},"description":"`navy` (padrão, como nas referências) ou `surface`.","name":"tone","parent":{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Footer/Footer.tsx","name":"FooterProps"}],"required":false,"type":{"name":"enum","raw":"\"navy\" | \"surface\"","value":[{"value":"\"navy\""},{"value":"\"surface\""}]}}},"exportName":"Footer"},"stories":[{"id":"blocos-footer--default","name":"Default","snippet":"const Default = () => Campanha}\n social={[\n { network: 'facebook', href: 'https://facebook.com' },\n { network: 'instagram', href: 'https://instagram.com' },\n { network: 'youtube', href: 'https://youtube.com' },\n { network: 'whatsapp', href: 'https://wa.me/550000000000' },\n ]}\n legalText={(

Promoção válida de 01/01/2026 a 31/03/2026, mediante cadastro no site. Certificado de autorização SPA/MF\n 00.000000/0000.\n

)}\n links={[\n { label: 'Regulamento', href: '#regulamento' },\n { label: 'Política de privacidade', href: '#privacidade' },\n { label: 'Termos de uso', href: '#termos' },\n ]} />;","exportName":"Default","tags":["dev","test","manifest"]},{"id":"blocos-footer--surface","name":"Surface","snippet":"const Surface = () => Campanha}\n social={[\n { network: 'facebook', href: 'https://facebook.com' },\n { network: 'instagram', href: 'https://instagram.com' },\n { network: 'youtube', href: 'https://youtube.com' },\n { network: 'whatsapp', href: 'https://wa.me/550000000000' },\n ]}\n legalText={(

Promoção válida de 01/01/2026 a 31/03/2026, mediante cadastro no site. Certificado de autorização SPA/MF\n 00.000000/0000.\n

)}\n links={[\n { label: 'Regulamento', href: '#regulamento' },\n { label: 'Política de privacidade', href: '#privacidade' },\n { label: 'Termos de uso', href: '#termos' },\n ]}\n tone=\"surface\" />;","exportName":"Surface","tags":["dev","test","manifest"]},{"id":"blocos-footer--celular","name":"Celular","snippet":"const Celular = () => Campanha}\n social={[\n { network: 'facebook', href: 'https://facebook.com' },\n { network: 'instagram', href: 'https://instagram.com' },\n { network: 'youtube', href: 'https://youtube.com' },\n { network: 'whatsapp', href: 'https://wa.me/550000000000' },\n ]}\n legalText={(

Promoção válida de 01/01/2026 a 31/03/2026, mediante cadastro no site. Certificado de autorização SPA/MF\n 00.000000/0000.\n

)}\n links={[\n { label: 'Regulamento', href: '#regulamento' },\n { label: 'Política de privacidade', href: '#privacidade' },\n { label: 'Termos de uso', href: '#termos' },\n ]} />;","description":"360px: colunas empilham e tudo fica centralizado.","exportName":"Celular","tags":["dev","test","manifest"]}],"import":"import { Footer } from '@handsondigital/idplugger-ui';","title":"Blocos/Footer"},"blocos-header":{"id":"blocos-header","name":"Header","path":"./src/blocks/Header/Header.stories.tsx","jsDocTags":{},"description":"Bloco de campanha fora do pacote npm: cabeçalho com logo, navegação, CTA ou saudação da área logada e\nmenu móvel acessível. Copie para o seu hotsite e troque o logo e os itens.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/Header/Header.tsx","description":"Bloco de campanha \"Cabeçalho\": logo, navegação, CTA ou saudação da área logada. Em telas estreitas a navegação vira\num painel suspenso aberto pelo hambúrguer (Escape fecha e devolve o foco; clicar num item fecha; a rolagem da\npágina trava enquanto está aberto). Copie para o seu hotsite; não faz parte\ndo pacote.","displayName":"Header","methods":[],"props":{"logo":{"defaultValue":null,"description":"Logo da campanha (ex.: `\"Nome`).","name":"logo","parent":{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"}],"required":true,"type":{"name":"ReactNode"}},"logoHref":{"defaultValue":{"value":"/"},"description":"Link do logo. Padrão: `'/'`.","name":"logoHref","parent":{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"}],"required":false,"type":{"name":"string"}},"items":{"defaultValue":null,"description":"Itens de navegação (âncoras ou páginas).","name":"items","parent":{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"}],"required":true,"type":{"name":"HeaderNavItem[]"}},"currentHref":{"defaultValue":null,"description":"Marca o item atual com `aria-current=\"page\"`.","name":"currentHref","parent":{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"}],"required":false,"type":{"name":"string"}},"cta":{"defaultValue":null,"description":"Ação de destaque (ex.: \"Cadastre-se\"); ignorada quando `user` é informado.","name":"cta","parent":{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"}],"required":false,"type":{"name":"HeaderCta"}},"user":{"defaultValue":null,"description":"Área logada: mostra \"Olá, {primeiro nome}\" no lugar do `cta`.","name":"user","parent":{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"}],"required":false,"type":{"name":"HeaderUser"}},"tone":{"defaultValue":{"value":"surface"},"description":"`surface` (fundo claro) ou `navy` (fundo `--color-brand-navy`, texto claro). Padrão: `surface`.","name":"tone","parent":{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"}],"required":false,"type":{"name":"enum","raw":"\"navy\" | \"surface\"","value":[{"value":"\"navy\""},{"value":"\"surface\""}]}},"sticky":{"defaultValue":{"value":"true"},"description":"Fixa o cabeçalho no topo ao rolar. Padrão: `true`.","name":"sticky","parent":{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"}],"required":false,"type":{"name":"boolean"}},"skipToHref":{"defaultValue":{"value":"#conteudo"},"description":"Alvo do link \"Pular para o conteúdo\". Padrão: `'#conteudo'`.","name":"skipToHref","parent":{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Header/Header.tsx","name":"HeaderProps"}],"required":false,"type":{"name":"string"}}},"exportName":"Header"},"stories":[{"id":"blocos-header--default","name":"Default","snippet":"const Default = () => Campanha)}\n items={[\n { label: 'Como participar', href: '#como-participar' },\n { label: 'Produtos', href: '#produtos' },\n { label: 'Prêmios', href: '#premios' },\n { label: 'Dúvidas', href: '#faq' },\n ]}\n cta={{ label: 'Cadastre-se', href: '#cadastro' }} />;","exportName":"Default","tags":["dev","test","manifest"]},{"id":"blocos-header--navy","name":"Navy","snippet":"const Navy = () => Campanha)}\n items={[\n { label: 'Como participar', href: '#como-participar' },\n { label: 'Produtos', href: '#produtos' },\n { label: 'Prêmios', href: '#premios' },\n { label: 'Dúvidas', href: '#faq' },\n ]}\n cta={{ label: 'Cadastre-se', href: '#cadastro' }}\n tone=\"navy\" />;","exportName":"Navy","tags":["dev","test","manifest"]},{"id":"blocos-header--logado","name":"Logado","snippet":"const Logado = () => Campanha)}\n items={[\n { label: 'Como participar', href: '#como-participar' },\n { label: 'Produtos', href: '#produtos' },\n { label: 'Prêmios', href: '#premios' },\n { label: 'Dúvidas', href: '#faq' },\n ]}\n cta={{ label: 'Cadastre-se', href: '#cadastro' }}\n user={{ name: 'Maria Oliveira', href: '#perfil' }} />;","exportName":"Logado","tags":["dev","test","manifest"]},{"id":"blocos-header--celular","name":"Celular","snippet":"const Celular = () => Campanha)}\n items={[\n { label: 'Como participar', href: '#como-participar' },\n { label: 'Produtos', href: '#produtos' },\n { label: 'Prêmios', href: '#premios' },\n { label: 'Dúvidas', href: '#faq' },\n ]}\n cta={{ label: 'Cadastre-se', href: '#cadastro' }} />;","description":"360px: o menu vira um painel suspenso aberto pelo hambúrguer.","exportName":"Celular","tags":["dev","test","manifest","play-fn"]}],"import":"import { Header } from '@handsondigital/idplugger-ui';","title":"Blocos/Header"},"blocos-hero":{"id":"blocos-hero","name":"Hero","path":"./src/blocks/Hero/Hero.stories.tsx","jsDocTags":{},"description":"Hero de campanha em card com mídia e ações ou banner com arte e sobreposição para leitura do título.\n\n**Quando usar:** abrir uma página de campanha com sua mensagem e ação principal.\n\n**Quando não usar:** introduzir seções internas sem ação de destaque; use um título de seção.","reactDocgenTypescript":{"tags":{"example":""},"filePath":"src/blocks/Hero/Hero.tsx","description":"Hero de campanha em card com mídia e ações ou banner com arte e sobreposição para leitura do título.\n\n**Quando usar:** abrir uma página de campanha com sua mensagem e ação principal.\n\n**Quando não usar:** introduzir seções internas sem ação de destaque; use um título de seção.","displayName":"Hero","methods":[],"props":{"title":{"defaultValue":null,"description":"Título principal; renderizado como o único `h1` do bloco.","name":"title","parent":{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"}],"required":true,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Texto de apoio ao título.","name":"description","parent":{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"}],"required":false,"type":{"name":"ReactNode"}},"primaryAction":{"defaultValue":null,"description":"Ação principal.","name":"primaryAction","parent":{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"}],"required":false,"type":{"name":"HeroAction"}},"secondaryAction":{"defaultValue":null,"description":"Ação secundária.","name":"secondaryAction","parent":{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"}],"required":false,"type":{"name":"HeroAction"}},"media":{"defaultValue":null,"description":"Mídia do hero. Padrão: `AppThumb` em proporção 1:1 sem imagem.","name":"media","parent":{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"}],"required":false,"type":{"name":"ReactNode"}},"disclaimer":{"defaultValue":null,"description":"Aviso curto sob a mídia, ex.: \"*Imagem meramente ilustrativa\".","name":"disclaimer","parent":{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"}],"required":false,"type":{"name":"string"}},"layout":{"defaultValue":{"value":"card"},"description":"Composição em card ou banner de campanha. Padrão: `'card'`.","name":"layout","parent":{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"}],"required":false,"type":{"name":"enum","raw":"\"card\" | \"banner\"","value":[{"value":"\"card\""},{"value":"\"banner\""}]}},"backgroundImage":{"defaultValue":null,"description":"Imagem de fundo opcional no layout banner.","name":"backgroundImage","parent":{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Hero/Hero.tsx","name":"HeroProps"}],"required":false,"type":{"name":"string"}}},"exportName":"Hero"},"stories":[{"id":"blocos-hero--card","name":"Card","snippet":"const Card = () => ;","exportName":"Card","tags":["dev","test","manifest"]},{"id":"blocos-hero--banner","name":"Banner","snippet":"const Banner = () => ')}`} />;","exportName":"Banner","tags":["dev","test","manifest"]},{"id":"blocos-hero--celular","name":"Celular","snippet":"const Celular = () => ;","exportName":"Celular","tags":["dev","test","manifest"]}],"import":"import { Hero } from '@handsondigital/idplugger-ui';","title":"Blocos/Hero"},"blocos-login":{"id":"blocos-login","name":"Login","path":"./src/blocks/Login/Login.stories.tsx","jsDocTags":{},"description":"Acesso do participante ao lado do convite para cadastro. Copie para o seu hotsite.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/Login/Login.tsx","description":"Bloco de campanha \"Login\": painel \"Já sou cadastrado\" (identificação, senha com mostrar/ocultar, link para\nrecuperar a senha e \"Entrar\") ao lado do painel \"Não sou cadastrado\", com o convite para o cadastro. Lado a lado\na partir de 720px de largura do bloco; empilhado abaixo disso. Campos vazios mostram erro no próprio campo; o erro\ndo acesso (`error`) aparece acima do formulário e é anunciado. Fica fora do pacote: copie para o seu hotsite.","displayName":"Login","methods":[],"props":{"identifierLabel":{"defaultValue":{"value":"CPF ou e-mail"},"description":"Rótulo do campo de identificação. Padrão: `'CPF ou e-mail'`.","name":"identifierLabel","parent":{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"}],"required":false,"type":{"name":"string"}},"forgotHref":{"defaultValue":null,"description":"Página de recuperação de senha.","name":"forgotHref","parent":{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"}],"required":true,"type":{"name":"string"}},"registerHref":{"defaultValue":null,"description":"Página de cadastro.","name":"registerHref","parent":{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"}],"required":true,"type":{"name":"string"}},"onSubmit":{"defaultValue":null,"description":"Recebe identificação e senha depois da validação de campos obrigatórios.","name":"onSubmit","parent":{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"}],"required":true,"type":{"name":"(values: LoginValues) => void"}},"error":{"defaultValue":null,"description":"Erro do acesso (ex.: dados não conferem), mostrado acima do formulário.","name":"error","parent":{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"}],"required":false,"type":{"name":"string"}},"loading":{"defaultValue":{"value":"false"},"description":"Enquanto a tentativa de acesso está em andamento.","name":"loading","parent":{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/Login/Login.tsx","name":"LoginProps"}],"required":false,"type":{"name":"boolean"}}},"exportName":"Login"},"stories":[{"id":"blocos-login--default","name":"Default","snippet":"const Default = () => ;","exportName":"Default","tags":["dev","test","manifest","play-fn"]},{"id":"blocos-login--com-erro","name":"Com Erro","snippet":"const ComErro = () => ;","exportName":"ComErro","tags":["dev","test","manifest"]},{"id":"blocos-login--carregando","name":"Carregando","snippet":"const Carregando = () => ;","exportName":"Carregando","tags":["dev","test","manifest"]},{"id":"blocos-login--celular","name":"Celular","snippet":"const Celular = () => ;","exportName":"Celular","tags":["dev","test","manifest"]}],"import":"import { Login } from '@handsondigital/idplugger-ui';\nimport { fn } from 'storybook/test';","title":"Blocos/Login"},"blocos-numerosdasorte":{"id":"blocos-numerosdasorte","name":"NumerosDaSorte","path":"./src/blocks/NumerosDaSorte/NumerosDaSorte.stories.tsx","jsDocTags":{},"description":"Números da sorte do participante, com status, estado vazio e paginação. Copie para o seu hotsite.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/NumerosDaSorte/NumerosDaSorte.tsx","description":"Bloco de campanha \"Números da sorte\": os números do participante em formato de bilhete, com a data do sorteio e o\nstatus escrito (Concorrendo, Sorteado, Premiado). Pagina a partir de `pageSize` números e, sem números, mostra o\nconvite para cadastrar um cupom. Fica fora do pacote: copie para o seu hotsite.","displayName":"NumerosDaSorte","methods":[],"props":{"title":{"defaultValue":null,"description":"Título da seção.","name":"title","parent":{"fileName":"idplugger-ui/src/blocks/NumerosDaSorte/NumerosDaSorte.tsx","name":"NumerosDaSorteProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/NumerosDaSorte/NumerosDaSorte.tsx","name":"NumerosDaSorteProps"}],"required":true,"type":{"name":"string"}},"numbers":{"defaultValue":null,"description":"Números do participante, com status e data do sorteio.","name":"numbers","parent":{"fileName":"idplugger-ui/src/blocks/NumerosDaSorte/NumerosDaSorte.tsx","name":"NumerosDaSorteProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/NumerosDaSorte/NumerosDaSorte.tsx","name":"NumerosDaSorteProps"}],"required":true,"type":{"name":"LuckyNumber[]"}},"pageSize":{"defaultValue":{"value":"30"},"description":"Números por página antes da paginação. Padrão: 30.","name":"pageSize","parent":{"fileName":"idplugger-ui/src/blocks/NumerosDaSorte/NumerosDaSorte.tsx","name":"NumerosDaSorteProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/NumerosDaSorte/NumerosDaSorte.tsx","name":"NumerosDaSorteProps"}],"required":false,"type":{"name":"number"}},"emptyAction":{"defaultValue":null,"description":"Ação do estado vazio (ex.: cadastrar cupom).","name":"emptyAction","parent":{"fileName":"idplugger-ui/src/blocks/NumerosDaSorte/NumerosDaSorte.tsx","name":"NumerosDaSorteProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/NumerosDaSorte/NumerosDaSorte.tsx","name":"NumerosDaSorteProps"}],"required":false,"type":{"name":"{ label: string; href: string; }"}}},"exportName":"NumerosDaSorte"},"stories":[{"id":"blocos-numerosdasorte--default","name":"Default","snippet":"const Default = () => ;","warning":"Incomplete snippet: `numbers` could not be resolved statically.","exportName":"Default","tags":["dev","test","manifest"]},{"id":"blocos-numerosdasorte--com-status","name":"Com Status","snippet":"const ComStatus = () => ;","exportName":"ComStatus","tags":["dev","test","manifest"]},{"id":"blocos-numerosdasorte--vazio","name":"Vazio","snippet":"const Vazio = () => ;","exportName":"Vazio","tags":["dev","test","manifest"]},{"id":"blocos-numerosdasorte--paginado","name":"Paginado","snippet":"const Paginado = () => ;","warning":"Incomplete snippet: `numbers` could not be resolved statically.","exportName":"Paginado","tags":["dev","test","manifest","play-fn"]},{"id":"blocos-numerosdasorte--celular","name":"Celular","snippet":"const Celular = () => ;","warning":"Incomplete snippet: `numbers` could not be resolved statically.","exportName":"Celular","tags":["dev","test","manifest"]}],"import":"import { NumerosDaSorte } from '@handsondigital/idplugger-ui';","title":"Blocos/NumerosDaSorte"},"blocos-produtos-participantes":{"id":"blocos-produtos-participantes","name":"ProdutosParticipantes","path":"./src/blocks/ProdutosParticipantes/ProdutosParticipantes.stories.tsx","jsDocTags":{},"description":"Bloco de campanha fora do pacote npm: produtos participantes em carrossel (1 por vez em espaços\nestreitos, 3 a partir de 880px de largura do bloco), com setas, rolagem por toque e botão de ação. Copie para o seu hotsite e troque os produtos.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","description":"Bloco de campanha \"Produtos participantes\": título, introdução, carrossel de produtos (1 por vez em espaços\nestreitos, 3 a partir de 880px de largura do bloco; setas e rolagem por toque/trackpad, sem autoplay) e botão de ação. O carrossel usa rolagem nativa\ncom `scroll-snap`, sem biblioteca. Copie para o seu hotsite; não faz parte do pacote.","displayName":"ProdutosParticipantes","methods":[],"props":{"title":{"defaultValue":null,"description":"Título da seção.","name":"title","parent":{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"}],"required":true,"type":{"name":"string"}},"intro":{"defaultValue":null,"description":"Texto de introdução abaixo do título.","name":"intro","parent":{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"}],"required":true,"type":{"name":"ReactNode"}},"products":{"defaultValue":null,"description":"Produtos do carrossel.","name":"products","parent":{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"}],"required":true,"type":{"name":"ProdutoParticipante[]"}},"disclaimer":{"defaultValue":null,"description":"Aviso sobre a mídia de cada produto, ex.: \"*Imagem meramente ilustrativa\".","name":"disclaimer","parent":{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"}],"required":false,"type":{"name":"string"}},"ctaLabel":{"defaultValue":null,"description":"Texto do botão de ação.","name":"ctaLabel","parent":{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"}],"required":true,"type":{"name":"string"}},"onCtaClick":{"defaultValue":null,"description":"Chamado ao clicar no botão de ação.","name":"onCtaClick","parent":{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/ProdutosParticipantes/ProdutosParticipantes.tsx","name":"ProdutosParticipantesProps"}],"required":false,"type":{"name":"(() => void)"}}},"exportName":"ProdutosParticipantes"},"stories":[{"id":"blocos-produtos-participantes--default","name":"Default","snippet":"const Default = () => ({\n image: produto(`Produto ${index + 1}`, cor),\n imageAlt: `Embalagem do produto ${index + 1}`,\n name: `Produto ${index + 1}`,\n reference: `Ref. 00${index + 1}-PROMO`,\n }))}\n disclaimer=\"*Imagem meramente ilustrativa\"\n ctaLabel=\"Quero Participar\" />;","warning":"Incomplete snippet: `CORES`, `produto` could not be resolved statically.","exportName":"Default","tags":["dev","test","manifest"]},{"id":"blocos-produtos-participantes--navegacao","name":"Navegacao","snippet":"const Navegacao = () => ({\n image: produto(`Produto ${index + 1}`, cor),\n imageAlt: `Embalagem do produto ${index + 1}`,\n name: `Produto ${index + 1}`,\n reference: `Ref. 00${index + 1}-PROMO`,\n }))}\n disclaimer=\"*Imagem meramente ilustrativa\"\n ctaLabel=\"Quero Participar\" />;","description":"As setas avançam uma página de produtos; a anterior fica desabilitada no início e a próxima, no fim.","warning":"Incomplete snippet: `CORES`, `produto` could not be resolved statically.","exportName":"Navegacao","tags":["dev","test","manifest","play-fn"]}],"import":"import { ProdutosParticipantes } from '@handsondigital/idplugger-ui';","title":"Blocos/Produtos participantes"},"blocos-recuperarsenha":{"id":"blocos-recuperarsenha","name":"RecuperarSenha","path":"./src/blocks/RecuperarSenha/RecuperarSenha.stories.tsx","jsDocTags":{},"description":"Os passos de recuperação de senha. Copie para o seu hotsite.","reactDocgenTypescript":{"tags":{},"filePath":"src/blocks/RecuperarSenha/RecuperarSenha.tsx","description":"Bloco de campanha \"Recuperar senha\": os quatro passos da recuperação num só card, escolhidos por `step` —\npedir o link por e-mail, aviso de envio, nova senha (com requisitos visíveis e confirmação) e conclusão. Erros\naparecem no próprio campo. Fica fora do pacote: copie para o seu hotsite.","displayName":"RecuperarSenha","methods":[],"props":{"step":{"defaultValue":null,"description":"Passo exibido; quem usa avança o passo depois de cada chamada à API.","name":"step","parent":{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"}],"required":true,"type":{"name":"enum","raw":"RecuperarSenhaStep","value":[{"value":"\"solicitar\""},{"value":"\"enviado\""},{"value":"\"redefinir\""},{"value":"\"concluido\""}]}},"onRequest":{"defaultValue":null,"description":"Recebe o e-mail informado no passo `solicitar`.","name":"onRequest","parent":{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"}],"required":false,"type":{"name":"((email: string) => void)"}},"onReset":{"defaultValue":null,"description":"Recebe a nova senha no passo `redefinir`, depois de atender os requisitos e conferir a confirmação.","name":"onReset","parent":{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"}],"required":false,"type":{"name":"((password: string) => void)"}},"email":{"defaultValue":null,"description":"E-mail mostrado no passo `enviado`.","name":"email","parent":{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"}],"required":false,"type":{"name":"string"}},"loginHref":{"defaultValue":null,"description":"Página de login, usada em `enviado` e `concluido`.","name":"loginHref","parent":{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"}],"required":true,"type":{"name":"string"}},"passwordRules":{"defaultValue":{"value":"[\n { label: 'Pelo menos 8 caracteres', test: (value) => value.length >= 8 },\n { label: 'Uma letra maiúscula', test: (value) => /[A-Z]/.test(value) },\n { label: 'Um número', test: (value) => /\\d/.test(value) },\n]"},"description":"Requisitos da nova senha. Padrão: 8 caracteres, uma letra maiúscula e um número.","name":"passwordRules","parent":{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"},"declarations":[{"fileName":"idplugger-ui/src/blocks/RecuperarSenha/RecuperarSenha.tsx","name":"RecuperarSenhaProps"}],"required":false,"type":{"name":"{ label: string; test: (password: string) => boolean; }[]"}}},"exportName":"RecuperarSenha"},"stories":[{"id":"blocos-recuperarsenha--solicitar","name":"Solicitar","snippet":"const Solicitar = () => ;","exportName":"Solicitar","tags":["dev","test","manifest","play-fn"]},{"id":"blocos-recuperarsenha--enviado","name":"Enviado","snippet":"const Enviado = () => ;","exportName":"Enviado","tags":["dev","test","manifest"]},{"id":"blocos-recuperarsenha--redefinir","name":"Redefinir","snippet":"const Redefinir = () => ;","exportName":"Redefinir","tags":["dev","test","manifest","play-fn"]},{"id":"blocos-recuperarsenha--concluido","name":"Concluido","snippet":"const Concluido = () => ;","exportName":"Concluido","tags":["dev","test","manifest"]}],"import":"import { RecuperarSenha } from '@handsondigital/idplugger-ui';\nimport { fn } from 'storybook/test';","title":"Blocos/RecuperarSenha"},"molecules-appalert":{"id":"molecules-appalert","name":"AppAlert","path":"./src/components/AppAlert/AppAlert.stories.tsx","jsDocTags":{},"description":"Aviso em linha com ícone, título opcional, mensagem e ação.\n\n**Quando usar:** instruções antes de um formulário (onde encontrar o CNPJ e o número do cupom), aviso antes de uma\nconfirmação definitiva, erro geral de um envio ou sucesso de uma etapa.\n\n**Quando não usar:** erro de um campo específico (use o `error` do campo) ou confirmação passageira de uma ação\n(use `AppToast`).","reactDocgenTypescript":{"tags":{"example":"\n Estas informações não poderão ser alteradas após a confirmação.\n"},"filePath":"src/components/AppAlert/AppAlert.tsx","description":"Aviso em linha com ícone, título opcional, mensagem e ação.\n\n**Quando usar:** instruções antes de um formulário (onde encontrar o CNPJ e o número do cupom), aviso antes de uma\nconfirmação definitiva, erro geral de um envio ou sucesso de uma etapa.\n\n**Quando não usar:** erro de um campo específico (use o `error` do campo) ou confirmação passageira de uma ação\n(use `AppToast`).","displayName":"AppAlert","methods":[],"props":{"tone":{"defaultValue":{"value":"info"},"description":"Tom da mensagem: muda cor e ícone. Padrão: `'info'`.","name":"tone","parent":{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"}],"required":false,"type":{"name":"enum","raw":"AppAlertTone","value":[{"value":"\"success\""},{"value":"\"info\""},{"value":"\"warning\""},{"value":"\"danger\""}]}},"title":{"defaultValue":null,"description":"Título curto em destaque, acima da mensagem.","name":"title","parent":{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"}],"required":false,"type":{"name":"ReactNode"}},"children":{"defaultValue":null,"description":"Mensagem do aviso.","name":"children","parent":{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"}],"required":true,"type":{"name":"ReactNode"}},"icon":{"defaultValue":null,"description":"Ícone à esquerda. Padrão: um ícone por tom; `false` remove o ícone. Decorativo.","name":"icon","parent":{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"}],"required":false,"type":{"name":"ReactNode"}},"action":{"defaultValue":null,"description":"Ação abaixo da mensagem, como um link ou botão.","name":"action","parent":{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"}],"required":false,"type":{"name":"ReactNode"}},"onDismiss":{"defaultValue":null,"description":"Mostra o botão \"Fechar aviso\" e é chamado ao clicar nele. Quem usa remove o aviso (o fechamento é controlado):\nassim o mesmo aviso volta a aparecer se a condição se repetir, como um novo erro no envio.","name":"onDismiss","parent":{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"}],"required":false,"type":{"name":"(() => void)"}},"live":{"defaultValue":{"value":"false"},"description":"Anuncia o aviso para leitores de tela quando ele aparece depois de uma ação (`danger`/`warning` como alerta,\nos demais como status). Deixe `false` para avisos que já estão na página ao carregar. Padrão: `false`.","name":"live","parent":{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAlert/AppAlert.tsx","name":"AppAlertProps"}],"required":false,"type":{"name":"boolean"}}},"exportName":"AppAlert"},"stories":[{"id":"molecules-appalert--tons","name":"Tons","snippet":"const Tons = () => (\n
\n Informação para você.\n Operação concluída.\n Confira os dados informados.\n Não foi possível concluir.\n
\n);","exportName":"Tons","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appalert--com-titulo","name":"Com Titulo","snippet":"const ComTitulo = () => Seu cadastro foi confirmado.;","exportName":"ComTitulo","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appalert--com-acao","name":"Com Acao","snippet":"const ComAcao = () => Clique aqui para saber onde encontrar o CNPJ e o número do cupom fiscal}>Para saber onde encontrar o CNPJ e o número do cupom fiscal, consulte as orientações.;","exportName":"ComAcao","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appalert--dispensavel","name":"Dispensavel","snippet":"const Dispensavel = () => ;","exportName":"Dispensavel","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"molecules-appalert--confirmacao-de-cupom","name":"Confirmacao De Cupom","snippet":"const ConfirmacaoDeCupom = () => Estas informações não poderão ser alteradas após a confirmação.;","exportName":"ConfirmacaoDeCupom","tags":["dev","test","manifest","autodocs"]}],"import":"import { AppAlert } from '@handsondigital/idplugger-ui';","title":"Molecules/AppAlert"},"atoms-appavatar":{"id":"atoms-appavatar","name":"AppAvatar","path":"./src/components/AppAvatar/AppAvatar.stories.tsx","jsDocTags":{},"description":"Representa uma pessoa, empresa ou ausência de imagem com foto, iniciais ou placeholder.\n\n**Quando usar:** identificar visualmente uma pessoa, equipe ou empresa em listas, cabeçalhos e comentários.\n\n**Quando não usar:** a imagem é decorativa sem representar uma entidade; nesse caso, use um ícone ou ilustração.","reactDocgenTypescript":{"tags":{"example":""},"filePath":"src/components/AppAvatar/AppAvatar.tsx","description":"Representa uma pessoa, empresa ou ausência de imagem com foto, iniciais ou placeholder.\n\n**Quando usar:** identificar visualmente uma pessoa, equipe ou empresa em listas, cabeçalhos e comentários.\n\n**Quando não usar:** a imagem é decorativa sem representar uma entidade; nesse caso, use um ícone ou ilustração.","displayName":"AppAvatar","methods":[],"props":{"src":{"defaultValue":null,"description":"URL da imagem exibida no avatar. Ao falhar, exibe as iniciais ou o placeholder.","name":"src","parent":{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"}],"required":false,"type":{"name":"string"}},"alt":{"defaultValue":null,"description":"Texto alternativo da imagem. Por padrão, usa `name`.","name":"alt","parent":{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"}],"required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"Nome usado para gerar as iniciais e o nome acessível do avatar.","name":"name","parent":{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"}],"required":false,"type":{"name":"string"}},"size":{"defaultValue":{"value":"md"},"description":"Diâmetro do avatar. Padrão: `md`.","name":"size","parent":{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"}],"required":false,"type":{"name":"enum","raw":"AppAvatarSize","value":[{"value":"\"xs\""},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""},{"value":"\"xl\""},{"value":"\"2xl\""}]}},"status":{"defaultValue":null,"description":"Estado de presença exibido no canto inferior direito.","name":"status","parent":{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"}],"required":false,"type":{"name":"enum","raw":"AppAvatarStatus","value":[{"value":"\"online\""},{"value":"\"offline\""}]}},"badge":{"defaultValue":null,"description":"Selo no canto inferior direito. `verified` exibe a verificação; um nó permite o logo de uma empresa.","name":"badge","parent":{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatar/AppAvatar.tsx","name":"AppAvatarProps"}],"required":false,"type":{"name":"ReactNode"}}},"exportName":"AppAvatar"},"stories":[{"id":"atoms-appavatar--sizes","name":"Sizes","snippet":"const Sizes = () => (\n
\n \n \n \n \n \n \n
\n);","exportName":"Sizes","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appavatar--iniciais","name":"Iniciais","snippet":"const Iniciais = () => ;","exportName":"Iniciais","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appavatar--placeholder","name":"Placeholder","snippet":"const Placeholder = () => ;","exportName":"Placeholder","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appavatar--status","name":"Status","snippet":"const Status = () => (\n
\n \n \n
\n);","exportName":"Status","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appavatar--verificado","name":"Verificado","snippet":"const Verificado = () => ;","warning":"Incomplete snippet: `avatarSvg` could not be resolved statically.","exportName":"Verificado","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appavatar--empresa","name":"Empresa","snippet":"const Empresa = () => H} />;","warning":"Incomplete snippet: `avatarSvg` could not be resolved statically.","exportName":"Empresa","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appavatar--imagem-quebrada","name":"Imagem Quebrada","snippet":"const ImagemQuebrada = () => ;","exportName":"ImagemQuebrada","tags":["dev","test","manifest","autodocs","play-fn"]}],"import":"import { AppAvatar } from '@handsondigital/idplugger-ui';","title":"Atoms/AppAvatar"},"molecules-appavatargroup":{"id":"molecules-appavatargroup","name":"AppAvatarGroup","path":"./src/components/AppAvatarGroup/AppAvatarGroup.stories.tsx","jsDocTags":{},"description":"Agrupa avatares sobrepostos e informa quantas pessoas não estão visíveis.\n\n**Quando usar:** representar participantes, membros de uma equipe ou pessoas associadas a uma entidade.\n\n**Quando não usar:** identificar uma única pessoa; use `AppAvatar` ou `AppAvatarLabel`.","reactDocgenTypescript":{"tags":{"example":""},"filePath":"src/components/AppAvatarGroup/AppAvatarGroup.tsx","description":"Agrupa avatares sobrepostos e informa quantas pessoas não estão visíveis.\n\n**Quando usar:** representar participantes, membros de uma equipe ou pessoas associadas a uma entidade.\n\n**Quando não usar:** identificar uma única pessoa; use `AppAvatar` ou `AppAvatarLabel`.","displayName":"AppAvatarGroup","methods":[],"props":{"children":{"defaultValue":null,"description":"Avatares que serão exibidos sobrepostos.","name":"children","parent":{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"}],"required":true,"type":{"name":"ReactNode"}},"max":{"defaultValue":null,"description":"Máximo de avatares visíveis antes de exibir o indicador \"+N\".","name":"max","parent":{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"}],"required":false,"type":{"name":"number"}},"size":{"defaultValue":{"value":"md"},"description":"Tamanho repassado aos avatares filhos. Padrão: `md`.","name":"size","parent":{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"}],"required":false,"type":{"name":"enum","raw":"AppAvatarGroupSize","value":[{"value":"\"xs\""},{"value":"\"sm\""},{"value":"\"md\""}]}},"onAdd":{"defaultValue":null,"description":"Ação chamada pelo botão para adicionar uma pessoa. Quando ausente, o botão não é exibido.","name":"onAdd","parent":{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"}],"required":false,"type":{"name":"(() => void)"}},"addLabel":{"defaultValue":{"value":"Adicionar pessoa"},"description":"Nome acessível e título do botão de adicionar. Padrão: `Adicionar pessoa`.","name":"addLabel","parent":{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarGroup/AppAvatarGroup.tsx","name":"AppAvatarGroupProps"}],"required":false,"type":{"name":"string"}}},"exportName":"AppAvatarGroup"},"stories":[{"id":"molecules-appavatargroup--default","name":"Default","snippet":"const Default = () => {people.map(([name, background, hair]) => )};","warning":"Incomplete snippet: `people`, `avatarSvg` could not be resolved statically.","exportName":"Default","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appavatargroup--com-adicionar","name":"Com Adicionar","snippet":"const ComAdicionar = () => {people.map(([name, background, hair]) => )};","warning":"Incomplete snippet: `people`, `avatarSvg` could not be resolved statically.","exportName":"ComAdicionar","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"molecules-appavatargroup--tamanhos","name":"Tamanhos","snippet":"const Tamanhos = () => (\n
\n {avatars}\n {avatars}\n {avatars}\n
\n);","exportName":"Tamanhos","tags":["dev","test","manifest","autodocs"]}],"import":"import { AppAvatar, AppAvatarGroup } from '@handsondigital/idplugger-ui';\nimport { AppAvatar } from '../AppAvatar/AppAvatar';\nimport { fn } from 'storybook/test';","title":"Molecules/AppAvatarGroup"},"molecules-appavatarlabel":{"id":"molecules-appavatarlabel","name":"AppAvatarLabel","path":"./src/components/AppAvatarLabel/AppAvatarLabel.stories.tsx","jsDocTags":{},"description":"Exibe um avatar decorativo acompanhado do nome e de uma informação complementar.\n\n**Quando usar:** apresentar uma pessoa ou empresa em listas, tabelas e campos de responsável.\n\n**Quando não usar:** o nome não está disponível ou a informação precisa caber em um cartão mais completo.","reactDocgenTypescript":{"tags":{"example":""},"filePath":"src/components/AppAvatarLabel/AppAvatarLabel.tsx","description":"Exibe um avatar decorativo acompanhado do nome e de uma informação complementar.\n\n**Quando usar:** apresentar uma pessoa ou empresa em listas, tabelas e campos de responsável.\n\n**Quando não usar:** o nome não está disponível ou a informação precisa caber em um cartão mais completo.","displayName":"AppAvatarLabel","methods":[],"props":{"name":{"defaultValue":null,"description":"Nome visível da pessoa ou empresa.","name":"name","parent":{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"}],"required":true,"type":{"name":"string"}},"supportingText":{"defaultValue":null,"description":"Informação complementar, como cargo ou e-mail.","name":"supportingText","parent":{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"}],"required":false,"type":{"name":"string"}},"size":{"defaultValue":{"value":"md"},"description":"Tamanho do avatar e da tipografia. Padrão: `md`.","name":"size","parent":{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"}],"required":false,"type":{"name":"enum","raw":"AppAvatarLabelSize","value":[{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""},{"value":"\"xl\""}]}},"src":{"defaultValue":null,"description":"URL da imagem exibida no avatar.","name":"src","parent":{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"}],"required":false,"type":{"name":"string"}},"alt":{"defaultValue":null,"description":"Texto alternativo da imagem do avatar.","name":"alt","parent":{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"}],"required":false,"type":{"name":"string"}},"status":{"defaultValue":null,"description":"Estado de presença exibido no avatar.","name":"status","parent":{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"}],"required":false,"type":{"name":"enum","raw":"AppAvatarStatus","value":[{"value":"\"online\""},{"value":"\"offline\""}]}},"badge":{"defaultValue":null,"description":"Selo exibido no avatar.","name":"badge","parent":{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppAvatarLabel/AppAvatarLabel.tsx","name":"AppAvatarLabelProps"}],"required":false,"type":{"name":"ReactNode"}}},"exportName":"AppAvatarLabel"},"stories":[{"id":"molecules-appavatarlabel--nome-e-email","name":"Nome E Email","snippet":"const NomeEEmail = () => \n \n \n \n \n \n `)}`}\n supportingText=\"joaocarlos@handson-ti.com.br\" />;","exportName":"NomeEEmail","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appavatarlabel--so-nome","name":"So Nome","snippet":"const SoNome = () => \n \n \n \n \n \n `)}`} />;","exportName":"SoNome","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appavatarlabel--tamanhos","name":"Tamanhos","snippet":"const Tamanhos = () => (\n
\n \n \n \n \n
\n);","exportName":"Tamanhos","tags":["dev","test","manifest","autodocs"]}],"import":"import { AppAvatarLabel } from '@handsondigital/idplugger-ui';","title":"Molecules/AppAvatarLabel"},"atoms-appbadge":{"id":"atoms-appbadge","name":"AppBadge","path":"./src/components/AppBadge/AppBadge.stories.tsx","jsDocTags":{},"description":"Selo compacto para comunicar status, contagens ou destaques breves.\n\n**Quando usar:** `success` para status ativo ou aprovado; `warning` para avisos; `danger` para erro ou queda;\n`info` para informação; `neutral` para contagens como \"+N\" e rótulos neutros; `primary` para destaque de campanha.\n\n**Quando não usar:** o conteúdo precisa de ação, descrição longa ou prioridade suficiente para merecer um alerta.","reactDocgenTypescript":{"tags":{"example":"Ativo"},"filePath":"src/components/AppBadge/AppBadge.tsx","description":"Selo compacto para comunicar status, contagens ou destaques breves.\n\n**Quando usar:** `success` para status ativo ou aprovado; `warning` para avisos; `danger` para erro ou queda;\n`info` para informação; `neutral` para contagens como \"+N\" e rótulos neutros; `primary` para destaque de campanha.\n\n**Quando não usar:** o conteúdo precisa de ação, descrição longa ou prioridade suficiente para merecer um alerta.","displayName":"AppBadge","methods":[],"props":{"children":{"defaultValue":null,"description":"Conteúdo curto que identifica o status, a contagem ou o destaque.","name":"children","parent":{"fileName":"idplugger-ui/src/components/AppBadge/AppBadge.tsx","name":"AppBadgeProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppBadge/AppBadge.tsx","name":"AppBadgeProps"}],"required":true,"type":{"name":"ReactNode"}},"icon":{"defaultValue":null,"description":"Ícone decorativo exibido antes do conteúdo.","name":"icon","parent":{"fileName":"idplugger-ui/src/components/AppBadge/AppBadge.tsx","name":"AppBadgeProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppBadge/AppBadge.tsx","name":"AppBadgeProps"}],"required":false,"type":{"name":"ReactNode"}},"tone":{"defaultValue":{"value":"neutral"},"description":"Significado visual do selo. Padrão: `neutral`.","name":"tone","parent":{"fileName":"idplugger-ui/src/components/AppBadge/AppBadge.tsx","name":"AppBadgeProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppBadge/AppBadge.tsx","name":"AppBadgeProps"}],"required":false,"type":{"name":"enum","raw":"AppBadgeTone","value":[{"value":"\"success\""},{"value":"\"info\""},{"value":"\"warning\""},{"value":"\"danger\""},{"value":"\"neutral\""},{"value":"\"primary\""}]}}},"exportName":"AppBadge"},"stories":[{"id":"atoms-appbadge--default","name":"Default","snippet":"const Default = () => Novo;","exportName":"Default","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbadge--tons","name":"Tons","snippet":"const Tons = () => (\n
\n Neutro\n Campanha\n Aprovado\n Informação\n Atenção\n Erro\n
\n);","exportName":"Tons","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbadge--com-icone","name":"Com Icone","snippet":"const ComIcone = () => (\n
\n }>20%\n }>20%\n
\n);","exportName":"ComIcone","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbadge--grupo","name":"Grupo","snippet":"const Grupo = () => (\n
\n Label\n Label\n Label\n +4\n
\n);","exportName":"Grupo","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbadge--status","name":"Status","snippet":"const Status = () => Active;","exportName":"Status","tags":["dev","test","manifest","autodocs"]}],"import":"import { AppBadge } from '@handsondigital/idplugger-ui';\nimport { IconArrowDownward, IconArrowUpward } from '@handsondigital/idplugger-ui/icons';","title":"Atoms/AppBadge"},"atoms-appbutton":{"id":"atoms-appbutton","name":"AppButton","path":"./src/components/AppButton/AppButton.stories.tsx","jsDocTags":{},"description":"Botão de ação com variações de aparência, tom e tamanho, ícones, estado de carregamento e modo só-ícone.\n\n**Quando usar:** ações primárias e secundárias (enviar formulário, \"Participar\", confirmar, cancelar), ações destrutivas (`tone=\"danger\"`) e ações só com ícone.\n\n**Quando não usar:** navegação entre páginas (use um link `` estilizado); rótulos informativos ou removíveis (use `AppTag`); controle de paginação (use `AppPagination`).\n\nAcessibilidade: botão só com ícone (`icon`) exige `aria-label` ou `aria-labelledby`.","reactDocgenTypescript":{"tags":{"example":"Participar"},"filePath":"src/components/AppButton/AppButton.tsx","description":"Botão de ação com variações de aparência, tom e tamanho, ícones, estado de carregamento e modo só-ícone.\n\n**Quando usar:** ações primárias e secundárias (enviar formulário, \"Participar\", confirmar, cancelar), ações destrutivas (`tone=\"danger\"`) e ações só com ícone.\n\n**Quando não usar:** navegação entre páginas (use um link `` estilizado); rótulos informativos ou removíveis (use `AppTag`); controle de paginação (use `AppPagination`).\n\nAcessibilidade: botão só com ícone (`icon`) exige `aria-label` ou `aria-labelledby`.","displayName":"AppButton","methods":[],"props":{"appearance":{"defaultValue":null,"description":"Estilo visual: `solid` (destaque), `soft` (fundo suave), `outline` (borda), `ghost` (sem fundo) ou `link` (texto sublinhado). Padrão: `solid`.","name":"appearance","parent":{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonBaseProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonBaseProps"}],"required":false,"type":{"name":"enum","raw":"ButtonAppearance","value":[{"value":"\"link\""},{"value":"\"solid\""},{"value":"\"soft\""},{"value":"\"outline\""},{"value":"\"ghost\""}]}},"tone":{"defaultValue":null,"description":"Cor semântica: `primary`, `secondary`, `success`, `info`, `warning`, `danger` ou `white` (neutro: fundo branco, borda e texto cinza). Padrão: `primary`.","name":"tone","parent":{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonBaseProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonBaseProps"}],"required":false,"type":{"name":"enum","raw":"ButtonTone","value":[{"value":"\"success\""},{"value":"\"info\""},{"value":"\"warning\""},{"value":"\"danger\""},{"value":"\"primary\""},{"value":"\"secondary\""},{"value":"\"white\""}]}},"isLoading":{"defaultValue":{"value":"false"},"description":"Mostra um spinner no lugar do ícone/ponto à esquerda, desabilita o botão e marca `aria-busy`. Padrão: `false`.","name":"isLoading","parent":{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonBaseProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonBaseProps"}],"required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Texto do botão; vira o nome acessível. Não use junto com `icon`.","name":"children","parent":{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}},"size":{"defaultValue":null,"description":"Tamanho: `sm` 36px, `md` 40px, `lg` 44px, `xl` 48px, `2xl` 60px ou `full` (largura total, só com texto). Padrão: `lg`.","name":"size","parent":{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"ButtonSize","value":[{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""},{"value":"\"xl\""},{"value":"\"2xl\""},{"value":"\"full\""}]}},"leadingIcon":{"defaultValue":null,"description":"Ícone antes do texto, decorativo (`aria-hidden`). Não use junto com `icon`.","name":"leadingIcon","parent":{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}},"trailingIcon":{"defaultValue":null,"description":"Ícone depois do texto, decorativo (`aria-hidden`). Não use junto com `icon`.","name":"trailingIcon","parent":{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}},"dot":{"defaultValue":null,"description":"Ponto de status antes do texto, decorativo. Não use junto com `icon`.","name":"dot","parent":{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Botão quadrado só com ícone. Exige `aria-label` ou `aria-labelledby`; não aceita `children`, `leadingIcon`, `trailingIcon`, `dot` nem `size=\"full\"`.","name":"icon","parent":{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"AppButtonTextProps"},{"fileName":"idplugger-ui/src/components/AppButton/AppButton.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}}},"exportName":"AppButton"},"stories":[{"id":"atoms-appbutton--default","name":"Default","snippet":"const Default = () => Participar;","exportName":"Default","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"atoms-appbutton--secondary","name":"Secondary","snippet":"const Secondary = () => Ver regulamento;","exportName":"Secondary","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--soft","name":"Soft","snippet":"const Soft = () => Saiba mais;","exportName":"Soft","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--outline","name":"Outline","snippet":"const Outline = () => Cancelar;","exportName":"Outline","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--ghost","name":"Ghost","snippet":"const Ghost = () => Voltar;","exportName":"Ghost","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--link","name":"Link","snippet":"const Link = () => Termos de uso;","exportName":"Link","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--destructive","name":"Destructive","snippet":"const Destructive = () => Excluir cadastro;","exportName":"Destructive","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--sizes","name":"Sizes","snippet":"const Sizes = (args) => (\n
\n {(['sm', 'md', 'lg', 'xl', '2xl'] as const).map((size) => (\n {`Tamanho ${size}`}\n ))}\n
\n);","exportName":"Sizes","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--full-width","name":"Full Width","snippet":"const FullWidth = () => Enviar nota fiscal;","exportName":"FullWidth","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--with-leading-icon","name":"With Leading Icon","snippet":"const WithLeadingIcon = () => }>Confirmar participação;","exportName":"WithLeadingIcon","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--with-trailing-icon","name":"With Trailing Icon","snippet":"const WithTrailingIcon = () => }>Continuar;","exportName":"WithTrailingIcon","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--with-dot","name":"With Dot","snippet":"const WithDot = () => Em andamento;","exportName":"WithDot","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appbutton--icon-only","name":"Icon Only","snippet":"const IconOnly = () => } aria-label=\"Adicionar nota fiscal\">{undefined};","exportName":"IconOnly","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"atoms-appbutton--loading","name":"Loading","snippet":"const Loading = () => Enviando...;","exportName":"Loading","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"atoms-appbutton--disabled","name":"Disabled","snippet":"const Disabled = () => Participar;","exportName":"Disabled","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"atoms-appbutton--tone-appearance-matrix","name":"Tone Appearance Matrix","snippet":"const ToneAppearanceMatrix = () => (\n
\n {tones.flatMap((tone) =>\n appearances.map((appearance) => (\n : undefined}>\n {`${tone} ${appearance}`}\n \n )),\n )}\n
\n);","exportName":"ToneAppearanceMatrix","tags":["dev","test","manifest","autodocs"]}],"import":"import { AppButton } from '@handsondigital/idplugger-ui';\nimport { IconAdd, IconArrowForward, IconCheck, IconDelete } from '@handsondigital/idplugger-ui/icons';\nimport { fn } from 'storybook/test';","title":"Atoms/AppButton"},"molecules-appcard":{"id":"molecules-appcard","name":"AppCard","path":"./src/components/AppCard/AppCard.stories.tsx","jsDocTags":{},"description":"Superfície de conteúdo composta com `AppCardMedia`, `AppCardBody` e `AppCardFooter`.\n\n**Quando usar:** agrupar mídia, texto e ações relacionadas (produto, plano, prêmio) numa superfície elevada.\n\n**Quando não usar:** uma lista simples de texto sem mídia ou ação própria; use `Typography` direto.","reactDocgenTypescript":{"tags":{"example":"\n \n \n Plano Básico\n Ver mais\n \n"},"filePath":"src/components/AppCard/AppCard.tsx","description":"Superfície de conteúdo composta com `AppCardMedia`, `AppCardBody` e `AppCardFooter`.\n\n**Quando usar:** agrupar mídia, texto e ações relacionadas (produto, plano, prêmio) numa superfície elevada.\n\n**Quando não usar:** uma lista simples de texto sem mídia ou ação própria; use `Typography` direto.","displayName":"AppCard","methods":[],"props":{"as":{"defaultValue":{"value":"div"},"description":"Elemento raiz renderizado. Padrão: `'div'`.","name":"as","parent":{"fileName":"idplugger-ui/src/components/AppCard/AppCard.tsx","name":"AppCardProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCard/AppCard.tsx","name":"AppCardProps"}],"required":false,"type":{"name":"enum","raw":"AppCardAs","value":[{"value":"\"article\""},{"value":"\"div\""},{"value":"\"li\""}]}},"tone":{"defaultValue":{"value":"default"},"description":"`'brand'` usa o fundo suave da marca. Padrão: `'default'`.","name":"tone","parent":{"fileName":"idplugger-ui/src/components/AppCard/AppCard.tsx","name":"AppCardProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCard/AppCard.tsx","name":"AppCardProps"}],"required":false,"type":{"name":"enum","raw":"AppCardTone","value":[{"value":"\"default\""},{"value":"\"brand\""}]}},"elevation":{"defaultValue":{"value":"raised"},"description":"`'flat'` remove a sombra, mantendo só a borda. Padrão: `'raised'`.","name":"elevation","parent":{"fileName":"idplugger-ui/src/components/AppCard/AppCard.tsx","name":"AppCardProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCard/AppCard.tsx","name":"AppCardProps"}],"required":false,"type":{"name":"enum","raw":"AppCardElevation","value":[{"value":"\"raised\""},{"value":"\"flat\""}]}},"interactive":{"defaultValue":{"value":"false"},"description":"Transforma o primeiro link/botão do card na área clicável do card inteiro (stretched link), com hover elevado\ne foco visível da marca.","name":"interactive","parent":{"fileName":"idplugger-ui/src/components/AppCard/AppCard.tsx","name":"AppCardProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCard/AppCard.tsx","name":"AppCardProps"}],"required":false,"type":{"name":"boolean"}}},"exportName":"AppCard"},"stories":[{"id":"molecules-appcard--default","name":"Default","snippet":"const Default = () => (\n
\n \n \n \n \n \n Nome do produto\n \n Descrição curta do produto participante da campanha.\n \n \n \n Ver mais\n \n \n
\n);","exportName":"Default","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appcard--planos","name":"Planos","snippet":"const Planos = () => (\n
\n \n \n
\n Básico\n
\n \n \n Básico\n
    \n
  • 1 participação por mês
    • \n
  • Suporte por e-mail
    • \n
\n \n \n Escolher\n \n \n \n \n
\n Enterprise\n
\n \n \n Enterprise\n
    \n
  • Participações ilimitadas
    • \n
  • Suporte prioritário
    • \n
  • Relatórios mensais
    • \n
\n \n \n Escolher\n \n \n \n \n
\n Intermediário\n
\n \n \n Intermediário\n
    \n
  • 5 participações por mês
    • \n
  • Suporte por chat
    • \n
\n \n \n Escolher\n \n \n
\n);","exportName":"Planos","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appcard--carregando","name":"Carregando","snippet":"const Carregando = () => (\n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n);","exportName":"Carregando","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appcard--interativo","name":"Interativo","snippet":"const Interativo = () => (\n
\n \n \n \n \n \n Plano Básico\n Ver mais\n \n \n
\n);","exportName":"Interativo","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appcard--grade","name":"Grade","snippet":"const Grade = () => (\n
\n {['Produto A', 'Produto B', 'Produto C', 'Produto D'].map((name) => (\n \n \n \n \n \n {name}\n \n \n Ver mais\n \n \n ))}\n
\n);","exportName":"Grade","tags":["dev","test","manifest","autodocs"]}],"import":"import {\n AppBadge,\n AppButton,\n AppCard,\n AppCardBody,\n AppCardFooter,\n AppCardMedia,\n AppSkeleton,\n AppThumb,\n Typography,\n} from '@handsondigital/idplugger-ui';","title":"Molecules/AppCard"},"atoms-appcheckbox":{"id":"atoms-appcheckbox","name":"AppCheckbox","path":"./src/components/AppCheckbox/AppCheckbox.stories.tsx","jsDocTags":{},"description":"Caixa de seleção nativa com rótulo, mensagem de apoio e estado indeterminado opcional.\n\n**Quando usar:** seleção independente de uma ou mais opções, inclusive o estado parcial de um conjunto.\n\n**Quando não usar:** escolha exclusiva entre opções (use `AppRadio` ou `AppRadioGroup`).\n\nO `ref` e todas as props HTML são repassados ao `` nativo.","reactDocgenTypescript":{"tags":{"example":""},"filePath":"src/components/AppCheckbox/AppCheckbox.tsx","description":"Caixa de seleção nativa com rótulo, mensagem de apoio e estado indeterminado opcional.\n\n**Quando usar:** seleção independente de uma ou mais opções, inclusive o estado parcial de um conjunto.\n\n**Quando não usar:** escolha exclusiva entre opções (use `AppRadio` ou `AppRadioGroup`).\n\nO `ref` e todas as props HTML são repassados ao `` nativo.","displayName":"AppCheckbox","methods":[],"props":{"label":{"defaultValue":null,"description":"Rótulo visível. Informe `label` ou `aria-label` para dar nome acessível ao controle.","name":"label","parent":{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"}],"required":false,"type":{"name":"ReactNode"}},"hint":{"defaultValue":null,"description":"Texto de apoio abaixo do rótulo. Some enquanto houver `error`.","name":"hint","parent":{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"}],"required":false,"type":{"name":"string"}},"error":{"defaultValue":null,"description":"Mensagem de erro que marca o controle como inválido.","name":"error","parent":{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"}],"required":false,"type":{"name":"string"}},"size":{"defaultValue":{"value":"md"},"description":"Tamanho do controle e da tipografia. Padrão: `md`.","name":"size","parent":{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"}],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\"","value":[{"value":"\"sm\""},{"value":"\"md\""}]}},"indeterminate":{"defaultValue":{"value":"false"},"description":"Exibe o estado parcialmente selecionado no controle nativo.","name":"indeterminate","parent":{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckbox/AppCheckbox.tsx","name":"AppCheckboxProps"}],"required":false,"type":{"name":"boolean"}}},"exportName":"AppCheckbox"},"stories":[{"id":"atoms-appcheckbox--default","name":"Default","snippet":"const Default = () => ;","exportName":"Default","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appcheckbox--sizes","name":"Sizes","snippet":"const Sizes = () => (\n
\n \n \n \n \n
\n);","exportName":"Sizes","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appcheckbox--with-hint","name":"With Hint","snippet":"const WithHint = () => ;","exportName":"WithHint","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appcheckbox--with-error","name":"With Error","snippet":"const WithError = () => ;","exportName":"WithError","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"atoms-appcheckbox--indeterminate","name":"Indeterminate","snippet":"const Indeterminate = () => ;","exportName":"Indeterminate","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"atoms-appcheckbox--disabled","name":"Disabled","snippet":"const Disabled = () => ;","exportName":"Disabled","tags":["dev","test","manifest","autodocs"]}],"import":"import { AppCheckbox } from '@handsondigital/idplugger-ui';\nimport { fn } from 'storybook/test';","title":"Atoms/AppCheckbox"},"molecules-appcheckboxgroup":{"id":"molecules-appcheckboxgroup","name":"AppCheckboxGroup","path":"./src/components/AppCheckboxGroup/AppCheckboxGroup.stories.tsx","jsDocTags":{},"description":"Agrupa caixas de seleção relacionadas em um `
` com legenda e feedback do grupo.\n\n**Quando usar:** várias escolhas que pertencem à mesma pergunta ou preferência.\n\n**Quando não usar:** uma única caixa de seleção isolada (use `AppCheckbox`) ou escolha exclusiva (use `AppRadioGroup`).\n\nO grupo não controla o estado das opções: passe as props nativas a cada `AppCheckbox` filho.","reactDocgenTypescript":{"tags":{"example":""},"filePath":"src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","description":"Agrupa caixas de seleção relacionadas em um `
` com legenda e feedback do grupo.\n\n**Quando usar:** várias escolhas que pertencem à mesma pergunta ou preferência.\n\n**Quando não usar:** uma única caixa de seleção isolada (use `AppCheckbox`) ou escolha exclusiva (use `AppRadioGroup`).\n\nO grupo não controla o estado das opções: passe as props nativas a cada `AppCheckbox` filho.","displayName":"AppCheckboxGroup","methods":[],"props":{"legend":{"defaultValue":null,"description":"Legenda visível que dá nome acessível ao grupo.","name":"legend","parent":{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"}],"required":true,"type":{"name":"ReactNode"}},"children":{"defaultValue":null,"description":"Opções `AppCheckbox` do grupo.","name":"children","parent":{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"}],"required":true,"type":{"name":"ReactNode"}},"hint":{"defaultValue":null,"description":"Texto de apoio abaixo das opções. Some enquanto houver `error`.","name":"hint","parent":{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"}],"required":false,"type":{"name":"string"}},"error":{"defaultValue":null,"description":"Mensagem de erro que marca o grupo como inválido.","name":"error","parent":{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"}],"required":false,"type":{"name":"string"}},"orientation":{"defaultValue":{"value":"vertical"},"description":"Disposição das opções. Padrão: `vertical`.","name":"orientation","parent":{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppCheckboxGroup/AppCheckboxGroup.tsx","name":"AppCheckboxGroupProps"}],"required":false,"type":{"name":"enum","raw":"\"horizontal\" | \"vertical\"","value":[{"value":"\"horizontal\""},{"value":"\"vertical\""}]}}},"exportName":"AppCheckboxGroup"},"stories":[{"id":"molecules-appcheckboxgroup--default","name":"Default","snippet":"const Default = () => (<>\n \n \n \n );","exportName":"Default","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"molecules-appcheckboxgroup--with-error","name":"With Error","snippet":"const WithError = () => ;","exportName":"WithError","tags":["dev","test","manifest","autodocs"]}],"import":"import { AppCheckbox, AppCheckboxGroup } from '@handsondigital/idplugger-ui';\nimport { AppCheckbox } from '../AppCheckbox/AppCheckbox';","title":"Molecules/AppCheckboxGroup"},"atoms-appfeaturedicon":{"id":"atoms-appfeaturedicon","name":"AppFeaturedIcon","path":"./src/components/AppFeaturedIcon/AppFeaturedIcon.stories.tsx","jsDocTags":{},"description":"Ícone decorativo destacado em um círculo com cor semântica.\n\n**Quando usar:** identificar visualmente um arquivo, etapa ou resumo curto ao lado de um texto já nomeado.\n\n**Quando não usar:** o ícone precisa ser a única forma de comunicar uma ação ou informação; nesse caso, forneça\num nome acessível no controle que o contém.","reactDocgenTypescript":{"tags":{"example":"} />"},"filePath":"src/components/AppFeaturedIcon/AppFeaturedIcon.tsx","description":"Ícone decorativo destacado em um círculo com cor semântica.\n\n**Quando usar:** identificar visualmente um arquivo, etapa ou resumo curto ao lado de um texto já nomeado.\n\n**Quando não usar:** o ícone precisa ser a única forma de comunicar uma ação ou informação; nesse caso, forneça\num nome acessível no controle que o contém.","displayName":"AppFeaturedIcon","methods":[],"props":{"icon":{"defaultValue":null,"description":"Ícone decorativo exibido dentro do círculo.","name":"icon","parent":{"fileName":"idplugger-ui/src/components/AppFeaturedIcon/AppFeaturedIcon.tsx","name":"AppFeaturedIconProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFeaturedIcon/AppFeaturedIcon.tsx","name":"AppFeaturedIconProps"}],"required":true,"type":{"name":"ReactNode"}},"size":{"defaultValue":{"value":"md"},"description":"Diâmetro do círculo: 32px, 40px ou 48px. Padrão: `md`.","name":"size","parent":{"fileName":"idplugger-ui/src/components/AppFeaturedIcon/AppFeaturedIcon.tsx","name":"AppFeaturedIconProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFeaturedIcon/AppFeaturedIcon.tsx","name":"AppFeaturedIconProps"}],"required":false,"type":{"name":"enum","raw":"AppFeaturedIconSize","value":[{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""}]}},"tone":{"defaultValue":{"value":"primary"},"description":"Intenção visual do ícone. Padrão: `primary`.","name":"tone","parent":{"fileName":"idplugger-ui/src/components/AppFeaturedIcon/AppFeaturedIcon.tsx","name":"AppFeaturedIconProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFeaturedIcon/AppFeaturedIcon.tsx","name":"AppFeaturedIconProps"}],"required":false,"type":{"name":"enum","raw":"AppFeaturedIconTone","value":[{"value":"\"success\""},{"value":"\"warning\""},{"value":"\"danger\""},{"value":"\"neutral\""},{"value":"\"primary\""}]}}},"exportName":"AppFeaturedIcon"},"stories":[{"id":"atoms-appfeaturedicon--default","name":"Default","snippet":"const Default = () => } />;","exportName":"Default","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appfeaturedicon--tons","name":"Tons","snippet":"const Tons = () => (\n
\n } />\n } />\n } />\n } />\n } />\n
\n);","exportName":"Tons","tags":["dev","test","manifest","autodocs"]},{"id":"atoms-appfeaturedicon--tamanhos","name":"Tamanhos","snippet":"const Tamanhos = () => (\n
\n } />\n } />\n } />\n
\n);","exportName":"Tamanhos","tags":["dev","test","manifest","autodocs"]}],"import":"import { AppFeaturedIcon } from '@handsondigital/idplugger-ui';\nimport { IconFilePresent } from '@handsondigital/idplugger-ui/icons';","title":"Atoms/AppFeaturedIcon"},"molecules-appfileupload":{"id":"molecules-appfileupload","name":"AppFileUpload","path":"./src/components/AppFileUpload/AppFileUpload.stories.tsx","jsDocTags":{},"description":"Campo para enviar arquivos: área de soltar (arrastar e soltar) e seleção pelo explorador de arquivos, com\nvalidação de formato e tamanho e a lista dos arquivos escolhidos (miniatura para imagens, nome, tamanho e\nbotão de remover).\n\n**Quando usar:** foto do cupom fiscal, anexos de um atendimento, foto do participante.\n\n**Quando não usar:** quando o arquivo precisa ser recortado ou editado antes do envio.\n\nO controle acessível é o próprio `` (um só ponto de foco). Arquivos fora de `accept` ou acima\nde `maxSize` não entram na lista e geram a mensagem de erro do campo; a entrada e a saída de arquivos são\nanunciadas para leitores de tela. O campo não envia nada: quem usa recebe os `File` em `onChange`.","reactDocgenTypescript":{"tags":{"example":""},"filePath":"src/components/AppFileUpload/AppFileUpload.tsx","description":"Campo para enviar arquivos: área de soltar (arrastar e soltar) e seleção pelo explorador de arquivos, com\nvalidação de formato e tamanho e a lista dos arquivos escolhidos (miniatura para imagens, nome, tamanho e\nbotão de remover).\n\n**Quando usar:** foto do cupom fiscal, anexos de um atendimento, foto do participante.\n\n**Quando não usar:** quando o arquivo precisa ser recortado ou editado antes do envio.\n\nO controle acessível é o próprio `` (um só ponto de foco). Arquivos fora de `accept` ou acima\nde `maxSize` não entram na lista e geram a mensagem de erro do campo; a entrada e a saída de arquivos são\nanunciadas para leitores de tela. O campo não envia nada: quem usa recebe os `File` em `onChange`.","displayName":"AppFileUpload","methods":[],"props":{"label":{"defaultValue":null,"description":"Rótulo visível; vira o nome acessível do campo.","name":"label","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":true,"type":{"name":"string"}},"hint":{"defaultValue":null,"description":"Texto de apoio (ex.: formatos e tamanho aceitos). Some enquanto houver erro.","name":"hint","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"string"}},"error":{"defaultValue":null,"description":"Erro vindo de quem usa (ex.: do servidor). Tem precedência sobre o erro de validação do próprio campo.","name":"error","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"string"}},"accept":{"defaultValue":null,"description":"Tipos aceitos, como no ``: `\"image/*\"`, `\".pdf\"`, `\"image/png,.pdf\"`.","name":"accept","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"string"}},"multiple":{"defaultValue":{"value":"false"},"description":"Permite vários arquivos. Sem `multiple`, um arquivo novo substitui o anterior.","name":"multiple","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"boolean"}},"maxSize":{"defaultValue":null,"description":"Tamanho máximo de cada arquivo, em bytes.","name":"maxSize","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Arquivos selecionados (controlado).","name":"value","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"File[]"}},"onChange":{"defaultValue":null,"description":"Chamado com a lista nova sempre que um arquivo entra ou sai.","name":"onChange","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"((files: File[]) => void)"}},"disabled":{"defaultValue":{"value":"false"},"description":"","name":"disabled","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"`name` do ``, para envio em formulário.","name":"name","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"string"}},"id":{"defaultValue":null,"description":"","name":"id","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"string"}},"className":{"defaultValue":null,"description":"","name":"className","parent":{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"},"declarations":[{"fileName":"idplugger-ui/src/components/AppFileUpload/AppFileUpload.tsx","name":"AppFileUploadProps"}],"required":false,"type":{"name":"string"}}},"exportName":"AppFileUpload"},"stories":[{"id":"molecules-appfileupload--cupom-fiscal","name":"Cupom Fiscal","snippet":"const CupomFiscal = () => ;","warning":"Incomplete snippet: `MB` could not be resolved statically.","exportName":"CupomFiscal","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"molecules-appfileupload--anexos-de-atendimento","name":"Anexos De Atendimento","snippet":"const AnexosDeAtendimento = () => ;","warning":"Incomplete snippet: `MB` could not be resolved statically.","exportName":"AnexosDeAtendimento","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"molecules-appfileupload--foto","name":"Foto","snippet":"const Foto = () => ;","warning":"Incomplete snippet: `MB` could not be resolved statically.","exportName":"Foto","tags":["dev","test","manifest","autodocs"]},{"id":"molecules-appfileupload--com-erro","name":"Com Erro","snippet":"const ComErro = () => ;","warning":"Incomplete snippet: `MB` could not be resolved statically.","exportName":"ComErro","tags":["dev","test","manifest","autodocs","play-fn"]},{"id":"molecules-appfileupload--desabilitado","name":"Desabilitado","snippet":"const Desabilitado = () => ;","warning":"Incomplete snippet: `MB` could not be resolved statically.","exportName":"Desabilitado","tags":["dev","test","manifest","autodocs"]}],"import":"import { AppFileUpload } from '@handsondigital/idplugger-ui';","title":"Molecules/AppFileUpload"},"atoms-appinput":{"id":"atoms-appinput","name":"AppInput","path":"./src/components/AppInput/AppInput.stories.tsx","jsDocTags":{},"description":"Campo de texto de uma linha com rótulo, texto de apoio, mensagem de erro, ícones e slots laterais.\n\n**Quando usar:** formulários (nome, CPF, e-mail, número da nota fiscal, busca) que precisam de rótulo e feedback de validação.\n\n**Quando não usar:** texto de várias linhas (use `AppTextarea`) ou escolha entre opções fixas (use um ``; as demais props HTML também.","reactDocgenTypescript":{"tags":{"example":""},"filePath":"src/components/AppInput/AppInput.tsx","description":"Campo de texto de uma linha com rótulo, texto de apoio, mensagem de erro, ícones e slots laterais.\n\n**Quando usar:** formulários (nome, CPF, e-mail, número da nota fiscal, busca) que precisam de rótulo e feedback de validação.\n\n**Quando não usar:** texto de várias linhas (use `AppTextarea`) ou escolha entre opções fixas (use um ``; as demais props HTML também.","displayName":"AppInput","methods":[],"props":{"label":{"defaultValue":null,"description":"Rótulo visível do campo (obrigatório): vira o nome acessível via `