@credithub/harlan-components 1.30.0 → 1.30.2

package/dist/assets/btn/btnWrapper.d.ts

@@ -1,2 +1,2 @@
-declare const BtnWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const BtnWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export default BtnWrapper;

package/dist/assets/btn/btnWrapper.js

@@ -2,8 +2,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import theme from '../../components/interface/theme';
 import styled from 'styled-components';
-var BtnWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  @media print {\n    display: none;\n  }\n"])), theme.colors.cinza85);
+var BtnWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  @media print {\n    display: none;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinza85;
+});
 export default BtnWrapper;
 var templateObject_1;

package/dist/assets/btn/chevronLeft.js

@@ -20,11 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 function ChevronLeft(_a) {
-    var _b = _a.fill, fill = _b === void 0 ? theme.colors.cinzaEscuro : _b, rest = __rest(_a, ["fill"]);
+    var fill = _a.fill, rest = __rest(_a, ["fill"]);
+    var theme = useTheme();
+    var color = fill || theme.colors.cinzaEscuro;
     return (React.createElement("svg", __assign({ width: '12px', height: '12px', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512" }, rest),
-        React.createElement("path", { fill: fill, d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" })));
+        React.createElement("path", { fill: color, d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" })));
 }
 export default ChevronLeft;

package/dist/assets/btn/chevronRight.js

@@ -20,11 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 function ChevronRight(_a) {
-    var _b = _a.fill, fill = _b === void 0 ? theme.colors.cinzaEscuro : _b, rest = __rest(_a, ["fill"]);
+    var fill = _a.fill, rest = __rest(_a, ["fill"]);
+    var theme = useTheme();
+    var color = fill || theme.colors.cinzaEscuro;
     return (React.createElement("svg", __assign({ width: '12px', height: '12px', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512" }, rest),
-        React.createElement("path", { fill: fill, d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })));
+        React.createElement("path", { fill: color, d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })));
 }
 export default ChevronRight;

package/dist/assets/btn/chevronUp.js

@@ -20,11 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 function ChevronUp(_a) {
-    var _b = _a.fill, fill = _b === void 0 ? theme.colors.cinzaEscuro : _b, rest = __rest(_a, ["fill"]);
+    var fill = _a.fill, rest = __rest(_a, ["fill"]);
+    var theme = useTheme();
+    var color = fill || theme.colors.cinzaEscuro;
     return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", fill: "none", viewBox: "0 0 12 7" }, rest),
-        React.createElement("path", { fill: fill, d: "M6 .05c.133 0 .258.02.375.063A.877.877 0 016.7.325l4.6 4.6a.948.948 0 01.275.7.948.948 0 01-.275.7.948.948 0 01-.7.275.948.948 0 01-.7-.275L6 2.425l-3.9 3.9a.948.948 0 01-.7.275.948.948 0 01-.7-.275.948.948 0 01-.275-.7c0-.283.092-.517.275-.7l4.6-4.6c.1-.1.208-.17.325-.212C5.742.07 5.867.05 6 .05z" })));
+        React.createElement("path", { fill: color, d: "M6 .05c.133 0 .258.02.375.063A.877.877 0 016.7.325l4.6 4.6a.948.948 0 01.275.7.948.948 0 01-.275.7.948.948 0 01-.7.275.948.948 0 01-.7-.275L6 2.425l-3.9 3.9a.948.948 0 01-.7.275.948.948 0 01-.7-.275.948.948 0 01-.275-.7c0-.283.092-.517.275-.7l4.6-4.6c.1-.1.208-.17.325-.212C5.742.07 5.867.05 6 .05z" })));
 }
 export default ChevronUp;

package/dist/assets/btn/printIcon.js

@@ -20,11 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 function PrintIcon(_a) {
-    var _b = _a.fill, fill = _b === void 0 ? theme.colors.cinzaEscuro : _b, rest = __rest(_a, ["fill"]);
+    var fill = _a.fill, rest = __rest(_a, ["fill"]);
+    var theme = useTheme();
+    var color = fill || theme.colors.cinzaEscuro;
     return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "20", height: "18", fill: "none", viewBox: "0 0 20 18" }, rest),
-        React.createElement("path", { fill: fill, d: "M6 18c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 014 16v-2H2c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 010 12V8c0-.85.292-1.563.875-2.138S2.167 5 3 5h14c.85 0 1.563.287 2.137.862C19.712 6.438 20 7.15 20 8v4c0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0118 14h-2v2c0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0114 18H6zm-4-6h2c0-.55.196-1.02.588-1.412A1.926 1.926 0 016 10h8c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412h2V8a.967.967 0 00-.288-.713A.968.968 0 0017 7H3a.968.968 0 00-.712.287A.968.968 0 002 8v4zm12-7V2H6v3H4V2c0-.55.196-1.02.588-1.413A1.926 1.926 0 016 0h8c.55 0 1.02.196 1.412.588C15.804.979 16 1.45 16 2v3h-2zm2 4.5c.283 0 .52-.096.712-.287A.967.967 0 0017 8.5a.967.967 0 00-.288-.713A.968.968 0 0016 7.5a.968.968 0 00-.713.287A.967.967 0 0015 8.5c0 .283.096.52.287.713.192.191.43.287.713.287zM14 16v-4H6v4h8z" })));
+        React.createElement("path", { fill: color, d: "M6 18c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 014 16v-2H2c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 010 12V8c0-.85.292-1.563.875-2.138S2.167 5 3 5h14c.85 0 1.563.287 2.137.862C19.712 6.438 20 7.15 20 8v4c0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0118 14h-2v2c0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0114 18H6zm-4-6h2c0-.55.196-1.02.588-1.412A1.926 1.926 0 016 10h8c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412h2V8a.967.967 0 00-.288-.713A.968.968 0 0017 7H3a.968.968 0 00-.712.287A.968.968 0 002 8v4zm12-7V2H6v3H4V2c0-.55.196-1.02.588-1.413A1.926 1.926 0 016 0h8c.55 0 1.02.196 1.412.588C15.804.979 16 1.45 16 2v3h-2zm2 4.5c.283 0 .52-.096.712-.287A.967.967 0 0017 8.5a.967.967 0 00-.288-.713A.968.968 0 0016 7.5a.968.968 0 00-.713.287A.967.967 0 0015 8.5c0 .283.096.52.287.713.192.191.43.287.713.287zM14 16v-4H6v4h8z" })));
 }
 export default PrintIcon;

