@gyramais/gyra-design 0.2.2 → 0.2.22

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

@@ -0,0 +1,94 @@
+/**
+ * Email transacional genérico — Gyra+ design system.
+ *
+ * **FONTE DA VERDADE** dos layouts de email transacional. Usado por
+ * qualquer fluxo que precise mandar email no padrão visual Gyra+:
+ *   - reset de senha, confirmação de cadastro, alertas internos
+ *   - finalização de processamento (Finsights, batch-report, etc)
+ *   - notificações de operação/crédito
+ *   - convites, mudança de plano, alerts de billing...
+ *
+ * **TS puro**: sem React, sem DOM, sem browser globals. Apenas funções que
+ * retornam string HTML. Funciona igual em qualquer runtime Node (Nest) ou
+ * bundle browser (Next).
+ *
+ * **Email-safe**: tabelas + inline-style (clients ignoram <style> externo,
+ * flexbox e Material Symbols). Gradientes têm fallback sólido.
+ *
+ * Tokens visuais alinhados com gyra-design: azul #1256FF (acao/primary),
+ * roxo #7C4EFF (IA/parecer), neutrals Apple-gray, fonte Inter.
+ *
+ * **Como usar:**
+ * ```ts
+ * import { buildEmail } from '@gyramais/gyra-design/dist/emails/email';
+ *
+ * const html = buildEmail({
+ *   preheader: 'Senha redefinida com sucesso',
+ *   greeting: 'Olá, Maria',
+ *   title: 'Sua senha foi redefinida',
+ *   paragraphs: ['Tudo certo. Você já pode entrar com a nova senha.'],
+ *   buttons: [{ label: 'Entrar', url: 'https://app.gyramais.com/login' }],
+ *   footerNote: 'Se não foi você, redefina novamente clicando em "Esqueci minha senha".',
+ * });
+ * ```
+ *
+ * Pra emails recorrentes (mesmo conteudo, payload variavel), criar um
+ * **preset** em `src/emails/<preset-name>/index.ts` que monta o
+ * `EmailLayoutInput` a partir de campos de dominio e delega aqui. Ver
+ * `balance-sheet-finalized` como exemplo.
+ */
+export type EmailButton = {
+    label: string;
+    url: string;
+    /** primary = botão azul preenchido, secondary = outline. Default primary. */
+    variant?: 'primary' | 'secondary';
+};
+export type EmailHighlight = {
+    /** label pequeno em cima (ex: "Score", "Nivel de risco"). */
+    label: string;
+    /** valor grande em baixo (ex: "820", "Baixo"). */
+    value: string;
+    /** cor do valor (ex: cor do risco). Default: tinta padrao Apple-gray. */
+    color?: string;
+};
+/** Tom semantico do chip de veredito do bloco Parecer GYRA+IA. */
+export type AiParecerTone = 'ok' | 'warn' | 'danger' | 'info';
+export type EmailAiParecer = {
+    /** chip de veredito (ex: "Médio", "Consistente"). Opcional. */
+    verdict?: string;
+    verdictTone?: AiParecerTone;
+    /** corpo do parecer. */
+    text: string;
+    /** rodape do bloco (ex: "GYRA+IA · Confiança 96%"). Opcional. */
+    footer?: string;
+};
+export type EmailLayoutInput = {
+    /** Texto invisivel no preheader (preview no inbox). */
+    preheader?: string;
+    /** Linha curta acima do titulo (ex: "Olá, Maria"). */
+    greeting?: string;
+    /** Titulo principal (H1). */
+    title: string;
+    /** Paragrafos de corpo (sub-frases). */
+    paragraphs?: string[];
+    /** Cards lado-a-lado (1 a N). Largura dividida igualmente. */
+    highlights?: EmailHighlight[];
+    /** Bloco "Parecer GYRA+IA" (faixa roxa com chip + texto + rodape). */
+    aiParecer?: EmailAiParecer;
+    /** Botoes de acao. Multiplos viram lado-a-lado. */
+    buttons?: EmailButton[];
+    /** Texto pequeno no rodape do card (disclaimer, instrucoes extras). */
+    footerNote?: string;
+};
+/**
+ * Monta o HTML completo de um email no padrão Gyra+: logo no topo, card
+ * principal com greeting + título + parágrafos + highlights (chips lado a
+ * lado) + bloco "Parecer GYRA+IA" + botões, e rodapé padrão.
+ *
+ * Email-safe (tabelas + inline-style, sem flexbox, sem <style>). Funciona
+ * em Gmail, Outlook (Windows/Web/Mac), Apple Mail, Thunderbird, mobile.
+ *
+ * Todas as seções (greeting, paragraphs, highlights, aiParecer, buttons,
+ * footerNote) são **opcionais** — só `title` é obrigatório.
+ */
+export declare function buildEmail(input: EmailLayoutInput): string;

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

