pge-front-common 10.4.3 → 10.4.4

package/lib/components/Header/Header.d.ts

@@ -1,19 +1,19 @@
 import React from "react";
-import { IFuncoesMenuHorizontal } from "../DropDown/Dropdown";
-export interface HeaderProps {
-    isRHDigital: boolean;
+interface HeaderProps {
+    isRHDigital?: boolean;
+    isHonorarios?: boolean;
     isCASC?: boolean;
-    hasGestor?: boolean;
-    isPortalServidor?: boolean;
     isResponsiveCASC?: boolean;
-    options: IFuncoesMenuHorizontal[];
     optionSelection: (name: string, id: number) => void;
+    options: any[];
     name: string;
     userName: string;
     handleLogout: () => void;
+    isPortalServidor?: boolean;
     profile?: string;
+    hasGestor?: boolean;
     fullName?: string;
     firstName?: string;
 }
-declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, profile, hasGestor, fullName, firstName, }: HeaderProps) => React.JSX.Element;
+declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, profile, hasGestor, fullName, firstName, isHonorarios, }: HeaderProps) => React.JSX.Element;
 export default Header;

package/lib/icons/index.d.ts

@@ -32,5 +32,6 @@ import { IconUpAndDownArror } from "./up-down-arrow";
 import { IconCheck } from "./check-icon";
 import { IconPrint } from "./print-icon";
 import { IconUploadFile } from "./upload-file";
+import { IconUploadV2 } from "./upload-iconV2";
 import { LogoDividaAtiva } from "./logo-divida-ativa";
-export { IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva };
+export { IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, };

package/lib/icons/upload-iconV2.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconUploadV2: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/index.d.ts

@@ -114,43 +114,23 @@ type OptionsProps$1 = {
 
 declare const RadioGroupBase: ({ name, label, value, options, message, textError, hasError, orientation, required, disabled, onInput, customClass, ...props }: RadioGroupBaseProps) => React__default.JSX.Element;
 
-interface IFuncionalidade {
-    id: number;
-    nome: string;
-    chave: string;
-    checked: boolean;
-}
-interface ISubMenuMenuHorizontal {
-    id: number;
-    nome: string;
-    chave: string;
-    funcionalidades: IFuncionalidade[];
-    checked: boolean;
-}
-interface IFuncoesMenuHorizontal {
-    id: number;
-    nome: string;
-    submenu: ISubMenuMenuHorizontal[];
-    checked: boolean;
-    chave: string;
-}
-
 interface HeaderProps$1 {
-    isRHDigital: boolean;
+    isRHDigital?: boolean;
+    isHonorarios?: boolean;
     isCASC?: boolean;
-    hasGestor?: boolean;
-    isPortalServidor?: boolean;
     isResponsiveCASC?: boolean;
-    options: IFuncoesMenuHorizontal[];
     optionSelection: (name: string, id: number) => void;
+    options: any[];
     name: string;
     userName: string;
     handleLogout: () => void;
+    isPortalServidor?: boolean;
     profile?: string;
+    hasGestor?: boolean;
     fullName?: string;
     firstName?: string;
 }
-declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, profile, hasGestor, fullName, firstName, }: HeaderProps$1) => React__default.JSX.Element;
+declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, profile, hasGestor, fullName, firstName, isHonorarios, }: HeaderProps$1) => React__default.JSX.Element;
 
 declare function FooterComponent(): React__default.JSX.Element;
 