package/dist/assets/btn/thumbDown.js

@@ -1,11 +1,13 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ThumbDown = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.fill, fill = _c === void 0 ? theme.colors.cinzaEscuro : _c;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, fill = _a.fill;
+    var theme = useTheme();
+    var color = fill || theme.colors.cinzaEscuro;
     return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
         React.createElement("mask", { id: "mask0_14_4811", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "16", height: "16" },
             React.createElement("rect", { width: "16", height: "16", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_14_4811)" },
-            React.createElement("path", { d: "M3.99996 2H11.3333V10.6667L6.66663 15.3333L5.83329 14.5C5.75552 14.4222 5.69163 14.3167 5.64163 14.1833C5.59163 14.05 5.56663 13.9222 5.56663 13.8V13.5667L6.29996 10.6667H1.99996C1.6444 10.6667 1.33329 10.5333 1.06663 10.2667C0.799959 10 0.666626 9.68889 0.666626 9.33333V8C0.666626 7.92222 0.677737 7.83889 0.699959 7.75C0.722182 7.66111 0.744404 7.57778 0.766626 7.5L2.76663 2.8C2.86663 2.57778 3.03329 2.38889 3.26663 2.23333C3.49996 2.07778 3.7444 2 3.99996 2ZM9.99996 3.33333H3.99996L1.99996 8V9.33333H7.99996L7.09996 13L9.99996 10.1V3.33333ZM11.3333 10.6667V9.33333H13.3333V3.33333H11.3333V2H14.6666V10.6667H11.3333Z", fill: fill }))));
+            React.createElement("path", { d: "M3.99996 2H11.3333V10.6667L6.66663 15.3333L5.83329 14.5C5.75552 14.4222 5.69163 14.3167 5.64163 14.1833C5.59163 14.05 5.56663 13.9222 5.56663 13.8V13.5667L6.29996 10.6667H1.99996C1.6444 10.6667 1.33329 10.5333 1.06663 10.2667C0.799959 10 0.666626 9.68889 0.666626 9.33333V8C0.666626 7.92222 0.677737 7.83889 0.699959 7.75C0.722182 7.66111 0.744404 7.57778 0.766626 7.5L2.76663 2.8C2.86663 2.57778 3.03329 2.38889 3.26663 2.23333C3.49996 2.07778 3.7444 2 3.99996 2ZM9.99996 3.33333H3.99996L1.99996 8V9.33333H7.99996L7.09996 13L9.99996 10.1V3.33333ZM11.3333 10.6667V9.33333H13.3333V3.33333H11.3333V2H14.6666V10.6667H11.3333Z", fill: color }))));
 };
 export default ThumbDown;

package/dist/assets/btn/thumbUp.js

@@ -1,11 +1,13 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ThumbUp = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.fill, fill = _c === void 0 ? theme.colors.cinzaEscuro : _c;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, fill = _a.fill;
+    var theme = useTheme();
+    var color = fill || theme.colors.cinzaEscuro;
     return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
         React.createElement("mask", { id: "mask0_14_4808", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "16", height: "16" },
             React.createElement("rect", { width: "16", height: "16", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_14_4808)" },
-            React.createElement("path", { d: "M12 14H4.66671V5.33333L9.33337 0.666664L10.1667 1.5C10.2445 1.57778 10.3084 1.68333 10.3584 1.81666C10.4084 1.95 10.4334 2.07778 10.4334 2.2V2.43333L9.70004 5.33333H14C14.3556 5.33333 14.6667 5.46666 14.9334 5.73333C15.2 6 15.3334 6.31111 15.3334 6.66666V8C15.3334 8.07778 15.3223 8.16111 15.3 8.25C15.2778 8.33889 15.2556 8.42222 15.2334 8.5L13.2334 13.2C13.1334 13.4222 12.9667 13.6111 12.7334 13.7667C12.5 13.9222 12.2556 14 12 14ZM6.00004 12.6667H12L14 8V6.66666H8.00004L8.90004 3L6.00004 5.9V12.6667ZM4.66671 5.33333V6.66666H2.66671V12.6667H4.66671V14H1.33337V5.33333H4.66671Z", fill: fill }))));
+            React.createElement("path", { d: "M12 14H4.66671V5.33333L9.33337 0.666664L10.1667 1.5C10.2445 1.57778 10.3084 1.68333 10.3584 1.81666C10.4084 1.95 10.4334 2.07778 10.4334 2.2V2.43333L9.70004 5.33333H14C14.3556 5.33333 14.6667 5.46666 14.9334 5.73333C15.2 6 15.3334 6.31111 15.3334 6.66666V8C15.3334 8.07778 15.3223 8.16111 15.3 8.25C15.2778 8.33889 15.2556 8.42222 15.2334 8.5L13.2334 13.2C13.1334 13.4222 12.9667 13.6111 12.7334 13.7667C12.5 13.9222 12.2556 14 12 14ZM6.00004 12.6667H12L14 8V6.66666H8.00004L8.90004 3L6.00004 5.9V12.6667ZM4.66671 5.33333V6.66666H2.66671V12.6667H4.66671V14H1.33337V5.33333H4.66671Z", fill: color }))));
 };
 export default ThumbUp;

