@credithub/harlan-components 1.64.4 → 1.65.0

package/dist/components/interface/header.d.ts

@@ -1,6 +1,6 @@
 import { IconProps } from '@/@types/icon';
 import React, { ComponentType, DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
-export type HeaderProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLElement> & {
+export type HeaderProps = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'title' | 'icon'> & {
     title?: ReactNode;
     subtitle?: ReactNode;
     description?: ReactNode;
@@ -13,16 +13,19 @@ export type HeaderProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTML
         showLoadingBar?: boolean;
     };
     icon?: ComponentType<IconProps>;
-    iconProps?: IconProps;
+    iconProps?: Record<string, unknown>;
     titleClassName?: string;
     subtitleClassName?: string;
     descriptionClassName?: string;
     containerClassName?: string;
     contentClassName?: string;
     actionsClassName?: string;
-    innerRef?: React.LegacyRef<HTMLDivElement>;
+    innerRef?: React.Ref<HTMLDivElement>;
     variant?: 'default' | 'error' | 'loading';
     printBar?: boolean;
 };
+/** -----------------------------
+ *  Component
+ * ----------------------------- */
 declare const Header: React.FC<HeaderProps>;
 export default Header;

package/dist/components/interface/header.js

@@ -28,6 +28,9 @@ import classNames from 'classnames';
 import React, { useMemo } from 'react';
 import styled, { useTheme } from 'styled-components';
 import LoadingBar from './loadingBar';
+/** -----------------------------
+ *  Styled helpers
+ * ----------------------------- */
 var Title = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.typography.headline24.fontSize;
@@ -72,7 +75,7 @@ var Description = styled.div(templateObject_3 || (templateObject_3 = __makeTempl
 });
 var HeaderUI = styled(function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return React.createElement("header", __assign({}, props), children);
+    return (React.createElement("header", __assign({}, props), children));
 })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"], ["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"])), Title, function (props) { return props.color; });
 var HeaderContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 20px;\n\n  @media print {\n    width: 100%;\n  }\n"], ["\n  display: flex;\n  gap: 20px;\n\n  @media print {\n    width: 100%;\n  }\n"])));
 var ActionsList = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n"])));
@@ -82,8 +85,11 @@ var LoadingBarWrapper = styled.div(templateObject_9 || (templateObject_9 = __mak
     var hidden = _a.hidden;
     return (hidden ? 0 : 1);
 });
+/** -----------------------------
+ *  Component
+ * ----------------------------- */
 var Header = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, description = _a.description, actions = _a.actions, Icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, iconProps = _a.iconProps, _c = _a.loadingProps, loadingProps = _c === void 0 ? {} : _c, className = _a.className, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, descriptionClassName = _a.descriptionClassName, containerClassName = _a.containerClassName, actionsClassName = _a.actionsClassName, innerRef = _a.innerRef, _d = _a.printBar, printBar = _d === void 0 ? true : _d, props = __rest(_a, ["title", "subtitle", "description", "actions", "icon", "variant", "iconProps", "loadingProps", "className", "titleClassName", "subtitleClassName", "descriptionClassName", "containerClassName", "actionsClassName", "innerRef", "printBar"]);
+    var title = _a.title, subtitle = _a.subtitle, description = _a.description, actions = _a.actions, Icon = _a.icon, iconProps = _a.iconProps, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.loadingProps, loadingProps = _c === void 0 ? {} : _c, className = _a.className, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, descriptionClassName = _a.descriptionClassName, containerClassName = _a.containerClassName, actionsClassName = _a.actionsClassName, innerRef = _a.innerRef, _d = _a.printBar, printBar = _d === void 0 ? true : _d, rest = __rest(_a, ["title", "subtitle", "description", "actions", "icon", "iconProps", "variant", "loadingProps", "className", "titleClassName", "subtitleClassName", "descriptionClassName", "containerClassName", "actionsClassName", "innerRef", "printBar"]);
     var theme = useTheme();
     var headerClass = classNames(className);
     var actionsClass = classNames(actionsClassName);