@@ -1,94 +1,62 @@
-/**
- * Email transacional genérico — Gyra+ design system.
- *
- * **FONTE DA VERDADE** dos layouts de email transacional. Usado por
- * qualquer fluxo que precise mandar email no padrão visual Gyra+:
- *   - reset de senha, confirmação de cadastro, alertas internos
- *   - finalização de processamento (Finsights, batch-report, etc)
- *   - notificações de operação/crédito
- *   - convites, mudança de plano, alerts de billing...
- *
- * **TS puro**: sem React, sem DOM, sem browser globals. Apenas funções que
- * retornam string HTML. Funciona igual em qualquer runtime Node (Nest) ou
- * bundle browser (Next).
- *
- * **Email-safe**: tabelas + inline-style (clients ignoram <style> externo,
- * flexbox e Material Symbols). Gradientes têm fallback sólido.
- *
- * Tokens visuais alinhados com gyra-design: azul #1256FF (acao/primary),
- * roxo #7C4EFF (IA/parecer), neutrals Apple-gray, fonte Inter.
- *
- * **Como usar:**
- * ```ts
- * import { buildEmail } from '@gyramais/gyra-design/dist/emails/email';
- *
- * const html = buildEmail({
- *   preheader: 'Senha redefinida com sucesso',
- *   greeting: 'Olá, Maria',
- *   title: 'Sua senha foi redefinida',
- *   paragraphs: ['Tudo certo. Você já pode entrar com a nova senha.'],
- *   buttons: [{ label: 'Entrar', url: 'https://app.gyramais.com/login' }],
- *   footerNote: 'Se não foi você, redefina novamente clicando em "Esqueci minha senha".',
- * });
- * ```
- *
- * Pra emails recorrentes (mesmo conteudo, payload variavel), criar um
- * **preset** em `src/emails/<preset-name>/index.ts` que monta o
- * `EmailLayoutInput` a partir de campos de dominio e delega aqui. Ver
- * `balance-sheet-finalized` como exemplo.
- */
-export type EmailButton = {
-    label: string;
-    url: string;
-    /** primary = botão azul preenchido, secondary = outline. Default primary. */
-    variant?: 'primary' | 'secondary';
-};
-export type EmailHighlight = {
-    /** label pequeno em cima (ex: "Score", "Nivel de risco"). */
-    label: string;
-    /** valor grande em baixo (ex: "820", "Baixo"). */
-    value: string;
-    /** cor do valor (ex: cor do risco). Default: tinta padrao Apple-gray. */
-    color?: string;
-};
-/** Tom semantico do chip de veredito do bloco Parecer GYRA+IA. */
-export type AiParecerTone = 'ok' | 'warn' | 'danger' | 'info';
-export type EmailAiParecer = {
-    /** chip de veredito (ex: "Médio", "Consistente"). Opcional. */
-    verdict?: string;
-    verdictTone?: AiParecerTone;
-    /** corpo do parecer. */
-    text: string;
-    /** rodape do bloco (ex: "GYRA+IA · Confiança 96%"). Opcional. */
-    footer?: string;
-};
-export type EmailLayoutInput = {
-    /** Texto invisivel no preheader (preview no inbox). */
-    preheader?: string;
-    /** Linha curta acima do titulo (ex: "Olá, Maria"). */
-    greeting?: string;
-    /** Titulo principal (H1). */
-    title: string;
-    /** Paragrafos de corpo (sub-frases). */
-    paragraphs?: string[];
-    /** Cards lado-a-lado (1 a N). Largura dividida igualmente. */
-    highlights?: EmailHighlight[];
-    /** Bloco "Parecer GYRA+IA" (faixa roxa com chip + texto + rodape). */
-    aiParecer?: EmailAiParecer;
-    /** Botoes de acao. Multiplos viram lado-a-lado. */
-    buttons?: EmailButton[];
-    /** Texto pequeno no rodape do card (disclaimer, instrucoes extras). */
-    footerNote?: string;
-};
-/**
- * Monta o HTML completo de um email no padrão Gyra+: logo no topo, card
- * principal com greeting + título + parágrafos + highlights (chips lado a
- * lado) + bloco "Parecer GYRA+IA" + botões, e rodapé padrão.
- *
- * Email-safe (tabelas + inline-style, sem flexbox, sem <style>). Funciona
- * em Gmail, Outlook (Windows/Web/Mac), Apple Mail, Thunderbird, mobile.
- *
- * Todas as seções (greeting, paragraphs, highlights, aiParecer, buttons,
- * footerNote) são **opcionais** — só `title` é obrigatório.
- */
-export declare function buildEmail(input: EmailLayoutInput): string;
+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