package/dist/assets/icones/chequesSemFundo.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { IconProps } from '@/@types/icon';
+import React from 'react';
 declare const ChequesSemFundoIcon: React.FC<IconProps>;
 export default ChequesSemFundoIcon;

package/dist/assets/icones/chequesSemFundo.js

@@ -1,9 +1,11 @@
 import React from 'react';
-import theme from '../../components/interface/theme';
+import { useTheme } from 'styled-components';
 var ChequesSemFundoIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_376", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_376)" },

package/dist/assets/icones/consultaSimples.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { IconProps } from '@/@types/icon';
+import React from 'react';
 declare const ConsultaSimplesIcon: React.FC<IconProps>;
 export default ConsultaSimplesIcon;

package/dist/assets/icones/consultaSimples.js

@@ -1,9 +1,11 @@
 import React from 'react';
-import theme from '../../components/interface/theme';
+import { useTheme } from 'styled-components';
 var ConsultaSimplesIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_370", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_370)" },

package/dist/assets/icones/contasBancarias.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { IconProps } from '@/@types/icon';
+import React from 'react';
 declare const ContasBancariasIcon: React.FC<IconProps>;
 export default ContasBancariasIcon;

package/dist/assets/icones/contasBancarias.js

@@ -1,9 +1,11 @@
 import React from 'react';
-import theme from '../../components/interface/theme';
+import { useTheme } from 'styled-components';
 var ContasBancariasIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_373", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_373)" },

package/dist/assets/icones/contato.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { IconProps } from '@/@types/icon';
+import React from 'react';
 declare const ContatoIcon: React.FC<IconProps>;
 export default ContatoIcon;

package/dist/assets/icones/contato.js

@@ -1,9 +1,11 @@
 import React from 'react';
-import theme from '../../components/interface/theme';
+import { useTheme } from 'styled-components';
 var ContatoIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_377", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_377)" },

package/dist/assets/icones/dividasVencidasSerasa.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var DividasVencidasSerasaIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 30 30", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("path", { fill: "#fff", d: "M15 19.4L13.4 21a.948.948 0 01-.7.275A.948.948 0 0112 21a.948.948 0 01-.275-.7c0-.283.092-.517.275-.7l1.6-1.6-1.6-1.6a.948.948 0 01-.275-.7c0-.283.092-.517.275-.7a.948.948 0 01.7-.275c.283 0 .517.092.7.275l1.6 1.6 1.6-1.6a.948.948 0 01.7-.275c.283 0 .517.092.7.275a.948.948 0 01.275.7.948.948 0 01-.275.7L16.4 18l1.6 1.6a.948.948 0 01.275.7.948.948 0 01-.275.7.948.948 0 01-.7.275.948.948 0 01-.7-.275L15 19.4zM8 25c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 016 23V9c0-.55.196-1.02.588-1.412A1.926 1.926 0 018 7h1V6c0-.283.096-.52.287-.713A.968.968 0 0110 5c.283 0 .52.096.713.287.191.192.287.43.287.713v1h8V6c0-.283.096-.52.288-.713A.968.968 0 0120 5c.283 0 .52.096.712.287.192.192.288.43.288.713v1h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0122 25H8zm0-2h14V13H8v10zm0-12h14V9H8v2z" })));
 };
 export default DividasVencidasSerasaIcon;

package/dist/assets/icones/dominios.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var DominiosIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 30 30", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("path", { fill: "#fff", d: "M14.5 16.5c.35 0 .68-.046.988-.137.308-.092.612-.23.912-.413l1.525 1.575a.62.62 0 00.512.213.835.835 0 00.538-.213.78.78 0 00.237-.537.692.692 0 00-.212-.538l-1.55-1.55a3.38 3.38 0 00.413-.9c.091-.317.137-.65.137-1 0-.983-.346-1.813-1.038-2.488C16.271 9.837 15.45 9.5 14.5 9.5c-.95 0-1.77.338-2.463 1.012C11.346 11.188 11 12.017 11 13c0 .983.346 1.813 1.037 2.488.692.675 1.513 1.012 2.463 1.012zm0-1.5c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0112.5 13c0-.55.196-1.02.588-1.412A1.926 1.926 0 0114.5 11c.533 0 1 .196 1.4.588.4.391.6.862.6 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0114.5 15zM5 24a.967.967 0 01-.713-.288A.968.968 0 014 23c0-.283.096-.52.287-.712A.967.967 0 015 22h20c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0125 24H5zm2-3c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 015 19V8c0-.55.196-1.02.588-1.412A1.926 1.926 0 017 6h16c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0123 21H7zm0-2h16V8H7v11z" })));
 };
 export default DominiosIcon;

