@gyramais/gyra-design 0.2.21 → 0.2.22

package/dist/emails/email/index.d.ts

@@ -0,0 +1,62 @@
+import "./index.css";
+import "react-toastify/dist/ReactToastify.css";
+import "react-modern-drawer/dist/index.css";
+import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
+import "react-datepicker/dist/react-datepicker.css";
+import "react-circular-progressbar/dist/styles.css";
+import "./components/AiParecer/index.css";
+import "./components/Avatar/index.css";
+import "./components/Button/index.css";
+import "./components/Card/index.css";
+import "./components/Chart/index.css";
+import "./components/ChatWidget/index.css";
+import "./components/Checkbox/index.css";
+import "./components/Col/index.css";
+import "./components/Collapse/index.css";
+import "./components/Divider/index.css";
+import "./components/DistributionBar/index.css";
+import "./components/Drawer/index.css";
+import "./components/DropdownMenu/index.css";
+import "./components/Empty/index.css";
+import "./components/Filter/index.css";
+import "./components/FloatingCard/index.css";
+import "./components/Form/index.css";
+import "./components/HoverCard/index.css";
+import "./components/Icon/index.css";
+import "./components/IconDisplay/index.css";
+import "./components/Information/index.css";
+import "./components/Input/index.css";
+import "./components/Layout/index.css";
+import "./components/List/index.css";
+import "./components/Loading/index.css";
+import "./components/Logo/index.css";
+import "./components/Menubar/index.css";
+import "./components/Modal/index.css";
+import "./components/Popover/index.css";
+import "./components/ProcessingChip/index.css";
+import "./components/Progress/index.css";
+import "./components/RadioGroup/index.css";
+import "./components/RichInput/index.css";
+import "./components/Row/index.css";
+import "./components/ScoreBar/index.css";
+import "./components/SegmentedPicker/index.css";
+import "./components/SegmentedToggle/index.css";
+import "./components/Select/index.css";
+import "./components/Selector/index.css";
+import "./components/SelectTree/index.css";
+import "./components/PickerPopover/index.css";
+import "./components/MultiSelectPicker/index.css";
+import "./components/RuleSearchPicker/index.css";
+import "./components/OperatorPicker/index.css";
+import "./components/ContextMenu/index.css";
+import "./components/StatusTag/index.css";
+import "./components/Switch/index.css";
+import "./components/SyncChip/index.css";
+import "./components/Table/index.css";
+import "./components/Tabs/index.css";
+import "./components/Tag/index.css";
+import "./components/Tooltip/index.css";
+import "./components/Stepper/index.css";
+import "./components/TourGuide/index.css";
+import theme from "./theme";
+export default theme;

package/dist/emails/email/index.esm.js