@@ -91,18 +97,21 @@ var Header = function (_a) {
     var isLoading = variant === 'loading';
     var variantColor = useMemo(function () { return getVariantColor(variant, theme); }, [variant, theme]);
     return (React.createElement("div", { ref: innerRef },
-        React.createElement(HeaderUI, __assign({ className: headerClass, color: variantColor }, props),
+        React.createElement(HeaderUI, __assign({ className: headerClass, color: variantColor }, rest),
             React.createElement(HeaderContainer, { className: containerClass },
                 React.createElement(IconWrapper, null, Icon && React.createElement(Icon, __assign({}, iconProps, { circleFill: variantColor }))),
                 React.createElement(TextWrapper, { printBar: printBar },
-                    React.createElement(Title, { hidden: !title, className: classNames(titleClassName) }, title),
+                    title && (React.createElement(Title, { className: classNames(titleClassName) }, title)),
                     React.createElement("div", { className: "text-wrapper-subtitle-description" },
                         React.createElement(Subtitle, { hidden: isLoading || !subtitle, className: subtitleClassName }, subtitle),
                         React.createElement(Description, { hidden: isLoading || !description, className: descriptionClassName }, description)),
                     React.createElement(LoadingBarWrapper, { hidden: !isLoading },
                         React.createElement(LoadingBar, { percentage: (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.percentage) || 0 })))),
-            React.createElement(ActionsList, { className: actionsClass }, actions && actions))));
+            actions && (React.createElement(ActionsList, { className: actionsClass }, actions)))));
 };