package/dist/assets/icones/endereco.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 function EnderecoIcon(_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, className: className, fill: "none", viewBox: "0 0 30 30" },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_121_410", style: { maskType: 'alpha' }, width: "24", height: "24", x: "3", y: "3", maskUnits: "userSpaceOnUse" },
             React.createElement("path", { fill: "#D9D9D9", d: "M3 3H27V27H3z" })),
         React.createElement("g", { mask: "url(#mask0_121_410)" },

package/dist/assets/icones/iconeEmpresa.js

@@ -1,12 +1,15 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var IconeEmpresa = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 98 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.cinzaClaro : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 98 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.cinzaClaro;
+    var pathFill = theme.colors.cinzaEscuro;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 98 98", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "49", cy: "49", r: "49", fill: circleFill }),
+        React.createElement("circle", { cx: "49", cy: "49", r: "49", fill: fill }),
         React.createElement("mask", { id: "mask0_14_3398", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "18", y: "18", width: "62", height: "62" },
             React.createElement("rect", { x: "18.5605", y: "18.5606", width: "60.8788", height: "60.8788", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_14_3398)" },
-            React.createElement("path", { d: "M23.6338 69.2929V31.8778C23.6338 31.4551 23.7183 31.0746 23.8875 30.7364C24.0566 30.3982 24.3102 30.1022 24.6484 29.8486L34.7949 22.2387C35.2599 21.9005 35.7673 21.7314 36.3169 21.7314C36.8665 21.7314 37.3738 21.9005 37.8388 22.2387L47.9853 29.8486C48.3235 30.1022 48.5772 30.3982 48.7463 30.7364C48.9154 31.0746 49 31.4551 49 31.8778V36.3169H71.8295C72.5482 36.3169 73.1507 36.56 73.6368 37.0462C74.123 37.5324 74.3661 38.1348 74.3661 38.8535V69.2929C74.3661 70.0116 74.123 70.6141 73.6368 71.1003C73.1507 71.5865 72.5482 71.8296 71.8295 71.8296H26.1704C25.4517 71.8296 24.8493 71.5865 24.3631 71.1003C23.8769 70.6141 23.6338 70.0116 23.6338 69.2929ZM28.707 66.7563H33.7803V61.6831H28.707V66.7563ZM28.707 56.6099H33.7803V51.5366H28.707V56.6099ZM28.707 46.4634H33.7803V41.3902H28.707V46.4634ZM28.707 36.3169H33.7803V31.2437H28.707V36.3169ZM38.8535 36.3169H43.9267V31.2437H38.8535V36.3169ZM38.8535 66.7563H69.2929V41.3902H38.8535V66.7563ZM56.6098 46.4634H61.683C62.4017 46.4634 63.0042 46.7065 63.4904 47.1927C63.9766 47.6789 64.2197 48.2813 64.2197 49C64.2197 49.7187 63.9766 50.3212 63.4904 50.8073C63.0042 51.2935 62.4017 51.5366 61.683 51.5366H56.6098C55.8911 51.5366 55.2886 51.2935 54.8025 50.8073C54.3163 50.3212 54.0732 49.7187 54.0732 49C54.0732 48.2813 54.3163 47.6789 54.8025 47.1927C55.2886 46.7065 55.8911 46.4634 56.6098 46.4634ZM56.6098 56.6099H61.683C62.4017 56.6099 63.0042 56.8529 63.4904 57.3391C63.9766 57.8253 64.2197 58.4278 64.2197 59.1465C64.2197 59.8652 63.9766 60.4676 63.4904 60.9538C63.0042 61.44 62.4017 61.6831 61.683 61.6831H56.6098C55.8911 61.6831 55.2886 61.44 54.8025 60.9538C54.3163 60.4676 54.0732 59.8652 54.0732 59.1465C54.0732 58.4278 54.3163 57.8253 54.8025 57.3391C55.2886 56.8529 55.8911 56.6099 56.6098 56.6099ZM49 49C49 49.7187 48.7569 50.3212 48.2707 50.8073C47.7845 51.2935 47.182 51.5366 46.4633 51.5366C45.7446 51.5366 45.1422 51.2935 44.656 50.8073C44.1698 50.3212 43.9267 49.7187 43.9267 49C43.9267 48.2813 44.1698 47.6789 44.656 47.1927C45.1422 46.7065 45.7446 46.4634 46.4633 46.4634C47.182 46.4634 47.7845 46.7065 48.2707 47.1927C48.7569 47.6789 49 48.2813 49 49ZM46.4633 61.6831C45.7446 61.6831 45.1422 61.44 44.656 60.9538C44.1698 60.4676 43.9267 59.8652 43.9267 59.1465C43.9267 58.4278 44.1698 57.8253 44.656 57.3391C45.1422 56.8529 45.7446 56.6099 46.4633 56.6099C47.182 56.6099 47.7845 56.8529 48.2707 57.3391C48.7569 57.8253 49 58.4278 49 59.1465C49 59.8652 48.7569 60.4676 48.2707 60.9538C47.7845 61.44 47.182 61.6831 46.4633 61.6831Z", fill: theme.colors.cinzaEscuro }))));
+            React.createElement("path", { d: "M23.6338 69.2929V31.8778C23.6338 31.4551 23.7183 31.0746 23.8875 30.7364C24.0566 30.3982 24.3102 30.1022 24.6484 29.8486L34.7949 22.2387C35.2599 21.9005 35.7673 21.7314 36.3169 21.7314C36.8665 21.7314 37.3738 21.9005 37.8388 22.2387L47.9853 29.8486C48.3235 30.1022 48.5772 30.3982 48.7463 30.7364C48.9154 31.0746 49 31.4551 49 31.8778V36.3169H71.8295C72.5482 36.3169 73.1507 36.56 73.6368 37.0462C74.123 37.5324 74.3661 38.1348 74.3661 38.8535V69.2929C74.3661 70.0116 74.123 70.6141 73.6368 71.1003C73.1507 71.5865 72.5482 71.8296 71.8295 71.8296H26.1704C25.4517 71.8296 24.8493 71.5865 24.3631 71.1003C23.8769 70.6141 23.6338 70.0116 23.6338 69.2929ZM28.707 66.7563H33.7803V61.6831H28.707V66.7563ZM28.707 56.6099H33.7803V51.5366H28.707V56.6099ZM28.707 46.4634H33.7803V41.3902H28.707V46.4634ZM28.707 36.3169H33.7803V31.2437H28.707V36.3169ZM38.8535 36.3169H43.9267V31.2437H38.8535V36.3169ZM38.8535 66.7563H69.2929V41.3902H38.8535V66.7563ZM56.6098 46.4634H61.683C62.4017 46.4634 63.0042 46.7065 63.4904 47.1927C63.9766 47.6789 64.2197 48.2813 64.2197 49C64.2197 49.7187 63.9766 50.3212 63.4904 50.8073C63.0042 51.2935 62.4017 51.5366 61.683 51.5366H56.6098C55.8911 51.5366 55.2886 51.2935 54.8025 50.8073C54.3163 50.3212 54.0732 49.7187 54.0732 49C54.0732 48.2813 54.3163 47.6789 54.8025 47.1927C55.2886 46.7065 55.8911 46.4634 56.6098 46.4634ZM56.6098 56.6099H61.683C62.4017 56.6099 63.0042 56.8529 63.4904 57.3391C63.9766 57.8253 64.2197 58.4278 64.2197 59.1465C64.2197 59.8652 63.9766 60.4676 63.4904 60.9538C63.0042 61.44 62.4017 61.6831 61.683 61.6831H56.6098C55.8911 61.6831 55.2886 61.44 54.8025 60.9538C54.3163 60.4676 54.0732 59.8652 54.0732 59.1465C54.0732 58.4278 54.3163 57.8253 54.8025 57.3391C55.2886 56.8529 55.8911 56.6099 56.6098 56.6099ZM49 49C49 49.7187 48.7569 50.3212 48.2707 50.8073C47.7845 51.2935 47.182 51.5366 46.4633 51.5366C45.7446 51.5366 45.1422 51.2935 44.656 50.8073C44.1698 50.3212 43.9267 49.7187 43.9267 49C43.9267 48.2813 44.1698 47.6789 44.656 47.1927C45.1422 46.7065 45.7446 46.4634 46.4633 46.4634C47.182 46.4634 47.7845 46.7065 48.2707 47.1927C48.7569 47.6789 49 48.2813 49 49ZM46.4633 61.6831C45.7446 61.6831 45.1422 61.44 44.656 60.9538C44.1698 60.4676 43.9267 59.8652 43.9267 59.1465C43.9267 58.4278 44.1698 57.8253 44.656 57.3391C45.1422 56.8529 45.7446 56.6099 46.4633 56.6099C47.182 56.6099 47.7845 56.8529 48.2707 57.3391C48.7569 57.8253 49 58.4278 49 59.1465C49 59.8652 48.7569 60.4676 48.2707 60.9538C47.7845 61.44 47.182 61.6831 46.4633 61.6831Z", fill: pathFill }))));
 };
 export default IconeEmpresa;