@@ -0,0 +1,2 @@
+const t="#1256FF",n="#7C4EFF",e="#6635E0",i="#F5F5F7",l="#FFFFFF",r="#1D1D1F",a="#636366",o="#8E8E93",p="#D2D2D7",d="#E8E8ED",s="#F6F4FF",g="rgba(124,78,255,0.22)",c={ok:{bg:"#E8F9ED",color:"#1A7D37"},warn:{bg:"#FFF4E0",color:"#946200"},danger:{bg:"#FFEDEC",color:"#C93430"},info:{bg:"#EBF4FF",color:"#0055D4"}},x="'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif",h=t=>String(t??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;"),f=["http:","https:","mailto:","tel:"];function m(n){const e="primary"===(n.variant??"primary"),i=e?"#FFFFFF":t;return`\n    <table role="presentation" cellpadding="0" cellspacing="0" style="margin:8px 8px 0 0;display:inline-block;">\n      <tr>\n        <td style="border-radius:10px;background:${e?t:l};border:1px solid ${e?t:p};">\n          <a href="${h(function(t){try{const n=new URL(String(t));return f.includes(n.protocol)?n.href:"#"}catch{return"#"}}(n.url))}" target="_blank"\n             style="display:inline-block;padding:12px 22px;font-family:${x};font-size:14px;font-weight:600;color:${i};text-decoration:none;border-radius:10px;">\n            ${h(n.label)}\n          </a>\n        </td>\n      </tr>\n    </table>`}function $(t){const{preheader:p,greeting:f,title:$,paragraphs:y=[],highlights:b=[],aiParecer:u,buttons:F=[],footerNote:v}=t,w=b.length?Math.floor(100/b.length):100,E=b.length?`<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:8px 0 4px;"><tr>${b.map(t=>function(t,n){return`\n    <td width="${n}%" style="padding:6px;" valign="top">\n      <table role="presentation" width="100%" cellpadding="0" cellspacing="0"\n             style="background:#FAFAFA;border:1px solid ${d};border-radius:12px;">\n        <tr><td style="padding:14px 16px;font-family:${x};">\n          <div style="font-size:12px;color:${a};margin-bottom:4px;">${h(t.label)}</div>\n          <div style="font-size:22px;font-weight:700;color:${t.color||r};font-family:'Lexend',${x};">${h(t.value)}</div>\n        </td></tr>\n      </table>\n    </td>`}(t,w)).join("")}</tr></table>`:"",k=y.map(t=>`<p style="margin:0 0 14px;font-family:${x};font-size:15px;line-height:1.6;color:${a};">${h(t)}</p>`).join(""),z=F.length?`<div style="margin-top:18px;">${F.map(m).join("")}</div>`:"";return`<!DOCTYPE html>\n<html lang="pt-BR">\n<head>\n  <meta charset="utf-8" />\n  <meta name="viewport" content="width=device-width,initial-scale=1.0" />\n  <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n  <title>${h($)}</title>\n</head>\n<body style="margin:0;padding:0;background:${i};">\n  ${p?`<div style="display:none;max-height:0;overflow:hidden;opacity:0;">${h(p)}</div>`:""}\n  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${i};padding:24px 0;">\n    <tr>\n      <td align="center">\n        <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px;max-width:92%;">\n          <tr>\n            <td style="padding:8px 4px 20px;">\n              <img src="https://gyra-file-prod.s3.us-west-2.amazonaws.com/assets/gyra-logo-color.png" alt="GYRA+" height="30" style="height:30px;display:block;" />\n            </td>\n          </tr>\n          <tr>\n            <td style="background:${l};border:1px solid ${d};border-radius:16px;padding:32px;">\n              ${f?`<p style="margin:0 0 6px;font-family:${x};font-size:14px;color:${a};">${h(f)}</p>`:""}\n              <h1 style="margin:0 0 18px;font-family:'Lexend',${x};font-size:23px;line-height:1.3;color:${r};">${h($)}</h1>\n              ${k}\n              ${E}\n              ${u?function(t){const i=t.verdict?(()=>{const n=c[t.verdictTone||"info"];return`<table role="presentation" cellpadding="0" cellspacing="0" style="display:inline-block;"><tr>\n          <td style="background:${n.bg};border-radius:999px;padding:4px 10px;font-family:${x};font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:${n.color};white-space:nowrap;">${h(t.verdict)}</td></tr></table>`})():"";return`\n    <table role="presentation" width="100%" cellpadding="0" cellspacing="0"\n           style="margin:18px 0 4px;background:${s};border:1px solid ${g};border-radius:12px;">\n      <tr><td style="padding:16px 18px;font-family:${x};">\n        <table role="presentation" width="100%" cellpadding="0" cellspacing="0"><tr>\n          <td valign="middle" width="28">\n            <div style="width:22px;height:22px;border-radius:50%;background:${n};color:#fff;text-align:center;line-height:22px;font-size:13px;">&#10022;</div>\n          </td>\n          <td valign="middle" style="padding-left:8px;">\n            <span style="font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:${e};">Parecer GYRA+IA</span>\n          </td>\n          <td valign="middle" align="right">${i}</td>\n        </tr></table>\n        <p style="margin:10px 0 0;font-size:14px;line-height:1.55;color:${a};">${h(t.text)}</p>\n        ${t.footer?`<div style="margin-top:10px;padding-top:10px;border-top:1px dashed ${g};font-size:11px;color:${o};">${h(t.footer)}</div>`:""}\n      </td></tr>\n    </table>`}(u):""}\n              ${z}\n            </td>\n          </tr>\n          <tr>\n            <td style="padding:20px 8px;font-family:${x};font-size:12px;line-height:1.5;color:${o};">\n              ${v?`<p style="margin:0 0 8px;">${h(v)}</p>`:""}\n              <p style="margin:0;">GYRA+ • Esta é uma mensagem automática, não responda este email.</p>\n            </td>\n          </tr>\n        </table>\n      </td>\n    </tr>\n  </table>\n</body>\n</html>`}export{$ as buildEmail};
+//# sourceMappingURL=index.esm.js.map

package/dist/emails/email/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/emails/email/index.ts"],"sourcesContent":["/**\n * Email transacional genérico — Gyra+ design system.\n *\n * **FONTE DA VERDADE** dos layouts de email transacional. Usado por\n * qualquer fluxo que precise mandar email no padrão visual Gyra+:\n *   - reset de senha, confirmação de cadastro, alertas internos\n *   - finalização de processamento (Finsights, batch-report, etc)\n *   - notificações de operação/crédito\n *   - convites, mudança de plano, alerts de billing...\n *\n * **TS puro**: sem React, sem DOM, sem browser globals. Apenas funções que\n * retornam string HTML. Funciona igual em qualquer runtime Node (Nest) ou\n * bundle browser (Next).\n *\n * **Email-safe**: tabelas + inline-style (clients ignoram <style> externo,\n * flexbox e Material Symbols). Gradientes têm fallback sólido.\n *\n * Tokens visuais alinhados com gyra-design: azul #1256FF (acao/primary),\n * roxo #7C4EFF (IA/parecer), neutrals Apple-gray, fonte Inter.\n *\n * **Como usar:**\n * ```ts\n * import { buildEmail } from '@gyramais/gyra-design/dist/emails/email';\n *\n * const html = buildEmail({\n *   preheader: 'Senha redefinida com sucesso',\n *   greeting: 'Olá, Maria',\n *   title: 'Sua senha foi redefinida',\n *   paragraphs: ['Tudo certo. Você já pode entrar com a nova senha.'],\n *   buttons: [{ label: 'Entrar', url: 'https://app.gyramais.com/login' }],\n *   footerNote: 'Se não foi você, redefina novamente clicando em \"Esqueci minha senha\".',\n * });\n * ```\n *\n * Pra emails recorrentes (mesmo conteudo, payload variavel), criar um\n * **preset** em `src/emails/<preset-name>/index.ts` que monta o\n * `EmailLayoutInput` a partir de campos de dominio e delega aqui. Ver\n * `balance-sheet-finalized` como exemplo.\n */\n\n// ── Tipos publicos ─────────────────────────────────────────────────────────\n\nexport type EmailButton = {\n  label: string;\n  url: string;\n  /** primary = botão azul preenchido, secondary = outline. Default primary. */\n  variant?: 'primary' | 'secondary';\n};\n\nexport type EmailHighlight = {\n  /** label pequeno em cima (ex: \"Score\", \"Nivel de risco\"). */\n  label: string;\n  /** valor grande em baixo (ex: \"820\", \"Baixo\"). */\n  value: string;\n  /** cor do valor (ex: cor do risco). Default: tinta padrao Apple-gray. */\n  color?: string;\n};\n\n/** Tom semantico do chip de veredito do bloco Parecer GYRA+IA. */\nexport type AiParecerTone = 'ok' | 'warn' | 'danger' | 'info';\n\nexport type EmailAiParecer = {\n  /** chip de veredito (ex: \"Médio\", \"Consistente\"). Opcional. */\n  verdict?: string;\n  verdictTone?: AiParecerTone;\n  /** corpo do parecer. */\n  text: string;\n  /** rodape do bloco (ex: \"GYRA+IA · Confiança 96%\"). Opcional. */\n  footer?: string;\n};\n\nexport type EmailLayoutInput = {\n  /** Texto invisivel no preheader (preview no inbox). */\n  preheader?: string;\n  /** Linha curta acima do titulo (ex: \"Olá, Maria\"). */\n  greeting?: string;\n  /** Titulo principal (H1). */\n  title: string;\n  /** Paragrafos de corpo (sub-frases). */\n  paragraphs?: string[];\n  /** Cards lado-a-lado (1 a N). Largura dividida igualmente. */\n  highlights?: EmailHighlight[];\n  /** Bloco \"Parecer GYRA+IA\" (faixa roxa com chip + texto + rodape). */\n  aiParecer?: EmailAiParecer;\n  /** Botoes de acao. Multiplos viram lado-a-lado. */\n  buttons?: EmailButton[];\n  /** Texto pequeno no rodape do card (disclaimer, instrucoes extras). */\n  footerNote?: string;\n};\n\n// ── Tokens (espelho de gyra-design CSS variables, hard-coded pra email) ────\n\nconst C = {\n  blue: '#1256FF',\n  teal: '#1FB58A',\n  aiPurple: '#7C4EFF',\n  aiPurpleText: '#6635E0',\n  bg: '#F5F5F7',\n  card: '#FFFFFF',\n  fg1: '#1D1D1F',\n  fg2: '#636366',\n  fg3: '#8E8E93',\n  border: '#D2D2D7',\n  borderSubtle: '#E8E8ED',\n  aiCardBg: '#F6F4FF',\n  aiBorder: 'rgba(124,78,255,0.22)',\n};\n\nconst VERDICT: Record<AiParecerTone, { bg: string; color: string }> = {\n  ok: { bg: '#E8F9ED', color: '#1A7D37' },\n  warn: { bg: '#FFF4E0', color: '#946200' },\n  danger: { bg: '#FFEDEC', color: '#C93430' },\n  info: { bg: '#EBF4FF', color: '#0055D4' },\n};\n\nconst FONT =\n  \"'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif\";\n\nconst LOGO_URL =\n  'https://gyra-file-prod.s3.us-west-2.amazonaws.com/assets/gyra-logo-color.png';\n\n// ── Helpers internos ───────────────────────────────────────────────────────\n\nconst esc = (s: string): string =>\n  String(s ?? '')\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;');\n\n/**\n * Só permite http(s). Bloqueia schemes perigosos (javascript:, data:)\n * que poderiam virar href executável. URL inválida vira '#'.\n */\nconst SAFE_URL_PROTOCOLS = ['http:', 'https:', 'mailto:', 'tel:'];\n\nfunction safeUrl(url: string): string {\n  try {\n    const u = new URL(String(url));\n    // mailto:/tel: sao comuns e seguros em emails transacionais (contato,\n    // suporte, telefone). Demais protocolos (javascript:, data:) viram '#'.\n    return SAFE_URL_PROTOCOLS.includes(u.protocol) ? u.href : '#';\n  } catch {\n    return '#';\n  }\n}\n\nfunction renderButton(btn: EmailButton): string {\n  const isPrimary = (btn.variant ?? 'primary') === 'primary';\n  const bg = isPrimary ? C.blue : C.card;\n  const color = isPrimary ? '#FFFFFF' : C.blue;\n  const border = isPrimary ? C.blue : C.border;\n  return `\n    <table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" style=\"margin:8px 8px 0 0;display:inline-block;\">\n      <tr>\n        <td style=\"border-radius:10px;background:${bg};border:1px solid ${border};\">\n          <a href=\"${esc(safeUrl(btn.url))}\" target=\"_blank\"\n             style=\"display:inline-block;padding:12px 22px;font-family:${FONT};font-size:14px;font-weight:600;color:${color};text-decoration:none;border-radius:10px;\">\n            ${esc(btn.label)}\n          </a>\n        </td>\n      </tr>\n    </table>`;\n}\n\nfunction renderHighlight(h: EmailHighlight, widthPct: number): string {\n  return `\n    <td width=\"${widthPct}%\" style=\"padding:6px;\" valign=\"top\">\n      <table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\"\n             style=\"background:#FAFAFA;border:1px solid ${C.borderSubtle};border-radius:12px;\">\n        <tr><td style=\"padding:14px 16px;font-family:${FONT};\">\n          <div style=\"font-size:12px;color:${C.fg2};margin-bottom:4px;\">${esc(h.label)}</div>\n          <div style=\"font-size:22px;font-weight:700;color:${h.color || C.fg1};font-family:'Lexend',${FONT};\">${esc(h.value)}</div>\n        </td></tr>\n      </table>\n    </td>`;\n}\n\nfunction renderAiParecer(p: EmailAiParecer): string {\n  const v = p.verdict\n    ? (() => {\n        const t = VERDICT[p.verdictTone || 'info'];\n        // table/td (Outlook ignora padding/border-radius em <span>).\n        return `<table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" style=\"display:inline-block;\"><tr>\n          <td style=\"background:${t.bg};border-radius:999px;padding:4px 10px;font-family:${FONT};font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:${t.color};white-space:nowrap;\">${esc(\n            p.verdict,\n          )}</td></tr></table>`;\n      })()\n    : '';\n  return `\n    <table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\"\n           style=\"margin:18px 0 4px;background:${C.aiCardBg};border:1px solid ${C.aiBorder};border-radius:12px;\">\n      <tr><td style=\"padding:16px 18px;font-family:${FONT};\">\n        <table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\"><tr>\n          <td valign=\"middle\" width=\"28\">\n            <div style=\"width:22px;height:22px;border-radius:50%;background:${C.aiPurple};color:#fff;text-align:center;line-height:22px;font-size:13px;\">&#10022;</div>\n          </td>\n          <td valign=\"middle\" style=\"padding-left:8px;\">\n            <span style=\"font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:${C.aiPurpleText};\">Parecer GYRA+IA</span>\n          </td>\n          <td valign=\"middle\" align=\"right\">${v}</td>\n        </tr></table>\n        <p style=\"margin:10px 0 0;font-size:14px;line-height:1.55;color:${C.fg2};\">${esc(p.text)}</p>\n        ${\n          p.footer\n            ? `<div style=\"margin-top:10px;padding-top:10px;border-top:1px dashed ${C.aiBorder};font-size:11px;color:${C.fg3};\">${esc(\n                p.footer,\n              )}</div>`\n            : ''\n        }\n      </td></tr>\n    </table>`;\n}\n\n// ── API publica ────────────────────────────────────────────────────────────\n\n/**\n * Monta o HTML completo de um email no padrão Gyra+: logo no topo, card\n * principal com greeting + título + parágrafos + highlights (chips lado a\n * lado) + bloco \"Parecer GYRA+IA\" + botões, e rodapé padrão.\n *\n * Email-safe (tabelas + inline-style, sem flexbox, sem <style>). Funciona\n * em Gmail, Outlook (Windows/Web/Mac), Apple Mail, Thunderbird, mobile.\n *\n * Todas as seções (greeting, paragraphs, highlights, aiParecer, buttons,\n * footerNote) são **opcionais** — só `title` é obrigatório.\n */\nexport function buildEmail(input: EmailLayoutInput): string {\n  const {\n    preheader,\n    greeting,\n    title,\n    paragraphs = [],\n    highlights = [],\n    aiParecer,\n    buttons = [],\n    footerNote,\n  } = input;\n\n  const highlightWidth = highlights.length\n    ? Math.floor(100 / highlights.length)\n    : 100;\n  const highlightsRow = highlights.length\n    ? `<table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" style=\"margin:8px 0 4px;\"><tr>${highlights\n        .map((h) => renderHighlight(h, highlightWidth))\n        .join('')}</tr></table>`\n    : '';\n\n  const paragraphsHtml = paragraphs\n    .map(\n      (p) =>\n        `<p style=\"margin:0 0 14px;font-family:${FONT};font-size:15px;line-height:1.6;color:${C.fg2};\">${esc(\n          p,\n        )}</p>`,\n    )\n    .join('');\n\n  const buttonsHtml = buttons.length\n    ? `<div style=\"margin-top:18px;\">${buttons.map(renderButton).join('')}</div>`\n    : '';\n\n  return `<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n  <meta charset=\"utf-8\" />\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\" />\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n  <title>${esc(title)}</title>\n</head>\n<body style=\"margin:0;padding:0;background:${C.bg};\">\n  ${\n    preheader\n      ? `<div style=\"display:none;max-height:0;overflow:hidden;opacity:0;\">${esc(preheader)}</div>`\n      : ''\n  }\n  <table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" style=\"background:${C.bg};padding:24px 0;\">\n    <tr>\n      <td align=\"center\">\n        <table role=\"presentation\" width=\"600\" cellpadding=\"0\" cellspacing=\"0\" style=\"width:600px;max-width:92%;\">\n          <tr>\n            <td style=\"padding:8px 4px 20px;\">\n              <img src=\"${LOGO_URL}\" alt=\"GYRA+\" height=\"30\" style=\"height:30px;display:block;\" />\n            </td>\n          </tr>\n          <tr>\n            <td style=\"background:${C.card};border:1px solid ${C.borderSubtle};border-radius:16px;padding:32px;\">\n              ${\n                greeting\n                  ? `<p style=\"margin:0 0 6px;font-family:${FONT};font-size:14px;color:${C.fg2};\">${esc(\n                      greeting,\n                    )}</p>`\n                  : ''\n              }\n              <h1 style=\"margin:0 0 18px;font-family:'Lexend',${FONT};font-size:23px;line-height:1.3;color:${C.fg1};\">${esc(\n                title,\n              )}</h1>\n              ${paragraphsHtml}\n              ${highlightsRow}\n              ${aiParecer ? renderAiParecer(aiParecer) : ''}\n              ${buttonsHtml}\n            </td>\n          </tr>\n          <tr>\n            <td style=\"padding:20px 8px;font-family:${FONT};font-size:12px;line-height:1.5;color:${C.fg3};\">\n              ${\n                footerNote\n                  ? `<p style=\"margin:0 0 8px;\">${esc(footerNote)}</p>`\n                  : ''\n              }\n              <p style=\"margin:0;\">GYRA+ • Esta é uma mensagem automática, não responda este email.</p>\n            </td>\n          </tr>\n        </table>\n      </td>\n    </tr>\n  </table>\n</body>\n</html>`;\n}\n"],"names":["C","VERDICT","ok","bg","color","warn","danger","info","FONT","esc","s","String","replace","SAFE_URL_PROTOCOLS","renderButton","btn","isPrimary","variant","url","u","URL","includes","protocol","href","safeUrl","label","buildEmail","input","preheader","greeting","title","paragraphs","highlights","aiParecer","buttons","footerNote","highlightWidth","length","Math","floor","highlightsRow","map","h","widthPct","value","renderHighlight","join","paragraphsHtml","p","buttonsHtml","v","verdict","t","verdictTone","text","footer","renderAiParecer"],"mappings":"AA4FA,MAAMA,EACE,UADFA,EAGM,UAHNA,EAIU,UAJVA,EAKA,UALAA,EAME,UANFA,EAOC,UAPDA,EAQC,UARDA,EASC,UATDA,EAUI,UAVJA,EAWU,UAXVA,EAYM,UAZNA,EAaM,wBAGNC,EAAgE,CACpEC,GAAI,CAAEC,GAAI,UAAWC,MAAO,WAC5BC,KAAM,CAAEF,GAAI,UAAWC,MAAO,WAC9BE,OAAQ,CAAEH,GAAI,UAAWC,MAAO,WAChCG,KAAM,CAAEJ,GAAI,UAAWC,MAAO,YAG1BI,EACJ,8EAOIC,EAAOC,GACXC,OAAOD,GAAK,IACTE,QAAQ,KAAM,SACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,UACdA,QAAQ,KAAM,SAMbC,EAAqB,CAAC,QAAS,SAAU,UAAW,QAa1D,SAASC,EAAaC,GACpB,MAAMC,EAA2C,aAA9BD,EAAIE,SAAW,WAE5Bb,EAAQY,EAAY,UAAYhB,EAEtC,MAAO,oLAHIgB,EAAYhB,EAASA,sBAEjBgB,EAAYhB,EAASA,4BAKjBS,EApBrB,SAAiBS,GACf,IACE,MAAMC,EAAI,IAAIC,IAAIT,OAAOO,IAGzB,OAAOL,EAAmBQ,SAASF,EAAEG,UAAYH,EAAEI,KAAO,GAC5D,CAAE,MACA,MAAO,GACT,CACF,CAWyBC,CAAQT,EAAIG,kGACoCV,0CAA6CJ,6DACxGK,EAAIM,EAAIU,kEAKtB,CAgEM,SAAUC,EAAWC,GACzB,MAAMC,UACJA,EAASC,SACTA,EAAQC,MACRA,EAAKC,WACLA,EAAa,GAAEC,WACfA,EAAa,GAAEC,UACfA,EAASC,QACTA,EAAU,GAAEC,WACZA,GACER,EAEES,EAAiBJ,EAAWK,OAC9BC,KAAKC,MAAM,IAAMP,EAAWK,QAC5B,IACEG,EAAgBR,EAAWK,OAC7B,yGAAyGL,EACtGS,IAAKC,GA/Ed,SAAyBA,EAAmBC,GAC1C,MAAO,oBACQA,kLAEyC3C,iFACHQ,oDACVR,yBAA6BS,EAAIiC,EAAEjB,4EACnBiB,EAAEtC,OAASJ,0BAA8BQ,OAAUC,EAAIiC,EAAEE,6DAItH,CAoEoBC,CAAgBH,EAAGN,IAC9BU,KAAK,mBACR,GAEEC,EAAiBhB,EACpBU,IACEO,GACC,yCAAyCxC,0CAA6CR,OAAWS,EAC/FuC,UAGLF,KAAK,IAEFG,EAAcf,EAAQG,OACxB,iCAAiCH,EAAQO,IAAI3B,GAAcgC,KAAK,YAChE,GAEJ,MAAO,4NAMErC,EAAIqB,mEAE8B9B,WAEzC4B,EACI,qEAAqEnB,EAAImB,WACzE,mGAEsF5B,4eAU1DA,sBAA2BA,uDAE/C6B,EACI,wCAAwCrB,0BAA6BR,OAAWS,EAC9EoB,SAEF,qEAE4CrB,0CAA6CR,OAAWS,EACxGqB,0BAEAiB,oBACAP,oBACAP,EAxHhB,SAAyBe,GACvB,MAAME,EAAIF,EAAEG,QACR,MACE,MAAMC,EAAInD,EAAQ+C,EAAEK,aAAe,QAEnC,MAAO,kIACmBD,EAAEjD,uDAAuDK,yFAA4F4C,EAAEhD,8BAA8BK,EAC3MuC,EAAEG,4BAEP,EAPD,GAQA,GACJ,MAAO,iIAEwCnD,sBAA+BA,+EAC3BQ,sNAGyBR,4QAGiCA,4FAEjEkD,0GAE4BlD,OAAWS,EAAIuC,EAAEM,sBAEjFN,EAAEO,OACE,sEAAsEvD,0BAAmCA,OAAWS,EAClHuC,EAAEO,gBAEJ,oCAId,CAsF4BC,CAAgBvB,GAAa,qBACzCgB,8GAIsCzC,0CAA6CR,uBAEnFmC,EACI,8BAA8B1B,EAAI0B,SAClC,yNAWpB"}

package/dist/emails/email/index.js

@@ -0,0 +1,2 @@
+"use strict";const t="#1256FF",n="#7C4EFF",e="#6635E0",i="#F5F5F7",l="#FFFFFF",r="#1D1D1F",a="#636366",o="#8E8E93",p="#D2D2D7",d="#E8E8ED",s="#F6F4FF",g="rgba(124,78,255,0.22)",c={ok:{bg:"#E8F9ED",color:"#1A7D37"},warn:{bg:"#FFF4E0",color:"#946200"},danger:{bg:"#FFEDEC",color:"#C93430"},info:{bg:"#EBF4FF",color:"#0055D4"}},x="'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif",h=t=>String(t??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;"),m=["http:","https:","mailto:","tel:"];function f(n){const e="primary"===(n.variant??"primary"),i=e?"#FFFFFF":t;return`\n    <table role="presentation" cellpadding="0" cellspacing="0" style="margin:8px 8px 0 0;display:inline-block;">\n      <tr>\n        <td style="border-radius:10px;background:${e?t:l};border:1px solid ${e?t:p};">\n          <a href="${h(function(t){try{const n=new URL(String(t));return m.includes(n.protocol)?n.href:"#"}catch{return"#"}}(n.url))}" target="_blank"\n             style="display:inline-block;padding:12px 22px;font-family:${x};font-size:14px;font-weight:600;color:${i};text-decoration:none;border-radius:10px;">\n            ${h(n.label)}\n          </a>\n        </td>\n      </tr>\n    </table>`}exports.buildEmail=function(t){const{preheader:p,greeting:m,title:$,paragraphs:b=[],highlights:y=[],aiParecer:u,buttons:F=[],footerNote:v}=t,w=y.length?Math.floor(100/y.length):100,E=y.length?`<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:8px 0 4px;"><tr>${y.map(t=>function(t,n){return`\n    <td width="${n}%" style="padding:6px;" valign="top">\n      <table role="presentation" width="100%" cellpadding="0" cellspacing="0"\n             style="background:#FAFAFA;border:1px solid ${d};border-radius:12px;">\n        <tr><td style="padding:14px 16px;font-family:${x};">\n          <div style="font-size:12px;color:${a};margin-bottom:4px;">${h(t.label)}</div>\n          <div style="font-size:22px;font-weight:700;color:${t.color||r};font-family:'Lexend',${x};">${h(t.value)}</div>\n        </td></tr>\n      </table>\n    </td>`}(t,w)).join("")}</tr></table>`:"",k=b.map(t=>`<p style="margin:0 0 14px;font-family:${x};font-size:15px;line-height:1.6;color:${a};">${h(t)}</p>`).join(""),z=F.length?`<div style="margin-top:18px;">${F.map(f).join("")}</div>`:"";return`<!DOCTYPE html>\n<html lang="pt-BR">\n<head>\n  <meta charset="utf-8" />\n  <meta name="viewport" content="width=device-width,initial-scale=1.0" />\n  <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n  <title>${h($)}</title>\n</head>\n<body style="margin:0;padding:0;background:${i};">\n  ${p?`<div style="display:none;max-height:0;overflow:hidden;opacity:0;">${h(p)}</div>`:""}\n  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${i};padding:24px 0;">\n    <tr>\n      <td align="center">\n        <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px;max-width:92%;">\n          <tr>\n            <td style="padding:8px 4px 20px;">\n              <img src="https://gyra-file-prod.s3.us-west-2.amazonaws.com/assets/gyra-logo-color.png" alt="GYRA+" height="30" style="height:30px;display:block;" />\n            </td>\n          </tr>\n          <tr>\n            <td style="background:${l};border:1px solid ${d};border-radius:16px;padding:32px;">\n              ${m?`<p style="margin:0 0 6px;font-family:${x};font-size:14px;color:${a};">${h(m)}</p>`:""}\n              <h1 style="margin:0 0 18px;font-family:'Lexend',${x};font-size:23px;line-height:1.3;color:${r};">${h($)}</h1>\n              ${k}\n              ${E}\n              ${u?function(t){const i=t.verdict?(()=>{const n=c[t.verdictTone||"info"];return`<table role="presentation" cellpadding="0" cellspacing="0" style="display:inline-block;"><tr>\n          <td style="background:${n.bg};border-radius:999px;padding:4px 10px;font-family:${x};font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:${n.color};white-space:nowrap;">${h(t.verdict)}</td></tr></table>`})():"";return`\n    <table role="presentation" width="100%" cellpadding="0" cellspacing="0"\n           style="margin:18px 0 4px;background:${s};border:1px solid ${g};border-radius:12px;">\n      <tr><td style="padding:16px 18px;font-family:${x};">\n        <table role="presentation" width="100%" cellpadding="0" cellspacing="0"><tr>\n          <td valign="middle" width="28">\n            <div style="width:22px;height:22px;border-radius:50%;background:${n};color:#fff;text-align:center;line-height:22px;font-size:13px;">&#10022;</div>\n          </td>\n          <td valign="middle" style="padding-left:8px;">\n            <span style="font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:${e};">Parecer GYRA+IA</span>\n          </td>\n          <td valign="middle" align="right">${i}</td>\n        </tr></table>\n        <p style="margin:10px 0 0;font-size:14px;line-height:1.55;color:${a};">${h(t.text)}</p>\n        ${t.footer?`<div style="margin-top:10px;padding-top:10px;border-top:1px dashed ${g};font-size:11px;color:${o};">${h(t.footer)}</div>`:""}\n      </td></tr>\n    </table>`}(u):""}\n              ${z}\n            </td>\n          </tr>\n          <tr>\n            <td style="padding:20px 8px;font-family:${x};font-size:12px;line-height:1.5;color:${o};">\n              ${v?`<p style="margin:0 0 8px;">${h(v)}</p>`:""}\n              <p style="margin:0;">GYRA+ • Esta é uma mensagem automática, não responda este email.</p>\n            </td>\n          </tr>\n        </table>\n      </td>\n    </tr>\n  </table>\n</body>\n</html>`};
+//# sourceMappingURL=index.js.map

package/dist/emails/email/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/emails/email/index.ts"],"sourcesContent":["/**\n * Email transacional genérico — Gyra+ design system.\n *\n * **FONTE DA VERDADE** dos layouts de email transacional. Usado por\n * qualquer fluxo que precise mandar email no padrão visual Gyra+:\n *   - reset de senha, confirmação de cadastro, alertas internos\n *   - finalização de processamento (Finsights, batch-report, etc)\n *   - notificações de operação/crédito\n *   - convites, mudança de plano, alerts de billing...\n *\n * **TS puro**: sem React, sem DOM, sem browser globals. Apenas funções que\n * retornam string HTML. Funciona igual em qualquer runtime Node (Nest) ou\n * bundle browser (Next).\n *\n * **Email-safe**: tabelas + inline-style (clients ignoram <style> externo,\n * flexbox e Material Symbols). Gradientes têm fallback sólido.\n *\n * Tokens visuais alinhados com gyra-design: azul #1256FF (acao/primary),\n * roxo #7C4EFF (IA/parecer), neutrals Apple-gray, fonte Inter.\n *\n * **Como usar:**\n * ```ts\n * import { buildEmail } from '@gyramais/gyra-design/dist/emails/email';\n *\n * const html = buildEmail({\n *   preheader: 'Senha redefinida com sucesso',\n *   greeting: 'Olá, Maria',\n *   title: 'Sua senha foi redefinida',\n *   paragraphs: ['Tudo certo. Você já pode entrar com a nova senha.'],\n *   buttons: [{ label: 'Entrar', url: 'https://app.gyramais.com/login' }],\n *   footerNote: 'Se não foi você, redefina novamente clicando em \"Esqueci minha senha\".',\n * });\n * ```\n *\n * Pra emails recorrentes (mesmo conteudo, payload variavel), criar um\n * **preset** em `src/emails/<preset-name>/index.ts` que monta o\n * `EmailLayoutInput` a partir de campos de dominio e delega aqui. Ver\n * `balance-sheet-finalized` como exemplo.\n */\n\n// ── Tipos publicos ─────────────────────────────────────────────────────────\n\nexport type EmailButton = {\n  label: string;\n  url: string;\n  /** primary = botão azul preenchido, secondary = outline. Default primary. */\n  variant?: 'primary' | 'secondary';\n};\n\nexport type EmailHighlight = {\n  /** label pequeno em cima (ex: \"Score\", \"Nivel de risco\"). */\n  label: string;\n  /** valor grande em baixo (ex: \"820\", \"Baixo\"). */\n  value: string;\n  /** cor do valor (ex: cor do risco). Default: tinta padrao Apple-gray. */\n  color?: string;\n};\n\n/** Tom semantico do chip de veredito do bloco Parecer GYRA+IA. */\nexport type AiParecerTone = 'ok' | 'warn' | 'danger' | 'info';\n\nexport type EmailAiParecer = {\n  /** chip de veredito (ex: \"Médio\", \"Consistente\"). Opcional. */\n  verdict?: string;\n  verdictTone?: AiParecerTone;\n  /** corpo do parecer. */\n  text: string;\n  /** rodape do bloco (ex: \"GYRA+IA · Confiança 96%\"). Opcional. */\n  footer?: string;\n};\n\nexport type EmailLayoutInput = {\n  /** Texto invisivel no preheader (preview no inbox). */\n  preheader?: string;\n  /** Linha curta acima do titulo (ex: \"Olá, Maria\"). */\n  greeting?: string;\n  /** Titulo principal (H1). */\n  title: string;\n  /** Paragrafos de corpo (sub-frases). */\n  paragraphs?: string[];\n  /** Cards lado-a-lado (1 a N). Largura dividida igualmente. */\n  highlights?: EmailHighlight[];\n  /** Bloco \"Parecer GYRA+IA\" (faixa roxa com chip + texto + rodape). */\n  aiParecer?: EmailAiParecer;\n  /** Botoes de acao. Multiplos viram lado-a-lado. */\n  buttons?: EmailButton[];\n  /** Texto pequeno no rodape do card (disclaimer, instrucoes extras). */\n  footerNote?: string;\n};\n\n// ── Tokens (espelho de gyra-design CSS variables, hard-coded pra email) ────\n\nconst C = {\n  blue: '#1256FF',\n  teal: '#1FB58A',\n  aiPurple: '#7C4EFF',\n  aiPurpleText: '#6635E0',\n  bg: '#F5F5F7',\n  card: '#FFFFFF',\n  fg1: '#1D1D1F',\n  fg2: '#636366',\n  fg3: '#8E8E93',\n  border: '#D2D2D7',\n  borderSubtle: '#E8E8ED',\n  aiCardBg: '#F6F4FF',\n  aiBorder: 'rgba(124,78,255,0.22)',\n};\n\nconst VERDICT: Record<AiParecerTone, { bg: string; color: string }> = {\n  ok: { bg: '#E8F9ED', color: '#1A7D37' },\n  warn: { bg: '#FFF4E0', color: '#946200' },\n  danger: { bg: '#FFEDEC', color: '#C93430' },\n  info: { bg: '#EBF4FF', color: '#0055D4' },\n};\n\nconst FONT =\n  \"'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif\";\n\nconst LOGO_URL =\n  'https://gyra-file-prod.s3.us-west-2.amazonaws.com/assets/gyra-logo-color.png';\n\n// ── Helpers internos ───────────────────────────────────────────────────────\n\nconst esc = (s: string): string =>\n  String(s ?? '')\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;');\n\n/**\n * Só permite http(s). Bloqueia schemes perigosos (javascript:, data:)\n * que poderiam virar href executável. URL inválida vira '#'.\n */\nconst SAFE_URL_PROTOCOLS = ['http:', 'https:', 'mailto:', 'tel:'];\n\nfunction safeUrl(url: string): string {\n  try {\n    const u = new URL(String(url));\n    // mailto:/tel: sao comuns e seguros em emails transacionais (contato,\n    // suporte, telefone). Demais protocolos (javascript:, data:) viram '#'.\n    return SAFE_URL_PROTOCOLS.includes(u.protocol) ? u.href : '#';\n  } catch {\n    return '#';\n  }\n}\n\nfunction renderButton(btn: EmailButton): string {\n  const isPrimary = (btn.variant ?? 'primary') === 'primary';\n  const bg = isPrimary ? C.blue : C.card;\n  const color = isPrimary ? '#FFFFFF' : C.blue;\n  const border = isPrimary ? C.blue : C.border;\n  return `\n    <table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" style=\"margin:8px 8px 0 0;display:inline-block;\">\n      <tr>\n        <td style=\"border-radius:10px;background:${bg};border:1px solid ${border};\">\n          <a href=\"${esc(safeUrl(btn.url))}\" target=\"_blank\"\n             style=\"display:inline-block;padding:12px 22px;font-family:${FONT};font-size:14px;font-weight:600;color:${color};text-decoration:none;border-radius:10px;\">\n            ${esc(btn.label)}\n          </a>\n        </td>\n      </tr>\n    </table>`;\n}\n\nfunction renderHighlight(h: EmailHighlight, widthPct: number): string {\n  return `\n    <td width=\"${widthPct}%\" style=\"padding:6px;\" valign=\"top\">\n      <table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\"\n             style=\"background:#FAFAFA;border:1px solid ${C.borderSubtle};border-radius:12px;\">\n        <tr><td style=\"padding:14px 16px;font-family:${FONT};\">\n          <div style=\"font-size:12px;color:${C.fg2};margin-bottom:4px;\">${esc(h.label)}</div>\n          <div style=\"font-size:22px;font-weight:700;color:${h.color || C.fg1};font-family:'Lexend',${FONT};\">${esc(h.value)}</div>\n        </td></tr>\n      </table>\n    </td>`;\n}\n\nfunction renderAiParecer(p: EmailAiParecer): string {\n  const v = p.verdict\n    ? (() => {\n        const t = VERDICT[p.verdictTone || 'info'];\n        // table/td (Outlook ignora padding/border-radius em <span>).\n        return `<table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" style=\"display:inline-block;\"><tr>\n          <td style=\"background:${t.bg};border-radius:999px;padding:4px 10px;font-family:${FONT};font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:${t.color};white-space:nowrap;\">${esc(\n            p.verdict,\n          )}</td></tr></table>`;\n      })()\n    : '';\n  return `\n    <table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\"\n           style=\"margin:18px 0 4px;background:${C.aiCardBg};border:1px solid ${C.aiBorder};border-radius:12px;\">\n      <tr><td style=\"padding:16px 18px;font-family:${FONT};\">\n        <table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\"><tr>\n          <td valign=\"middle\" width=\"28\">\n            <div style=\"width:22px;height:22px;border-radius:50%;background:${C.aiPurple};color:#fff;text-align:center;line-height:22px;font-size:13px;\">&#10022;</div>\n          </td>\n          <td valign=\"middle\" style=\"padding-left:8px;\">\n            <span style=\"font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:${C.aiPurpleText};\">Parecer GYRA+IA</span>\n          </td>\n          <td valign=\"middle\" align=\"right\">${v}</td>\n        </tr></table>\n        <p style=\"margin:10px 0 0;font-size:14px;line-height:1.55;color:${C.fg2};\">${esc(p.text)}</p>\n        ${\n          p.footer\n            ? `<div style=\"margin-top:10px;padding-top:10px;border-top:1px dashed ${C.aiBorder};font-size:11px;color:${C.fg3};\">${esc(\n                p.footer,\n              )}</div>`\n            : ''\n        }\n      </td></tr>\n    </table>`;\n}\n\n// ── API publica ────────────────────────────────────────────────────────────\n\n/**\n * Monta o HTML completo de um email no padrão Gyra+: logo no topo, card\n * principal com greeting + título + parágrafos + highlights (chips lado a\n * lado) + bloco \"Parecer GYRA+IA\" + botões, e rodapé padrão.\n *\n * Email-safe (tabelas + inline-style, sem flexbox, sem <style>). Funciona\n * em Gmail, Outlook (Windows/Web/Mac), Apple Mail, Thunderbird, mobile.\n *\n * Todas as seções (greeting, paragraphs, highlights, aiParecer, buttons,\n * footerNote) são **opcionais** — só `title` é obrigatório.\n */\nexport function buildEmail(input: EmailLayoutInput): string {\n  const {\n    preheader,\n    greeting,\n    title,\n    paragraphs = [],\n    highlights = [],\n    aiParecer,\n    buttons = [],\n    footerNote,\n  } = input;\n\n  const highlightWidth = highlights.length\n    ? Math.floor(100 / highlights.length)\n    : 100;\n  const highlightsRow = highlights.length\n    ? `<table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" style=\"margin:8px 0 4px;\"><tr>${highlights\n        .map((h) => renderHighlight(h, highlightWidth))\n        .join('')}</tr></table>`\n    : '';\n\n  const paragraphsHtml = paragraphs\n    .map(\n      (p) =>\n        `<p style=\"margin:0 0 14px;font-family:${FONT};font-size:15px;line-height:1.6;color:${C.fg2};\">${esc(\n          p,\n        )}</p>`,\n    )\n    .join('');\n\n  const buttonsHtml = buttons.length\n    ? `<div style=\"margin-top:18px;\">${buttons.map(renderButton).join('')}</div>`\n    : '';\n\n  return `<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n  <meta charset=\"utf-8\" />\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\" />\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n  <title>${esc(title)}</title>\n</head>\n<body style=\"margin:0;padding:0;background:${C.bg};\">\n  ${\n    preheader\n      ? `<div style=\"display:none;max-height:0;overflow:hidden;opacity:0;\">${esc(preheader)}</div>`\n      : ''\n  }\n  <table role=\"presentation\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" style=\"background:${C.bg};padding:24px 0;\">\n    <tr>\n      <td align=\"center\">\n        <table role=\"presentation\" width=\"600\" cellpadding=\"0\" cellspacing=\"0\" style=\"width:600px;max-width:92%;\">\n          <tr>\n            <td style=\"padding:8px 4px 20px;\">\n              <img src=\"${LOGO_URL}\" alt=\"GYRA+\" height=\"30\" style=\"height:30px;display:block;\" />\n            </td>\n          </tr>\n          <tr>\n            <td style=\"background:${C.card};border:1px solid ${C.borderSubtle};border-radius:16px;padding:32px;\">\n              ${\n                greeting\n                  ? `<p style=\"margin:0 0 6px;font-family:${FONT};font-size:14px;color:${C.fg2};\">${esc(\n                      greeting,\n                    )}</p>`\n                  : ''\n              }\n              <h1 style=\"margin:0 0 18px;font-family:'Lexend',${FONT};font-size:23px;line-height:1.3;color:${C.fg1};\">${esc(\n                title,\n              )}</h1>\n              ${paragraphsHtml}\n              ${highlightsRow}\n              ${aiParecer ? renderAiParecer(aiParecer) : ''}\n              ${buttonsHtml}\n            </td>\n          </tr>\n          <tr>\n            <td style=\"padding:20px 8px;font-family:${FONT};font-size:12px;line-height:1.5;color:${C.fg3};\">\n              ${\n                footerNote\n                  ? `<p style=\"margin:0 0 8px;\">${esc(footerNote)}</p>`\n                  : ''\n              }\n              <p style=\"margin:0;\">GYRA+ • Esta é uma mensagem automática, não responda este email.</p>\n            </td>\n          </tr>\n        </table>\n      </td>\n    </tr>\n  </table>\n</body>\n</html>`;\n}\n"],"names":["C","VERDICT","ok","bg","color","warn","danger","info","FONT","esc","s","String","replace","SAFE_URL_PROTOCOLS","renderButton","btn","isPrimary","variant","url","u","URL","includes","protocol","href","safeUrl","label","input","preheader","greeting","title","paragraphs","highlights","aiParecer","buttons","footerNote","highlightWidth","length","Math","floor","highlightsRow","map","h","widthPct","value","renderHighlight","join","paragraphsHtml","p","buttonsHtml","v","verdict","t","verdictTone","text","footer","renderAiParecer"],"mappings":"aA4FA,MAAMA,EACE,UADFA,EAGM,UAHNA,EAIU,UAJVA,EAKA,UALAA,EAME,UANFA,EAOC,UAPDA,EAQC,UARDA,EASC,UATDA,EAUI,UAVJA,EAWU,UAXVA,EAYM,UAZNA,EAaM,wBAGNC,EAAgE,CACpEC,GAAI,CAAEC,GAAI,UAAWC,MAAO,WAC5BC,KAAM,CAAEF,GAAI,UAAWC,MAAO,WAC9BE,OAAQ,CAAEH,GAAI,UAAWC,MAAO,WAChCG,KAAM,CAAEJ,GAAI,UAAWC,MAAO,YAG1BI,EACJ,8EAOIC,EAAOC,GACXC,OAAOD,GAAK,IACTE,QAAQ,KAAM,SACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,UACdA,QAAQ,KAAM,SAMbC,EAAqB,CAAC,QAAS,SAAU,UAAW,QAa1D,SAASC,EAAaC,GACpB,MAAMC,EAA2C,aAA9BD,EAAIE,SAAW,WAE5Bb,EAAQY,EAAY,UAAYhB,EAEtC,MAAO,oLAHIgB,EAAYhB,EAASA,sBAEjBgB,EAAYhB,EAASA,4BAKjBS,EApBrB,SAAiBS,GACf,IACE,MAAMC,EAAI,IAAIC,IAAIT,OAAOO,IAGzB,OAAOL,EAAmBQ,SAASF,EAAEG,UAAYH,EAAEI,KAAO,GAC5D,CAAE,MACA,MAAO,GACT,CACF,CAWyBC,CAAQT,EAAIG,kGACoCV,0CAA6CJ,6DACxGK,EAAIM,EAAIU,kEAKtB,oBAgEM,SAAqBC,GACzB,MAAMC,UACJA,EAASC,SACTA,EAAQC,MACRA,EAAKC,WACLA,EAAa,GAAEC,WACfA,EAAa,GAAEC,UACfA,EAASC,QACTA,EAAU,GAAEC,WACZA,GACER,EAEES,EAAiBJ,EAAWK,OAC9BC,KAAKC,MAAM,IAAMP,EAAWK,QAC5B,IACEG,EAAgBR,EAAWK,OAC7B,yGAAyGL,EACtGS,IAAKC,GA/Ed,SAAyBA,EAAmBC,GAC1C,MAAO,oBACQA,kLAEyC1C,iFACHQ,oDACVR,yBAA6BS,EAAIgC,EAAEhB,4EACnBgB,EAAErC,OAASJ,0BAA8BQ,OAAUC,EAAIgC,EAAEE,6DAItH,CAoEoBC,CAAgBH,EAAGN,IAC9BU,KAAK,mBACR,GAEEC,EAAiBhB,EACpBU,IACEO,GACC,yCAAyCvC,0CAA6CR,OAAWS,EAC/FsC,UAGLF,KAAK,IAEFG,EAAcf,EAAQG,OACxB,iCAAiCH,EAAQO,IAAI1B,GAAc+B,KAAK,YAChE,GAEJ,MAAO,4NAMEpC,EAAIoB,mEAE8B7B,WAEzC2B,EACI,qEAAqElB,EAAIkB,WACzE,mGAEsF3B,4eAU1DA,sBAA2BA,uDAE/C4B,EACI,wCAAwCpB,0BAA6BR,OAAWS,EAC9EmB,SAEF,qEAE4CpB,0CAA6CR,OAAWS,EACxGoB,0BAEAiB,oBACAP,oBACAP,EAxHhB,SAAyBe,GACvB,MAAME,EAAIF,EAAEG,QACR,MACE,MAAMC,EAAIlD,EAAQ8C,EAAEK,aAAe,QAEnC,MAAO,kIACmBD,EAAEhD,uDAAuDK,yFAA4F2C,EAAE/C,8BAA8BK,EAC3MsC,EAAEG,4BAEP,EAPD,GAQA,GACJ,MAAO,iIAEwClD,sBAA+BA,+EAC3BQ,sNAGyBR,4QAGiCA,4FAEjEiD,0GAE4BjD,OAAWS,EAAIsC,EAAEM,sBAEjFN,EAAEO,OACE,sEAAsEtD,0BAAmCA,OAAWS,EAClHsC,EAAEO,gBAEJ,oCAId,CAsF4BC,CAAgBvB,GAAa,qBACzCgB,8GAIsCxC,0CAA6CR,uBAEnFkC,EACI,8BAA8BzB,EAAIyB,SAClC,yNAWpB"}

package/dist/emails/email/shadcn/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/emails/email/shadcn/form.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { ControllerProps, FieldPath, FieldValues, useForm } from 'react-hook-form';
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { useForm, useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/emails/email/shadcn/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/emails/email/shadcn/label.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/emails/email/shadcn/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/emails/email/shadcn/menubar.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+declare const MenubarMenu: {
+    (props: MenubarPrimitive.MenubarMenuProps & {
+        __scopeMenubar?: import("@radix-ui/react-context").Scope;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarPortal: React.FC<MenubarPrimitive.MenubarPortalProps>;
+declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
+declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ id, className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    displayname: string;
+};
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut, };

package/dist/emails/email/shadcn/popover.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/emails/email/shadcn/radio-group.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

package/dist/emails/email/shadcn/switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/dist/emails/email/shadcn/tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/emails/email/shadcn/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/emails/email/theme.d.ts

@@ -0,0 +1,20 @@
+interface Colors {
+    backgroundColor: string;
+    primaryButton: string;
+    secondaryButton: string;
+    linkButton: string;
+}
+interface Images {
+    whiteLogoUrl: string;
+    darkLogoUrl: string;
+    iconUrl: string;
+}
+declare const isColorDark: (hexColor: string) => boolean;
+export { isColorDark, };
+declare const _default: {
+    setTheme: ({ colors, images }: {
+        colors: Colors;
+        images: Images;
+    }) => void;
+};
+export default _default;

package/dist/index.css

@@ -729,6 +729,9 @@ video {
 .max-w-\[260px\] {
   max-width: 260px;
 }
+.max-w-\[500px\] {
+  max-width: 500px;
+}
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -907,6 +910,9 @@ video {
 .font-semibold {
   font-weight: 600;
 }
+.uppercase {
+  text-transform: uppercase;
+}
 .italic {
   font-style: italic;
 }
@@ -953,6 +959,9 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.outline {
+  outline-style: solid;
+}
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -3881,6 +3890,213 @@ h6 {
   stroke: transparent;
 }
 
+.gyramais-ai-parecer {
+  background: linear-gradient(
+    180deg,
+    rgba(124, 78, 255, 0.045) 0%,
+    rgba(18, 86, 255, 0.035) 100%
+  );
+  border: 1px solid rgba(124, 78, 255, 0.18);
+  border-radius: 12px;
+  padding: 14px 16px;
+}
+
+.gyramais-ai-parecer__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.gyramais-ai-parecer__badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.gyramais-ai-parecer__badge-icon {
+  flex-shrink: 0;
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #7c4eff, #1256ff);
+  color: #fff;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  line-height: 1;
+}
+
+.gyramais-ai-parecer__badge-label {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: #6635e0;
+}
+
+.gyramais-ai-parecer__meta {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.gyramais-ai-parecer__score {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  padding: 4px 10px;
+  border-radius: 999px;
+  white-space: nowrap;
+  background: rgba(18, 86, 255, 0.1);
+  color: #1256ff;
+}
+
+.gyramais-ai-parecer__score strong {
+  font-weight: 700;
+}
+
+.gyramais-ai-parecer__verdict {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  padding: 4px 10px;
+  border-radius: 999px;
+  white-space: nowrap;
+}
+
+.gyramais-ai-parecer__verdict--info {
+  background: rgba(124, 78, 255, 0.12);
+  color: #6635e0;
+}
+
+.gyramais-ai-parecer__verdict--success {
+  background: rgba(52, 199, 89, 0.18);
+  color: #1a7d37;
+}
+
+.gyramais-ai-parecer__verdict--warning {
+  background: rgba(255, 159, 10, 0.2);
+  color: #946200;
+}
+
+.gyramais-ai-parecer__verdict--danger {
+  background: rgba(255, 59, 48, 0.18);
+  color: #c93430;
+}
+
+.gyramais-ai-parecer__body {
+  margin-top: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.gyramais-ai-parecer__topic {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+}
+
+/* tom de alerta: destaque sutil usando o token de warning do design. */
+.gyramais-ai-parecer__topic--warning {
+  background: var(--warning-light-color, rgba(255, 159, 10, 0.08));
+  border-radius: 8px;
+  padding: 8px 12px;
+  margin: 0 -12px;
+}
+
+.gyramais-ai-parecer__topic-icon {
+  flex-shrink: 0;
+}
+
+.gyramais-ai-parecer__topic-body {
+  width: 100%;
+}
+
+.gyramais-ai-parecer__topic-label {
+  display: block;
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--dark-text-color, #1f2430);
+}
+
+.gyramais-ai-parecer__topic-content {
+  color: #626976;
+  font-size: 14px;
+  line-height: 1.55;
+  white-space: pre-line;
+  margin-top: 2px;
+}
+
+.gyramais-ai-parecer__foot {
+  margin-top: 12px;
+  padding-top: 10px;
+  border-top: 1px dashed rgba(124, 78, 255, 0.18);
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  font-size: 11px;
+  color: #8a8f9c;
+}
+
+.gyramais-ai-parecer__src {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.gyramais-ai-parecer__src-icon {
+  flex-shrink: 0;
+}
+
+.gyramais-ai-parecer__actions {
+  margin-left: auto;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.gyramais-ai-parecer__btn {
+  width: 22px;
+  height: 22px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: 6px;
+  color: #8a8f9c;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition:
+    background 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),
+    color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+.gyramais-ai-parecer__btn:hover {
+  background: rgba(124, 78, 255, 0.1);
+  color: #6635e0;
+}
+
+.gyramais-ai-parecer__btn--active {
+  background: rgba(124, 78, 255, 0.14);
+  color: #6635e0;
+}
+
+.gyramais-ai-parecer__btn svg,
+.gyramais-ai-parecer__btn .material-symbols-outlined {
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
+}
+
 .gyramais-avatar {
     display: flex;
     align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gyramais/gyra-design",
-  "version": "0.2.21",
+  "version": "0.2.22",
   "description": "Gyramais Design System",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",