+/** -----------------------------
+ * Helpers
+ * ----------------------------- */
 var getVariantColor = function (type, theme) {
     if (type === void 0) { type = 'default'; }
     var options = {

package/dist/components/liminar/liminar.js

@@ -12,167 +12,185 @@ var __assign = (this && this.__assign) || function () {
 import ProtestosIcon from '../../assets/icones/protestos';
 import { useGlobalData } from '../../contexts/globalDataContext';
 import { normalizeName, similarNames } from '../../utils/similarNames';
-import React, { useContext, useEffect, useMemo, useRef } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../section';
 import { Queries, RequestStatus } from '../webservice';
+import { TitleWithTooltip, TooltipContainer, TooltipIcon, TooltipText } from './liminarStyles';
 var validAssuntos = [
     'protesto indevido de título',
     'protesto indevido de títulos',
     'inclusão indevida em cadastro de inadimplentes',
     'liminar',
-    'sustação de Protesto',
+    'sustação de protesto',
     'inexequibilidade do titulo / inexequibilidade da obrigação',
-    'Adimplemento e Extinção',
-    'Inexequibilidade do Título / Inexequibilidade da Obrigação | Tutela de Urgência | Protesto Indevido de Título'
+    'inexequibilidade do titulo / inexequibilidade da obrigação | tutela de urgência | protesto indevido de título'
 ].map(normalizeName);
+var businessTypes = [
+    'factoring',
+    'fidc',
+    'securitizadora',
+    'fintech',
+    'banco',
+    'cooperativa'
+];
 var Liminar = function () {
-    var _a, _b, _c, _d, _e;
+    var _a, _b;
     var ctx = useContext(Queries.LiminarCenprot);
-    var _f = useGlobalData(), globalData = _f.data, setData = _f.setData;
-    // Detecta múltiplas origens de liminar
-    var origensDetectadas = useMemo(function () {
-        var _a, _b, _c, _d;
-        var sources = [];
-        // Trata tipo vindo como string ou array
+    var _c = useGlobalData(), globalData = _c.data, setData = _c.setData;
+    var processedRef = useRef(false);
+    var processingRef = useRef(true);
+    var resultRef = useRef('Não encontrado');
+    var dataHashRef = useRef('');
+    var _d = useState(false), showInversionInfo = _d[0], setShowInversionInfo = _d[1];
+    var tiposDocumento = useMemo(function () {
+        var _a;
         var tipoRaw = (_a = ctx.document) === null || _a === void 0 ? void 0 : _a.type;
-        var tipos = [];
         if (Array.isArray(tipoRaw)) {
-            tipos.push.apply(tipos, tipoRaw.map(function (t) { return t.toLowerCase(); }));
+            return tipoRaw.map(function (t) { return t.toLowerCase(); });
         }
-        else if (typeof tipoRaw === 'string') {
-            tipos.push(tipoRaw.toLowerCase());
+        if (typeof tipoRaw === 'string') {
+            return [tipoRaw.toLowerCase()];
         }
-        tipos.forEach(function (tipo) {
-            if (tipo === 'cenprot')
-                sources.push('Liminar no Cenprot');
-            else if (tipo === 'serasa')
-                sources.push('Liminar na Serasa');
-            else if (tipo === 'judicial')
-                sources.push('Liminar no Judiciário');
-        });
-        // Detecção via processos jurídicos
+        return [];
+    }, [ctx.document]);
+    var mapTipoToLabel = function (tipo) {
+        switch (tipo) {
+            case 'cenprot':
+                return 'Liminar no Cenprot';
+            case 'serasa':
+                return 'Liminar na Serasa';
+            case 'judicial':
+                return 'Liminar no Judiciário';
+            default:
+                return null;
+        }
+    };
+    // Detecta origens de liminar: tipos + processos
+    var origensDetectadas = useMemo(function () {
+        var _a, _b, _c, _d;
+        var labels = new Set();
+        var indiciosApi = ((_a = ctx.document) === null || _a === void 0 ? void 0 : _a.indiciosDeLiminar) === true;
+        if (indiciosApi) {
+            tiposDocumento.forEach(function (tipo) {
+                var label = mapTipoToLabel(tipo);
+                if (label)
+                    labels.add(label);
+            });
+        }
+        // Processos Judiciais sempre checados
         var carouselName = ((_c = (_b = globalData === null || globalData === void 0 ? void 0 : globalData.dossie) === null || _b === void 0 ? void 0 : _b.carousel) === null || _c === void 0 ? void 0 : _c.name) || '';
         var empresas = (_d = globalData === null || globalData === void 0 ? void 0 : globalData.processosJuridicosData) === null || _d === void 0 ? void 0 : _d.empresa;
-        if (Array.isArray(empresas)) {
-            var empresaNomeNormalizado_1 = normalizeName(carouselName);
-            var processosComLiminar = empresas.filter(function (processo) {
+        if (carouselName && Array.isArray(empresas)) {
+            var nomeEmpresaNorm_1 = normalizeName(carouselName);
+            var hasJudicial = empresas.some(function (processo) {
                 var _a;
-                var hasAtivoEnvolvido = (_a = processo.envolvidos_ultima_movimentacao) === null || _a === void 0 ? void 0 : _a.some(function (envolvido) {
-                    return (envolvido.envolvido_tipo === 'Ativo' &&
-                        similarNames(normalizeName(envolvido.nome_sem_filtro), empresaNomeNormalizado_1, 0.9));
+                var ativoMatch = (_a = processo.envolvidos_ultima_movimentacao) === null || _a === void 0 ? void 0 : _a.some(function (e) {
+                    return e.envolvido_tipo === 'Ativo' &&
+                        similarNames(normalizeName(e.nome_sem_filtro), nomeEmpresaNorm_1, 0.9);
                 });
+                if (!ativoMatch)
+                    return false;
                 var assuntos = Array.isArray(processo.assuntos)
                     ? processo.assuntos
                     : [processo.assuntos];
-                var hasValidAssunto = assuntos.some(function (assunto) {
-                    return validAssuntos.some(function (valid) {
-                        return similarNames(normalizeName(assunto), valid, 0.9);
-                    });
+                return assuntos.some(function (a) {
+                    return validAssuntos.includes(normalizeName(a));
                 });
-                return hasAtivoEnvolvido && hasValidAssunto;
             });
-            if (processosComLiminar.length > 0) {
-                sources.push('Liminar no Judiciário');
+            if (hasJudicial) {
+                labels.add('Liminar no Judiciário');
+                var foundBusinessEntity = empresas.some(function (processo) {
+                    var _a;
+                    return (_a = processo.envolvidos_ultima_movimentacao) === null || _a === void 0 ? void 0 : _a.some(function (e) {
+                        if (e.envolvido_tipo !== 'Ativo')
+                            return false;
+                        var nomeNorm = normalizeName(e.nome_sem_filtro);
+                        return businessTypes.some(function (type) { return nomeNorm.includes(type); });
+                    });
+                });
+                if (foundBusinessEntity) {
+                    setShowInversionInfo(true);
+                }
             }
         }
-        return sources;
+        return Array.from(labels);
     }, [
         ctx.document,
+        tiposDocumento,
         (_a = globalData === null || globalData === void 0 ? void 0 : globalData.dossie) === null || _a === void 0 ? void 0 : _a.carousel,
         (_b = globalData === null || globalData === void 0 ? void 0 : globalData.processosJuridicosData) === null || _b === void 0 ? void 0 : _b.empresa
     ]);
-    // refs para controle de processamento
-    var processedRef = useRef(false);
-    var processingRef = useRef(true);
-    var resultRef = useRef(undefined);
-    var dataHashRef = useRef('');
-    var isProcessoNaoEncontrado = useMemo(function () {
-        return ctx.type === RequestStatus.Error && ctx.error;
-    }, [ctx.type, ctx.error]);
-    var derivedCtx = useMemo(function () {
-        return __assign(__assign({}, ctx), { type: isProcessoNaoEncontrado ? RequestStatus.Success : ctx.type, document: isProcessoNaoEncontrado
-                ? { indiciosDeLiminar: false }
-                : ctx.document });
-    }, [ctx, isProcessoNaoEncontrado]);
+    // Indica se houve erro 404 (processo não encontrado)
+    var isErro404 = useMemo(function () { return ctx.type === RequestStatus.Error && !!ctx.error; }, [ctx.type, ctx.error]);
+    var derivedCtx = useMemo(function () { return (__assign(__assign({}, ctx), { type: isErro404 ? RequestStatus.Success : ctx.type, document: isErro404 ? { indiciosDeLiminar: false } : ctx.document })); }, [ctx, isErro404]);
+    // Efeito principal: atualiza estado global e resultados
     useEffect(function () {
+        var _a, _b, _c, _d;
+        if (!((_a = globalData === null || globalData === void 0 ? void 0 : globalData.dossie) === null || _a === void 0 ? void 0 : _a.carousel) ||
+            !((_b = globalData === null || globalData === void 0 ? void 0 : globalData.processosJuridicosData) === null || _b === void 0 ? void 0 : _b.isLoaded))
+            return;
         if (ctx.type === RequestStatus.Loading) {
             processingRef.current = true;
-            processedRef.current = false;
-        }
-    }, [ctx.type]);
-    useEffect(function () {
-        var _a, _b, _c;
-        if (!((_a = globalData === null || globalData === void 0 ? void 0 : globalData.dossie) === null || _a === void 0 ? void 0 : _a.carousel) ||
-            !((_b = globalData === null || globalData === void 0 ? void 0 : globalData.processosJuridicosData) === null || _b === void 0 ? void 0 : _b.isLoaded)) {
             return;
         }
-        if (ctx.type === RequestStatus.Loading)
-            return;
-        var currentDataHash = JSON.stringify({
+        var hash = JSON.stringify({
+            tipo: ctx.type,
+            indicios: (_c = ctx.document) === null || _c === void 0 ? void 0 : _c.indiciosDeLiminar,
             carousel: globalData.dossie.carousel,
-            empresa: globalData.processosJuridicosData.empresa,
-            ctx: {
-                type: ctx.type,
-                document: !!ctx.document,
-                error: ctx.error ? String(ctx.error) : null
-            }
+            empresas: globalData.processosJuridicosData.empresa
         });
-        if (currentDataHash === dataHashRef.current && processedRef.current)
+        if (hash === dataHashRef.current && processedRef.current)
             return;
-        dataHashRef.current = currentDataHash;
-        // Processamento de dados
-        var empresas = globalData.processosJuridicosData.empresa;
-        if (ctx.type === RequestStatus.Error && !isProcessoNaoEncontrado) {
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { liminar: { isLoaded: true } })); });
-            console.error('Erro na requisição de liminares:', ctx.error || 'Erro desconhecido');
+        dataHashRef.current = hash;
+        if (ctx.type === RequestStatus.Error && !isErro404) {
+            setData(function (prev) { return (__assign(__assign({}, prev), { liminar: { isLoaded: true } })); });
+            console.error('Erro na requisição de liminares:', ctx.error || 'desconhecido');
         }
-        var isSuccess = ctx.type === RequestStatus.Success || isProcessoNaoEncontrado;
-        var indiciosDeLiminar = isSuccess
-            ? ((_c = ctx.document) === null || _c === void 0 ? void 0 : _c.indiciosDeLiminar) === true
-            : false;
-        var finalStatus = indiciosDeLiminar ||
-            (empresas &&
-                empresas.length > 0 &&
-                resultRef.current !== 'Não encontrado')
+        var indiciosApi = ((_d = ctx.document) === null || _d === void 0 ? void 0 : _d.indiciosDeLiminar) === true;
+        var finalStatus = indiciosApi || origensDetectadas.length > 0
             ? 'Encontrado'
             : 'Não encontrado';
         setData(function (prev) {
             var _a, _b;
             if (((_a = prev.liminar) === null || _a === void 0 ? void 0 : _a.message) === finalStatus &&
-                ((_b = prev.liminar) === null || _b === void 0 ? void 0 : _b.indiciosDeLiminar) === indiciosDeLiminar) {
+                ((_b = prev.liminar) === null || _b === void 0 ? void 0 : _b.indiciosDeLiminar) === indiciosApi) {
                 return prev;
             }
-            return __assign(__assign({}, prev), { liminar: { indiciosDeLiminar: indiciosDeLiminar, message: finalStatus, isLoaded: true } });
+            return __assign(__assign({}, prev), { liminar: {
+                    indiciosDeLiminar: indiciosApi,
+                    message: finalStatus,
+                    isLoaded: true
+                } });
         });
         resultRef.current = finalStatus;
         processingRef.current = false;
         processedRef.current = true;
-    }, [
-        ctx,
-        (_c = globalData === null || globalData === void 0 ? void 0 : globalData.dossie) === null || _c === void 0 ? void 0 : _c.carousel,
-        (_d = globalData === null || globalData === void 0 ? void 0 : globalData.processosJuridicosData) === null || _d === void 0 ? void 0 : _d.isLoaded,
-        (_e = globalData === null || globalData === void 0 ? void 0 : globalData.processosJuridicosData) === null || _e === void 0 ? void 0 : _e.empresa,
-        isProcessoNaoEncontrado,
-        setData
-    ]);
-    if (processedRef.current && resultRef.current === 'Não encontrado')
+    }, [ctx, globalData, origensDetectadas, setData, isErro404]);
+    // Se nada encontrado, não renderiza componente
+    if (processedRef.current && resultRef.current === 'Não encontrado') {
         return null;
-    return (React.createElement(Section, { title: "Liminares para Remo\u00E7\u00E3o de Protesto", subtitle: processingRef.current
+    }
+    return (React.createElement(Section, { title: React.createElement(React.Fragment, null,
+            React.createElement(TitleWithTooltip, null,
+                "Liminares para Remo\u00E7\u00E3o de Protesto",
+                showInversionInfo && (React.createElement(TooltipContainer, null,
+                    React.createElement(TooltipIcon, null),
+                    React.createElement(TooltipText, null, "Aten\u00E7\u00E3o: Em alguns casos, o sistema judicial pode registrar os pap\u00E9is das partes de forma invertida, dificultando a interpreta\u00E7\u00E3o direta. Por isso, utilizamos algoritmos internos para detectar esse padr\u00E3o com base em contexto e palavras-chave."))))), subtitle: processingRef.current
             ? 'Carregando liminar...'
             : 'Indícios de liminares para ocultação de registros.', icon: ProtestosIcon, ctx: processingRef.current
             ? __assign(__assign({}, ctx), { type: RequestStatus.Loading }) : derivedCtx, onSuccess: processingRef.current
             ? undefined
             : function (data, context) {
                 var _a;
-                var globalMessage = ((_a = globalData === null || globalData === void 0 ? void 0 : globalData.liminar) === null || _a === void 0 ? void 0 : _a.message) || 'Não encontrado';
-                var variant = globalMessage === 'Encontrado' ? 'error' : 'default';
+                var message = ((_a = globalData === null || globalData === void 0 ? void 0 : globalData.liminar) === null || _a === void 0 ? void 0 : _a.message) || 'Não encontrado';
+                var variant = message === 'Encontrado' ? 'error' : 'default';
                 return {
                     children: React.createElement(React.Fragment, null),
                     variant: variant,
                     description: (React.createElement(React.Fragment, null,
-                        React.createElement(StatusMessage, { type: variant }, globalMessage),
-                        origensDetectadas.map(function (origem, index) { return (React.createElement(StatusMessage, { key: index, type: variant }, origem)); })))
+                        React.createElement(StatusMessage, { type: variant }, message),
+                        origensDetectadas.map(function (o, i) { return (React.createElement(StatusMessage, { key: i, type: variant }, o)); })))
                 };
             } }));
 };

package/dist/components/liminar/liminarStyles.d.ts

@@ -0,0 +1,7 @@
+export declare const TooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TooltipIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("phosphor-react").IconProps & import("react").RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, {
+    weight: "fill";
+    size: 24;
+}, "size" | "weight">;
+export declare const TooltipText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const TitleWithTooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/liminar/liminarStyles.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import theme from '../../styles/theme';
+import { WarningCircle } from 'phosphor-react';
+import styled from 'styled-components';
+export var TooltipContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: 8px;\n\n  &:hover {\n    span {\n      visibility: visible;\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n"], ["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: 8px;\n\n  &:hover {\n    span {\n      visibility: visible;\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n"])));
+export var TooltipIcon = styled(WarningCircle).attrs({
+    weight: 'fill',
+    size: 24
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  transition: transform 0.2s ease;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n"], ["\n  color: ", ";\n  cursor: pointer;\n  transition: transform 0.2s ease;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n"])), theme.colors.laranja);
+export var TooltipText = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  visibility: hidden;\n  width: 380px;\n  max-width: 90vw;\n  background-color: ", ";\n  color: ", ";\n  text-align: left;\n  border-radius: 10px;\n  padding: 16px 18px;\n  font-size: 15px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 1.5;\n  position: absolute;\n  z-index: 10;\n  top: 130%;\n  left: 0;\n  opacity: 0;\n  transform: translateY(-10px);\n  transition:\n    opacity 0.3s ease-in-out,\n    transform 0.3s ease-in-out;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n\n  @media screen and (max-width: 768px) {\n    font-size: 14px;\n    padding: 14px;\n  }\n"], ["\n  visibility: hidden;\n  width: 380px;\n  max-width: 90vw;\n  background-color: ", ";\n  color: ", ";\n  text-align: left;\n  border-radius: 10px;\n  padding: 16px 18px;\n  font-size: 15px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 1.5;\n  position: absolute;\n  z-index: 10;\n  top: 130%;\n  left: 0;\n  opacity: 0;\n  transform: translateY(-10px);\n  transition:\n    opacity 0.3s ease-in-out,\n    transform 0.3s ease-in-out;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n\n  @media screen and (max-width: 768px) {\n    font-size: 14px;\n    padding: 14px;\n  }\n"])), theme.colors.cinzaBase, theme.colors.erroApoio);
+export var TitleWithTooltip = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;