package/dist/assets/icones/iconePessoa.js

@@ -1,12 +1,15 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var IconePessoa = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 98 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? '#fff' : _d, _e = _a.pathFill, pathFill = _e === void 0 ? theme.colors.cinzaClaro : _e;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 98 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? '#fff' : _d, pathFill = _a.pathFill;
+    var theme = useTheme();
+    var fill = pathFill || theme.colors.cinzaClaro;
+    var circleColor = circleFill || theme.colors.white;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 98 98", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "49", cy: "49", r: "49", fill: circleFill }),
+        React.createElement("circle", { cx: "49", cy: "49", r: "49", fill: circleColor }),
         React.createElement("mask", { id: "mask0_14_3403", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "18", y: "18", width: "62", height: "62" },
             React.createElement("rect", { x: "18.5605", y: "18.5606", width: "60.8788", height: "60.8788", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_14_3403)" },
-            React.createElement("path", { d: "M49 49C46.2097 49 43.821 48.0065 41.834 46.0195C39.847 44.0325 38.8535 41.6438 38.8535 38.8535C38.8535 36.0632 39.847 33.6746 41.834 31.6876C43.821 29.7006 46.2097 28.7071 49 28.7071C51.7902 28.7071 54.1789 29.7006 56.1659 31.6876C58.1529 33.6746 59.1464 36.0632 59.1464 38.8535C59.1464 41.6438 58.1529 44.0325 56.1659 46.0195C54.1789 48.0065 51.7902 49 49 49ZM28.707 64.2197V62.1904C28.707 60.753 29.077 59.4318 29.8168 58.2269C30.5566 57.022 31.5396 56.1025 32.7656 55.4684C35.3868 54.1578 38.0502 53.1748 40.756 52.5195C43.4617 51.8643 46.2097 51.5366 49 51.5366C51.7902 51.5366 54.5382 51.8643 57.244 52.5195C59.9497 53.1748 62.6131 54.1578 65.2343 55.4684C66.4603 56.1025 67.4433 57.022 68.1831 58.2269C68.923 59.4318 69.2929 60.753 69.2929 62.1904V64.2197C69.2929 65.6148 68.7961 66.8092 67.8026 67.8027C66.8091 68.7962 65.6148 69.2929 64.2197 69.2929H33.7803C32.3851 69.2929 31.1908 68.7962 30.1973 67.8027C29.2038 66.8092 28.707 65.6148 28.707 64.2197ZM33.7803 64.2197H64.2197V62.1904C64.2197 61.7253 64.1034 61.3026 63.8709 60.9221C63.6383 60.5416 63.3318 60.2457 62.9513 60.0343C60.6684 58.8928 58.3643 58.0367 56.0391 57.4659C53.7138 56.8952 51.3675 56.6098 49 56.6098C46.6325 56.6098 44.2861 56.8952 41.9608 57.4659C39.6356 58.0367 37.3315 58.8928 35.0486 60.0343C34.6681 60.2457 34.3616 60.5416 34.129 60.9221C33.8965 61.3026 33.7803 61.7253 33.7803 62.1904V64.2197ZM49 43.9268C50.3951 43.9268 51.5894 43.43 52.5829 42.4365C53.5764 41.443 54.0732 40.2487 54.0732 38.8535C54.0732 37.4584 53.5764 36.2641 52.5829 35.2706C51.5894 34.277 50.3951 33.7803 49 33.7803C47.6048 33.7803 46.4105 34.277 45.417 35.2706C44.4235 36.2641 43.9267 37.4584 43.9267 38.8535C43.9267 40.2487 44.4235 41.443 45.417 42.4365C46.4105 43.43 47.6048 43.9268 49 43.9268Z", fill: pathFill }))));
+            React.createElement("path", { d: "M49 49C46.2097 49 43.821 48.0065 41.834 46.0195C39.847 44.0325 38.8535 41.6438 38.8535 38.8535C38.8535 36.0632 39.847 33.6746 41.834 31.6876C43.821 29.7006 46.2097 28.7071 49 28.7071C51.7902 28.7071 54.1789 29.7006 56.1659 31.6876C58.1529 33.6746 59.1464 36.0632 59.1464 38.8535C59.1464 41.6438 58.1529 44.0325 56.1659 46.0195C54.1789 48.0065 51.7902 49 49 49ZM28.707 64.2197V62.1904C28.707 60.753 29.077 59.4318 29.8168 58.2269C30.5566 57.022 31.5396 56.1025 32.7656 55.4684C35.3868 54.1578 38.0502 53.1748 40.756 52.5195C43.4617 51.8643 46.2097 51.5366 49 51.5366C51.7902 51.5366 54.5382 51.8643 57.244 52.5195C59.9497 53.1748 62.6131 54.1578 65.2343 55.4684C66.4603 56.1025 67.4433 57.022 68.1831 58.2269C68.923 59.4318 69.2929 60.753 69.2929 62.1904V64.2197C69.2929 65.6148 68.7961 66.8092 67.8026 67.8027C66.8091 68.7962 65.6148 69.2929 64.2197 69.2929H33.7803C32.3851 69.2929 31.1908 68.7962 30.1973 67.8027C29.2038 66.8092 28.707 65.6148 28.707 64.2197ZM33.7803 64.2197H64.2197V62.1904C64.2197 61.7253 64.1034 61.3026 63.8709 60.9221C63.6383 60.5416 63.3318 60.2457 62.9513 60.0343C60.6684 58.8928 58.3643 58.0367 56.0391 57.4659C53.7138 56.8952 51.3675 56.6098 49 56.6098C46.6325 56.6098 44.2861 56.8952 41.9608 57.4659C39.6356 58.0367 37.3315 58.8928 35.0486 60.0343C34.6681 60.2457 34.3616 60.5416 34.129 60.9221C33.8965 61.3026 33.7803 61.7253 33.7803 62.1904V64.2197ZM49 43.9268C50.3951 43.9268 51.5894 43.43 52.5829 42.4365C53.5764 41.443 54.0732 40.2487 54.0732 38.8535C54.0732 37.4584 53.5764 36.2641 52.5829 35.2706C51.5894 34.277 50.3951 33.7803 49 33.7803C47.6048 33.7803 46.4105 34.277 45.417 35.2706C44.4235 36.2641 43.9267 37.4584 43.9267 38.8535C43.9267 40.2487 44.4235 41.443 45.417 42.4365C46.4105 43.43 47.6048 43.9268 49 43.9268Z", fill: fill }))));
 };
 export default IconePessoa;

