@gyramais/gyra-design 0.2.2 → 0.2.22

package/dist/components/TourGuide/TourGuide.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import './index.css';
+export type TourStep = {
+    title: string;
+    body: string;
+    targetSelector: string;
+    navSection?: string;
+    padding?: number;
+    /**
+     * Como alinhar o alvo ao rolar. 'center' (padrão para alvos pequenos) é
+     * imune à altura de toolbars fixas. 'start' é melhor para seções altas.
+     * 'nearest' rola o mínimo possível (bom para elementos flutuantes/portais
+     * que já estão visíveis, como dropdowns). Se omitido, decidimos pela altura.
+     */
+    scrollBlock?: 'start' | 'center' | 'nearest';
+    /**
+     * Efeito colateral ao ENTRAR no passo, disparado depois da navegação e do
+     * mount da seção (ex.: abrir um dropdown para destacá-lo). Use junto com
+     * targetSelector apontando para o conteúdo revelado.
+     */
+    onEnter?: () => void;
+    /** Limpeza ao SAIR do passo (ex.: fechar o dropdown aberto no onEnter). */
+    onLeave?: () => void;
+};
+export type TourGuideProps = {
+    steps: TourStep[];
+    visible: boolean;
+    onClose: () => void;
+    onNavigate?: (navSection: string) => void;
+    /**
+     * Espaço (px) reservado no topo ao rolar alvos altos (block:'start') para que
+     * não fiquem atrás de toolbars fixas. Aceita número ou função (recalculada a
+     * cada passo) — use a função quando a altura da toolbar varia (wrap/mobile).
+     * Alvos pequenos usam block:'center' e ignoram esse valor. Padrão: 0.
+     */
+    scrollOffsetTop?: number | (() => number);
+    className?: string;
+};
+export declare function TourGuide({ steps, visible, onClose, onNavigate, scrollOffsetTop, className, }: TourGuideProps): React.JSX.Element | null;

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

@@ -0,0 +1 @@
+export * from './TourGuide';

package/dist/components/TourGuide/index.js

