@gyramais/gyra-design 0.2.21 → 0.2.23

package/dist/components/AiParecer/AiParecer.d.ts

@@ -0,0 +1,75 @@
+import React from "react";
+import "./index.css";
+export type AiParecerVerdictTone = "success" | "warning" | "danger" | "info";
+type AiParecerProps = {
+    id?: string;
+    className?: string;
+    /**
+     * Chip de veredito exibido a direita do badge (ex: "Risco médio").
+     * Opcional.
+     */
+    verdict?: React.ReactNode;
+    verdictTone?: AiParecerVerdictTone;
+    /**
+     * Score (ex: nota GYRA+ IA) exibido como pill a esquerda do chip de
+     * veredito. Aceita number ou node. Opcional.
+     */
+    score?: React.ReactNode;
+    /** Rotulo do score. Default: "Score GYRA+ IA". */
+    scoreLabel?: string;
+    /**
+     * Conteudo do parecer: tipicamente um ou mais `<AiParecer.Topic>`
+     * (Resumo Executivo, Pontos de Atenção e Risco, etc).
+     */
+    children?: React.ReactNode;
+    /**
+     * Fontes consultadas, exibidas no rodape com um icone de base de dados
+     * (ex: "Receita Federal · Quod · Serasa"). Opcional.
+     */
+    sources?: React.ReactNode;
+    /**
+     * Grau de confianca do parecer, exibido no rodape (ex: "96%" vira
+     * "Confiança 96%"). Aceita number ou node. Opcional.
+     */
+    confidence?: React.ReactNode;
+    /**
+     * Callbacks de feedback. Quando algum e' passado, o rodape mostra os
+     * botoes padrao (👍 / 👎 / regenerar) com icones SVG proprios — sem
+     * depender de nenhuma fonte de icone externa. O estado de "util/nao-util"
+     * fica destacado automaticamente.
+     */
+    onFeedbackUp?: () => void;
+    onFeedbackDown?: () => void;
+    onRegenerate?: () => void;
+    /**
+     * Acoes customizadas do rodape. Quando presente, SUBSTITUI os botoes de
+     * feedback padrao. Use a classe `gyramais-ai-parecer__btn` pro estilo.
+     */
+    actions?: React.ReactNode;
+    /**
+     * Rodape totalmente customizado. Quando presente, substitui o rodape
+     * padrao montado a partir de `sources` / `confidence` / acoes.
+     */
+    footer?: React.ReactNode;
+};
+type AiParecerTopicProps = {
+    className?: string;
+    label: React.ReactNode;
+    /** Icone a esquerda do topico (ex: <DescriptionOutlinedIcon />). */
+    icon?: React.ReactNode;
+    /** `warning` destaca o topico (fundo + icone em tom de alerta). */
+    tone?: "default" | "warning";
+    children?: React.ReactNode;
+};
+declare const AiParecerTopic: ({ className, label, icon, tone, children, }: AiParecerTopicProps) => React.JSX.Element;
+/**
+ * Faixa padrao "Parecer GYRA+ IA" usada em todas as seções de parecer
+ * gerado por IA (analise financeira etc). Badge roxo com gradiente, label
+ * em uppercase e chip de veredito opcional. O conteudo (topicos) vem como
+ * children. Use `AiParecer.Topic` para padronizar cada bloco.
+ */
+declare const AiParecer: {
+    ({ id, className, verdict, verdictTone, score, scoreLabel, children, sources, confidence, onFeedbackUp, onFeedbackDown, onRegenerate, actions, footer, }: AiParecerProps): React.JSX.Element;
+    Topic: ({ className, label, icon, tone, children, }: AiParecerTopicProps) => React.JSX.Element;
+};
+export { AiParecer, AiParecerTopic };

package/dist/components/AiParecer/index.d.ts

@@ -0,0 +1 @@
+export * from "./AiParecer";

package/dist/components/AiParecer/index.js