@@ -1,2 +1,2 @@
-const t="#1256FF",n="#7C4EFF",e="#6635E0",i="#F5F5F7",l="#FFFFFF",r="#1D1D1F",o="#636366",a="#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;");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"http:"===n.protocol||"https:"===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:$,title:m,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:${o};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:${o};">${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(m)}</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              ${$?`<p style="margin:0 0 6px;font-family:${x};font-size:14px;color:${o};">${h($)}</p>`:""}\n              <h1 style="margin:0 0 18px;font-family:'Lexend',${x};font-size:23px;line-height:1.3;color:${r};">${h(m)}</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:${o};">${h(t.text)}</p>\n        ${t.footer?`<div style="margin-top:10px;padding-top:10px;border-top:1px dashed ${g};font-size:11px;color:${a};">${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:${a};">\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};
+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

@@ -1 +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 */\nfunction safeUrl(url: string): string {\n  try {\n    const u = new URL(String(url));\n    return u.protocol === 'http:' || u.protocol === 'https:' ? 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","renderButton","btn","isPrimary","variant","url","u","URL","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,SAenB,SAASC,EAAaC,GACpB,MAAMC,EAA2C,aAA9BD,EAAIE,SAAW,WAE5BZ,EAAQW,EAAY,UAAYf,EAEtC,MAAO,oLAHIe,EAAYf,EAASA,sBAEjBe,EAAYf,EAASA,4BAKjBS,EAlBrB,SAAiBQ,GACf,IACE,MAAMC,EAAI,IAAIC,IAAIR,OAAOM,IACzB,MAAsB,UAAfC,EAAEE,UAAuC,WAAfF,EAAEE,SAAwBF,EAAEG,KAAO,GACtE,CAAE,MACA,MAAO,GACT,CACF,CAWyBC,CAAQR,EAAIG,kGACoCT,0CAA6CJ,6DACxGK,EAAIK,EAAIS,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,kLAEyCzC,iFACHQ,oDACVR,yBAA6BS,EAAI+B,EAAEjB,4EACnBiB,EAAEpC,OAASJ,0BAA8BQ,OAAUC,EAAI+B,EAAEE,6DAItH,CAoEoBC,CAAgBH,EAAGN,IAC9BU,KAAK,mBACR,GAEEC,EAAiBhB,EACpBU,IACEO,GACC,yCAAyCtC,0CAA6CR,OAAWS,EAC/FqC,UAGLF,KAAK,IAEFG,EAAcf,EAAQG,OACxB,iCAAiCH,EAAQO,IAAI1B,GAAc+B,KAAK,YAChE,GAEJ,MAAO,4NAMEnC,EAAImB,mEAE8B5B,WAEzC0B,EACI,qEAAqEjB,EAAIiB,WACzE,mGAEsF1B,4eAU1DA,sBAA2BA,uDAE/C2B,EACI,wCAAwCnB,0BAA6BR,OAAWS,EAC9EkB,SAEF,qEAE4CnB,0CAA6CR,OAAWS,EACxGmB,0BAEAiB,oBACAP,oBACAP,EAxHhB,SAAyBe,GACvB,MAAME,EAAIF,EAAEG,QACR,MACE,MAAMC,EAAIjD,EAAQ6C,EAAEK,aAAe,QAEnC,MAAO,kIACmBD,EAAE/C,uDAAuDK,yFAA4F0C,EAAE9C,8BAA8BK,EAC3MqC,EAAEG,4BAEP,EAPD,GAQA,GACJ,MAAO,iIAEwCjD,sBAA+BA,+EAC3BQ,sNAGyBR,4QAGiCA,4FAEjEgD,0GAE4BhD,OAAWS,EAAIqC,EAAEM,sBAEjFN,EAAEO,OACE,sEAAsErD,0BAAmCA,OAAWS,EAClHqC,EAAEO,gBAEJ,oCAId,CAsF4BC,CAAgBvB,GAAa,qBACzCgB,8GAIsCvC,0CAA6CR,uBAEnFiC,EACI,8BAA8BxB,EAAIwB,SAClC,yNAWpB"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";const t="#1256FF",n="#7C4EFF",e="#6635E0",i="#F5F5F7",l="#FFFFFF",r="#1D1D1F",o="#636366",a="#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;");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"http:"===n.protocol||"https:"===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:${o};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:${o};">${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:${o};">${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:${o};">${h(t.text)}</p>\n        ${t.footer?`<div style="margin-top:10px;padding-top:10px;border-top:1px dashed ${g};font-size:11px;color:${a};">${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:${a};">\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>`};
+"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

@@ -1 +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 */\nfunction safeUrl(url: string): string {\n  try {\n    const u = new URL(String(url));\n    return u.protocol === 'http:' || u.protocol === 'https:' ? 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","renderButton","btn","isPrimary","variant","url","u","URL","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,SAenB,SAASC,EAAaC,GACpB,MAAMC,EAA2C,aAA9BD,EAAIE,SAAW,WAE5BZ,EAAQW,EAAY,UAAYf,EAEtC,MAAO,oLAHIe,EAAYf,EAASA,sBAEjBe,EAAYf,EAASA,4BAKjBS,EAlBrB,SAAiBQ,GACf,IACE,MAAMC,EAAI,IAAIC,IAAIR,OAAOM,IACzB,MAAsB,UAAfC,EAAEE,UAAuC,WAAfF,EAAEE,SAAwBF,EAAEG,KAAO,GACtE,CAAE,MACA,MAAO,GACT,CACF,CAWyBC,CAAQR,EAAIG,kGACoCT,0CAA6CJ,6DACxGK,EAAIK,EAAIS,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,kLAEyCxC,iFACHQ,oDACVR,yBAA6BS,EAAI8B,EAAEhB,4EACnBgB,EAAEnC,OAASJ,0BAA8BQ,OAAUC,EAAI8B,EAAEE,6DAItH,CAoEoBC,CAAgBH,EAAGN,IAC9BU,KAAK,mBACR,GAEEC,EAAiBhB,EACpBU,IACEO,GACC,yCAAyCrC,0CAA6CR,OAAWS,EAC/FoC,UAGLF,KAAK,IAEFG,EAAcf,EAAQG,OACxB,iCAAiCH,EAAQO,IAAIzB,GAAc8B,KAAK,YAChE,GAEJ,MAAO,4NAMElC,EAAIkB,mEAE8B3B,WAEzCyB,EACI,qEAAqEhB,EAAIgB,WACzE,mGAEsFzB,4eAU1DA,sBAA2BA,uDAE/C0B,EACI,wCAAwClB,0BAA6BR,OAAWS,EAC9EiB,SAEF,qEAE4ClB,0CAA6CR,OAAWS,EACxGkB,0BAEAiB,oBACAP,oBACAP,EAxHhB,SAAyBe,GACvB,MAAME,EAAIF,EAAEG,QACR,MACE,MAAMC,EAAIhD,EAAQ4C,EAAEK,aAAe,QAEnC,MAAO,kIACmBD,EAAE9C,uDAAuDK,yFAA4FyC,EAAE7C,8BAA8BK,EAC3MoC,EAAEG,4BAEP,EAPD,GAQA,GACJ,MAAO,iIAEwChD,sBAA+BA,+EAC3BQ,sNAGyBR,4QAGiCA,4FAEjE+C,0GAE4B/C,OAAWS,EAAIoC,EAAEM,sBAEjFN,EAAEO,OACE,sEAAsEpD,0BAAmCA,OAAWS,EAClHoC,EAAEO,gBAEJ,oCAId,CAsF4BC,CAAgBvB,GAAa,qBACzCgB,8GAIsCtC,0CAA6CR,uBAEnFgC,EACI,8BAA8BvB,EAAIuB,SAClC,yNAWpB"}
+{"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 };