package/dist/assets/icones/imoveis.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ImoveisIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 30 30", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("path", { fill: "#fff", d: "M9 22h3v-5c0-.283.096-.52.287-.712A.968.968 0 0113 16h4c.283 0 .52.096.712.288.192.191.288.429.288.712v5h3v-9l-6-4.5L9 13v9zm-2 0v-9a1.986 1.986 0 01.8-1.6l6-4.5c.35-.267.75-.4 1.2-.4.45 0 .85.133 1.2.4l6 4.5A1.985 1.985 0 0123 13v9c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0121 24h-4a.968.968 0 01-.712-.288A.968.968 0 0116 23v-5h-2v5c0 .283-.096.52-.287.712A.968.968 0 0113 24H9c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 017 22z" })));
 };
 export default ImoveisIcon;

package/dist/assets/icones/pefinRefinBoaVista.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var PefinRefinBoaVistaIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 30 30", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("path", { fill: "#fff", d: "M15 25a9.738 9.738 0 01-3.9-.788 10.099 10.099 0 01-3.175-2.137c-.9-.9-1.612-1.958-2.138-3.175A9.738 9.738 0 015 15c0-1.383.263-2.683.787-3.9a10.099 10.099 0 012.138-3.175c.9-.9 1.958-1.612 3.175-2.138A9.738 9.738 0 0115 5c1.383 0 2.683.263 3.9.787a10.098 10.098 0 013.175 2.138c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0125 15a9.738 9.738 0 01-.788 3.9 10.098 10.098 0 01-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0115 25zm0-2c.9 0 1.767-.146 2.6-.438a7.951 7.951 0 002.3-1.262L8.7 10.1a7.95 7.95 0 00-1.262 2.3A7.813 7.813 0 007 15c0 2.233.775 4.125 2.325 5.675C10.875 22.225 12.767 23 15 23zm6.3-3.1c.55-.7.97-1.467 1.262-2.3.292-.833.438-1.7.438-2.6 0-2.233-.775-4.125-2.325-5.675C19.125 7.775 17.233 7 15 7c-.9 0-1.767.146-2.6.438A7.95 7.95 0 0010.1 8.7l11.2 11.2z" })));
 };
 export default PefinRefinBoaVistaIcon;