@@ -0,0 +1,7 @@
+"use client";import e,{useState as a}from"react";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var t,c={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/t=c,function(){var e={}.hasOwnProperty;function a(){for(var e="",a=0;a<arguments.length;a++){var t=arguments[a];t&&(e=c(e,r(t)))}return e}function r(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return a.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var n in r)e.call(r,n)&&r[n]&&(t=c(t,n));return t}function c(e,a){return a?e?e+" "+a:e+a:e}t.exports?(a.default=a,t.exports=a):window.classNames=a}();var n=r(c.exports);const i=({className:a,label:r,icon:t,tone:c="default",children:i})=>e.createElement("div",{className:n("gyramais-ai-parecer__topic",`gyramais-ai-parecer__topic--${c}`,a)},t&&e.createElement("div",{className:"gyramais-ai-parecer__topic-icon"},t),e.createElement("div",{className:"gyramais-ai-parecer__topic-body"},e.createElement("span",{className:"gyramais-ai-parecer__topic-label"},r),e.createElement("div",{className:"gyramais-ai-parecer__topic-content"},i??"-"))),l={width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0},s=()=>e.createElement("svg",{className:"gyramais-ai-parecer__src-icon",...l,width:12,height:12},e.createElement("ellipse",{cx:"12",cy:"5",rx:"9",ry:"3"}),e.createElement("path",{d:"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"}),e.createElement("path",{d:"M3 12c0 1.66 4 3 9 3s9-1.34 9-3"})),m=()=>e.createElement("svg",{...l},e.createElement("path",{d:"M7 10v12"}),e.createElement("path",{d:"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"})),o=()=>e.createElement("svg",{...l},e.createElement("path",{d:"M17 14V2"}),e.createElement("path",{d:"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z"})),p=()=>e.createElement("svg",{...l},e.createElement("path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"}),e.createElement("path",{d:"M21 3v5h-5"}),e.createElement("path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"}),e.createElement("path",{d:"M8 16H3v5"})),d=({id:r,className:t,verdict:c,verdictTone:i="info",score:l,scoreLabel:d="Score GYRA+ IA",children:_,sources:u,confidence:g,onFeedbackUp:y,onFeedbackDown:E,onRegenerate:v,actions:b,footer:h})=>{const[N,f]=a(null),w=null!=l&&""!==l,M=null!=c&&""!==c,k=null!=u&&""!==u,x=null!=g&&""!==g,A=null!=b&&""!==b,L=!(A||!y&&!E&&!v),S=k||x||A||L,C=L&&e.createElement(e.Fragment,null,y&&e.createElement("button",{type:"button",title:"Útil","aria-label":"Útil","aria-pressed":"up"===N,className:n("gyramais-ai-parecer__btn",{"gyramais-ai-parecer__btn--active":"up"===N}),onClick:()=>{"up"!==N&&(f("up"),y())}},e.createElement(m,null)),E&&e.createElement("button",{type:"button",title:"Não útil","aria-label":"Não útil","aria-pressed":"down"===N,className:n("gyramais-ai-parecer__btn",{"gyramais-ai-parecer__btn--active":"down"===N}),onClick:()=>{"down"!==N&&(f("down"),E())}},e.createElement(o,null)),v&&e.createElement("button",{type:"button",title:"Regenerar","aria-label":"Regenerar",className:"gyramais-ai-parecer__btn",onClick:v},e.createElement(p,null)));return e.createElement("div",{id:r,className:n("gyramais-ai-parecer",t)},e.createElement("div",{className:"gyramais-ai-parecer__header"},e.createElement("div",{className:"gyramais-ai-parecer__badge"},e.createElement("span",{className:"gyramais-ai-parecer__badge-icon"},"✦"),e.createElement("span",{className:"gyramais-ai-parecer__badge-label"},"Parecer GYRA+ IA")),(w||M)&&e.createElement("div",{className:"gyramais-ai-parecer__meta"},w&&e.createElement("span",{className:"gyramais-ai-parecer__score"},d,": ",e.createElement("strong",null,l)),M&&e.createElement("span",{className:n("gyramais-ai-parecer__verdict",`gyramais-ai-parecer__verdict--${i}`)},c))),e.createElement("div",{className:"gyramais-ai-parecer__body"},_),h?e.createElement("div",{className:"gyramais-ai-parecer__foot"},h):S&&e.createElement("div",{className:"gyramais-ai-parecer__foot"},k&&e.createElement("span",{className:"gyramais-ai-parecer__src"},e.createElement(s,null),u),x&&e.createElement("span",{className:"gyramais-ai-parecer__confidence"},"Confiança ",g),(A||L)&&e.createElement("div",{className:"gyramais-ai-parecer__actions"},A?b:C)))};d.Topic=i;export{d as AiParecer,i as AiParecerTopic};
+//# sourceMappingURL=index.js.map