@@ -232,6 +212,27 @@ type OptionsProps = {
 
 declare const SelectMult: ({ name, control, optionsSelect, placeholder, isMulti, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectMultProps) => React$1.JSX.Element;
 
+interface IFuncionalidade {
+    id: number;
+    nome: string;
+    chave: string;
+    checked: boolean;
+}
+interface ISubMenuMenuHorizontal {
+    id: number;
+    nome: string;
+    chave: string;
+    funcionalidades: IFuncionalidade[];
+    checked: boolean;
+}
+interface IFuncoesMenuHorizontal {
+    id: number;
+    nome: string;
+    submenu: ISubMenuMenuHorizontal[];
+    checked: boolean;
+    chave: string;
+}
+
 interface HeaderProps {
     isRHDigital: boolean;
     isCASC?: boolean;
@@ -339,4 +340,6 @@ declare const IconPrint: (props?: SVGProps<SVGSVGElement>) => React__default.JSX
 
 declare const IconUploadFile: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps$1 as ButtonProps, Checkbox, type Column, FileUpload, FooterComponent as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, SelectMult as Multiselect, type OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title };
+declare const IconUploadV2: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
+
+export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps$1 as ButtonProps, Checkbox, type Column, FileUpload, FooterComponent as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadV2, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, SelectMult as Multiselect, type OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title };

package/lib/index.esm.js

@@ -349,6 +349,13 @@ var IconUploadFile = function (props) { return (React__default.createElement("sv
         React__default.createElement("clipPath", { id: "clip1_1357_403" },
             React__default.createElement("rect", { width: "16", height: "16", fill: "#fff", transform: "translate(0 0.5)" }))))); };
 