package/dist/assets/icones/pefinRefinSerasa.js

@@ -1,11 +1,13 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var PefinRefinSerasaIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 30 30", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("path", { fill: "#fff", d: "M16 17a2.893 2.893 0 01-2.125-.875A2.893 2.893 0 0113 14c0-.833.292-1.542.875-2.125A2.893 2.893 0 0116 11c.833 0 1.542.292 2.125.875S19 13.167 19 14s-.292 1.542-.875 2.125A2.893 2.893 0 0116 17zm-7 3c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 017 18v-8c0-.55.196-1.02.588-1.412A1.926 1.926 0 019 8h14c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0123 20H9zm2-2h10c0-.55.196-1.02.587-1.413A1.926 1.926 0 0123 16v-4c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 0121 10H11c0 .55-.196 1.02-.588 1.412A1.926 1.926 0 019 12v4c.55 0 1.02.196 1.412.587.392.392.588.863.588 1.413zm11 5H6c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 014 21V11c0-.283.096-.52.287-.713A.967.967 0 015 10c.283 0 .52.096.713.287.191.192.287.43.287.713v10h16c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0122 23z" }),
-        React.createElement("path", { stroke: circleFill, strokeLinecap: "round", strokeWidth: "2", d: "M23 23L6 6" }),
+        React.createElement("path", { stroke: fill, strokeLinecap: "round", strokeWidth: "2", d: "M23 23L6 6" }),
         React.createElement("path", { stroke: "#fff", strokeLinecap: "round", strokeWidth: "2", d: "M23 25L5 7" })));
 };
 export default PefinRefinSerasaIcon;

package/dist/assets/icones/processosJuridicos.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ProcessosJuridicosIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_381", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_381)" },

package/dist/assets/icones/protestos.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ProtestosIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_374", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_374)" },

package/dist/assets/icones/protestosCredito.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ProtestosCreditoIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_375", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_375)" },

package/dist/assets/icones/protestosGerais.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ProtestosGeraisIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_380", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_380)" },

package/dist/assets/icones/protestosImpostos.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ProtestosImpostosIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_379", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_379)" },

package/dist/assets/icones/quadroSocietario.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var QuadroSocietarioIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_371", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_371)" },

package/dist/assets/icones/resumoNegativacoes.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ResumoDeNegativacoesIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 30 30", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { style: { maskType: 'alpha' }, width: "24", height: "24", x: "3", y: "3", maskUnits: "userSpaceOnUse" },
             React.createElement("path", { fill: "#D9D9D9", d: "M3 3H27V27H3z" })),
         React.createElement("path", { fill: "#fff", d: "M11 12c.283 0 .52-.096.713-.287A.968.968 0 0012 11a.968.968 0 00-.287-.713A.968.968 0 0011 10a.968.968 0 00-.713.287A.968.968 0 0010 11c0 .283.096.52.287.713.192.191.43.287.713.287zm0 4c.283 0 .52-.096.713-.287A.968.968 0 0012 15a.968.968 0 00-.287-.713A.968.968 0 0011 14a.968.968 0 00-.713.287A.968.968 0 0010 15c0 .283.096.52.287.713.192.191.43.287.713.287zm0 4c.283 0 .52-.096.713-.288A.968.968 0 0012 19a.968.968 0 00-.287-.712A.968.968 0 0011 18a.968.968 0 00-.713.288A.968.968 0 0010 19c0 .283.096.52.287.712.192.192.43.288.713.288zm-3 4c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 016 22V8c0-.55.196-1.02.588-1.412A1.926 1.926 0 018 6h10.175a1.975 1.975 0 011.4.575l3.85 3.85a1.975 1.975 0 01.575 1.4V22c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0122 24H8zm0-2h14V12h-3a.968.968 0 01-.712-.287A.968.968 0 0118 11V8H8v14z" })));