package/dist/components/AiParecer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/AiParecer/AiParecer.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { useState } from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\nexport type AiParecerVerdictTone = \"success\" | \"warning\" | \"danger\" | \"info\";\n\ntype AiParecerProps = {\n  id?: string;\n  className?: string;\n  /**\n   * Chip de veredito exibido a direita do badge (ex: \"Risco médio\").\n   * Opcional.\n   */\n  verdict?: React.ReactNode;\n  verdictTone?: AiParecerVerdictTone;\n  /**\n   * Score (ex: nota GYRA+ IA) exibido como pill a esquerda do chip de\n   * veredito. Aceita number ou node. Opcional.\n   */\n  score?: React.ReactNode;\n  /** Rotulo do score. Default: \"Score GYRA+ IA\". */\n  scoreLabel?: string;\n  /**\n   * Conteudo do parecer: tipicamente um ou mais `<AiParecer.Topic>`\n   * (Resumo Executivo, Pontos de Atenção e Risco, etc).\n   */\n  children?: React.ReactNode;\n  /**\n   * Fontes consultadas, exibidas no rodape com um icone de base de dados\n   * (ex: \"Receita Federal · Quod · Serasa\"). Opcional.\n   */\n  sources?: React.ReactNode;\n  /**\n   * Grau de confianca do parecer, exibido no rodape (ex: \"96%\" vira\n   * \"Confiança 96%\"). Aceita number ou node. Opcional.\n   */\n  confidence?: React.ReactNode;\n  /**\n   * Callbacks de feedback. Quando algum e' passado, o rodape mostra os\n   * botoes padrao (👍 / 👎 / regenerar) com icones SVG proprios — sem\n   * depender de nenhuma fonte de icone externa. O estado de \"util/nao-util\"\n   * fica destacado automaticamente.\n   */\n  onFeedbackUp?: () => void;\n  onFeedbackDown?: () => void;\n  onRegenerate?: () => void;\n  /**\n   * Acoes customizadas do rodape. Quando presente, SUBSTITUI os botoes de\n   * feedback padrao. Use a classe `gyramais-ai-parecer__btn` pro estilo.\n   */\n  actions?: React.ReactNode;\n  /**\n   * Rodape totalmente customizado. Quando presente, substitui o rodape\n   * padrao montado a partir de `sources` / `confidence` / acoes.\n   */\n  footer?: React.ReactNode;\n};\n\ntype AiParecerTopicProps = {\n  className?: string;\n  label: React.ReactNode;\n  /** Icone a esquerda do topico (ex: <DescriptionOutlinedIcon />). */\n  icon?: React.ReactNode;\n  /** `warning` destaca o topico (fundo + icone em tom de alerta). */\n  tone?: \"default\" | \"warning\";\n  children?: React.ReactNode;\n};\n\nconst AiParecerTopic = ({\n  className,\n  label,\n  icon,\n  tone = \"default\",\n  children,\n}: AiParecerTopicProps) => (\n  <div\n    className={classNames(\n      \"gyramais-ai-parecer__topic\",\n      `gyramais-ai-parecer__topic--${tone}`,\n      className,\n    )}\n  >\n    {icon && <div className=\"gyramais-ai-parecer__topic-icon\">{icon}</div>}\n    <div className=\"gyramais-ai-parecer__topic-body\">\n      <span className=\"gyramais-ai-parecer__topic-label\">{label}</span>\n      <div className=\"gyramais-ai-parecer__topic-content\">\n        {children ?? \"-\"}\n      </div>\n    </div>\n  </div>\n);\n\n/** Icones SVG inline (lucide-style) — autocontidos, sem fonte externa. */\nconst iconProps = {\n  width: 14,\n  height: 14,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\" as const,\n  strokeLinejoin: \"round\" as const,\n  \"aria-hidden\": true,\n};\n\nconst DatabaseIcon = () => (\n  <svg className=\"gyramais-ai-parecer__src-icon\" {...iconProps} width={12} height={12}>\n    <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\" />\n    <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\" />\n    <path d=\"M3 12c0 1.66 4 3 9 3s9-1.34 9-3\" />\n  </svg>\n);\n\nconst ThumbsUpIcon = () => (\n  <svg {...iconProps}>\n    <path d=\"M7 10v12\" />\n    <path d=\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\" />\n  </svg>\n);\n\nconst ThumbsDownIcon = () => (\n  <svg {...iconProps}>\n    <path d=\"M17 14V2\" />\n    <path d=\"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z\" />\n  </svg>\n);\n\nconst RefreshIcon = () => (\n  <svg {...iconProps}>\n    <path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" />\n    <path d=\"M21 3v5h-5\" />\n    <path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" />\n    <path d=\"M8 16H3v5\" />\n  </svg>\n);\n\n/**\n * Faixa padrao \"Parecer GYRA+ IA\" usada em todas as seções de parecer\n * gerado por IA (analise financeira etc). Badge roxo com gradiente, label\n * em uppercase e chip de veredito opcional. O conteudo (topicos) vem como\n * children. Use `AiParecer.Topic` para padronizar cada bloco.\n */\nconst AiParecer = ({\n  id,\n  className,\n  verdict,\n  verdictTone = \"info\",\n  score,\n  scoreLabel = \"Score GYRA+ IA\",\n  children,\n  sources,\n  confidence,\n  onFeedbackUp,\n  onFeedbackDown,\n  onRegenerate,\n  actions,\n  footer,\n}: AiParecerProps) => {\n  const [feedback, setFeedback] = useState<\"up\" | \"down\" | null>(null);\n\n  const hasScore = score != null && score !== \"\";\n  const hasVerdict = verdict != null && verdict !== \"\";\n  const hasSources = sources != null && sources !== \"\";\n  const hasConfidence = confidence != null && confidence !== \"\";\n  const hasCustomActions = actions != null && actions !== \"\";\n  const hasFeedback =\n    !hasCustomActions &&\n    (!!onFeedbackUp || !!onFeedbackDown || !!onRegenerate);\n  const hasFooterContent =\n    hasSources || hasConfidence || hasCustomActions || hasFeedback;\n\n  const defaultActions = hasFeedback && (\n    <>\n      {onFeedbackUp && (\n        <button\n          type=\"button\"\n          title=\"Útil\"\n          aria-label=\"Útil\"\n          aria-pressed={feedback === \"up\"}\n          className={classNames(\"gyramais-ai-parecer__btn\", {\n            \"gyramais-ai-parecer__btn--active\": feedback === \"up\",\n          })}\n          onClick={() => {\n            if (feedback === \"up\") return;\n            setFeedback(\"up\");\n            onFeedbackUp();\n          }}\n        >\n          <ThumbsUpIcon />\n        </button>\n      )}\n      {onFeedbackDown && (\n        <button\n          type=\"button\"\n          title=\"Não útil\"\n          aria-label=\"Não útil\"\n          aria-pressed={feedback === \"down\"}\n          className={classNames(\"gyramais-ai-parecer__btn\", {\n            \"gyramais-ai-parecer__btn--active\": feedback === \"down\",\n          })}\n          onClick={() => {\n            if (feedback === \"down\") return;\n            setFeedback(\"down\");\n            onFeedbackDown();\n          }}\n        >\n          <ThumbsDownIcon />\n        </button>\n      )}\n      {onRegenerate && (\n        <button\n          type=\"button\"\n          title=\"Regenerar\"\n          aria-label=\"Regenerar\"\n          className=\"gyramais-ai-parecer__btn\"\n          onClick={onRegenerate}\n        >\n          <RefreshIcon />\n        </button>\n      )}\n    </>\n  );\n\n  return (\n    <div id={id} className={classNames(\"gyramais-ai-parecer\", className)}>\n      <div className=\"gyramais-ai-parecer__header\">\n        <div className=\"gyramais-ai-parecer__badge\">\n          <span className=\"gyramais-ai-parecer__badge-icon\">&#10022;</span>\n          <span className=\"gyramais-ai-parecer__badge-label\">\n            Parecer GYRA+ IA\n          </span>\n        </div>\n        {(hasScore || hasVerdict) && (\n          <div className=\"gyramais-ai-parecer__meta\">\n            {hasScore && (\n              <span className=\"gyramais-ai-parecer__score\">\n                {scoreLabel}: <strong>{score}</strong>\n              </span>\n            )}\n            {hasVerdict && (\n              <span\n                className={classNames(\n                  \"gyramais-ai-parecer__verdict\",\n                  `gyramais-ai-parecer__verdict--${verdictTone}`,\n                )}\n              >\n                {verdict}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n      <div className=\"gyramais-ai-parecer__body\">{children}</div>\n      {footer ? (\n        <div className=\"gyramais-ai-parecer__foot\">{footer}</div>\n      ) : (\n        hasFooterContent && (\n          <div className=\"gyramais-ai-parecer__foot\">\n            {hasSources && (\n              <span className=\"gyramais-ai-parecer__src\">\n                <DatabaseIcon />\n                {sources}\n              </span>\n            )}\n            {hasConfidence && (\n              <span className=\"gyramais-ai-parecer__confidence\">\n                Confiança {confidence}\n              </span>\n            )}\n            {(hasCustomActions || hasFeedback) && (\n              <div className=\"gyramais-ai-parecer__actions\">\n                {hasCustomActions ? actions : defaultActions}\n              </div>\n            )}\n          </div>\n        )\n      )}\n    </div>\n  );\n};\n\nAiParecer.Topic = AiParecerTopic;\n\nexport { AiParecer, AiParecerTopic };\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","AiParecerTopic","className","label","icon","tone","children","React","createElement","iconProps","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","DatabaseIcon","cx","cy","rx","ry","d","ThumbsUpIcon","ThumbsDownIcon","RefreshIcon","AiParecer","id","verdict","verdictTone","score","scoreLabel","sources","confidence","onFeedbackUp","onFeedbackDown","onRegenerate","actions","footer","feedback","setFeedback","useState","hasScore","hasVerdict","hasSources","hasConfidence","hasCustomActions","hasFeedback","hasFooterContent","defaultActions","Fragment","type","title","onClick","Topic"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/components/Email/Email.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { EmailLayoutInput } from '../../emails/email';
+/**
+ * Preview de email transacional Gyra+ — genérico, configurável.
+ *
+ * Renderiza o HTML produzido por `buildEmail(input)` dentro de um iframe
+ * com `sandbox="allow-popups"` pra isolar do CSS do Storybook e simular
+ * Gmail/Outlook com fidelidade — `allow-popups` deixa os botoes (links
+ * com target=_blank) abrirem no preview pra teste.
+ *
+ * **Uso**: passe qualquer combinação de campos opcionais (greeting, title
+ * obrigatório, paragraphs, highlights lado-a-lado, aiParecer, buttons,
+ * footerNote). É o mesmo `EmailLayoutInput` que o `buildEmail` aceita.
+ *
+ * Pra previsualizar um email transacional específico (ex: reset de senha,
+ * batch concluído, alerta), basta montar os props correspondentes — não
+ * precisa criar um componente novo por caso.
+ */
+export type EmailProps = EmailLayoutInput & {
+    /** Largura visual do iframe. Default 700px (cabe o card 600 + paddings). */
+    width?: number | string;
+    /** Altura visual do iframe. Default 1000px. Ajuste se o conteúdo crescer. */
+    height?: number | string;
+};
+export declare const Email: React.FC<EmailProps>;
+export default Email;