+var IconUploadV2 = function (props) {
+    var _a, _b;
+    return (React__default.createElement("svg", __assign({ width: "16", height: "14", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default.createElement("path", { d: "M0.5 8.89894C0.632608 8.89894 0.759785 8.95162 0.853553 9.04539C0.947322 9.13916 1 9.26633 1 9.39894V11.8989C1 12.1642 1.10536 12.4185 1.29289 12.606C1.48043 12.7936 1.73478 12.8989 2 12.8989H14C14.2652 12.8989 14.5196 12.7936 14.7071 12.606C14.8946 12.4185 15 12.1642 15 11.8989V9.39894C15 9.26633 15.0527 9.13916 15.1464 9.04539C15.2402 8.95162 15.3674 8.89894 15.5 8.89894C15.6326 8.89894 15.7598 8.95162 15.8536 9.04539C15.9473 9.13916 16 9.26633 16 9.39894V11.8989C16 12.4294 15.7893 12.9381 15.4142 13.3132C15.0391 13.6882 14.5304 13.8989 14 13.8989H2C1.46957 13.8989 0.960859 13.6882 0.585786 13.3132C0.210714 12.9381 0 12.4294 0 11.8989V9.39894C0 9.26633 0.0526784 9.13916 0.146447 9.04539C0.240215 8.95162 0.367392 8.89894 0.5 8.89894Z", fill: (_a = props === null || props === void 0 ? void 0 : props.fill) !== null && _a !== void 0 ? _a : "#005A92" }),
+        React__default.createElement("path", { d: "M7.646 0.144941C7.69245 0.0983774 7.74762 0.0614346 7.80837 0.0362281C7.86911 0.0110217 7.93423 -0.00195312 8 -0.00195312C8.06577 -0.00195313 8.13089 0.0110217 8.19163 0.0362281C8.25238 0.0614346 8.30755 0.0983774 8.354 0.144941L11.354 3.14494C11.4479 3.23883 11.5006 3.36616 11.5006 3.49894C11.5006 3.63172 11.4479 3.75905 11.354 3.85294C11.2601 3.94683 11.1328 3.99957 11 3.99957C10.8672 3.99957 10.7399 3.94683 10.646 3.85294L8.5 1.70594V10.4989C8.5 10.6315 8.44732 10.7587 8.35355 10.8525C8.25979 10.9463 8.13261 10.9989 8 10.9989C7.86739 10.9989 7.74021 10.9463 7.64645 10.8525C7.55268 10.7587 7.5 10.6315 7.5 10.4989V1.70594L5.354 3.85294C5.30751 3.89943 5.25232 3.93631 5.19158 3.96146C5.13084 3.98662 5.06574 3.99957 5 3.99957C4.93426 3.99957 4.86916 3.98662 4.80842 3.96146C4.74768 3.93631 4.69249 3.89943 4.646 3.85294C4.59951 3.80645 4.56264 3.75126 4.53748 3.69052C4.51232 3.62978 4.49937 3.56468 4.49937 3.49894C4.49937 3.4332 4.51232 3.3681 4.53748 3.30736C4.56264 3.24662 4.59951 3.19143 4.646 3.14494L7.646 0.144941Z", fill: (_b = props === null || props === void 0 ? void 0 : props.fill) !== null && _b !== void 0 ? _b : "#005A92" })));
+};
+
 var LogoDividaAtiva = function (props) {
     var _a, _b;
     return (React__default.createElement("svg", __assign({ width: (_a = props.width) !== null && _a !== void 0 ? _a : "150", height: (_b = props.height) !== null && _b !== void 0 ? _b : "59", viewBox: "0 0 100 59", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
@@ -550,42 +557,36 @@ styleInject(css_248z$g);
 
 var DropDown = function (_a) {
     var options = _a.options, optionSelection = _a.optionSelection, restProps = __rest(_a, ["options", "optionSelection"]);
-    var _b = useState(false), showSubMenu = _b[0], setShowSubMenu = _b[1];
-    var _c = useState(0), keyMenu = _c[0], setKeyMenu = _c[1];
-    var onClickHandler = function (name, id) {
-        optionSelection(name, id);
+    var _b = useState(null), expandedMenuId = _b[0], setExpandedMenuId = _b[1];
+    var handleMenuClick = function (item, ev) {
+        ev.stopPropagation();
+        if (!item.checked)
+            return;
+        if (item.submenu.length > 0) {
+            setExpandedMenuId(expandedMenuId === item.id ? null : item.id);
+        }
+        else {
+            optionSelection(item.chave, item.id);
+        }
+    };
+    var handleSubmenuClick = function (subItem, ev) {
+        ev.stopPropagation();
+        if (!subItem.checked)
+            return;
+        optionSelection(subItem.chave, subItem.id);
+        setExpandedMenuId(null);
     };
-    return (React__default.createElement("div", __assign({ className: styles$b.dropdown }, restProps), options.map(function (_a) {
-        var nome = _a.nome, id = _a.id, submenu = _a.submenu, checked = _a.checked, chave = _a.chave;
-        return (React__default.createElement("div", { key: id },
-            React__default.createElement("button", { className: "".concat(styles$b.primaryDropdown, " ").concat(checked
+    return (React__default.createElement("div", __assign({ className: styles$b.dropdown }, restProps), options.map(function (item) {
+        var isExpanded = expandedMenuId === item.id;
+        var hasSubmenu = item.submenu.length > 0;
+        return (React__default.createElement("div", { key: item.id, className: styles$b.menuItem },
+            React__default.createElement("button", { className: "".concat(styles$b.primaryDropdown, " ").concat(item.checked
                     ? styles$b.primaryDropdown__menu
-                    : styles$b.primaryDropdown__disabled), key: id, onClick: function (ev) {
-                    if (checked) {
-                        setShowSubMenu(true);
-                        setKeyMenu(keyMenu === id ? 0 : id);
-                        if (submenu.length === 0) {
-                            onClickHandler(chave, id);
-                        }
-                        ev.stopPropagation();
-                    }
-                }, disabled: !checked },
-                nome,
-                checked && submenu.length > 0 && (React__default.createElement("div", { className: "".concat(styles$b.contentIcon, " ").concat(showSubMenu && keyMenu === id
-                        ? styles$b.active
-                        : styles$b.inactive) },
+                    : styles$b.primaryDropdown__disabled), onClick: function (ev) { return handleMenuClick(item, ev); }, disabled: !item.checked },
+                item.nome,
+                item.checked && hasSubmenu && (React__default.createElement("div", { className: "".concat(styles$b.contentIcon, " ").concat(isExpanded ? styles$b.active : styles$b.inactive) },
                     React__default.createElement(IconTriangleExpand, null)))),
-            showSubMenu &&
-                keyMenu === id &&
-                submenu.map(function (_a) {
-                    var id = _a.id, nome = _a.nome, checked = _a.checked;
-                    return (React__default.createElement("button", { key: id, className: "".concat(styles$b.primaryDropdown, " ").concat(styles$b.primaryDropdown__submenu, " ").concat(checked ? "" : styles$b.primaryDropdown__disabled), onClick: function (ev) {
-                            if (checked) {
-                                onClickHandler(chave, id);
-                                ev.stopPropagation();
-                            }
-                        }, disabled: !checked }, nome));
-                })));
+            isExpanded && hasSubmenu && (React__default.createElement("div", { className: styles$b.submenuContainer }, item.submenu.map(function (subItem) { return (React__default.createElement("button", { key: subItem.id, className: "".concat(styles$b.primaryDropdown, " ").concat(styles$b.primaryDropdown__submenu, " ").concat(subItem.checked ? "" : styles$b.primaryDropdown__disabled), onClick: function (ev) { return handleSubmenuClick(subItem, ev); }, disabled: !subItem.checked }, subItem.nome)); })))));
     })));
 };
 
@@ -717,22 +718,60 @@ function UserCascButton(_a) {
 }
 
 var Header = function (_a) {
-    var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName;
+    var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName, isHonorarios = _a.isHonorarios;
+    var getHeaderKey = function () {
+        if (isRHDigital)
+            return "RH_DIGITAL";
+        if (isCASC)
+            return "CASC";
+        if (isHonorarios)
+            return "HONORARIOS";
+        return "DEFAULT";
+    };
+    var getUserButton = function () {
+        if (isCASC)
+            return "CASC";
+        if (isHonorarios)
+            return "HONORARIOS";
+        return "DEFAULT";
+    };
+    var logoConfigs = {
+        RH_DIGITAL: function () { return React__default.createElement(LogoRhDigital, { className: styles$c.iconLogo }); },
+        CASC: function () { return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(LogoPGERG, { className: "".concat(styles$c.iconLogo, " ").concat(styles$c.iconLogoPGE) }),
+            React__default.createElement("div", { className: styles$c.verticalDivider }),
+            React__default.createElement(LogoCASC, { className: "".concat(styles$c.iconLogoCASC) }))); },
+        HONORARIOS: function () { return React__default.createElement(LogoPGERG, { className: "".concat(styles$c.iconLogo) }); },
+        DEFAULT: function () { return React__default.createElement(LogoPGERG, { className: "".concat(styles$c.iconLogo) }); },
+    };
+    var userButtonConfigs = {
+        CASC: function () { return (React__default.createElement(UserCascButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, isResponsiveCASC: true, isCASC: true, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
+        DEFAULT: function () { return (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
+        HONORARIOS: function () { return (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: false, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
+    };
+    var headerKey = getHeaderKey();
+    var userButtonKey = getUserButton();
+    var Logo = logoConfigs[headerKey];
+    var UserButtonComponent = userButtonConfigs[userButtonKey];
+    var getContainerClasses = function () {
+        var classes = [styles$c.containerHeaderIndex];
+        if (!isRHDigital && !isCASC) {
+            classes.push(styles$c.set_shadow);
+        }
+        if (isResponsiveCASC && isCASC) {
+            classes.push(styles$c.responsiveCASC);
+        }
+        return classes.join(" ");
+    };
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: styles$c.separator_background }),
-        React__default.createElement("header", { className: "".concat(styles$c.containerHeaderIndex, " ").concat(isRHDigital || isCASC ? "" : styles$c.set_shadow, " ").concat(isResponsiveCASC && isCASC ? styles$c.responsiveCASC : "") },
+        React__default.createElement("header", { className: getContainerClasses() },
             React__default.createElement("div", { className: "".concat(styles$c.container, " ").concat(isCASC ? styles$c.limitedWidth : "") },
                 React__default.createElement("div", { className: styles$c.wrapperMenu },
                     React__default.createElement("div", { className: styles$c.IconMenu },
                         React__default.createElement(Menu$2, { options: options, optionSelection: optionSelection })),
-                    isRHDigital && React__default.createElement(LogoRhDigital, { className: styles$c.iconLogo }),
-                    !isRHDigital && !isCASC && (React__default.createElement(LogoPGERG, { className: "".concat(styles$c.iconLogo, " teste") })),
-                    isCASC && !isRHDigital && (React__default.createElement(React__default.Fragment, null,
-                        React__default.createElement(LogoPGERG, { className: "".concat(styles$c.iconLogo, " ").concat(styles$c.iconLogoPGE) }),
-                        React__default.createElement("div", { className: styles$c.verticalDivider }),
-                        React__default.createElement(LogoCASC, { className: "".concat(styles$c.iconLogoCASC) })))),
-                !isCASC && (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })),
-                isCASC && (React__default.createElement(UserCascButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, isResponsiveCASC: true, isCASC: isCASC, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName }))))));
+                    React__default.createElement(Logo, null)),
+                React__default.createElement(UserButtonComponent, null)))));
 };
 
 var css_248z$c = "/* styles.css */\r\n\r\n.footer-module__containerDivIndex___V7XGq {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.footer-module__footerImageWrapper___tGxFp {\r\n  display: flex;\r\n  justify-content: center;\r\n  position: relative;\r\n  width: 100%;\r\n  margin-bottom: -32px; /* Adjust this to control overlap */\r\n  z-index: 2;\r\n}\r\n\r\n.footer-module__footerImage___VGJvn {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto;\r\n  object-fit: contain;\r\n}\r\n\r\n/* Media Queries for Responsiveness */\r\n@media screen and (max-width: 768px) {\r\n  .footer-module__containerDivIndex___V7XGq {\r\n    padding: 0 10px;\r\n    margin-top: -20px;\r\n    margin-bottom: -20px;\r\n  }\r\n\r\n  .footer-module__footerImageWrapper___tGxFp {\r\n    margin-bottom: -20px;\r\n  }\r\n\r\n  .footer-module__footerImage___VGJvn {\r\n    width: 90%; /* Slightly reduce width on smaller screens */\r\n    max-height: 200px; /* Limit maximum height */\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .footer-module__containerDivIndex___V7XGq {\r\n    margin-top: -10px;\r\n    margin-bottom: -10px;\r\n  }\r\n\r\n  .footer-module__footerImageWrapper___tGxFp {\r\n    margin-bottom: -10px;\r\n  }\r\n\r\n  .footer-module__footerImage___VGJvn {\r\n    width: 80%; /* Further reduce width on very small screens */\r\n    max-height: 150px;\r\n  }\r\n}\r\n\r\n.footer-module__footer___6PZYp {\r\n  width: 100%;\r\n  position: relative;\r\n  z-index: 0;\r\n}\r\n\r\n.footer-module__footerLogoWrapper___klSqe {\r\n  display: flex;\r\n  margin: 0;\r\n  justify-content: center;\r\n  padding-top: 32px;\r\n  background-color: #005a92;\r\n}\r\n\r\n.footer-module__footerLogo___Q1qA1 {\r\n  max-width: 144px;\r\n}\r\n\r\n.footer-module__footerVersion___0AbGX {\r\n  display: flex;\r\n  margin: 0;\r\n  justify-content: center;\r\n  color: #d1d5db;\r\n  font-size: 9px;\r\n  background-color: #005a92;\r\n}\r\n\r\n.footer-module__footerAddress___MxQIt {\r\n  display: flex;\r\n  margin: 0;\r\n  justify-content: center;\r\n  color: white;\r\n  font-size: 12px;\r\n  background-color: #005a92; /* Substitua com a cor primária */\r\n  padding-top: 8px;\r\n  padding-bottom: 8px;\r\n}\r\n\r\n.footer-module__footerCopyright___nHwNQ {\r\n  display: flex;\r\n  margin: 0;\r\n  justify-content: center;\r\n  color: white;\r\n  font-size: 10px;\r\n  background-color: #000000;\r\n  padding-top: 8px;\r\n  padding-bottom: 12px;\r\n}\r\n";
@@ -8415,5 +8454,5 @@ var TableComponent = function (_a) {
 var css_248z = "/* src/global.css */\r\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  font-family: var(--font-open-sans-serif);\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n:root {\r\n  /* fonts */\r\n  --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\r\n  --font-open-sans-light: \"Open Sans\", 300;\r\n  --font-open-sans-regular: \"Open Sans\", 400;\r\n  --font-open-sans-bold: \"Open Sans\", 700;\r\n  /* colors */\r\n  --color-primary: #005a92;\r\n  --color-secondary: #303030;\r\n  --color-success: #198754;\r\n  --color-warning: #cb8700;\r\n  --color-information: #1a95b0;\r\n  --color-danger: #cb0a0a;\r\n  --color-focus: var(--color-information);\r\n  --color-focus-outline: #0091ea80;\r\n  --color-placeholder: #9ca4b47d;\r\n  --color-border: #cfcfcffc;\r\n  --color-label: #303030;\r\n  --color-input: #30303090;\r\n  --background-color-success: #1987541a;\r\n  --background-color-error: #cb0a0a1a;\r\n  --background-color-warning: #cb87001a;\r\n  --background-color-table-primary: #eeeeee;\r\n  --background-color-table-secondary: #f6f6f6;\r\n  --background-color-table-hover: #e5f1f9;\r\n  /* input */\r\n  --input-border: 1px solid var(--color-border);\r\n  --input-border-danger: 1px solid var(--color-danger);\r\n  --input-border-radius: 8px;\r\n  --input-border-focus: 1px solid var(--color-focus);\r\n  --input-cursor: pointer;\r\n  --input-font-size: 14px;\r\n  --input-font-weight: 700;\r\n  --input-line-height: 21px;\r\n  --input-outline-focus: solid var(--color-focus-outline) 1.5px;\r\n  --input-outline-danger: solid var(--color-danger) 1.5px;\r\n\r\n  /* Theming colors */\r\n  --background-color: #fff;\r\n  --foreground: #303030;\r\n  --success-color: #198754;\r\n  --warning-color: #cb8700;\r\n  --alert-color: #cb0a0a;\r\n  --information-color: #1a95b0;\r\n\r\n  --primary-color: #005a92;\r\n  --pge-gold: #bb9b32;\r\n  --hover-color: #00436d;\r\n  --icon-color: #4a4a4b;\r\n  --border-color: #d9d9d9;\r\n  --light-grey-color: #c3c3c3;\r\n  --grey-color: #a0a0a0;\r\n}\r\n\r\n/* TO-DO ajustar componentes para aplicar o dark mode */\r\n\r\n/* @media (prefers-color-scheme: dark) {\r\n  html {\r\n    color-scheme: dark;\r\n  }\r\n\r\n  :root {\r\n    --background-color: #303030;\r\n    --foreground: #fff;\r\n    --success-color: #4feba3;\r\n    --warning-color: #e3a833;\r\n    --alert-color: #ff5858;\r\n    --information-color: #37adf6;\r\n  }\r\n  \r\n} */\r\n\r\n.dark-mode {\r\n  --background-color: #303030;\r\n  --foreground: #fff;\r\n  --success-color: #4feba3;\r\n  --warning-color: #e3a833;\r\n  --alert-color: #ff5858;\r\n  --information-color: #37adf6;\r\n}\r\n";
 styleInject(css_248z);
 
-export { Accordion, AccordionItem, BoxError, BoxSuccess, Button, Checkbox, FileUpload, FooterComponent as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, SelectMult as Multiselect, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, TableComponent, TextareaBase, Title };
+export { Accordion, AccordionItem, BoxError, BoxSuccess, Button, Checkbox, FileUpload, FooterComponent as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadV2, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, SelectMult as Multiselect, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, TableComponent, TextareaBase, Title };
 //# sourceMappingURL=index.esm.js.map