package/dist/assets/icones/scoreBoaVista.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ScoreBoaVistaIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 30 30", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("path", { fill: "#fff", d: "M15 25a9.676 9.676 0 01-3.875-.788 10.144 10.144 0 01-3.188-2.15 10.142 10.142 0 01-2.15-3.187A9.676 9.676 0 015 15c0-1.383.263-2.68.787-3.887a10.183 10.183 0 012.15-3.175 10.143 10.143 0 013.188-2.15A9.676 9.676 0 0115 5c1.383 0 2.68.263 3.887.787a10.183 10.183 0 013.175 2.15 10.184 10.184 0 012.15 3.176A9.649 9.649 0 0125 15a9.676 9.676 0 01-.788 3.875 10.143 10.143 0 01-2.15 3.188 10.184 10.184 0 01-3.175 2.15A9.649 9.649 0 0115 25zm0-6c1 0 1.975.146 2.925.438.95.291 1.842.712 2.675 1.262a8.255 8.255 0 001.775-2.613A7.775 7.775 0 0023 15c0-2.233-.775-4.125-2.325-5.675C19.125 7.775 17.233 7 15 7c-2.233 0-4.125.775-5.675 2.325C7.775 10.875 7 12.767 7 15c0 1.083.204 2.117.612 3.1A7.604 7.604 0 009.4 20.7c.833-.55 1.725-.97 2.675-1.262A9.91 9.91 0 0115 19zm0 2c-.683 0-1.35.083-2 .25a7.436 7.436 0 00-1.85.75c.583.333 1.2.583 1.85.75.65.167 1.317.25 2 .25s1.35-.083 2-.25a7.436 7.436 0 001.85-.75 7.436 7.436 0 00-1.85-.75 8.019 8.019 0 00-2-.25zm-5-7c.283 0 .52-.096.713-.287A.968.968 0 0011 13a.968.968 0 00-.287-.713A.968.968 0 0010 12a.967.967 0 00-.713.287A.968.968 0 009 13c0 .283.096.52.287.713.192.191.43.287.713.287zm3-3c.283 0 .52-.096.713-.287A.968.968 0 0014 10a.967.967 0 00-.287-.713A.968.968 0 0013 9a.968.968 0 00-.713.287A.967.967 0 0012 10c0 .283.096.52.287.713.192.191.43.287.713.287zm7 3c.283 0 .52-.096.712-.287A.968.968 0 0021 13a.968.968 0 00-.288-.713A.968.968 0 0020 12a.968.968 0 00-.712.287A.968.968 0 0019 13c0 .283.096.52.288.713.191.191.429.287.712.287zm-5 3c.55 0 1.02-.196 1.413-.587.391-.392.587-.863.587-1.413 0-.217-.033-.43-.1-.637a1.744 1.744 0 00-.3-.563l1.35-3.4a.962.962 0 00.012-.787 1.034 1.034 0 00-.562-.563.903.903 0 00-.762-.013.943.943 0 00-.538.563L14.75 13c-.5.083-.917.313-1.25.688-.333.374-.5.812-.5 1.312 0 .55.196 1.02.588 1.413.391.391.862.587 1.412.587z" })));
 };
 export default ScoreBoaVistaIcon;

package/dist/assets/icones/scr.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var ScrIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 30 30", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("path", { fill: "#fff", d: "M14 21v.5c0 .133.05.25.15.35.1.1.217.15.35.15h1a.48.48 0 00.35-.15c.1-.1.15-.217.15-.35V21h1c.283 0 .52-.096.712-.288A.968.968 0 0018 20v-3a.968.968 0 00-.288-.712A.968.968 0 0017 16h-3v-1h3c.283 0 .52-.096.712-.287A.968.968 0 0018 14a.968.968 0 00-.288-.713A.968.968 0 0017 13h-1v-.5a.48.48 0 00-.15-.35.48.48 0 00-.35-.15h-1a.48.48 0 00-.35.15.48.48 0 00-.15.35v.5h-1a.968.968 0 00-.713.287A.968.968 0 0012 14v3c0 .283.096.52.287.712.192.192.43.288.713.288h3v1h-3a.968.968 0 00-.713.288A.968.968 0 0012 20c0 .283.096.52.287.712.192.192.43.288.713.288h1zm-5 4c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 017 23V7c0-.55.196-1.02.588-1.412A1.926 1.926 0 019 5h9l5 5v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0121 25H9zm0-2h12V11h-3a.968.968 0 01-.712-.287A.968.968 0 0117 10V7H9v16z" })));
 };
 export default ScrIcon;

package/dist/assets/icones/ultimaMovimentacao.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var UltimaMovimentacaoIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("mask", { id: "mask0_4_382", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "24", height: "24" },
             React.createElement("rect", { x: "3", y: "3", width: "24", height: "24", fill: "#D9D9D9" })),
         React.createElement("g", { mask: "url(#mask0_4_382)" },