@@ -0,0 +1,7 @@
+"use client";import e,{useState as t,useCallback as r,useEffect as n}from"react";function i(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a,o={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/a=o,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(e=n(e,r(i)))}return e}function r(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var i="";for(var a in r)e.call(r,a)&&r[a]&&(i=n(i,a));return i}function n(e,t){return t?e?e+" "+t:e+t:e}a.exports?(t.default=t,a.exports=t):window.classNames=t}();var l=i(o.exports);const s=14;function c({steps:i,visible:a,onClose:o,onNavigate:c,scrollOffsetTop:u=0,className:d}){const[m,g]=t(0),[h,w]=t(null),[f,p]=t({w:1440,h:900}),y=i[m],v=r(()=>{if(!y?.targetSelector)return void w(null);const e=document.querySelector(y.targetSelector);if(!e)return void w(null);const t=e.getBoundingClientRect();if(0===t.width&&0===t.height)return void w(null);const r=y.padding??8;w({top:t.top-r,left:t.left-r,width:t.width+2*r,height:t.height+2*r})},[y]);n(()=>{const e=()=>p({w:window.innerWidth,h:window.innerHeight});return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{if(!a)return;const e=()=>v();return window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[a,v]),n(()=>{if(!a||!y)return;w(null),y.navSection&&c?.(y.navSection);const e=setTimeout(()=>y.onEnter?.(),180),t=setTimeout(()=>{const e=document.querySelector(y.targetSelector);if(!e)return;const t=e.getBoundingClientRect().height,r=y.scrollBlock??(t>.55*window.innerHeight?"start":"center");if("start"===r){const t="function"==typeof u?u():u;e.style.scrollMarginTop=`${t}px`}e.scrollIntoView({behavior:"smooth",block:r})},300),r=[550,800,1100].map(e=>setTimeout(v,e));return()=>{clearTimeout(e),clearTimeout(t),r.forEach(clearTimeout),y.onLeave?.()}},[m,a]),n(()=>{if(!a)return;const e=e=>{"Escape"!==e.key?("ArrowRight"===e.key&&g(e=>e>=i.length-1?(o(),e):e+1),"ArrowLeft"===e.key&&g(e=>Math.max(0,e-1))):o()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[a,i.length,o]),n(()=>{a&&g(0)},[a]);if(!a||!y)return null;const E=Math.min(380,f.w-28),_=f.h-28,b=(()=>{if(!h)return Math.max(s,f.h/2-140);const e=h.top+h.height+s;let t=e+240<=f.h?e:h.top-240-s;return t=Math.max(s,Math.min(t,f.h-160-s)),t})(),k=(()=>{if(!h)return Math.max(s,(f.w-E)/2);let e=h.left;return e+E>f.w-s&&(e=f.w-E-s),e<s&&(e=s),e})();return e.createElement("div",{className:l("gyramais-tourguide",d)},e.createElement("svg",{className:"gyramais-tourguide__overlay",viewBox:`0 0 ${f.w} ${f.h}`,preserveAspectRatio:"none","aria-hidden":"true",onClick:o},e.createElement("defs",null,e.createElement("mask",{id:"gyramais-tg-mask"},e.createElement("rect",{width:f.w,height:f.h,fill:"white"}),h&&e.createElement("rect",{x:h.left,y:h.top,width:h.width,height:h.height,rx:"10",fill:"black"}))),e.createElement("rect",{width:f.w,height:f.h,fill:"rgba(0,0,0,0.52)",mask:"url(#gyramais-tg-mask)"}),h&&e.createElement("rect",{x:h.left,y:h.top,width:h.width,height:h.height,rx:"10",fill:"none",stroke:"#1256ff",strokeWidth:"2",className:"gyramais-tourguide__spotlight-border"})),e.createElement("div",{className:"gyramais-tourguide__popover",style:{top:b,left:k,width:E,maxHeight:_},role:"dialog","aria-modal":"false","aria-label":y.title},e.createElement("div",{className:"gyramais-tourguide__step-badge"},"Passo ",m+1," de ",i.length),e.createElement("h3",{className:"gyramais-tourguide__title"},y.title),e.createElement("p",{className:"gyramais-tourguide__body"},y.body),e.createElement("div",{className:"gyramais-tourguide__footer"},e.createElement("div",{className:"gyramais-tourguide__dots"},i.map((t,r)=>e.createElement("button",{key:r,type:"button",className:l("gyramais-tourguide__dot",{"gyramais-tourguide__dot--active":r===m}),onClick:()=>g(r),"aria-label":`Ir para passo ${r+1}`}))),e.createElement("div",{className:"gyramais-tourguide__actions"},e.createElement("button",{type:"button",className:"gyramais-tourguide__btn-skip",onClick:o},"Sair"),m>0&&e.createElement("button",{type:"button",className:"gyramais-tourguide__btn-prev",onClick:()=>g(e=>Math.max(0,e-1))},"← Anterior"),e.createElement("button",{type:"button",className:"gyramais-tourguide__btn-next",onClick:()=>{m>=i.length-1?o():g(e=>e+1)}},m===i.length-1?"Concluir ✓":"Próximo →")))))}export{c as TourGuide};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/TourGuide/TourGuide.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","'use client';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport './index.css';\n\nexport type TourStep = {\n  title: string;\n  body: string;\n  targetSelector: string;\n  navSection?: string;\n  padding?: number;\n  /**\n   * Como alinhar o alvo ao rolar. 'center' (padrão para alvos pequenos) é\n   * imune à altura de toolbars fixas. 'start' é melhor para seções altas.\n   * 'nearest' rola o mínimo possível (bom para elementos flutuantes/portais\n   * que já estão visíveis, como dropdowns). Se omitido, decidimos pela altura.\n   */\n  scrollBlock?: 'start' | 'center' | 'nearest';\n  /**\n   * Efeito colateral ao ENTRAR no passo, disparado depois da navegação e do\n   * mount da seção (ex.: abrir um dropdown para destacá-lo). Use junto com\n   * targetSelector apontando para o conteúdo revelado.\n   */\n  onEnter?: () => void;\n  /** Limpeza ao SAIR do passo (ex.: fechar o dropdown aberto no onEnter). */\n  onLeave?: () => void;\n};\n\ntype Rect = { top: number; left: number; width: number; height: number };\n\nexport type TourGuideProps = {\n  steps: TourStep[];\n  visible: boolean;\n  onClose: () => void;\n  onNavigate?: (navSection: string) => void;\n  /**\n   * Espaço (px) reservado no topo ao rolar alvos altos (block:'start') para que\n   * não fiquem atrás de toolbars fixas. Aceita número ou função (recalculada a\n   * cada passo) — use a função quando a altura da toolbar varia (wrap/mobile).\n   * Alvos pequenos usam block:'center' e ignoram esse valor. Padrão: 0.\n   */\n  scrollOffsetTop?: number | (() => number);\n  className?: string;\n};\n\nconst POPOVER_W = 380;\nconst DEFAULT_PAD = 8;\nconst GAP = 14;\n// Alvos mais altos que esta fração da viewport rolam por 'start' (topo), os\n// menores por 'center' (meio) — center é imune a toolbars fixas de qualquer\n// altura, resolvendo o spotlight caindo \"atrás\" do header em telas estreitas.\nconst TALL_RATIO = 0.55;\n\nexport function TourGuide({\n  steps,\n  visible,\n  onClose,\n  onNavigate,\n  scrollOffsetTop = 0,\n  className,\n}: TourGuideProps) {\n  const [stepIdx, setStepIdx] = useState(0);\n  const [rect, setRect] = useState<Rect | null>(null);\n  const [vp, setVp] = useState({ w: 1440, h: 900 });\n\n  const step = steps[stepIdx];\n\n  const measureTarget = useCallback(() => {\n    if (!step?.targetSelector) { setRect(null); return; }\n    const el = document.querySelector<HTMLElement>(step.targetSelector);\n    if (!el) { setRect(null); return; }\n    const r = el.getBoundingClientRect();\n    if (r.width === 0 && r.height === 0) { setRect(null); return; }\n    const pad = step.padding ?? DEFAULT_PAD;\n    setRect({\n      top: r.top - pad,\n      left: r.left - pad,\n      width: r.width + pad * 2,\n      height: r.height + pad * 2,\n    });\n  }, [step]);\n\n  // Acompanha o tamanho da viewport.\n  useEffect(() => {\n    const update = () => setVp({ w: window.innerWidth, h: window.innerHeight });\n    update();\n    window.addEventListener('resize', update);\n    return () => window.removeEventListener('resize', update);\n  }, []);\n\n  // Re-mede o alvo em resize/scroll (o spotlight precisa acompanhar).\n  useEffect(() => {\n    if (!visible) return;\n    const remeasure = () => measureTarget();\n    window.addEventListener('resize', remeasure);\n    window.addEventListener('scroll', remeasure, true);\n    return () => {\n      window.removeEventListener('resize', remeasure);\n      window.removeEventListener('scroll', remeasure, true);\n    };\n  }, [visible, measureTarget]);\n\n  // Ciclo de cada passo: navega -> (onEnter) -> rola -> mede (várias vezes).\n  useEffect(() => {\n    if (!visible || !step) return;\n    setRect(null);\n    if (step.navSection) onNavigate?.(step.navSection);\n\n    const tEnter = setTimeout(() => step.onEnter?.(), 180);\n    const tScroll = setTimeout(() => {\n      const el = document.querySelector<HTMLElement>(step.targetSelector);\n      if (!el) return;\n      const elH = el.getBoundingClientRect().height;\n      const block =\n        step.scrollBlock ?? (elH > window.innerHeight * TALL_RATIO ? 'start' : 'center');\n      if (block === 'start') {\n        const off =\n          typeof scrollOffsetTop === 'function' ? scrollOffsetTop() : scrollOffsetTop;\n        el.style.scrollMarginTop = `${off}px`;\n      }\n      el.scrollIntoView({ behavior: 'smooth', block });\n    }, 300);\n    // Mede em vários instantes: a seção pode revelar conteúdo após a navegação\n    // (toggle/dropdown) e o smooth-scroll leva tempo.\n    const measures = [550, 800, 1100].map((d) => setTimeout(measureTarget, d));\n\n    return () => {\n      clearTimeout(tEnter);\n      clearTimeout(tScroll);\n      measures.forEach(clearTimeout);\n      step.onLeave?.();\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stepIdx, visible]);\n\n  // Navegação por teclado.\n  useEffect(() => {\n    if (!visible) return;\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') { onClose(); return; }\n      if (e.key === 'ArrowRight') {\n        setStepIdx((s) => {\n          if (s >= steps.length - 1) { onClose(); return s; }\n          return s + 1;\n        });\n      }\n      if (e.key === 'ArrowLeft') {\n        setStepIdx((s) => Math.max(0, s - 1));\n      }\n    };\n    window.addEventListener('keydown', handler);\n    return () => window.removeEventListener('keydown', handler);\n  }, [visible, steps.length, onClose]);\n\n  useEffect(() => {\n    if (visible) setStepIdx(0);\n  }, [visible]);\n\n  const goNext = () => {\n    if (stepIdx >= steps.length - 1) { onClose(); return; }\n    setStepIdx((s) => s + 1);\n  };\n  const goPrev = () => setStepIdx((s) => Math.max(0, s - 1));\n\n  if (!visible || !step) return null;\n\n  // Popover responsivo: nunca mais largo que a viewport (mobile).\n  const popW = Math.min(POPOVER_W, vp.w - GAP * 2);\n  const popMaxH = vp.h - GAP * 2;\n\n  const popTop = (() => {\n    if (!rect) return Math.max(GAP, vp.h / 2 - 140);\n    const below = rect.top + rect.height + GAP;\n    // Cabe abaixo do alvo?\n    let t = below + 240 <= vp.h ? below : rect.top - 240 - GAP;\n    // Mantém dentro da viewport.\n    t = Math.max(GAP, Math.min(t, vp.h - 160 - GAP));\n    return t;\n  })();\n  const popLeft = (() => {\n    if (!rect) return Math.max(GAP, (vp.w - popW) / 2);\n    let l = rect.left;\n    if (l + popW > vp.w - GAP) l = vp.w - popW - GAP;\n    if (l < GAP) l = GAP;\n    return l;\n  })();\n\n  return (\n    <div className={classNames('gyramais-tourguide', className)}>\n      <svg\n        className=\"gyramais-tourguide__overlay\"\n        viewBox={`0 0 ${vp.w} ${vp.h}`}\n        preserveAspectRatio=\"none\"\n        aria-hidden=\"true\"\n        onClick={onClose}\n      >\n        <defs>\n          <mask id=\"gyramais-tg-mask\">\n            <rect width={vp.w} height={vp.h} fill=\"white\" />\n            {rect && (\n              <rect\n                x={rect.left} y={rect.top}\n                width={rect.width} height={rect.height}\n                rx=\"10\" fill=\"black\"\n              />\n            )}\n          </mask>\n        </defs>\n        <rect\n          width={vp.w} height={vp.h}\n          fill=\"rgba(0,0,0,0.52)\"\n          mask=\"url(#gyramais-tg-mask)\"\n        />\n        {rect && (\n          <rect\n            x={rect.left} y={rect.top}\n            width={rect.width} height={rect.height}\n            rx=\"10\" fill=\"none\"\n            stroke=\"#1256ff\" strokeWidth=\"2\"\n            className=\"gyramais-tourguide__spotlight-border\"\n          />\n        )}\n      </svg>\n\n      <div\n        className=\"gyramais-tourguide__popover\"\n        style={{ top: popTop, left: popLeft, width: popW, maxHeight: popMaxH }}\n        role=\"dialog\"\n        aria-modal=\"false\"\n        aria-label={step.title}\n      >\n        <div className=\"gyramais-tourguide__step-badge\">\n          Passo {stepIdx + 1} de {steps.length}\n        </div>\n        <h3 className=\"gyramais-tourguide__title\">{step.title}</h3>\n        <p className=\"gyramais-tourguide__body\">{step.body}</p>\n        <div className=\"gyramais-tourguide__footer\">\n          <div className=\"gyramais-tourguide__dots\">\n            {steps.map((_, i) => (\n              <button\n                key={i}\n                type=\"button\"\n                className={classNames('gyramais-tourguide__dot', {\n                  'gyramais-tourguide__dot--active': i === stepIdx,\n                })}\n                onClick={() => setStepIdx(i)}\n                aria-label={`Ir para passo ${i + 1}`}\n              />\n            ))}\n          </div>\n          <div className=\"gyramais-tourguide__actions\">\n            <button type=\"button\" className=\"gyramais-tourguide__btn-skip\" onClick={onClose}>\n              Sair\n            </button>\n            {stepIdx > 0 && (\n              <button type=\"button\" className=\"gyramais-tourguide__btn-prev\" onClick={goPrev}>\n                ← Anterior\n              </button>\n            )}\n            <button type=\"button\" className=\"gyramais-tourguide__btn-next\" onClick={goNext}>\n              {stepIdx === steps.length - 1 ? 'Concluir ✓' : 'Próximo →'}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\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","GAP","TourGuide","steps","visible","onClose","onNavigate","scrollOffsetTop","className","stepIdx","setStepIdx","useState","rect","setRect","vp","setVp","w","h","step","measureTarget","useCallback","targetSelector","el","document","querySelector","r","getBoundingClientRect","width","height","pad","padding","top","left","useEffect","update","innerWidth","innerHeight","addEventListener","removeEventListener","remeasure","navSection","tEnter","setTimeout","onEnter","tScroll","elH","block","scrollBlock","off","style","scrollMarginTop","scrollIntoView","behavior","measures","map","d","clearTimeout","forEach","onLeave","handler","e","s","Math","max","popW","min","popMaxH","popTop","below","t","popLeft","l","React","createElement","viewBox","preserveAspectRatio","onClick","id","fill","x","y","rx","mask","stroke","strokeWidth","maxHeight","role","title","body","_","type"],"mappings":"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","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";

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

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type CollapseIconProps = {
+    id?: string;
+    className?: string;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+};
+declare const CollapseIcon: ({ id, className, collapsed, onCollapse, }: CollapseIconProps) => React.JSX.Element;
+export { CollapseIcon };

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

@@ -0,0 +1,2 @@
+export * from "./Collapse";
+export * from "./CollapseIcon";

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

@@ -0,0 +1,45 @@
+import React from "react";
+import "./index.css";
+type ContextMenuProps = {
+    id?: string;
+    className?: string;
+    visible?: boolean;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    width?: number | string;
+    trigger: React.ReactNode;
+    children?: React.ReactNode;
+    onPointerDownOutside?: () => void;
+};
+declare const ContextMenu: {
+    ({ id, className, visible, align, side, sideOffset, width, trigger, children, onPointerDownOutside, }: ContextMenuProps): React.JSX.Element;
+    Section: ({ className, label, hint, children, }: {
+        className?: string;
+        label?: string;
+        /** Texto explicativo abaixo do label, antes do conteúdo. */
+        hint?: string | React.ReactNode;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+    Divider: () => React.JSX.Element;
+    RadioGroup: ({ value, onChange, children, }: {
+        value?: string;
+        onChange?: (value: string) => void;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+    RadioItem: ({ value, label, sublabel, icon, disabled, }: {
+        value: string;
+        label: string;
+        sublabel?: string;
+        icon?: React.ReactNode;
+        disabled?: boolean;
+    }) => React.JSX.Element;
+    DangerAction: ({ icon, onClick, disabled, children, }: {
+        icon?: React.ReactNode;
+        onClick?: () => void;
+        disabled?: boolean;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+};
+export { ContextMenu };
+export type { ContextMenuProps };

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

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

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

@@ -0,0 +1,28 @@
+import React from "react";
+import "./index.css";
+export type DistributionVariant = "success" | "warning" | "danger" | "info" | "neutral";
+export type DistributionSegment = {
+    key: string;
+    value: number;
+    label: string;
+    variant?: DistributionVariant;
+    icon?: React.ReactNode;
+};
+type DistributionBarProps = {
+    id?: string;
+    className?: string;
+    segments: DistributionSegment[];
+    /** When true, segments below this percentage hide their inline value/label
+     *  (the sliver is too thin to fit text). Default: 8. */
+    minTextPercent?: number;
+    /** Replaces the bar with this node when every segment is zero. */
+    emptyState?: React.ReactNode;
+    /** Optional formatter for the inline numeric. Defaults to "{n}%". */
+    formatValue?: (value: number) => string;
+    /** Render the legend below the bar. Default: true when there is any data. */
+    showLegend?: boolean;
+    ariaLabel?: string;
+};
+declare const DistributionBar: ({ id, className, segments, minTextPercent, emptyState, formatValue, showLegend, ariaLabel, }: DistributionBarProps) => React.JSX.Element;
+export { DistributionBar };
+export type { DistributionBarProps };

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import React from "react";
+import "./index.css";
+type DrawerProps = {
+    className?: string;
+    title?: string | React.ReactNode;
+    subtitle?: string;
+    footer?: React.ReactNode;
+    visible?: boolean;
+    closable?: boolean;
+    onClose?: () => void;
+    direction?: "left" | "top" | "right" | "bottom";
+    width?: number | string;
+    children?: React.ReactNode;
+};
+declare const Drawer: ({ className, title, subtitle, footer, visible, closable, onClose, direction, width, children, }: DrawerProps) => React.JSX.Element;
+export { Drawer };

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

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

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

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.css";
+type DropdownMenuProps = {
+    id?: string;
+    className?: string;
+    title?: string;
+    visible?: boolean;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    items?: Array<{
+        key?: string;
+        title?: string | React.ReactNode;
+        disabled?: boolean;
+        separator?: boolean;
+        onClick?: () => void;
+    }>;
+    children?: React.ReactNode;
+};
+declare const DropdownMenu: ({ id, className, visible, align, side, sideOffset, items, children, }: DropdownMenuProps) => React.JSX.Element;
+export { DropdownMenu };

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

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

package/dist/emails/balance-sheet-finalized/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/emails/balance-sheet-finalized/components/Email/index.d.ts

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type EmptyProps = {
+    id?: string;
+    className?: string;
+    icon?: React.ReactNode;
+    text?: string;
+};
+declare const Empty: ({ id, className, icon, text, }: EmptyProps) => React.JSX.Element;
+export { Empty };