package/dist/components/Email/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Email';
+export { default } from './Email';

package/dist/components/Email/index.js

@@ -0,0 +1,2 @@
+"use client";import t from"react";const e="#1256FF",n="#7C4EFF",i="#6635E0",l="#F5F5F7",r="#FFFFFF",o="#1D1D1F",a="#636366",p="#8E8E93",d="#D2D2D7",s="#E8E8ED",g="#F6F4FF",c="rgba(124,78,255,0.22)",x={ok:{bg:"#E8F9ED",color:"#1A7D37"},warn:{bg:"#FFF4E0",color:"#946200"},danger:{bg:"#FFEDEC",color:"#C93430"},info:{bg:"#EBF4FF",color:"#0055D4"}},h="'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif",m=t=>String(t??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;"),f=["http:","https:","mailto:","tel:"];function b(t){const n="primary"===(t.variant??"primary"),i=n?"#FFFFFF":e;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:${n?e:r};border:1px solid ${n?e:d};">\n          <a href="${m(function(t){try{const e=new URL(String(t));return f.includes(e.protocol)?e.href:"#"}catch{return"#"}}(t.url))}" target="_blank"\n             style="display:inline-block;padding:12px 22px;font-family:${h};font-size:14px;font-weight:600;color:${i};text-decoration:none;border-radius:10px;">\n            ${m(t.label)}\n          </a>\n        </td>\n      </tr>\n    </table>`}function $(t){const{preheader:e,greeting:d,title:f,paragraphs:$=[],highlights:y=[],aiParecer:u,buttons:F=[],footerNote:w}=t,v=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,e){return`\n    <td width="${e}%" style="padding:6px;" valign="top">\n      <table role="presentation" width="100%" cellpadding="0" cellspacing="0"\n             style="background:#FAFAFA;border:1px solid ${s};border-radius:12px;">\n        <tr><td style="padding:14px 16px;font-family:${h};">\n          <div style="font-size:12px;color:${a};margin-bottom:4px;">${m(t.label)}</div>\n          <div style="font-size:22px;font-weight:700;color:${t.color||o};font-family:'Lexend',${h};">${m(t.value)}</div>\n        </td></tr>\n      </table>\n    </td>`}(t,v)).join("")}</tr></table>`:"",k=$.map(t=>`<p style="margin:0 0 14px;font-family:${h};font-size:15px;line-height:1.6;color:${a};">${m(t)}</p>`).join(""),z=F.length?`<div style="margin-top:18px;">${F.map(b).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>${m(f)}</title>\n</head>\n<body style="margin:0;padding:0;background:${l};">\n  ${e?`<div style="display:none;max-height:0;overflow:hidden;opacity:0;">${m(e)}</div>`:""}\n  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${l};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:${r};border:1px solid ${s};border-radius:16px;padding:32px;">\n              ${d?`<p style="margin:0 0 6px;font-family:${h};font-size:14px;color:${a};">${m(d)}</p>`:""}\n              <h1 style="margin:0 0 18px;font-family:'Lexend',${h};font-size:23px;line-height:1.3;color:${o};">${m(f)}</h1>\n              ${k}\n              ${E}\n              ${u?function(t){const e=t.verdict?(()=>{const e=x[t.verdictTone||"info"];return`<table role="presentation" cellpadding="0" cellspacing="0" style="display:inline-block;"><tr>\n          <td style="background:${e.bg};border-radius:999px;padding:4px 10px;font-family:${h};font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:${e.color};white-space:nowrap;">${m(t.verdict)}</td></tr></table>`})():"";return`\n    <table role="presentation" width="100%" cellpadding="0" cellspacing="0"\n           style="margin:18px 0 4px;background:${g};border:1px solid ${c};border-radius:12px;">\n      <tr><td style="padding:16px 18px;font-family:${h};">\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:${i};">Parecer GYRA+IA</span>\n          </td>\n          <td valign="middle" align="right">${e}</td>\n        </tr></table>\n        <p style="margin:10px 0 0;font-size:14px;line-height:1.55;color:${a};">${m(t.text)}</p>\n        ${t.footer?`<div style="margin-top:10px;padding-top:10px;border-top:1px dashed ${c};font-size:11px;color:${p};">${m(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:${h};font-size:12px;line-height:1.5;color:${p};">\n              ${w?`<p style="margin:0 0 8px;">${m(w)}</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>`}const y=({width:e=700,height:n=1e3,...i})=>{const l=$(i);return t.createElement("iframe",{title:`Email preview — ${i.title}`,srcDoc:l,sandbox:"allow-popups",style:{width:"number"==typeof e?`${e}px`:e,height:"number"==typeof n?`${n}px`:n,border:"1px solid #E8E8ED",borderRadius:8,background:"#F5F5F7"}})};export{y as Email,y as default};
+//# sourceMappingURL=index.js.map

package/dist/components/Email/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/emails/email/index.ts","../../../src/components/Email/Email.tsx"],"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","import React from 'react';\nimport { buildEmail, EmailLayoutInput } from '../../emails/email';\n\n/**\n * Preview de email transacional Gyra+ — genérico, configurável.\n *\n * Renderiza o HTML produzido por `buildEmail(input)` dentro de um iframe\n * com `sandbox=\"allow-popups\"` pra isolar do CSS do Storybook e simular\n * Gmail/Outlook com fidelidade — `allow-popups` deixa os botoes (links\n * com target=_blank) abrirem no preview pra teste.\n *\n * **Uso**: passe qualquer combinação de campos opcionais (greeting, title\n * obrigatório, paragraphs, highlights lado-a-lado, aiParecer, buttons,\n * footerNote). É o mesmo `EmailLayoutInput` que o `buildEmail` aceita.\n *\n * Pra previsualizar um email transacional específico (ex: reset de senha,\n * batch concluído, alerta), basta montar os props correspondentes — não\n * precisa criar um componente novo por caso.\n */\nexport type EmailProps = EmailLayoutInput & {\n  /** Largura visual do iframe. Default 700px (cabe o card 600 + paddings). */\n  width?: number | string;\n  /** Altura visual do iframe. Default 1000px. Ajuste se o conteúdo crescer. */\n  height?: number | string;\n};\n\nexport const Email: React.FC<EmailProps> = ({\n  width = 700,\n  height = 1000,\n  ...input\n}) => {\n  const html = buildEmail(input);\n  return (\n    <iframe\n      title={`Email preview — ${input.title}`}\n      srcDoc={html}\n      sandbox=\"allow-popups\"\n      style={{\n        width: typeof width === 'number' ? `${width}px` : width,\n        height: typeof height === 'number' ? `${height}px` : height,\n        border: '1px solid #E8E8ED',\n        borderRadius: 8,\n        background: '#F5F5F7',\n      }}\n    />\n  );\n};\n\nexport default Email;\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","Email","width","height","html","React","createElement","srcDoc","sandbox","style","border","borderRadius","background"],"mappings":"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"}

package/dist/components/Gauge/Gauge.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import "./index.css";
+export type GaugeBandVariant = "neutral" | "success" | "warning" | "danger";
+/** Formata o valor central: inteiro sem casas, fracionado com 1 casa, ausente "—". */
+export declare const formatGaugeValue: (v?: number | null) => string;
+export type GaugeProps = {
+    id?: string;
+    className?: string;
+    /** Valor atual (0..max). null/undefined => mostra "—" e anel vazio. */
+    value?: number | null;
+    /** Máximo da escala. Default 1000 (escala dos bureaus de crédito). */
+    max?: number;
+    /** Legenda curta acima do número (ex.: "GYRA+ Score"). */
+    label: string;
+    /** Pill de classificação abaixo do número (ex.: "Risco baixo"). Opcional. */
+    band?: string;
+    /** Cor do pill de banda; o anel permanece azul. Default "neutral". */
+    bandVariant?: GaugeBandVariant;
+    /** Diâmetro em px (escala número/legenda proporcionalmente). Default 240. */
+    size?: number;
+};
+/**
+ * Gauge circular de score (anel azul). Usado para o score da política de
+ * crédito, score setorial e afins. O número e a legenda escalam com `size`.
+ */
+declare const Gauge: ({ id, className, value, max, label, band, bandVariant, size, }: GaugeProps) => React.JSX.Element;
+export { Gauge };
+export default Gauge;

package/dist/components/Gauge/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Gauge";
+export { default } from "./Gauge";

package/dist/components/Gauge/index.js

@@ -0,0 +1,7 @@
+"use client";import e from"react";function a(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var t,r={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/t=r,function(){var e={}.hasOwnProperty;function a(){for(var e="",a=0;a<arguments.length;a++){var t=arguments[a];t&&(e=n(e,r(t)))}return e}function r(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return a.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var i in t)e.call(t,i)&&t[i]&&(r=n(r,i));return r}function n(e,a){return a?e?e+" "+a:e+a:e}t.exports?(a.default=a,t.exports=a):window.classNames=a}();var n=a(r.exports);const i=e=>null==e?"—":Number.isInteger(e)?String(e):e.toFixed(1),s=2*Math.PI*42,c=({id:a,className:t,value:r,max:c=1e3,label:l,band:o,bandVariant:u="neutral",size:g=240})=>{const m=`${(Math.max(0,Math.min(1,(r??0)/(c||1)))*s).toFixed(1)} ${s.toFixed(1)}`;return e.createElement("div",{id:a,className:n("gyramais-gauge",t),style:{"--gauge-size":`${g}px`}},e.createElement("svg",{viewBox:"0 0 100 100","aria-hidden":"true"},e.createElement("circle",{cx:"50",cy:"50",r:42,fill:"none",className:"gyramais-gauge__track",strokeWidth:"9"}),e.createElement("circle",{cx:"50",cy:"50",r:42,fill:"none",className:"gyramais-gauge__arc",strokeWidth:"9",strokeDasharray:m,strokeLinecap:"round"})),e.createElement("div",{className:"gyramais-gauge__center"},e.createElement("div",{className:"gyramais-gauge__caption"},l),e.createElement("div",{className:"gyramais-gauge__num"},i(r)),e.createElement("div",{className:"gyramais-gauge__max"},"de ",c),o&&e.createElement("div",{className:n("gyramais-gauge__band",`gyramais-gauge__band--${u}`)},o)))};export{c as Gauge,c as default,i as formatGaugeValue};
+//# sourceMappingURL=index.js.map

package/dist/components/Gauge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Gauge/Gauge.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\nexport type GaugeBandVariant = \"neutral\" | \"success\" | \"warning\" | \"danger\";\n\n/** Formata o valor central: inteiro sem casas, fracionado com 1 casa, ausente \"—\". */\nexport const formatGaugeValue = (v?: number | null): string => {\n  if (v == null) return \"—\";\n  return Number.isInteger(v) ? String(v) : v.toFixed(1);\n};\n\nexport type GaugeProps = {\n  id?: string;\n  className?: string;\n  /** Valor atual (0..max). null/undefined => mostra \"—\" e anel vazio. */\n  value?: number | null;\n  /** Máximo da escala. Default 1000 (escala dos bureaus de crédito). */\n  max?: number;\n  /** Legenda curta acima do número (ex.: \"GYRA+ Score\"). */\n  label: string;\n  /** Pill de classificação abaixo do número (ex.: \"Risco baixo\"). Opcional. */\n  band?: string;\n  /** Cor do pill de banda; o anel permanece azul. Default \"neutral\". */\n  bandVariant?: GaugeBandVariant;\n  /** Diâmetro em px (escala número/legenda proporcionalmente). Default 240. */\n  size?: number;\n};\n\nconst RADIUS = 42;\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS;\n\n/**\n * Gauge circular de score (anel azul). Usado para o score da política de\n * crédito, score setorial e afins. O número e a legenda escalam com `size`.\n */\nconst Gauge = ({\n  id,\n  className,\n  value,\n  max = 1000,\n  label,\n  band,\n  bandVariant = \"neutral\",\n  size = 240,\n}: GaugeProps) => {\n  const pct = Math.max(0, Math.min(1, (value ?? 0) / (max || 1)));\n  const dash = `${(pct * CIRCUMFERENCE).toFixed(1)} ${CIRCUMFERENCE.toFixed(1)}`;\n\n  return (\n    <div\n      id={id}\n      className={classNames(\"gyramais-gauge\", className)}\n      style={{ [\"--gauge-size\" as string]: `${size}px` }}\n    >\n      <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n        <circle\n          cx=\"50\"\n          cy=\"50\"\n          r={RADIUS}\n          fill=\"none\"\n          className=\"gyramais-gauge__track\"\n          strokeWidth=\"9\"\n        />\n        <circle\n          cx=\"50\"\n          cy=\"50\"\n          r={RADIUS}\n          fill=\"none\"\n          className=\"gyramais-gauge__arc\"\n          strokeWidth=\"9\"\n          strokeDasharray={dash}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n      <div className=\"gyramais-gauge__center\">\n        <div className=\"gyramais-gauge__caption\">{label}</div>\n        <div className=\"gyramais-gauge__num\">{formatGaugeValue(value)}</div>\n        <div className=\"gyramais-gauge__max\">de {max}</div>\n        {band && (\n          <div\n            className={classNames(\n              \"gyramais-gauge__band\",\n              `gyramais-gauge__band--${bandVariant}`,\n            )}\n          >\n            {band}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport { Gauge };\nexport default Gauge;\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","formatGaugeValue","v","Number","isInteger","String","toFixed","CIRCUMFERENCE","Math","PI","Gauge","id","className","max","label","band","bandVariant","size","dash","min","React","createElement","style","viewBox","cx","cy","r","fill","strokeWidth","strokeDasharray","strokeLinecap"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBCAO,MAAMuB,EAAoBC,GACtB,MAALA,EAAkB,IACfC,OAAOC,UAAUF,GAAKG,OAAOH,GAAKA,EAAEI,QAAQ,GAqB/CC,EAAgB,EAAIC,KAAKC,GADhB,GAOTC,EAAQ,EACZC,KACAC,YACAjB,QACAkB,MAAM,IACNC,QACAC,OACAC,cAAc,UACdC,OAAO,QAEP,MACMC,EAAO,IADDV,KAAKK,IAAI,EAAGL,KAAKW,IAAI,GAAIxB,GAAS,IAAMkB,GAAO,KACpCN,GAAeD,QAAQ,MAAMC,EAAcD,QAAQ,KAE1E,OACEc,EAAAC,cAAA,MAAA,CACEV,GAAIA,EACJC,UAAWlC,EAAW,iBAAkBkC,GACxCU,MAAO,CAAE,eAA4B,GAAGL,QAExCG,EAAAC,cAAA,MAAA,CAAKE,QAAQ,cAAa,cAAa,QACrCH,EAAAC,cAAA,SAAA,CACEG,GAAG,KACHC,GAAG,KACHC,EA9BK,GA+BLC,KAAK,OACLf,UAAU,wBACVgB,YAAY,MAEdR,EAAAC,cAAA,SAAA,CACEG,GAAG,KACHC,GAAG,KACHC,EAtCK,GAuCLC,KAAK,OACLf,UAAU,sBACVgB,YAAY,IACZC,gBAAiBX,EACjBY,cAAc,WAGlBV,EAAAC,cAAA,MAAA,CAAKT,UAAU,0BACbQ,EAAAC,cAAA,MAAA,CAAKT,UAAU,2BAA2BE,GAC1CM,EAAAC,cAAA,MAAA,CAAKT,UAAU,uBAAuBX,EAAiBN,IACvDyB,EAAAC,cAAA,MAAA,CAAKT,UAAU,6BAA0BC,GACxCE,GACCK,EAAAC,cAAA,MAAA,CACET,UAAWlC,EACT,uBACA,yBAAyBsC,MAG1BD","x_google_ignoreList":[0]}

package/dist/emails/balance-sheet-finalized/components/AiParecer/AiParecer.d.ts

@@ -0,0 +1,75 @@
+import React from "react";
+import "./index.css";
+export type AiParecerVerdictTone = "success" | "warning" | "danger" | "info";
+type AiParecerProps = {
+    id?: string;
+    className?: string;
+    /**
+     * Chip de veredito exibido a direita do badge (ex: "Risco médio").
+     * Opcional.
+     */
+    verdict?: React.ReactNode;
+    verdictTone?: AiParecerVerdictTone;
+    /**
+     * Score (ex: nota GYRA+ IA) exibido como pill a esquerda do chip de
+     * veredito. Aceita number ou node. Opcional.
+     */
+    score?: React.ReactNode;
+    /** Rotulo do score. Default: "Score GYRA+ IA". */
+    scoreLabel?: string;
+    /**
+     * Conteudo do parecer: tipicamente um ou mais `<AiParecer.Topic>`
+     * (Resumo Executivo, Pontos de Atenção e Risco, etc).
+     */
+    children?: React.ReactNode;
+    /**
+     * Fontes consultadas, exibidas no rodape com um icone de base de dados
+     * (ex: "Receita Federal · Quod · Serasa"). Opcional.
+     */
+    sources?: React.ReactNode;
+    /**
+     * Grau de confianca do parecer, exibido no rodape (ex: "96%" vira
+     * "Confiança 96%"). Aceita number ou node. Opcional.
+     */
+    confidence?: React.ReactNode;
+    /**
+     * Callbacks de feedback. Quando algum e' passado, o rodape mostra os
+     * botoes padrao (👍 / 👎 / regenerar) com icones SVG proprios — sem
+     * depender de nenhuma fonte de icone externa. O estado de "util/nao-util"
+     * fica destacado automaticamente.
+     */
+    onFeedbackUp?: () => void;
+    onFeedbackDown?: () => void;
+    onRegenerate?: () => void;
+    /**
+     * Acoes customizadas do rodape. Quando presente, SUBSTITUI os botoes de
+     * feedback padrao. Use a classe `gyramais-ai-parecer__btn` pro estilo.
+     */
+    actions?: React.ReactNode;
+    /**
+     * Rodape totalmente customizado. Quando presente, substitui o rodape
+     * padrao montado a partir de `sources` / `confidence` / acoes.
+     */
+    footer?: React.ReactNode;
+};
+type AiParecerTopicProps = {
+    className?: string;
+    label: React.ReactNode;
+    /** Icone a esquerda do topico (ex: <DescriptionOutlinedIcon />). */
+    icon?: React.ReactNode;
+    /** `warning` destaca o topico (fundo + icone em tom de alerta). */
+    tone?: "default" | "warning";
+    children?: React.ReactNode;
+};
+declare const AiParecerTopic: ({ className, label, icon, tone, children, }: AiParecerTopicProps) => React.JSX.Element;
+/**
+ * Faixa padrao "Parecer GYRA+ IA" usada em todas as seções de parecer
+ * gerado por IA (analise financeira etc). Badge roxo com gradiente, label
+ * em uppercase e chip de veredito opcional. O conteudo (topicos) vem como
+ * children. Use `AiParecer.Topic` para padronizar cada bloco.
+ */
+declare const AiParecer: {
+    ({ id, className, verdict, verdictTone, score, scoreLabel, children, sources, confidence, onFeedbackUp, onFeedbackDown, onRegenerate, actions, footer, }: AiParecerProps): React.JSX.Element;
+    Topic: ({ className, label, icon, tone, children, }: AiParecerTopicProps) => React.JSX.Element;
+};
+export { AiParecer, AiParecerTopic };

package/dist/emails/balance-sheet-finalized/components/AiParecer/index.d.ts

@@ -0,0 +1 @@
+export * from "./AiParecer";

package/dist/emails/balance-sheet-finalized/components/Avatar/Avatar.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type AvatarProps = {
+    id?: string;
+    className?: string;
+    size?: number;
+    children?: React.ReactNode;
+};
+declare const Avatar: ({ id, className, size, children, }: AvatarProps) => React.JSX.Element;
+export { Avatar };

package/dist/emails/balance-sheet-finalized/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export * from "./Avatar";

package/dist/emails/balance-sheet-finalized/components/Brasil/Brasil.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type BrasilUfs = "AC" | "AL" | "AP" | "AM" | "BA" | "CE" | "DF" | "ES" | "GO" | "MA" | "MT" | "MS" | "MG" | "PA" | "PB" | "PR" | "PE" | "PI" | "RJ" | "RN" | "RS" | "RO" | "RR" | "SC" | "SP" | "SE" | "TO";
+type Brasil = {
+    data: {
+        [key in BrasilUfs]?: number;
+    };
+    size?: number;
+};
+declare const Brasil: ({ data, size }: Brasil) => React.JSX.Element;
+export { Brasil };

package/dist/emails/balance-sheet-finalized/components/Brasil/index.d.ts

@@ -0,0 +1 @@
+export * from "./Brasil";

package/dist/emails/balance-sheet-finalized/components/Button/Button.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import "./index.css";
+export type ButtonProps = {
+    id?: string;
+    className?: string;
+    type?: "primary" | "secondary" | "white" | "dark" | "transparent";
+    size?: "small" | "medium" | "large";
+    htmlType?: "button" | "submit";
+    link?: boolean;
+    block?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: React.ReactNode;
+    fab?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    children?: React.ReactNode;
+};
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
+export { Button };

package/dist/emails/balance-sheet-finalized/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button";

package/dist/emails/balance-sheet-finalized/components/Card/Card.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import "./index.css";
+type CardProps = {
+    id?: string;
+    className?: string;
+    type?: "shadow" | "shadow-inset" | "border";
+    title?: string | React.ReactNode;
+    subtitle?: string | React.ReactNode;
+    /**
+     * Elemento de mídia (ícone, badge, avatar) exibido à esquerda do bloco
+     * título/subtítulo no header. Padroniza o layout "ícone + título + subtítulo"
+     * sem cada consumer estilizar à mão. O conteúdo (cor/tamanho do badge) é do
+     * consumer; o Card só cuida do posicionamento.
+     */
+    media?: React.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+    onClick?: () => void;
+    headerContent?: React.ReactNode;
+    children?: React.ReactNode;
+};
+declare const Card: ({ id, type, className, title, subtitle, media, disabled, loading, collapsible, defaultCollapsed, collapsed, onCollapse, onClick, headerContent, children, }: CardProps) => React.JSX.Element;
+export { Card };

package/dist/emails/balance-sheet-finalized/components/Card/index.d.ts

@@ -0,0 +1 @@
+export * from "./Card";

package/dist/emails/balance-sheet-finalized/components/Chart/Chart.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import "./index.css";
+type BarChartData = Array<{
+    [key: string]: number;
+}>;
+type PieChartData = Array<{
+    name: string;
+    value: string | number;
+}>;
+type LineChartData = Array<{
+    [key: string]: string;
+}>;
+type ChartProps = {
+    id?: string;
+    className?: string;
+    type?: 'bar' | 'pie' | 'line';
+    layout?: 'horizontal' | 'vertical';
+    barSize?: number;
+    barGap?: number;
+    barMaxValue?: number;
+    indexes?: Array<{
+        name: string;
+        key: string;
+        stackId?: string;
+        color?: string;
+    }>;
+    x?: {
+        key: string;
+        formatter?: (value: any) => string;
+    };
+    y?: {
+        indexes: Array<{
+            key: string;
+            name?: string;
+            color?: string;
+        }>;
+        formatter?: (value: any) => string;
+    };
+    data?: BarChartData | PieChartData | LineChartData;
+    tooltipFormatter?: (value: any) => string;
+};
+declare const Chart: ({ id, className, type, layout, barSize, barGap, barMaxValue, indexes, x, y, data, tooltipFormatter, }: ChartProps) => React.JSX.Element;
+export { Chart };

package/dist/emails/balance-sheet-finalized/components/Chart/index.d.ts

@@ -0,0 +1 @@
+export * from "./Chart";

package/dist/emails/balance-sheet-finalized/components/ChatWidget/ChatMessageBubble.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ChatMessage } from "./types";
+interface ChatMessageBubbleProps {
+    message: ChatMessage;
+}
+declare const ChatMessageBubble: ({ message }: ChatMessageBubbleProps) => React.JSX.Element;
+export { ChatMessageBubble };

package/dist/emails/balance-sheet-finalized/components/ChatWidget/ChatWidget.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import "./index.css";
+import { ChatMessage, ChatStatus, ChatTheme } from "./types";
+export interface ChatWidgetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    messages: ChatMessage[];
+    status: ChatStatus;
+    onSend: (text: string) => void | Promise<void>;
+    onReset?: () => void;
+    theme?: ChatTheme;
+    title?: string;
+    triggerLabel?: string;
+    placeholder?: string;
+    emptyTitle?: string;
+    emptySubtitle?: string;
+    suggestions?: string[];
+    collapsedHeight?: number | string;
+    expandedHeight?: number | string;
+    collapsedWidth?: number | string;
+    expandedWidth?: number | string;
+    defaultExpanded?: boolean;
+    expandable?: boolean;
+    className?: string;
+    zIndex?: number;
+    headerExtra?: React.ReactNode;
+    belowHeader?: React.ReactNode;
+}
+declare const ChatWidget: ({ open, onOpenChange, messages, status, onSend, onReset, theme, title, triggerLabel, placeholder, emptyTitle, emptySubtitle, suggestions, collapsedHeight, expandedHeight, collapsedWidth, expandedWidth, defaultExpanded, expandable, className, zIndex, headerExtra, belowHeader, }: ChatWidgetProps) => React.JSX.Element;
+export { ChatWidget };

package/dist/emails/balance-sheet-finalized/components/ChatWidget/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ChatWidget";
+export * from "./ChatMessageBubble";
+export * from "./types";

package/dist/emails/balance-sheet-finalized/components/ChatWidget/types.d.ts

@@ -0,0 +1,18 @@
+export type ChatRole = 'user' | 'assistant';
+export type ChatStatus = 'idle' | 'streaming' | 'error';
+export type ChatTheme = 'light' | 'dark';
+export interface ChatToolCall {
+    name: string;
+    input: Record<string, unknown>;
+}
+export interface ChatCitation {
+    section: string;
+    excerpt: string;
+    url: string;
+}
+export interface ChatMessage {
+    role: ChatRole;
+    content: string;
+    toolCalls?: ChatToolCall[];
+    citations?: ChatCitation[];
+}

package/dist/emails/balance-sheet-finalized/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./index.css";
+type CheckboxProps = {
+    id?: string;
+    className?: string;
+    name?: string;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    children?: React.ReactNode;
+};
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<unknown>>;
+export { Checkbox };

package/dist/emails/balance-sheet-finalized/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from "./Checkbox";

package/dist/emails/balance-sheet-finalized/components/Col/Col.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./index.css";
+type Span = {
+    mobile?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    tablet?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    desktop?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    wide?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+};
+type ColProps = {
+    id?: string;
+    className?: string;
+    span?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Span;
+    onClick?: () => void;
+    children?: React.ReactNode;
+};
+declare const Col: ({ id, className, span, onClick, children, }: ColProps) => React.JSX.Element;
+export { Col };

package/dist/emails/balance-sheet-finalized/components/Col/index.d.ts

@@ -0,0 +1 @@
+export * from "./Col";