techsbcn-storybook 2.3.0 → 2.5.0

package/dist/index.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var React8 = require('react');
+var React9 = require('react');
 var material = require('@mui/material');
 var iconsMaterial = require('@mui/icons-material');
+var styles = require('@mui/material/styles');
 var lodash = require('lodash');
 var CloseIcon = require('@mui/icons-material/Close');
 var notistack = require('notistack');
@@ -13,7 +14,6 @@ var utc = require('dayjs/plugin/utc');
 var reactRouter = require('react-router');
 var MenuIcon = require('@mui/icons-material/Menu');
 var Select = require('react-select');
-var styles = require('@mui/material/styles');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
 var yup2 = require('yup');
 var reactHookForm = require('react-hook-form');
@@ -42,7 +42,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React8__default = /*#__PURE__*/_interopDefault(React8);
+var React9__default = /*#__PURE__*/_interopDefault(React9);
 var CloseIcon__default = /*#__PURE__*/_interopDefault(CloseIcon);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var localizedFormat__default = /*#__PURE__*/_interopDefault(localizedFormat);
@@ -56,28 +56,25 @@ var yup2__namespace = /*#__PURE__*/_interopNamespace(yup2);
 
 // src/components/wrappers/PublicFormWrapper/PublicFormWrapper.scss
 var css = `.public-form-wrapper .wrapper-box {
-  background: white;
   border-radius: 5px;
-  box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlB1YmxpY0Zvcm1XcmFwcGVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0k7RUFDSTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIucHVibGljLWZvcm0td3JhcHBlcntcclxuICAgIC53cmFwcGVyLWJveHtcclxuICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcclxuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICAgICAgYm94LXNoYWRvdzogcmdiKDAgMCAwIC8gMjAlKSAwcHggMTFweCAxNXB4IC03cHgsIHJnYigwIDAgMCAvIDE0JSkgMHB4IDI0cHggMzhweCAzcHgsIHJnYigwIDAgMCAvIDEyJSkgMHB4IDlweCA0NnB4IDhweDtcclxuICAgIH1cclxufSJdfQ== */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlB1YmxpY0Zvcm1XcmFwcGVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0k7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5wdWJsaWMtZm9ybS13cmFwcGVye1xyXG4gICAgLndyYXBwZXItYm94e1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIH1cclxufSJdfQ== */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 
 // src/components/wrappers/PublicFormWrapper/PublicFormWrapper.tsx
 var PublicFormWrapper = (props) => {
-  return /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(
     material.Box,
     {
       className: `public-form-wrapper ${props.className ? props.className : ""}`,
       sx: { height: "100%", display: "flex", justifyContent: "center", alignItems: "center" }
     },
-    /* @__PURE__ */ React8__default.default.createElement(material.Container, { maxWidth: "xs" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "wrapper-box", sx: { p: 1 } }, props.children))
+    /* @__PURE__ */ React9__default.default.createElement(material.Container, { maxWidth: "xs" }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "wrapper-box", sx: { p: 1, bgcolor: "background.paper", boxShadow: 24 } }, props.children))
   );
 };
 
 // src/components/tables/SearchComponent/SearchComponent.scss
 var css2 = `.search-component .title {
-  color: #000;
   font-size: 17px !important;
   font-weight: 400;
   position: relative;
@@ -89,9 +86,6 @@ var css2 = `.search-component .title {
   width: 50px;
   cursor: pointer;
 }
-.search-component .tune-btn:hover {
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
-}
 .search-component .wrapper-actions.min-action-width .btn-action .MuiButton-root {
   max-width: 100%;
   width: auto;
@@ -122,19 +116,19 @@ var css2 = `.search-component .title {
 .search-menu-actions .wrapper-actions .btn-action svg {
   font-size: 30px;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaENvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7O0FBTUk7RUFDSTtFQUNBOztBQUVKO0VBQ0k7RUFDQTs7QUFJWjtFQUNJOztBQUNBO0VBQ0k7O0FBRUo7RUFDSTs7QUFFSjtFQUNJOzs7QUFPUjtFQUNJOztBQUNBO0VBQ0k7O0FBRUo7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIiRzaXplLWZvcm06IChjYWxjKDEwMHZ3IC0gMzAwcHgpIC8gKDE2MDAgLSAzMDApKTtcclxuJGZvbnQtc2l6ZTogY2FsYygxNXB0ICsgKDE3IC0gMTUpICogI3skc2l6ZS1mb3JtfSk7XHJcblxyXG4uc2VhcmNoLWNvbXBvbmVudHtcclxuICAgIC50aXRsZSB7XHJcbiAgICAgICAgY29sb3I6ICMwMDA7XHJcbiAgICAgICAgZm9udC1zaXplOiAxN3B4IWltcG9ydGFudDtcclxuICAgICAgICBmb250LXdlaWdodDogNDAwO1xyXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIH1cclxuICAgIC50dW5lLWJ0bntcclxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICAgICAgd2lkdGg6IDUwcHg7XHJcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDBweCAycHggNHB4IC0xcHggcmdiKDAgMCAwIC8gMjAlKSwgMHB4IDRweCA1cHggMHB4IHJnYigwIDAgMCAvIDE0JSksIDBweCAxcHggMTBweCAwcHggcmdiKDAgMCAwIC8gMTIlKSAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIC53cmFwcGVyLWFjdGlvbnMge1xyXG4gICAgICAgICYubWluLWFjdGlvbi13aWR0aHtcclxuICAgICAgICAgICAgLmJ0bi1hY3Rpb24ge1xyXG4gICAgICAgICAgICAgICAgLk11aUJ1dHRvbi1yb290e1xyXG4gICAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogYXV0bztcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5idG57XHJcbiAgICAgICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAuTXVpQnV0dG9uLXJvb3R7XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogbWF4LWNvbnRlbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLmJ0bntcclxuICAgICAgICAgICAgICAgIHdpZHRoOiBtYXgtY29udGVudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBzdmd7XHJcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDMwcHg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9ICBcclxuICAgIH1cclxufVxyXG4uc2VhcmNoLW1lbnUtYWN0aW9uc3tcclxuICAgIC53cmFwcGVyLWFjdGlvbnMge1xyXG4gICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAuYnRue1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IG1heC1jb250ZW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHN2Z3tcclxuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzBweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0gIFxyXG4gICAgfVxyXG59Il19 */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaENvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlJO0VBQ0k7RUFDQTtFQUNBOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFLUTtFQUNJO0VBQ0E7O0FBRUo7RUFDSTtFQUNBOztBQUlaO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7OztBQU9SO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDE1cHQgKyAoMTcgLSAxNSkgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi5zZWFyY2gtY29tcG9uZW50e1xyXG4gICAgLnRpdGxlIHtcclxuICAgICAgICBmb250LXNpemU6IDE3cHghaW1wb3J0YW50O1xyXG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgfVxyXG4gICAgLnR1bmUtYnRue1xyXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgICAgICB3aWR0aDogNTBweDtcclxuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICB9XHJcbiAgICAud3JhcHBlci1hY3Rpb25zIHtcclxuICAgICAgICAmLm1pbi1hY3Rpb24td2lkdGh7XHJcbiAgICAgICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgICAgIC5NdWlCdXR0b24tcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IGF1dG87XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuYnRue1xyXG4gICAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogYXV0bztcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAuYnRuLWFjdGlvbiB7XHJcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgICAgLk11aUJ1dHRvbi1yb290e1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IG1heC1jb250ZW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5idG57XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogbWF4LWNvbnRlbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgc3Zne1xyXG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAzMHB4O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSAgXHJcbiAgICB9XHJcbn1cclxuLnNlYXJjaC1tZW51LWFjdGlvbnN7XHJcbiAgICAud3JhcHBlci1hY3Rpb25zIHtcclxuICAgICAgICAuYnRuLWFjdGlvbiB7XHJcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgICAgLmJ0bntcclxuICAgICAgICAgICAgICAgIHdpZHRoOiBtYXgtY29udGVudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBzdmd7XHJcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDMwcHg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9ICBcclxuICAgIH1cclxufSJdfQ== */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css2));
 
 // src/components/tables/SearchComponent/SearchComponent.tsx
 var ActionsList = (actions) => {
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto", justifyContent: "start", display: "flex", alignItems: "center", flexDirection: "row" } }, actions && actions.map((action, i) => /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: 2, color: "primary.main" }, key: i, className: "btn-action main-color" }, action.action)));
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { ml: "auto", justifyContent: "start", display: "flex", alignItems: "center", flexDirection: "row" } }, actions && actions.map((action, i) => /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { ml: 2, color: "primary.main" }, key: i, className: "btn-action main-color" }, action.action)));
 };
 var DoubleFilter = (filters) => {
-  return /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, spacing: 1, sx: { alignItems: "center" } }, filters.label && /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: { xs: 12, md: 3 } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, filters.label)), /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: { xs: 12, md: filters.label ? 9 : 12 } }, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, spacing: 1 }, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: 6 }, filters.firstFilter), /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: 6 }, filters.secondFilter))));
+  return /* @__PURE__ */ React9__default.default.createElement(material.Grid, { container: true, spacing: 1, sx: { alignItems: "center" } }, filters.label && /* @__PURE__ */ React9__default.default.createElement(material.Grid, { size: { xs: 12, md: 3 } }, /* @__PURE__ */ React9__default.default.createElement(material.Box, null, filters.label)), /* @__PURE__ */ React9__default.default.createElement(material.Grid, { size: { xs: 12, md: filters.label ? 9 : 12 } }, /* @__PURE__ */ React9__default.default.createElement(material.Grid, { container: true, spacing: 1 }, /* @__PURE__ */ React9__default.default.createElement(material.Grid, { size: 6 }, filters.firstFilter), /* @__PURE__ */ React9__default.default.createElement(material.Grid, { size: 6 }, filters.secondFilter))));
 };
 var SearchComponent = (props) => {
-  const [isOpen, setIsOpen] = React8.useState(!props.searchBar && !!props.filters || props.fixedOpen);
-  const [anchorEl, setAnchorEl] = React8.useState(null);
+  const [isOpen, setIsOpen] = React9.useState(!props.searchBar && !!props.filters || props.fixedOpen);
+  const [anchorEl, setAnchorEl] = React9.useState(null);
   const open = Boolean(anchorEl);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -143,7 +137,7 @@ var SearchComponent = (props) => {
     setAnchorEl(null);
   };
   const randId = Math.random().toString(36).substring(7);
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `search-component ${props.className}` }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: props.divider ? 2 : 0, px: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, sx: { alignItems: "center" } }, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: `search-component ${props.className}` }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { mb: props.divider ? 2 : 0, px: 2 } }, /* @__PURE__ */ React9__default.default.createElement(material.Grid, { container: true, sx: { alignItems: "center" } }, /* @__PURE__ */ React9__default.default.createElement(
     material.Grid,
     {
       size: {
@@ -151,18 +145,19 @@ var SearchComponent = (props) => {
         md: props.actions && props.searchBar ? 4 : props.searchBar ? 7 : props.actions ? 6 : 12
       }
     },
-    /* @__PURE__ */ React8__default.default.createElement(
+    /* @__PURE__ */ React9__default.default.createElement(
       material.Box,
       {
         sx: {
           pr: 1,
+          color: "text.primary",
           ...props.enableAfter && { "&::after": { bgcolor: "primary.main" } }
         },
         className: `${props.enableAfter ? "main-background-color-after" : ""} title`
       },
       props.title
     )
-  ), props.actions && /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: { xs: props.title ? 4 : 12 }, sx: { display: { xs: "block", md: "none" } } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "flex" } } }, ActionsList(props.actions)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "flex", md: "none" } } }, props.actions.length > 1 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto" } }, /* @__PURE__ */ React8__default.default.createElement(
+  ), props.actions && /* @__PURE__ */ React9__default.default.createElement(material.Grid, { size: { xs: props.title ? 4 : 12 }, sx: { display: { xs: "block", md: "none" } } }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "flex" } } }, ActionsList(props.actions)), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: { xs: "flex", md: "none" } } }, props.actions.length > 1 ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { ml: "auto" } }, /* @__PURE__ */ React9__default.default.createElement(
     material.IconButton,
     {
       "aria-label": "more",
@@ -172,8 +167,8 @@ var SearchComponent = (props) => {
       "aria-haspopup": "true",
       onClick: handleClick
     },
-    /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.MoreVert, null)
-  ), /* @__PURE__ */ React8__default.default.createElement(
+    /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.MoreVert, null)
+  ), /* @__PURE__ */ React9__default.default.createElement(
     material.Menu,
     {
       id: `long-button-${randId}`,
@@ -187,8 +182,8 @@ var SearchComponent = (props) => {
       onClose: handleClose,
       className: "search-menu-actions"
     },
-    props.actions.map((action, i) => /* @__PURE__ */ React8__default.default.createElement(material.MenuItem, { key: i, className: "wrapper-actions" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "btn-action main-color", sx: { color: "primary.main" } }, action.action)))
-  )) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto" }, className: `wrapper-actions ${props.title ? "min-action-width" : ""}` }, ActionsList(props.actions)))), (props.searchBar || props.filters || props.actions) && /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: { xs: 12, md: props.actions && props.searchBar ? 8 : props.actions ? 6 : 5 } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React8__default.default.createElement(
+    props.actions.map((action, i) => /* @__PURE__ */ React9__default.default.createElement(material.MenuItem, { key: i, className: "wrapper-actions" }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "btn-action main-color", sx: { color: "primary.main" } }, action.action)))
+  )) : /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { ml: "auto" }, className: `wrapper-actions ${props.title ? "min-action-width" : ""}` }, ActionsList(props.actions)))), (props.searchBar || props.filters || props.actions) && /* @__PURE__ */ React9__default.default.createElement(material.Grid, { size: { xs: 12, md: props.actions && props.searchBar ? 8 : props.actions ? 6 : 5 } }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React9__default.default.createElement(
     material.Box,
     {
       sx: {
@@ -199,16 +194,16 @@ var SearchComponent = (props) => {
       }
     },
     props.searchBar,
-    !!props.fixedOpen || props.filters && props.searchBar && /* @__PURE__ */ React8__default.default.createElement(
+    !!props.fixedOpen || props.filters && props.searchBar && /* @__PURE__ */ React9__default.default.createElement(
       material.Box,
       {
         onClick: () => setIsOpen(!isOpen),
         className: "tune-btn main-background-color",
-        sx: { bgcolor: "primary.main", color: "primary.contrastText" }
+        sx: { bgcolor: "primary.main", color: "primary.contrastText", "&:hover": { boxShadow: 4 } }
       },
-      /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Tune, null)
+      /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.Tune, null)
     )
-  ), props.actions && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "block" } }, className: "wrapper-actions" }, ActionsList(props.actions)))))), props.divider && /* @__PURE__ */ React8__default.default.createElement(material.Divider, null), /* @__PURE__ */ React8__default.default.createElement(material.Collapse, { in: isOpen }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "filters", sx: { px: 2, mt: 2, mb: props.divider ? 0 : 1 } }, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, spacing: 3, sx: { justifyContent: "end" } }, props.filters && props.filters.length > 0 && props.filters.map((filter, i) => /* @__PURE__ */ React8__default.default.createElement(material.Grid, { key: i, size: { xs: 12, sm: props.filtersSize ?? 6, xl: props.filtersSize ?? 4 } }, filter.doubleFilter ? DoubleFilter(filter.doubleFilter) : filter.singleFilter))))));
+  ), props.actions && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "block" } }, className: "wrapper-actions" }, ActionsList(props.actions)))))), props.divider && /* @__PURE__ */ React9__default.default.createElement(material.Divider, null), /* @__PURE__ */ React9__default.default.createElement(material.Collapse, { in: isOpen }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "filters", sx: { px: 2, mt: 2, mb: props.divider ? 0 : 1 } }, /* @__PURE__ */ React9__default.default.createElement(material.Grid, { container: true, spacing: 3, sx: { justifyContent: "end" } }, props.filters && props.filters.length > 0 && props.filters.map((filter, i) => /* @__PURE__ */ React9__default.default.createElement(material.Grid, { key: i, size: { xs: 12, sm: props.filtersSize ?? 6, xl: props.filtersSize ?? 4 } }, filter.doubleFilter ? DoubleFilter(filter.doubleFilter) : filter.singleFilter))))));
 };
 
 // src/components/wrappers/LinearProgressComponent/LinearProgressComponent.scss
@@ -234,7 +229,7 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/wrappers/LinearProgressComponent/LinearProgressComponent.tsx
 var LinearProgressComponent = () => {
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "linear-progress-component" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "linear-progress-main-color main-background-color", sx: { bgcolor: "primary.main" } }), /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "linear-progress-component" }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "linear-progress-main-color main-background-color", sx: { bgcolor: "primary.main" } }), /* @__PURE__ */ React9__default.default.createElement(
     material.LinearProgress,
     {
       classes: { bar: "main-background-color" },
@@ -245,7 +240,6 @@ var LinearProgressComponent = () => {
 
 // src/components/wrappers/MainWrapperComponent/MainWrapperComponent.scss
 var css4 = `.main-wrapper-component {
-  background-color: white;
   box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
 }
 .main-wrapper-component .main-background-color-after {
@@ -272,20 +266,20 @@ var css4 = `.main-wrapper-component {
 .main-wrapper-component .wrapper-actions .btn-action svg {
   font-size: 30px;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1haW5XcmFwcGVyQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDSTtFQUNBOztBQUNBO0VBQ0k7O0FBQ0E7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBTUk7RUFDSTtFQUNBOztBQUlaO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDE5cHggKyAoMjEgLSAxOSkgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi5tYWluLXdyYXBwZXItY29tcG9uZW50e1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBib3gtc2hhZG93OiAwIDFweCAyMHB4IDAgcmdiKDY5IDkwIDEwMCAvIDglKTtcclxuICAgIC5tYWluLWJhY2tncm91bmQtY29sb3ItYWZ0ZXJ7XHJcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICAgICY6YWZ0ZXIge1xyXG4gICAgICAgICAgICBjb250ZW50OiBcIlwiO1xyXG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgIGxlZnQ6IC0xNnB4O1xyXG4gICAgICAgICAgICB0b3A6IDJweDtcclxuICAgICAgICAgICAgd2lkdGg6IDNweDtcclxuICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIC53cmFwcGVyLWFjdGlvbnMge1xyXG4gICAgICAgICYubWluLWFjdGlvbi13aWR0aHtcclxuICAgICAgICAgICAgLmJ0bi1hY3Rpb24ge1xyXG4gICAgICAgICAgICAgICAgLk11aUJ1dHRvbi1yb290e1xyXG4gICAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogYXV0bztcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAuYnRuLWFjdGlvbiB7XHJcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgICAgLk11aUJ1dHRvbi1yb290e1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IG1heC1jb250ZW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHN2Z3tcclxuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzBweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgIFxyXG4gICAgICAgIH0gIFxyXG4gICAgfVxyXG59Il19 */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1haW5XcmFwcGVyQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDSTs7QUFDQTtFQUNJOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQU1JO0VBQ0k7RUFDQTs7QUFJWjtFQUNJOztBQUNBO0VBQ0k7O0FBRUo7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIiRzaXplLWZvcm06IChjYWxjKDEwMHZ3IC0gMzAwcHgpIC8gKDE2MDAgLSAzMDApKTtcclxuJGZvbnQtc2l6ZTogY2FsYygxOXB4ICsgKDIxIC0gMTkpICogI3skc2l6ZS1mb3JtfSk7XHJcblxyXG4ubWFpbi13cmFwcGVyLWNvbXBvbmVudHtcclxuICAgIGJveC1zaGFkb3c6IDAgMXB4IDIwcHggMCByZ2IoNjkgOTAgMTAwIC8gOCUpO1xyXG4gICAgLm1haW4tYmFja2dyb3VuZC1jb2xvci1hZnRlcntcclxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgICAgJjphZnRlciB7XHJcbiAgICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XHJcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgbGVmdDogLTE2cHg7XHJcbiAgICAgICAgICAgIHRvcDogMnB4O1xyXG4gICAgICAgICAgICB3aWR0aDogM3B4O1xyXG4gICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLndyYXBwZXItYWN0aW9ucyB7XHJcbiAgICAgICAgJi5taW4tYWN0aW9uLXdpZHRoe1xyXG4gICAgICAgICAgICAuYnRuLWFjdGlvbiB7XHJcbiAgICAgICAgICAgICAgICAuTXVpQnV0dG9uLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAuTXVpQnV0dG9uLXJvb3R7XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogbWF4LWNvbnRlbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgc3Zne1xyXG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAzMHB4O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgXHJcbiAgICAgICAgfSAgXHJcbiAgICB9XHJcbn0iXX0= */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css4));
 
 // src/components/wrappers/MainWrapperComponent/MainWrapperComponent.tsx
 var MainWrapperComponent = ({ enableTrimBar = false, ...rest }) => {
   const props = { enableTrimBar, ...rest };
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "main-wrapper-component", sx: { height: props.height ?? "100%" } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { height: "4px" } }, props.loadingProgressBar && /* @__PURE__ */ React8__default.default.createElement(LinearProgressComponent, null)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { py: 2 } }, props.loading ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", px: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, props.headerProps && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: props.divider ? 1.5 : 0 } }, /* @__PURE__ */ React8__default.default.createElement(SearchComponent, { ...props.headerProps, enableAfter: props.headerProps.enableAfter ?? true })), props.divider && /* @__PURE__ */ React8__default.default.createElement(material.Divider, null), props.children && !props.loadingChildren ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "main-wrapper-component", sx: { height: props.height ?? "100%", bgcolor: "background.paper" } }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { height: "4px" } }, props.loadingProgressBar && /* @__PURE__ */ React9__default.default.createElement(LinearProgressComponent, null)), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { py: 2 } }, props.loading ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", px: 2 } }, /* @__PURE__ */ React9__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, props.headerProps && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { mb: props.divider ? 1.5 : 0 } }, /* @__PURE__ */ React9__default.default.createElement(SearchComponent, { ...props.headerProps, enableAfter: props.headerProps.enableAfter ?? true })), props.divider && /* @__PURE__ */ React9__default.default.createElement(material.Divider, null), props.children && !props.loadingChildren ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React9__default.default.createElement(
     material.Box,
     {
       className: `${props.enableTrimBar ? "main-background-color-after" : ""}`,
       sx: props.enableTrimBar ? { "&::after": { bgcolor: "primary.main" } } : void 0
     },
     props.children
-  )) : props.loadingChildren ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null))));
+  )) : props.loadingChildren ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React9__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null))));
 };
 
 // src/components/tables/TableComponent/TableComponent.scss
@@ -299,12 +293,6 @@ var css5 = `.table-component .paper-container {
 .table-component .paper-container .checkbox-cell .MuiCheckbox-root:hover {
   background-color: transparent !important;
 }
-.table-component .paper-container .checkbox-cell .Mui-checked {
-  color: rgba(0, 0, 0, 0.54) !important;
-}
-.table-component .paper-container .checkbox-cell .MuiCheckbox-indeterminate {
-  color: #212529 !important;
-}
 .table-component .paper-container .table-container.with-scroll {
   max-height: 68vh;
 }
@@ -312,19 +300,11 @@ var css5 = `.table-component .paper-container {
   font-weight: bold;
   font-size: calc(9pt + 2 * calc(100vw - 300px)/1300) !important;
   padding: 10px !important;
-  border-top: 1px solid rgb(224, 224, 224);
-  border-right: 1px solid rgb(224, 224, 224);
-  border-bottom: 2px solid rgb(224, 224, 224);
-  background-color: white;
 }
 .table-component .paper-container .table-container .table-column .table-header-cell {
-  color: black;
   font-weight: bold;
   padding: 0px 10px 0px 10px !important;
 }
-.table-component .paper-container .table-container.table-simple {
-  border-bottom: 1px solid black;
-}
 .table-component .paper-container .table-container.table-simple .table-column:first-child {
   border-radius: 5px 0 0 5px;
 }
@@ -332,50 +312,15 @@ var css5 = `.table-component .paper-container {
   border-right: none !important;
   border-radius: 0 5px 5px 0;
 }
-.table-component .paper-container .table-container.table-bordered .table-column {
-  border-bottom: 1px solid #eaeaea !important;
-  border-top: 1px solid #eaeaea !important;
-  border-right: 1px solid #eaeaea !important;
-  border-bottom: 1px solid #eaeaea !important;
-  color: #7a7a7a !important;
-}
-.table-component .paper-container .table-container.table-bordered .table-column .table-header-cell {
-  color: #7a7a7a !important;
-}
-.table-component .paper-container .table-container.table-bordered .table-column:first-child {
-  border-left: 1px solid #eaeaea;
-}
-.table-component .paper-container .table-container.table-bordered .table-rows .table-cell {
-  border-right: 1px solid #eaeaea;
-  color: #505050 !important;
-}
-.table-component .paper-container .table-container.table-bordered .table-rows .table-cell:first-child {
-  border-left: 1px solid #eaeaea;
-}
-.table-component .paper-container .table-container .table-rows.table-striped td {
-  background-color: rgba(255, 255, 255, 0.95);
-}
 .table-component .paper-container .table-container .table-rows.row-click {
   cursor: pointer;
 }
-.table-component .paper-container .table-container .table-rows.row-click:hover {
-  background-color: rgba(0, 0, 0, 0.04);
-}
 .table-component .paper-container .table-container .table-rows.row-click:hover.table-striped {
   background-color: transparent !important;
 }
-.table-component .paper-container .table-container .table-rows.row-click:hover.table-striped td {
-  background-color: rgba(0, 0, 0, 0.04);
-}
-.table-component .paper-container .table-container .table-rows.Mui-selected {
-  background-color: rgba(0, 0, 0, 0.04);
-}
 .table-component .paper-container .table-container .table-rows.Mui-selected.table-striped {
   background-color: transparent !important;
 }
-.table-component .paper-container .table-container .table-rows.Mui-selected.table-striped td {
-  background-color: rgba(0, 0, 0, 0.04);
-}
 .table-component .paper-container .table-container .table-rows .Mui-selected {
   background-color: transparent !important;
 }
@@ -394,7 +339,6 @@ var css5 = `.table-component .paper-container {
   float: right;
 }
 .table-component .paper-container .table-container .table-rows .btn-action {
-  color: rgba(0, 0, 0, 0.54);
   display: inline-block;
   text-decoration: none;
   font-size: 1.6em !important;
@@ -418,7 +362,6 @@ var css5 = `.table-component .paper-container {
   right: 0;
   top: 5px;
   margin: auto;
-  color: grey;
 }
 .table-component .paper-container .MuiTablePagination-root {
   overflow: unset;
@@ -431,17 +374,12 @@ var css5 = `.table-component .paper-container {
 .table-component .paper-container .MuiTablePagination-root .MuiTablePagination-spacer {
   flex: 0 !important;
 }
-.table-component .paper-container .MuiTablePagination-root.table-bordered {
-  color: #7a7a7a;
-}
 .table-component .paper-container .MuiTablePagination-root.table-bordered .pagination {
   margin-left: auto;
 }
 .table-component .paper-container .MuiTablePagination-root.table-bordered .pagination li button {
-  border-color: #dee2e6 !important;
   margin: 0px;
   border-radius: 0px !important;
-  color: #7a7a7a;
   border-top: 1px solid;
   border-bottom: 1px solid;
   border-left: 0px solid;
@@ -454,13 +392,6 @@ var css5 = `.table-component .paper-container {
 .table-component .paper-container .MuiTablePagination-root.table-bordered .pagination li:nth-last-child(1) .MuiPaginationItem-root {
   border-radius: 0 5px 5px 0 !important;
 }
-.table-component .paper-container .MuiTablePagination-root.table-bordered .pagination .MuiPaginationItem-icon {
-  color: #7a7a7a;
-}
-.table-component .paper-container .MuiTablePagination-root.table-simple .pagination .MuiPaginationItem-page {
-  background-color: --mui-palette-secondary-main;
-  color: --mui-palette-secondary-contrastText;
-}
 .table-component .paper-container .MuiTablePagination-root.table-simple .pagination li:nth-child(2) .MuiPaginationItem-page {
   border-radius: 5px 0 0 5px !important;
 }
@@ -471,17 +402,12 @@ var css5 = `.table-component .paper-container {
   border-radius: 0px;
   margin: 1px;
 }
-.table-component .paper-container .MuiTablePagination-root .pagination .MuiPaginationItem-page.Mui-selected {
-  color: var(--mui-palette-primary-contrastText);
-  background-color: var(--mui-palette-primary-main);
-}
 .table-component .paper-container .MuiTablePagination-root .pagination li button {
   padding: 14px;
 }
 @media (max-width: 992px) {
   .table-component .paper-container .table-container {
     max-height: 60vh;
-    border-top: 1px solid #cccccc;
   }
   .table-component .paper-container .table-container .MuiTable-root {
     border-collapse: collapse !important;
@@ -489,9 +415,6 @@ var css5 = `.table-component .paper-container {
   .table-component .paper-container .table-container .MuiTableHead-root {
     display: none !important;
   }
-  .table-component .paper-container .table-container .table-rows {
-    border-bottom: 2px solid #cccccc;
-  }
   .table-component .paper-container .table-container .table-rows .MuiTableCell-root {
     width: auto;
     border-bottom: none !important;
@@ -519,8 +442,72 @@ var css5 = `.table-component .paper-container {
     margin-left: 0;
   }
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBOztBQUVJO0VBQ0k7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7O0FBSUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNSOztBQUNRO0VBQ0k7RUFDQTtFQUNBOztBQUdSO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBS0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7O0FBR1I7RUFDSTs7QUFHQTtFQUNJO0VBQ0E7O0FBRUo7RUFDSTs7QUFNSjtFQUNJOztBQUdSO0VBQ0k7O0FBQ0E7RUFDSTs7QUFDQTtFQUNJOztBQUNBO0VBQ0k7O0FBS2hCO0VBQ0k7O0FBQ0E7RUFDSTs7QUFDQTtFQUNJOztBQUlaO0VBQ0k7O0FBRUo7RUFDSTtFQUNBOztBQUVKO0VBQ0k7RUFDQTs7QUFDQTtFQUNJOztBQUdSO0VBQ0k7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTs7QUFDQTtFQUNJLFdBaElaOztBQXNJSjtFQUNJOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHUjtFQUNJOztBQUNBO0VBQ0k7RUFDQTtFQUNBOztBQUVKO0VBQ0k7O0FBRUo7RUFDSTs7QUFDQTtFQUNJOztBQUVJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJSjtFQUNJO0VBQ0E7O0FBSUo7RUFDSTs7QUFHUjtFQUNJOztBQU1KO0VBQ0k7RUFDQTs7QUFHQTtFQUNJOztBQUlKO0VBQ0k7O0FBT1o7RUFDSTtFQUNBOztBQUNBO0VBQ0k7RUFDQTs7QUFJTDtFQUNLOztBQU9wQjtFQUVRO0lBQ0k7SUFDQTs7RUFDQTtJQUNJOztFQUVKO0lBQ0k7O0VBRUo7SUFDSTs7RUFDQTtJQUNJO0lBQ0E7O0VBQ0E7SUFDSTtJQUNBO0lBQ0E7SUFDQTs7RUFFSjtJQUNJOztFQUdSO0lBQ0k7O0VBRUo7SUFDSTtJQUNBO0lBQ0E7SUFDQTtJQUNBOztFQU9SO0lBQ1EiLCJzb3VyY2VzQ29udGVudCI6WyIkc2l6ZS1mb3JtOiAoY2FsYygxMDB2dyAtIDMwMHB4KSAvICgxNjAwIC0gMzAwKSk7XHJcbiRmb250LXNpemU6IGNhbGMoOXB0ICsgKDExIC0gOSkgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi50YWJsZS1jb21wb25lbnR7XHJcbiAgICAucGFwZXItY29udGFpbmVye1xyXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQhaW1wb3J0YW50O1xyXG4gICAgICAgIC5jaGVja2JveC1jZWxse1xyXG4gICAgICAgICAgICAuTXVpQ2hlY2tib3gtcm9vdHtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmc6MCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgJjpob3ZlcntcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOnRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLk11aS1jaGVja2VkIHtcclxuICAgICAgICAgICAgICAgIGNvbG9yOiByZ2JhKDAsMCwwLDAuNTQpICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLk11aUNoZWNrYm94LWluZGV0ZXJtaW5hdGUge1xyXG4gICAgICAgICAgICAgICAgY29sb3I6ICMyMTI1MjkgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAudGFibGUtY29udGFpbmVye1xyXG4gICAgICAgICAgICAmLndpdGgtc2Nyb2xse1xyXG4gICAgICAgICAgICAgICAgbWF4LWhlaWdodDogNjh2aDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAudGFibGUtY29sdW1ue1xyXG4gICAgICAgICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICAgICAgICAgICAgICBmb250LXNpemU6ICRmb250LXNpemUgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDEwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDIyNCwgMjI0LCAyMjQsIDEpO1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgcmdiYSgyMjQsIDIyNCwgMjI0LCAxKTtcclxuICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCByZ2JhKDIyNCwgMjI0LCAyMjQsIDEpO1xyXG5cdFx0XHRcdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICAgICAgICAgICAgICAudGFibGUtaGVhZGVyLWNlbGx7XHJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xyXG4gICAgICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCAxMHB4IDBweCAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgJi50YWJsZS1zaW1wbGV7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XHJcbiAgICAgICAgICAgICAgICAudGFibGUtY29sdW1uOmZpcnN0LWNoaWxkeyBcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHggMCAwIDVweDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW46bGFzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDVweCA1cHggMDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgJi50YWJsZS1ib3JkZXJlZHtcclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW57XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlYWVhZWEgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlYWVhZWEgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjN2E3YTdhICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgLnRhYmxlLWhlYWRlci1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzdhN2E3YSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW46Zmlyc3QtY2hpbGR7IFxyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2VhZWFlYTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1yb3dze1xyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZWFlYWVhO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzUwNTA1MCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAudGFibGUtY2VsbDpmaXJzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2VhZWFlYTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnRhYmxlLXJvd3N7XHJcbiAgICAgICAgICAgICAgICAmLnRhYmxlLXN0cmlwZWR7XHJcbiAgICAgICAgICAgICAgICAgICAgdGR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyNTUgMjU1IDI1NSAvIDk1JSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgJi5yb3ctY2xpY2t7XHJcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAgICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICYudGFibGUtc3RyaXBlZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA0KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICYuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDQpOyBcclxuICAgICAgICAgICAgICAgICAgICAmLnRhYmxlLXN0cmlwZWR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50OyBcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogNnB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5pbWctdGFibGV7XHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMTBweDtcclxuICAgICAgICAgICAgICAgICAgICBpbWd7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmFjdGlvbnN7XHJcbiAgICAgICAgICAgICAgICAgICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmJ0bi1hY3Rpb24ge1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOnJnYmEoMCwwLDAsMC41NCk7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgICAgICAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6IDEuNmVtICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDdweDtcclxuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuZm9ybWF0LXZhbHVle1xyXG4gICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJGZvbnQtc2l6ZSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIC5NdWlUeXBvZ3JhcGh5LXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJGZvbnQtc2l6ZTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9ICBcclxuICAgICAgICBcclxuICAgICAgICAuTXVpVGFibGUtcm9vdC5sb2FkaW5nIHtcclxuICAgICAgICAgICAgb3BhY2l0eTogMC41O1xyXG4gICAgICAgICAgICAuTXVpQ2lyY3VsYXJQcm9ncmVzcy1yb290e1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IDUwcHg7XHJcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDUwcHg7XHJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XHJcbiAgICAgICAgICAgICAgICB0b3A6IDVweDtcclxuICAgICAgICAgICAgICAgIG1hcmdpbjogYXV0bztcclxuICAgICAgICAgICAgICAgIGNvbG9yOmdyZXk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgLk11aVRhYmxlUGFnaW5hdGlvbi1yb290e1xyXG4gICAgICAgICAgICBvdmVyZmxvdzogdW5zZXQ7XHJcbiAgICAgICAgICAgIC5NdWlUb29sYmFyLXJvb3Qge1xyXG4gICAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXIgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIGZsZXgtd3JhcDogd3JhcDtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5NdWlUYWJsZVBhZ2luYXRpb24tc3BhY2VyIHtcclxuICAgICAgICAgICAgICAgIGZsZXg6IDAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAmLnRhYmxlLWJvcmRlcmVke1xyXG4gICAgICAgICAgICAgICAgY29sb3I6ICM3YTdhN2E7XHJcbiAgICAgICAgICAgICAgICAucGFnaW5hdGlvbiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IGF1dG87XHJcbiAgICAgICAgICAgICAgICAgICAgbGl7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJ1dHRvbntcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogI2RlZTJlNiAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luOjBweDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICM3YTdhN2E7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMHB4IHNvbGlkO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICBsaTpudGgtY2hpbGQoMSl7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweCAwIDAgNXB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGxpOm50aC1sYXN0LWNoaWxkKDEpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDVweCA1cHggMCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC5NdWlQYWdpbmF0aW9uSXRlbS1pY29ue1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzdhN2E3YTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgJi50YWJsZS1zaW1wbGV7XHJcbiAgICAgICAgICAgICAgICAucGFnaW5hdGlvbiB7XHJcbiAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXBhZ2Uge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAoLS1tdWktcGFsZXR0ZS1zZWNvbmRhcnktbWFpbik7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAoLS1tdWktcGFsZXR0ZS1zZWNvbmRhcnktY29udHJhc3RUZXh0KTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgbGk6bnRoLWNoaWxkKDIpeyBcclxuICAgICAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXBhZ2V7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHggMCAwIDVweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGxpOm50aC1sYXN0LWNoaWxkKDIpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXBhZ2V7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDVweCA1cHggMCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAucGFnaW5hdGlvbiB7XHJcbiAgICAgICAgICAgICAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcGFnZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMHB4O1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbjoxcHg7XHJcbiAgICAgICAgICAgICAgICAgICAgJi5NdWktc2VsZWN0ZWQge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIHZhcigtLW11aS1wYWxldHRlLXByaW1hcnktY29udHJhc3RUZXh0KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbXVpLXBhbGV0dGUtcHJpbWFyeS1tYWluKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBsaXtcclxuICAgICAgICAgICAgICAgICAgIGJ1dHRvbntcclxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMTRweDtcclxuICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBcclxuICAgIH1cclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA5OTJweCApIHtcclxuICAgICAgICAucGFwZXItY29udGFpbmVye1xyXG4gICAgICAgICAgICAudGFibGUtY29udGFpbmVye1xyXG4gICAgICAgICAgICAgICAgbWF4LWhlaWdodDogNjB2aDtcclxuICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjY2NjY2NjO1xyXG4gICAgICAgICAgICAgICAgLk11aVRhYmxlLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpVGFibGVIZWFkLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTpub25lIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1yb3dze1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjY2NjY2NjO1xyXG4gICAgICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOmF1dG87XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IG5vbmUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAubGFiZWwtY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNTAlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5sYWJlbC1jZWxsICsgZGl2e1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jayFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC5mb3JtYXQtdmFsdWV7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNTAlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDI5OXB4O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAuTXVpVGFibGVQYWdpbmF0aW9uLXJvb3R7XHJcbiAgICAgICAgICAgICYudGFibGUtYm9yZGVyZWR7XHJcbiAgICAgICAgICAgICAgICAucGFnaW5hdGlvbiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgXHJcbiAgICB9XHJcbn0iXX0= */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBOztBQUVJO0VBQ0k7O0FBQ0E7RUFDSTs7QUFLUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBOztBQUNBO0VBQ0k7RUFDQTs7QUFJSjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFLSjtFQUNJOztBQUVJO0VBQ0k7O0FBS1I7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFSjtFQUNJOztBQUNBO0VBQ0ksV0E5RVo7O0FBb0ZKO0VBQ0k7O0FBQ0E7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHUjtFQUNJOztBQUNBO0VBQ0k7RUFDQTtFQUNBOztBQUVKO0VBQ0k7O0FBR0E7RUFDSTs7QUFFSTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJSjtFQUNJO0VBQ0E7O0FBSUo7RUFDSTs7QUFRSjtFQUNJOztBQUlKO0VBQ0k7O0FBT1o7RUFDSTtFQUNBOztBQUdEO0VBQ0s7O0FBT3BCO0VBRVE7SUFDSTs7RUFDQTtJQUNJOztFQUVKO0lBQ0k7O0VBR0E7SUFDSTtJQUNBOztFQUNBO0lBQ0k7SUFDQTtJQUNBO0lBQ0E7O0VBRUo7SUFDSTs7RUFHUjtJQUNJOztFQUVKO0lBQ0k7SUFDQTtJQUNBO0lBQ0E7SUFDQTs7RUFPUjtJQUNRIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDlwdCArICgxMSAtIDkpICogI3skc2l6ZS1mb3JtfSk7XHJcblxyXG4udGFibGUtY29tcG9uZW50e1xyXG4gICAgLnBhcGVyLWNvbnRhaW5lcntcclxuICAgICAgICBib3gtc2hhZG93OiBub25lO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50IWltcG9ydGFudDtcclxuICAgICAgICAuY2hlY2tib3gtY2VsbHtcclxuICAgICAgICAgICAgLk11aUNoZWNrYm94LXJvb3R7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nOjAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjp0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC50YWJsZS1jb250YWluZXJ7XHJcbiAgICAgICAgICAgICYud2l0aC1zY3JvbGx7XHJcbiAgICAgICAgICAgICAgICBtYXgtaGVpZ2h0OiA2OHZoO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC50YWJsZS1jb2x1bW57XHJcbiAgICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJGZvbnQtc2l6ZSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgcGFkZGluZzogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWhlYWRlci1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCAxMHB4IDBweCAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgJi50YWJsZS1zaW1wbGV7XHJcbiAgICAgICAgICAgICAgICAudGFibGUtY29sdW1uOmZpcnN0LWNoaWxkeyBcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHggMCAwIDVweDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW46bGFzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDVweCA1cHggMDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgLnRhYmxlLXJvd3N7XHJcbiAgICAgICAgICAgICAgICAmLnJvdy1jbGlja3tcclxuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICAgICAgICAgICAgJjpob3ZlcntcclxuICAgICAgICAgICAgICAgICAgICAgICAgJi50YWJsZS1zdHJpcGVke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAmLk11aS1zZWxlY3RlZCB7XHJcbiAgICAgICAgICAgICAgICAgICAgJi50YWJsZS1zdHJpcGVke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50OyBcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50OyBcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogNnB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5pbWctdGFibGV7XHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMTBweDtcclxuICAgICAgICAgICAgICAgICAgICBpbWd7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmFjdGlvbnN7XHJcbiAgICAgICAgICAgICAgICAgICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmJ0bi1hY3Rpb24ge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgICAgICAgICAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjZlbSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCA3cHg7XHJcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmZvcm1hdC12YWx1ZXtcclxuICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6ICRmb250LXNpemUgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAuTXVpVHlwb2dyYXBoeS1yb290e1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6ICRmb250LXNpemU7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSAgXHJcbiAgICAgICAgXHJcbiAgICAgICAgLk11aVRhYmxlLXJvb3QubG9hZGluZyB7XHJcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcclxuICAgICAgICAgICAgLk11aUNpcmN1bGFyUHJvZ3Jlc3Mtcm9vdHtcclxuICAgICAgICAgICAgICAgIHdpZHRoOiA1MHB4O1xyXG4gICAgICAgICAgICAgICAgaGVpZ2h0OiA1MHB4O1xyXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgICAgbGVmdDogMDtcclxuICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xyXG4gICAgICAgICAgICAgICAgdG9wOiA1cHg7XHJcbiAgICAgICAgICAgICAgICBtYXJnaW46IGF1dG87XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgLk11aVRhYmxlUGFnaW5hdGlvbi1yb290e1xyXG4gICAgICAgICAgICBvdmVyZmxvdzogdW5zZXQ7XHJcbiAgICAgICAgICAgIC5NdWlUb29sYmFyLXJvb3Qge1xyXG4gICAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXIgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIGZsZXgtd3JhcDogd3JhcDtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5NdWlUYWJsZVBhZ2luYXRpb24tc3BhY2VyIHtcclxuICAgICAgICAgICAgICAgIGZsZXg6IDAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAmLnRhYmxlLWJvcmRlcmVke1xyXG4gICAgICAgICAgICAgICAgLnBhZ2luYXRpb24ge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgICAgIGxpe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBidXR0b257XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW46MHB4O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMHB4IHNvbGlkO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICBsaTpudGgtY2hpbGQoMSl7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweCAwIDAgNXB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGxpOm50aC1sYXN0LWNoaWxkKDEpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDVweCA1cHggMCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICYudGFibGUtc2ltcGxle1xyXG4gICAgICAgICAgICAgICAgLnBhZ2luYXRpb24ge1xyXG4gICAgICAgICAgICAgICAgICAgIGxpOm50aC1jaGlsZCgyKXsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5NdWlQYWdpbmF0aW9uSXRlbS1wYWdle1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4IDAgMCA1cHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICBsaTpudGgtbGFzdC1jaGlsZCgyKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5NdWlQYWdpbmF0aW9uSXRlbS1wYWdle1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMCA1cHggNXB4IDAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBcclxuICAgICAgICAgICAgLnBhZ2luYXRpb24ge1xyXG4gICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXBhZ2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDBweDtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW46MXB4O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgbGl7XHJcbiAgICAgICAgICAgICAgICAgICBidXR0b257XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDE0cHg7XHJcbiAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgXHJcbiAgICB9XHJcbiAgICBAbWVkaWEgKG1heC13aWR0aDogOTkycHggKSB7XHJcbiAgICAgICAgLnBhcGVyLWNvbnRhaW5lcntcclxuICAgICAgICAgICAgLnRhYmxlLWNvbnRhaW5lcntcclxuICAgICAgICAgICAgICAgIG1heC1oZWlnaHQ6IDYwdmg7XHJcbiAgICAgICAgICAgICAgICAuTXVpVGFibGUtcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZUhlYWQtcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5Om5vbmUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLnRhYmxlLXJvd3N7XHJcbiAgICAgICAgICAgICAgICAgICAgLk11aVRhYmxlQ2VsbC1yb290IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6YXV0bztcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5sYWJlbC1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IHRvcDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiA1MCU7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgLmxhYmVsLWNlbGwgKyBkaXZ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgLnRhYmxlLWNlbGx7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgLmZvcm1hdC12YWx1ZXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiA1MCU7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMjk5cHg7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5NdWlUYWJsZVBhZ2luYXRpb24tcm9vdHtcclxuICAgICAgICAgICAgJi50YWJsZS1ib3JkZXJlZHtcclxuICAgICAgICAgICAgICAgIC5wYWdpbmF0aW9uIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICBcclxuICAgIH1cclxufSJdfQ== */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css5));
+var tableColorsSx = (theme) => {
+  const { palette } = theme;
+  const border = `1px solid ${palette.divider}`;
+  return {
+    "& .paper-container": {
+      "& .checkbox-cell": {
+        "& .Mui-checked": { color: `${palette.action.active} !important` },
+        "& .MuiCheckbox-indeterminate": { color: `${palette.text.primary} !important` }
+      },
+      "& .table-container": {
+        "& .table-column": {
+          borderTop: border,
+          borderRight: border,
+          borderBottom: `2px solid ${palette.divider}`,
+          backgroundColor: palette.background.paper,
+          "& .table-header-cell": { color: palette.text.primary }
+        },
+        "&.table-simple": { borderBottom: `1px solid ${palette.text.primary}` },
+        "&.table-bordered": {
+          "& .table-column": {
+            borderTop: `${border} !important`,
+            borderRight: `${border} !important`,
+            borderBottom: `${border} !important`,
+            color: `${palette.text.secondary} !important`,
+            "& .table-header-cell": { color: `${palette.text.secondary} !important` }
+          },
+          "& .table-column:first-of-type": { borderLeft: border },
+          "& .table-rows": {
+            "& .table-cell": { borderRight: border, color: `${palette.text.primary} !important` },
+            "& .table-cell:first-of-type": { borderLeft: border }
+          }
+        },
+        "& .table-rows": {
+          "&.table-striped td": { backgroundColor: styles.alpha(palette.background.paper, 0.95) },
+          "&.row-click:hover, &.Mui-selected": {
+            backgroundColor: palette.action.hover,
+            "&.table-striped td": { backgroundColor: palette.action.hover }
+          },
+          "& .btn-action": { color: palette.action.active }
+        }
+      },
+      "& .MuiTable-root.loading .MuiCircularProgress-root": { color: palette.text.secondary },
+      "& .MuiTablePagination-root.table-bordered": {
+        color: palette.text.secondary,
+        "& .pagination": {
+          "& li button": { borderColor: `${palette.divider} !important`, color: palette.text.secondary },
+          "& .MuiPaginationItem-icon": { color: palette.text.secondary }
+        }
+      }
+    },
+    "@media (max-width: 992px)": {
+      "& .paper-container .table-container": {
+        borderTop: `1px solid ${palette.divider}`,
+        "& .table-rows": { borderBottom: `2px solid ${palette.divider}` }
+      }
+    },
+    "& .true-boolean-color, & .true-suffix-boolean-color, & .true-correct-boolean-color": {
+      color: `${palette.success.main} !important`
+    },
+    "& .false-boolean-color, & .false-suffix-boolean-color, & .false-correct-boolean-color": {
+      color: `${palette.error.main} !important`
+    }
+  };
+};
 var TextFieldComponent = ({
   fullWidth = true,
   type = "text",
@@ -540,8 +527,8 @@ var TextFieldComponent = ({
   onMouseLeave,
   ...rest
 }) => {
-  const [hover, setHover] = React8__default.default.useState(false);
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "text-field-component", sx: { width: "100%" } }, /* @__PURE__ */ React8__default.default.createElement(
+  const [hover, setHover] = React9__default.default.useState(false);
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "text-field-component", sx: { width: "100%" } }, /* @__PURE__ */ React9__default.default.createElement(
     material.TextField,
     {
       ...rest,
@@ -703,16 +690,27 @@ var toBase64 = (file) => {
     reader.onerror = (error) => reject(error);
   });
 };
+
+// src/interfaces/search/SearchFilters.tsx
+var SearchBaseDefaults = {
+  offset: 0,
+  page: 1,
+  limit: 100,
+  orderBy: "id",
+  orderAsc: true
+};
+
+// src/helpers/hooks.tsx
 var usePrevious = (value) => {
-  const ref2 = React8.useRef(void 0);
-  React8.useEffect(() => {
+  const ref2 = React9.useRef(void 0);
+  React9.useEffect(() => {
     ref2.current = value;
   });
   return ref2.current;
 };
 var useIsMounted = () => {
-  const isMounted = React8.useRef(false);
-  React8.useEffect(() => {
+  const isMounted = React9.useRef(false);
+  React9.useEffect(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
@@ -720,7 +718,13 @@ var useIsMounted = () => {
   }, []);
   return isMounted;
 };
-var NotificationContainer = (props) => /* @__PURE__ */ React8__default.default.createElement(
+var useFilters = (initial = SearchBaseDefaults) => {
+  const [filters, setFilters] = React9.useState(initial);
+  const setNewFilters = (name, value) => setFilters((prev) => ({ ...prev, [name]: value, page: 1, offset: 0 }));
+  const onHandleChange = (event) => setNewFilters(event.target.name, event.target.value);
+  return { filters, setFilters, setNewFilters, onHandleChange };
+};
+var NotificationContainer = (props) => /* @__PURE__ */ React9__default.default.createElement(
   notistack.SnackbarProvider,
   {
     maxSnack: 5,
@@ -740,17 +744,17 @@ var addNotification = ({
   key: id,
   autoHideDuration: duration,
   persist: duration === null,
-  action: duration === null ? (key) => /* @__PURE__ */ React8__default.default.createElement(material.IconButton, { size: "small", color: "inherit", "aria-label": "close", onClick: () => notistack.closeSnackbar(key) }, /* @__PURE__ */ React8__default.default.createElement(CloseIcon__default.default, { fontSize: "small" })) : void 0
+  action: duration === null ? (key) => /* @__PURE__ */ React9__default.default.createElement(material.IconButton, { size: "small", color: "inherit", "aria-label": "close", onClick: () => notistack.closeSnackbar(key) }, /* @__PURE__ */ React9__default.default.createElement(CloseIcon__default.default, { fontSize: "small" })) : void 0
 });
 var removeNotification = (id) => notistack.closeSnackbar(id);
 
 // src/components/tables/ImageTableComponent/ImageTableComponent.tsx
 var ImageTableComponent = (props) => {
-  const [loading, setLoading] = React8.useState(false);
-  const [image, setImage] = React8.useState();
+  const [loading, setLoading] = React9.useState(false);
+  const [image, setImage] = React9.useState();
   const prevGuidState = usePrevious(props.guid);
   const isMounted = useIsMounted();
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     if (prevGuidState !== props.guid) {
       setLoading(true);
       props.readFile(props.guid).then((result) => {
@@ -761,7 +765,7 @@ var ImageTableComponent = (props) => {
       }).catch(() => setLoading(false));
     }
   }, [props, prevGuidState, isMounted]);
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "images-table-component" }, loading ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { textAlign: "center" } }, /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "main-color", color: "primary" })) : /* @__PURE__ */ React8__default.default.createElement(material.Avatar, { alt: "-", src: image, className: "img-table", variant: "square" }));
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "images-table-component" }, loading ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { textAlign: "center" } }, /* @__PURE__ */ React9__default.default.createElement(material.CircularProgress, { className: "main-color", color: "primary" })) : /* @__PURE__ */ React9__default.default.createElement(material.Avatar, { alt: "-", src: image, className: "img-table", variant: "square" }));
 };
 var ImageTableComponent_default = ImageTableComponent;
 var TableComponent = ({ showTotalCount = true, ...rest }) => {
@@ -771,8 +775,8 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
   dayjs__default.default.extend(timezone__default.default);
   const defaultFilters = JSON.parse(JSON.stringify(props.baseFilters));
   const orderByKeyDefault = "id";
-  const [orderByKey, setOrderByKey] = React8.useState(orderByKeyDefault);
-  const [filters, setFilters] = React8.useState(defaultFilters);
+  const [orderByKey, setOrderByKey] = React9.useState(orderByKeyDefault);
+  const [filters, setFilters] = React9.useState(defaultFilters);
   const isSelected = (id) => JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).indexOf(id) !== -1;
   const handleChangePage = (_event, newPage) => {
     const newFilters = JSON.parse(JSON.stringify(filters));
@@ -847,9 +851,9 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
       return `${column.priceFormat?.currencyStart ?? ""}${Number(value).toFixed(2).replace(".", ",").toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.")} ${!column.priceFormat?.currencyStart ? column.priceFormat?.currencyEnd ?? props.values.SYMBOL_EURO : ""}`;
     if (column.isImage && value) {
       if (column.isImage.isUrl) {
-        return /* @__PURE__ */ React8__default.default.createElement(material.Avatar, { alt: "-", src: value, className: "img-table", variant: "square" });
+        return /* @__PURE__ */ React9__default.default.createElement(material.Avatar, { alt: "-", src: value, className: "img-table", variant: "square" });
       } else if (column.isImage.isGuid) {
-        return /* @__PURE__ */ React8__default.default.createElement(
+        return /* @__PURE__ */ React9__default.default.createElement(
           ImageTableComponent_default,
           {
             guid: value,
@@ -875,7 +879,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
     if (typeof value === "boolean") {
       return String(value);
     }
-    return /* @__PURE__ */ React8__default.default.createElement(material.Typography, { component: "span", sx: { whiteSpace: "break-spaces" } }, value);
+    return /* @__PURE__ */ React9__default.default.createElement(material.Typography, { component: "span", sx: { whiteSpace: "break-spaces" } }, value);
   };
   const ObjectbyString = (o, s) => {
     s = s.replace(/\[(\w+)\]/g, ".$1");
@@ -912,7 +916,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
         rowEdit[fieldName] = e.target.value;
         setUpdate();
       };
-      return /* @__PURE__ */ React8__default.default.createElement(
+      return /* @__PURE__ */ React9__default.default.createElement(
         TextFieldComponent,
         {
           ...editableCell.isTextField.textFieldProps,
@@ -925,20 +929,20 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
       return value;
     }
   };
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "table-component" }, /* @__PURE__ */ React8__default.default.createElement(material.Paper, { className: "paper-container" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: 1, display: "flex" } }, props.isCheckTable && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "block", md: "none" } }, className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "table-component", sx: tableColorsSx }, /* @__PURE__ */ React9__default.default.createElement(material.Paper, { className: "paper-container" }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { p: 1, display: "flex" } }, props.isCheckTable && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: { xs: "block", md: "none" } }, className: "checkbox-cell" }, /* @__PURE__ */ React9__default.default.createElement(
     material.Checkbox,
     {
       indeterminate: props.rows && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length < props.rows.length,
       checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length === props.rows.length,
       onChange: handleSelectAllClick
     }
-  )), props.showTotalCount && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto", mr: 1, alignSelf: "center" } }, props.totalCount, " ", props.values.RESULTS)), /* @__PURE__ */ React8__default.default.createElement(
+  )), props.showTotalCount && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { ml: "auto", mr: 1, alignSelf: "center" } }, props.totalCount, " ", props.values.RESULTS)), /* @__PURE__ */ React9__default.default.createElement(
     material.TableContainer,
     {
       className: `table-container ${props.isBordered ? "table-bordered" : "table-simple"} ${props.withScroll ? "with-scroll" : ""}`
     },
-    /* @__PURE__ */ React8__default.default.createElement(material.Table, { stickyHeader: true, "aria-label": "sticky table", className: props.loading ? "loading" : "" }, /* @__PURE__ */ React8__default.default.createElement(material.TableHead, { sx: { display: { xs: "none", md: "table-header-group" } } }, /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null, props.columns.map((column, columnIndex) => {
-      return /* @__PURE__ */ React8__default.default.createElement(
+    /* @__PURE__ */ React9__default.default.createElement(material.Table, { stickyHeader: true, "aria-label": "sticky table", className: props.loading ? "loading" : "" }, /* @__PURE__ */ React9__default.default.createElement(material.TableHead, { sx: { display: { xs: "none", md: "table-header-group" } } }, /* @__PURE__ */ React9__default.default.createElement(material.TableRow, null, props.columns.map((column, columnIndex) => {
+      return /* @__PURE__ */ React9__default.default.createElement(
         material.TableCell,
         {
           className: "table-column",
@@ -946,7 +950,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
           align: column.align ? column.align : "center",
           style: { width: column.width, minWidth: column.minWidth, maxWidth: column.maxWidth }
         },
-        (column.orderBy || column.id) && column.id !== "actions" && !column.isCheck && !column.isActiveFunction && !column.noSort ? /* @__PURE__ */ React8__default.default.createElement(
+        (column.orderBy || column.id) && column.id !== "actions" && !column.isCheck && !column.isActiveFunction && !column.noSort ? /* @__PURE__ */ React9__default.default.createElement(
           material.TableSortLabel,
           {
             className: "table-header-cell",
@@ -956,16 +960,16 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
             hideSortIcon: true
           },
           column.label
-        ) : column.isCheck ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
+        ) : column.isCheck ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React9__default.default.createElement(
           material.Checkbox,
           {
             indeterminate: props.rows && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length < props.rows.length,
             checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length === props.rows.length,
             onChange: handleSelectAllClick
           }
-        )) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "table-header-cell" }, column.label)
+        )) : /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "table-header-cell" }, column.label)
       );
-    }))), /* @__PURE__ */ React8__default.default.createElement(material.TableBody, null, props.loading && /* @__PURE__ */ React8__default.default.createElement(material.TableRow, { className: "table-rows" }, /* @__PURE__ */ React8__default.default.createElement(
+    }))), /* @__PURE__ */ React9__default.default.createElement(material.TableBody, null, props.loading && /* @__PURE__ */ React9__default.default.createElement(material.TableRow, { className: "table-rows" }, /* @__PURE__ */ React9__default.default.createElement(
       material.TableCell,
       {
         colSpan: props.columns.length,
@@ -975,11 +979,11 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
           height: props.rows.length > 0 ? "auto" : "80px"
         }
       },
-      /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })
+      /* @__PURE__ */ React9__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })
     )), props.rows && props.rows.length > 0 ? props.rows.map((row, index) => {
       const rowColor = props.rowsColorColumn && ObjectbyString(row, props.rowsColorColumn.columnName) === props.rowsColorColumn.columnValue ? `row-color-${props.rowsColorColumn.columnValue}` : props.isStriped && props.rows.length > 1 && index % 2 == 0 ? "main-background-color table-striped" : "";
       const isRowSelected = props.isCheckTable?.rowsChecked && isSelected(row.id);
-      return /* @__PURE__ */ React8__default.default.createElement(
+      return /* @__PURE__ */ React9__default.default.createElement(
         material.TableRow,
         {
           className: `table-rows ${rowColor} ${props.onClickRow || props.onClickRowData ? "row-click" : ""}`,
@@ -993,7 +997,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
         props.columns.map((column, columnIndex) => {
           const value = column.rowViewFormat ? checkFormat(row, column.rowViewFormat) : ObjectbyString(row, column.id ?? "");
           const isItemSelected = column.isCheck && isSelected(row.id);
-          return /* @__PURE__ */ React8__default.default.createElement(
+          return /* @__PURE__ */ React9__default.default.createElement(
             material.TableCell,
             {
               className: `table-cell ${column.cellClassName ? column.cellClassName(row) : ""}`,
@@ -1006,8 +1010,8 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
               },
               onClick: () => !column.action && !column.isCheck && !column.isActiveFunction ? handleRowClick(row) : ""
             },
-            column.label !== "-" && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "inline-block", md: "none" } }, className: "label-cell" }, column.label),
-            column.rowViewFormat ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "format-value" }, value) : column.action && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex" }, className: "actions" }, column.action && column.action.map((action, i) => /* @__PURE__ */ React8__default.default.createElement(material.Box, { key: i }, action.onClick && /* @__PURE__ */ React8__default.default.createElement(
+            column.label !== "-" && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: { xs: "inline-block", md: "none" } }, className: "label-cell" }, column.label),
+            column.rowViewFormat ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "format-value" }, value) : column.action && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(material.Box, null, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex" }, className: "actions" }, column.action && column.action.map((action, i) => /* @__PURE__ */ React9__default.default.createElement(material.Box, { key: i }, action.onClick && /* @__PURE__ */ React9__default.default.createElement(
               material.Box,
               {
                 className: "btn-action main-color-hover",
@@ -1017,7 +1021,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
                 onClick: () => action.onClick && action.onClick(row)
               },
               action.children
-            ), action.onClickId && /* @__PURE__ */ React8__default.default.createElement(
+            ), action.onClickId && /* @__PURE__ */ React9__default.default.createElement(
               material.Box,
               {
                 className: "btn-action main-color-hover",
@@ -1027,7 +1031,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
                 onClick: () => action.onClickId && action.onClickId(row.id)
               },
               action.children
-            ), !action.onClick && !action.onClickId && /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "btn-action" }, action.children))))) : column.isActiveFunction && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
+            ), !action.onClick && !action.onClickId && /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "btn-action" }, action.children))))) : column.isActiveFunction && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(
               material.Box,
               {
                 className: "btn-action main-color-hover",
@@ -1037,31 +1041,31 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
                 onClick: () => column.isActiveFunction && column.isActiveFunction.onClickId(row.id)
               },
               value ? column.isActiveFunction.activeIcon : column.isActiveFunction.disabledIcon
-            ) : column.isCheck && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
+            ) : column.isCheck && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React9__default.default.createElement(
               material.Checkbox,
               {
                 checked: isItemSelected,
                 slotProps: { input: { "aria-labelledby": row.id } },
                 onChange: (event) => onCheckAction(event, row.id)
               }
-            )) : column.isEditableTableCell && Object.keys(row).length > 0 ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
+            )) : column.isEditableTableCell && Object.keys(row).length > 0 ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(
               material.Box,
               {
                 className: `${column.enumColumn.hasColor ? `${column.enumColumn.enumSuffix ? `${value.toLowerCase()}-${column.enumColumn.enumSuffix.toLowerCase()}` : value.toString().toLowerCase()}-type-color` : ""} format-value`
               },
               formatValue(value, column)
-            ) : column.isBoolean && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
+            ) : column.isBoolean && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(
               material.Box,
               {
                 className: `${column.isBoolean.hasColor ? `${column.isBoolean.enumSuffix ? `${value.toString().toLowerCase()}-${column.isBoolean.enumSuffix.toLowerCase()}` : value.toString().toLowerCase()}-boolean-color` : ""} format-value`
               },
               formatValue(value, column)
-            ) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `${column.isImage ? "" : "format-value"}` }, formatValue(value, column))
+            ) : /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: `${column.isImage ? "" : "format-value"}` }, formatValue(value, column))
           );
         })
       );
-    }) : !props.loading ? /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null, /* @__PURE__ */ React8__default.default.createElement(material.TableCell, { colSpan: props.columns.length }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.values.NO_RESULTS_FOUND))) : /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null)))
-  ), props.baseFilters && props.baseFilters.page && props.baseFilters.limit && /* @__PURE__ */ React8__default.default.createElement(
+    }) : !props.loading ? /* @__PURE__ */ React9__default.default.createElement(material.TableRow, null, /* @__PURE__ */ React9__default.default.createElement(material.TableCell, { colSpan: props.columns.length }, /* @__PURE__ */ React9__default.default.createElement(material.Box, null, props.values.NO_RESULTS_FOUND))) : /* @__PURE__ */ React9__default.default.createElement(material.TableRow, null)))
+  ), props.baseFilters && props.baseFilters.page && props.baseFilters.limit && /* @__PURE__ */ React9__default.default.createElement(
     material.TablePagination,
     {
       rowsPerPageOptions: [5, 10, 25, 100, 150],
@@ -1077,7 +1081,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
       component: "div",
       className: `table-pagination ${props.isBordered ? "table-bordered" : "table-simple"}`,
       ActionsComponent: (_actions) => {
-        return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { flexShrink: 0 }, className: "pagination" }, Math.ceil(_actions.count / _actions.rowsPerPage) > 1 && /* @__PURE__ */ React8__default.default.createElement(
+        return /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { flexShrink: 0 }, className: "pagination" }, Math.ceil(_actions.count / _actions.rowsPerPage) > 1 && /* @__PURE__ */ React9__default.default.createElement(
           material.Pagination,
           {
             count: Math.ceil(_actions.count / _actions.rowsPerPage),
@@ -1089,11 +1093,11 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
             hidePrevButton: true,
             showFirstButton: true,
             showLastButton: true,
-            renderItem: (item) => /* @__PURE__ */ React8__default.default.createElement(
+            renderItem: (item) => /* @__PURE__ */ React9__default.default.createElement(
               material.PaginationItem,
               {
                 classes: { selected: "main-background-color" },
-                sx: { "&.Mui-selected": { bgcolor: "primary.main" } },
+                sx: { "&.Mui-selected": { bgcolor: "primary.main", color: "primary.contrastText" } },
                 ...item
               }
             )
@@ -1115,12 +1119,6 @@ var css6 = `.table-simple-component .paper-container {
 .table-simple-component .paper-container .checkbox-cell .MuiCheckbox-root:hover {
   background-color: transparent !important;
 }
-.table-simple-component .paper-container .checkbox-cell .Mui-checked {
-  color: rgba(0, 0, 0, 0.54) !important;
-}
-.table-simple-component .paper-container .checkbox-cell .MuiCheckbox-indeterminate {
-  color: #212529 !important;
-}
 .table-simple-component .paper-container .table-container.with-scroll {
   max-height: 68vh;
 }
@@ -1128,19 +1126,11 @@ var css6 = `.table-simple-component .paper-container {
   font-weight: bold;
   font-size: calc(9pt + 2 * calc(100vw - 300px)/1300) !important;
   padding: 10px !important;
-  border-top: 1px solid rgb(224, 224, 224);
-  border-right: 1px solid rgb(224, 224, 224);
-  border-bottom: 2px solid rgb(224, 224, 224);
-  background-color: white;
 }
 .table-simple-component .paper-container .table-container .table-column .table-header-cell {
-  color: black;
   font-weight: bold;
   padding: 0px 10px 0px 10px !important;
 }
-.table-simple-component .paper-container .table-container.table-simple {
-  border-bottom: 1px solid black;
-}
 .table-simple-component .paper-container .table-container.table-simple .table-column:first-child {
   border-radius: 5px 0 0 5px;
 }
@@ -1148,49 +1138,15 @@ var css6 = `.table-simple-component .paper-container {
   border-right: none !important;
   border-radius: 0 5px 5px 0;
 }
-.table-simple-component .paper-container .table-container.table-bordered .table-column {
-  border-bottom: 1px solid #eaeaea !important;
-  border-top: 1px solid #eaeaea !important;
-  border-right: 1px solid #eaeaea !important;
-  color: #7a7a7a !important;
-}
-.table-simple-component .paper-container .table-container.table-bordered .table-column .table-header-cell {
-  color: #7a7a7a !important;
-}
-.table-simple-component .paper-container .table-container.table-bordered .table-column:first-child {
-  border-left: 1px solid #eaeaea;
-}
-.table-simple-component .paper-container .table-container.table-bordered .table-rows .table-cell {
-  color: #505050 !important;
-  border-right: 1px solid #eaeaea;
-}
-.table-simple-component .paper-container .table-container.table-bordered .table-rows .table-cell:first-child {
-  border-left: 1px solid #eaeaea;
-}
-.table-simple-component .paper-container .table-container .table-rows.table-striped td {
-  background-color: rgba(255, 255, 255, 0.95);
-}
 .table-simple-component .paper-container .table-container .table-rows.row-click {
   cursor: pointer;
 }
-.table-simple-component .paper-container .table-container .table-rows.row-click:hover {
-  background-color: rgba(0, 0, 0, 0.04);
-}
 .table-simple-component .paper-container .table-container .table-rows.row-click:hover.table-striped {
   background-color: transparent !important;
 }
-.table-simple-component .paper-container .table-container .table-rows.row-click:hover.table-striped td {
-  background-color: rgba(0, 0, 0, 0.04);
-}
-.table-simple-component .paper-container .table-container .table-rows.Mui-selected {
-  background-color: rgba(0, 0, 0, 0.04);
-}
 .table-simple-component .paper-container .table-container .table-rows.Mui-selected.table-striped {
   background-color: transparent !important;
 }
-.table-simple-component .paper-container .table-container .table-rows.Mui-selected.table-striped td {
-  background-color: rgba(0, 0, 0, 0.04);
-}
 .table-simple-component .paper-container .table-container .table-rows .Mui-selected {
   background-color: transparent !important;
 }
@@ -1209,7 +1165,6 @@ var css6 = `.table-simple-component .paper-container {
   float: right;
 }
 .table-simple-component .paper-container .table-container .table-rows .btn-action {
-  color: rgba(0, 0, 0, 0.54);
   display: inline-block;
   text-decoration: none;
   font-size: 1.6em !important;
@@ -1233,12 +1188,10 @@ var css6 = `.table-simple-component .paper-container {
   right: 0;
   top: 5px;
   margin: auto;
-  color: grey;
 }
 @media (max-width: 992px) {
   .table-simple-component .paper-container .table-container {
     max-height: 60vh;
-    border-top: 1px solid #cccccc;
   }
   .table-simple-component .paper-container .table-container .MuiTable-root {
     border-collapse: collapse !important;
@@ -1246,9 +1199,6 @@ var css6 = `.table-simple-component .paper-container {
   .table-simple-component .paper-container .table-container .MuiTableHead-root {
     display: none !important;
   }
-  .table-simple-component .paper-container .table-container .table-rows {
-    border-bottom: 2px solid #cccccc;
-  }
   .table-simple-component .paper-container .table-container .table-rows .MuiTableCell-root {
     width: auto;
     border-bottom: none !important;
@@ -1273,7 +1223,7 @@ var css6 = `.table-simple-component .paper-container {
     max-width: 299px;
   }
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpbXBsZVRhYmxlQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBOztBQUVJO0VBQ0k7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7O0FBSUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNSOztBQUNRO0VBQ0k7RUFDQTtFQUNBOztBQUdSO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBSUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNJOztBQUdSO0VBQ0k7O0FBR0E7RUFDSTtFQUNBOztBQUVKO0VBQ0k7O0FBTUo7RUFDSTs7QUFHUjtFQUNJOztBQUNBO0VBQ0k7O0FBQ0E7RUFDSTs7QUFDQTtFQUNJOztBQUtoQjtFQUNJOztBQUNBO0VBQ0k7O0FBQ0E7RUFDSTs7QUFJWjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVKO0VBQ0ksV0E1SFI7O0FBNkhRO0VBQ0ksV0E5SFo7O0FBb0lKO0VBQ0k7O0FBQ0E7RUFDSjtFQUNBO0VBQ1E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUtaO0VBRVE7SUFDSTtJQUNBOztFQUNBO0lBQ0k7O0VBRUo7SUFDSTs7RUFFSjtJQUNJOztFQUNBO0lBQ0k7SUFDQTs7RUFDQTtJQUNJO0lBQ0E7SUFDQTtJQUNBOztFQUVKO0lBQ0k7O0VBR1I7SUFDSTs7RUFFSjtJQUNJO0lBQ0E7SUFDQTtJQUNBO0lBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIkc2l6ZS1mb3JtOiAoY2FsYygxMDB2dyAtIDMwMHB4KSAvICgxNjAwIC0gMzAwKSk7XHJcbiRmb250LXNpemU6IGNhbGMoOXB0ICsgKDExIC0gOSkgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi50YWJsZS1zaW1wbGUtY29tcG9uZW50e1xyXG4gICAgLnBhcGVyLWNvbnRhaW5lcntcclxuICAgICAgICBib3gtc2hhZG93OiBub25lO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50IWltcG9ydGFudDtcclxuICAgICAgICAuY2hlY2tib3gtY2VsbHtcclxuICAgICAgICAgICAgLk11aUNoZWNrYm94LXJvb3R7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nOjAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjp0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5NdWktY2hlY2tlZCB7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogcmdiYSgwLDAsMCwwLjU0KSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5NdWlDaGVja2JveC1pbmRldGVybWluYXRlIHtcclxuICAgICAgICAgICAgICAgIGNvbG9yOiAjMjEyNTI5ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgLnRhYmxlLWNvbnRhaW5lcntcclxuICAgICAgICAgICAgJi53aXRoLXNjcm9sbHtcclxuICAgICAgICAgICAgICAgIG1heC1oZWlnaHQ6IDY4dmg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnRhYmxlLWNvbHVtbntcclxuICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAkZm9udC1zaXplICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgyMjQsIDIyNCwgMjI0LCAxKTtcclxuICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHJnYmEoMjI0LCAyMjQsIDIyNCwgMSk7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgcmdiYSgyMjQsIDIyNCwgMjI0LCAxKTtcclxuXHRcdFx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWhlYWRlci1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBibGFjaztcclxuICAgICAgICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwcHggMTBweCAwcHggMTBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICYudGFibGUtc2ltcGxle1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWNvbHVtbjpmaXJzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4IDAgMCA1cHg7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAudGFibGUtY29sdW1uOmxhc3QtY2hpbGR7IFxyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogbm9uZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMCA1cHggNXB4IDA7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgJi50YWJsZS1ib3JkZXJlZHtcclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW57XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlYWVhZWEgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlYWVhZWEgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzdhN2E3YSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1oZWFkZXItY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICM3YTdhN2EgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAudGFibGUtY29sdW1uOmZpcnN0LWNoaWxkeyBcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNlYWVhZWE7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAudGFibGUtcm93c3tcclxuICAgICAgICAgICAgICAgICAgICAudGFibGUtY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICM1MDUwNTAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2VhZWFlYTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgLnRhYmxlLWNlbGw6Zmlyc3QtY2hpbGR7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNlYWVhZWE7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC50YWJsZS1yb3dze1xyXG4gICAgICAgICAgICAgICAgJi50YWJsZS1zdHJpcGVke1xyXG4gICAgICAgICAgICAgICAgICAgIHRke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1IDI1NSAyNTUgLyA5NSUpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICYucm93LWNsaWNre1xyXG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgICAgICAgICAgICAmOmhvdmVye1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOnJnYmEoMCwgMCwgMCwgMC4wNCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICYudGFibGUtc3RyaXBlZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA0KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICYuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDQpOyBcclxuICAgICAgICAgICAgICAgICAgICAmLnRhYmxlLXN0cmlwZWR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50OyBcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogNnB4O1xyXG4gICAgICAgICAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuaW1nLXRhYmxle1xyXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTEwcHg7XHJcbiAgICAgICAgICAgICAgICAgICAgaW1ne1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5hY3Rpb25ze1xyXG4gICAgICAgICAgICAgICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgICAgICAgICBjb2xvcjpyZ2JhKDAsMCwwLDAuNTQpO1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgICAgICAgICAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjZlbSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCA3cHg7XHJcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmZvcm1hdC12YWx1ZXtcclxuICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6ICRmb250LXNpemU7XHJcbiAgICAgICAgICAgICAgICAgICAgLk11aVR5cG9ncmFwaHktcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAkZm9udC1zaXplO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0gIFxyXG4gICAgICAgIFxyXG4gICAgICAgIC5NdWlUYWJsZS1yb290LmxvYWRpbmcge1xyXG4gICAgICAgICAgICBvcGFjaXR5OiAwLjU7XHJcbiAgICAgICAgICAgIC5NdWlDaXJjdWxhclByb2dyZXNzLXJvb3R7XHJcblx0XHRcdFx0XHRcdFx0XHR3aWR0aDogNTBweDtcclxuXHRcdFx0XHRcdFx0XHRcdGhlaWdodDogNTBweDtcclxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgICAgICAgICByaWdodDogMDtcclxuICAgICAgICAgICAgICAgIHRvcDogNXB4O1xyXG4gICAgICAgICAgICAgICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgY29sb3I6Z3JleTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBcclxuICAgIH1cclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA5OTJweCApIHtcclxuICAgICAgICAucGFwZXItY29udGFpbmVye1xyXG4gICAgICAgICAgICAudGFibGUtY29udGFpbmVye1xyXG4gICAgICAgICAgICAgICAgbWF4LWhlaWdodDogNjB2aDtcclxuICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjY2NjY2NjO1xyXG4gICAgICAgICAgICAgICAgLk11aVRhYmxlLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpVGFibGVIZWFkLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTpub25lIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1yb3dze1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjY2NjY2NjO1xyXG4gICAgICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOmF1dG87XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IG5vbmUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAubGFiZWwtY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNTAlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5sYWJlbC1jZWxsICsgZGl2e1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jayFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC5mb3JtYXQtdmFsdWV7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNTAlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDI5OXB4O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxufSJdfQ== */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpbXBsZVRhYmxlQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBOztBQUVJO0VBQ0k7O0FBQ0E7RUFDSTs7QUFLUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBOztBQUNBO0VBQ0k7RUFDQTs7QUFJSjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFJSjtFQUNJOztBQUVJO0VBQ0k7O0FBS1I7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFSjtFQUNJLFdBM0VSOztBQTRFUTtFQUNJLFdBN0VaOztBQW1GSjtFQUNJOztBQUNBO0VBQ0o7RUFDQTtFQUNRO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBS1o7RUFFUTtJQUNJOztFQUNBO0lBQ0k7O0VBRUo7SUFDSTs7RUFHQTtJQUNJO0lBQ0E7O0VBQ0E7SUFDSTtJQUNBO0lBQ0E7SUFDQTs7RUFFSjtJQUNJOztFQUdSO0lBQ0k7O0VBRUo7SUFDSTtJQUNBO0lBQ0E7SUFDQTtJQUNBIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDlwdCArICgxMSAtIDkpICogI3skc2l6ZS1mb3JtfSk7XHJcblxyXG4udGFibGUtc2ltcGxlLWNvbXBvbmVudHtcclxuICAgIC5wYXBlci1jb250YWluZXJ7XHJcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgLmNoZWNrYm94LWNlbGx7XHJcbiAgICAgICAgICAgIC5NdWlDaGVja2JveC1yb290e1xyXG4gICAgICAgICAgICAgICAgcGFkZGluZzowICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAmOmhvdmVye1xyXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6dHJhbnNwYXJlbnQgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAudGFibGUtY29udGFpbmVye1xyXG4gICAgICAgICAgICAmLndpdGgtc2Nyb2xse1xyXG4gICAgICAgICAgICAgICAgbWF4LWhlaWdodDogNjh2aDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAudGFibGUtY29sdW1ue1xyXG4gICAgICAgICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICAgICAgICAgICAgICBmb250LXNpemU6ICRmb250LXNpemUgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDEwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIC50YWJsZS1oZWFkZXItY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwcHggMTBweCAwcHggMTBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICYudGFibGUtc2ltcGxle1xyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWNvbHVtbjpmaXJzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4IDAgMCA1cHg7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAudGFibGUtY29sdW1uOmxhc3QtY2hpbGR7IFxyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogbm9uZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMCA1cHggNXB4IDA7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnRhYmxlLXJvd3N7XHJcbiAgICAgICAgICAgICAgICAmLnJvdy1jbGlja3tcclxuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICAgICAgICAgICAgJjpob3ZlcntcclxuICAgICAgICAgICAgICAgICAgICAgICAgJi50YWJsZS1zdHJpcGVke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAmLk11aS1zZWxlY3RlZCB7XHJcbiAgICAgICAgICAgICAgICAgICAgJi50YWJsZS1zdHJpcGVke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50OyBcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50OyBcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogNnB4O1xyXG4gICAgICAgICAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuaW1nLXRhYmxle1xyXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTEwcHg7XHJcbiAgICAgICAgICAgICAgICAgICAgaW1ne1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5hY3Rpb25ze1xyXG4gICAgICAgICAgICAgICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICAgICAgICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS42ZW0gIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwcHggN3B4O1xyXG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5mb3JtYXQtdmFsdWV7XHJcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAkZm9udC1zaXplO1xyXG4gICAgICAgICAgICAgICAgICAgIC5NdWlUeXBvZ3JhcGh5LXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJGZvbnQtc2l6ZTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9ICBcclxuICAgICAgICBcclxuICAgICAgICAuTXVpVGFibGUtcm9vdC5sb2FkaW5nIHtcclxuICAgICAgICAgICAgb3BhY2l0eTogMC41O1xyXG4gICAgICAgICAgICAuTXVpQ2lyY3VsYXJQcm9ncmVzcy1yb290e1xyXG5cdFx0XHRcdFx0XHRcdFx0d2lkdGg6IDUwcHg7XHJcblx0XHRcdFx0XHRcdFx0XHRoZWlnaHQ6IDUwcHg7XHJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XHJcbiAgICAgICAgICAgICAgICB0b3A6IDVweDtcclxuICAgICAgICAgICAgICAgIG1hcmdpbjogYXV0bztcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBcclxuICAgIH1cclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA5OTJweCApIHtcclxuICAgICAgICAucGFwZXItY29udGFpbmVye1xyXG4gICAgICAgICAgICAudGFibGUtY29udGFpbmVye1xyXG4gICAgICAgICAgICAgICAgbWF4LWhlaWdodDogNjB2aDtcclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZS1yb290e1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2UhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLk11aVRhYmxlSGVhZC1yb290e1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6bm9uZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAudGFibGUtcm93c3tcclxuICAgICAgICAgICAgICAgICAgICAuTXVpVGFibGVDZWxsLXJvb3Qge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDphdXRvO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiBub25lIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgLmxhYmVsLWNlbGx7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6IDFyZW07XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDUwJTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogYXV0bztcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAubGFiZWwtY2VsbCArIGRpdntcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAudGFibGUtY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2shaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAuZm9ybWF0LXZhbHVle1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxuICAgICAgICAgICAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDUwJTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAyOTlweDtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcbn0iXX0= */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css6));
 var SimpleTableComponent = (props) => {
   dayjs__default.default.extend(localizedFormat__default.default);
@@ -1340,9 +1290,9 @@ var SimpleTableComponent = (props) => {
       return `${column.priceFormat?.currencyStart ?? ""}${Number(value).toFixed(2).replace(".", ",").toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.")} ${!column.priceFormat?.currencyStart ? column.priceFormat?.currencyEnd ?? props.values.SYMBOL_EURO : ""}`;
     if (column.isImage && value) {
       if (column.isImage.isUrl) {
-        return /* @__PURE__ */ React8__default.default.createElement(material.Avatar, { alt: "-", src: value, className: "img-table", variant: "square" });
+        return /* @__PURE__ */ React9__default.default.createElement(material.Avatar, { alt: "-", src: value, className: "img-table", variant: "square" });
       } else if (column.isImage.isGuid) {
-        return /* @__PURE__ */ React8__default.default.createElement(
+        return /* @__PURE__ */ React9__default.default.createElement(
           ImageTableComponent_default,
           {
             guid: value,
@@ -1368,7 +1318,7 @@ var SimpleTableComponent = (props) => {
     if (typeof value === "boolean") {
       return String(value);
     }
-    return /* @__PURE__ */ React8__default.default.createElement(material.Typography, { component: "span", sx: { whiteSpace: "break-spaces" } }, value);
+    return /* @__PURE__ */ React9__default.default.createElement(material.Typography, { component: "span", sx: { whiteSpace: "break-spaces" } }, value);
   };
   const ObjectbyString = (o, s) => {
     s = s.replace(/\[(\w+)\]/g, ".$1");
@@ -1406,7 +1356,7 @@ var SimpleTableComponent = (props) => {
         rowEdit[fieldName] = e.target.value;
         setUpdate();
       };
-      return /* @__PURE__ */ React8__default.default.createElement(
+      return /* @__PURE__ */ React9__default.default.createElement(
         TextFieldComponent,
         {
           ...editableCell.isTextField.textFieldProps,
@@ -1419,29 +1369,29 @@ var SimpleTableComponent = (props) => {
       return value;
     }
   };
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "table-simple-component" }, /* @__PURE__ */ React8__default.default.createElement(material.Paper, { className: "paper-container" }, props.isCheckTable && !props.isCheckTable.noCheckAllItems && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "block", md: "none" } }, className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "table-simple-component", sx: tableColorsSx }, /* @__PURE__ */ React9__default.default.createElement(material.Paper, { className: "paper-container" }, props.isCheckTable && !props.isCheckTable.noCheckAllItems && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: { xs: "block", md: "none" } }, className: "checkbox-cell" }, /* @__PURE__ */ React9__default.default.createElement(
     material.Checkbox,
     {
       indeterminate: props.rows && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length < props.rows.length,
       checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length === props.rows.length,
       onChange: handleSelectAllClick
     }
-  )), /* @__PURE__ */ React8__default.default.createElement(
+  )), /* @__PURE__ */ React9__default.default.createElement(
     material.TableContainer,
     {
       className: `table-container ${props.isBordered ? "table-bordered" : "table-simple"}
         ${props.withScroll ? "with-scroll" : ""}`
     },
-    /* @__PURE__ */ React8__default.default.createElement(
+    /* @__PURE__ */ React9__default.default.createElement(
       material.Table,
       {
         stickyHeader: true,
         "aria-label": "sticky table",
         className: props.loading ? "loading" : props.className ? props.className : ""
       },
-      /* @__PURE__ */ React8__default.default.createElement(material.TableHead, { sx: { display: { xs: "none", md: "table-header-group" } } }, /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null, props.columns.map((column, columnIndex) => {
+      /* @__PURE__ */ React9__default.default.createElement(material.TableHead, { sx: { display: { xs: "none", md: "table-header-group" } } }, /* @__PURE__ */ React9__default.default.createElement(material.TableRow, null, props.columns.map((column, columnIndex) => {
         if (column.id) {
-          return /* @__PURE__ */ React8__default.default.createElement(
+          return /* @__PURE__ */ React9__default.default.createElement(
             material.TableCell,
             {
               className: "table-column",
@@ -1449,18 +1399,18 @@ var SimpleTableComponent = (props) => {
               align: column.align ? column.align : "center",
               style: { width: column.width, minWidth: column.minWidth, maxWidth: column.maxWidth }
             },
-            column.isCheck && !props.isCheckTable?.noCheckAllItems ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
+            column.isCheck && !props.isCheckTable?.noCheckAllItems ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React9__default.default.createElement(
               material.Checkbox,
               {
                 indeterminate: props.rows && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length < props.rows.length,
                 checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length === props.rows.length,
                 onChange: handleSelectAllClick
               }
-            )) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "table-header-cell" }, column.label)
+            )) : /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "table-header-cell" }, column.label)
           );
         } else return null;
       }))),
-      /* @__PURE__ */ React8__default.default.createElement(material.TableBody, null, props.loading && /* @__PURE__ */ React8__default.default.createElement(material.TableRow, { className: "table-rows" }, /* @__PURE__ */ React8__default.default.createElement(
+      /* @__PURE__ */ React9__default.default.createElement(material.TableBody, null, props.loading && /* @__PURE__ */ React9__default.default.createElement(material.TableRow, { className: "table-rows" }, /* @__PURE__ */ React9__default.default.createElement(
         material.TableCell,
         {
           colSpan: props.columns.length,
@@ -1470,11 +1420,11 @@ var SimpleTableComponent = (props) => {
             height: props.rows.length > 0 ? "auto" : "80px"
           }
         },
-        /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })
+        /* @__PURE__ */ React9__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })
       )), props.rows && props.rows.length > 0 ? props.rows.map((row, index) => {
         const rowColor = props.rowsColorColumn && ObjectbyString(row, props.rowsColorColumn.columnName) === props.rowsColorColumn.columnValue ? `row-color-${props.rowsColorColumn.columnValue}` : props.isStriped && props.rows.length > 1 && index % 2 == 0 ? "main-background-color table-striped" : "";
         const isRowSelected = props.isCheckTable?.rowsChecked && isSelected(row.id);
-        return /* @__PURE__ */ React8__default.default.createElement(
+        return /* @__PURE__ */ React9__default.default.createElement(
           material.TableRow,
           {
             className: `table-rows ${rowColor} ${props.onClickRow || props.onClickRowData ? "row-click" : ""}`,
@@ -1488,7 +1438,7 @@ var SimpleTableComponent = (props) => {
           props.columns.map((column, columnIndex) => {
             const value = column.rowViewFormat ? checkFormat(row, column.rowViewFormat) : ObjectbyString(row, column.id ?? "");
             const isItemSelected = column.isCheck && isSelected(row.id);
-            return /* @__PURE__ */ React8__default.default.createElement(
+            return /* @__PURE__ */ React9__default.default.createElement(
               material.TableCell,
               {
                 className: `table-cell ${column.cellClassName ? column.cellClassName(row) : ""}`,
@@ -1501,8 +1451,8 @@ var SimpleTableComponent = (props) => {
                 },
                 onClick: () => !column.action && !column.isCheck && !column.isActiveFunction ? handleRowClick(row) : ""
               },
-              column.label !== "-" && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "inline-block", md: "none" } }, className: "label-cell" }, column.label),
-              column.action && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex" }, className: "actions" }, column.rowViewFormat ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "format-value" }, value) : column.action && column.action.map((action, i) => /* @__PURE__ */ React8__default.default.createElement(material.Box, { key: i }, action.onClick && /* @__PURE__ */ React8__default.default.createElement(
+              column.label !== "-" && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: { xs: "inline-block", md: "none" } }, className: "label-cell" }, column.label),
+              column.action && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(material.Box, null, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex" }, className: "actions" }, column.rowViewFormat ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "format-value" }, value) : column.action && column.action.map((action, i) => /* @__PURE__ */ React9__default.default.createElement(material.Box, { key: i }, action.onClick && /* @__PURE__ */ React9__default.default.createElement(
                 material.Box,
                 {
                   className: "btn-action main-color-hover",
@@ -1512,7 +1462,7 @@ var SimpleTableComponent = (props) => {
                   onClick: () => action.onClick && action.onClick(row)
                 },
                 action.children
-              ), action.onClickId && /* @__PURE__ */ React8__default.default.createElement(
+              ), action.onClickId && /* @__PURE__ */ React9__default.default.createElement(
                 material.Box,
                 {
                   className: "btn-action main-color-hover",
@@ -1522,7 +1472,7 @@ var SimpleTableComponent = (props) => {
                   onClick: () => action.onClickId && action.onClickId(row.id)
                 },
                 action.children
-              ), !action.onClick && !action.onClickId && /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "btn-action" }, action.children))))) : column.isActiveFunction && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
+              ), !action.onClick && !action.onClickId && /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "btn-action" }, action.children))))) : column.isActiveFunction && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(
                 material.Box,
                 {
                   className: "btn-action main-color-hover",
@@ -1532,30 +1482,30 @@ var SimpleTableComponent = (props) => {
                   onClick: () => column.isActiveFunction && column.isActiveFunction.onClickId(row.id)
                 },
                 value ? column.isActiveFunction.activeIcon : column.isActiveFunction.disabledIcon
-              ) : column.isCheck && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
+              ) : column.isCheck && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React9__default.default.createElement(
                 material.Checkbox,
                 {
                   checked: isItemSelected,
                   slotProps: { input: { "aria-labelledby": row.id } },
                   onChange: (event) => props.isCheckTable?.onCheckedAction ? onCheckAction(event, row.id) : onCheckSingleAction(event, row.id)
                 }
-              )) : column.isEditableTableCell && Object.keys(row).length > 0 ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
+              )) : column.isEditableTableCell && Object.keys(row).length > 0 ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(
                 material.Box,
                 {
                   className: `${column.enumColumn.hasColor ? `${column.enumColumn.enumSuffix ? `${value.toLowerCase()}-${column.enumColumn.enumSuffix.toLowerCase()}` : value.toString().toLowerCase()}-type-color` : ""} format-value`
                 },
                 formatValue(value, column)
-              ) : column.isBoolean && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
+              ) : column.isBoolean && Object.keys(row).length > 0 ? /* @__PURE__ */ React9__default.default.createElement(
                 material.Box,
                 {
                   className: `${column.isBoolean.hasColor ? `${column.isBoolean.enumSuffix ? `${value.toString().toLowerCase()}-${column.isBoolean.enumSuffix.toLowerCase()}` : value.toString().toLowerCase()}-boolean-color` : ""} format-value`
                 },
                 formatValue(value, column)
-              ) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `${column.isImage ? "" : "format-value"}` }, formatValue(value, column))
+              ) : /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: `${column.isImage ? "" : "format-value"}` }, formatValue(value, column))
             );
           })
         );
-      }) : !props.loading ? /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null, /* @__PURE__ */ React8__default.default.createElement(material.TableCell, { colSpan: props.columns.length }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.values.NO_RESULTS_FOUND))) : /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null))
+      }) : !props.loading ? /* @__PURE__ */ React9__default.default.createElement(material.TableRow, null, /* @__PURE__ */ React9__default.default.createElement(material.TableCell, { colSpan: props.columns.length }, /* @__PURE__ */ React9__default.default.createElement(material.Box, null, props.values.NO_RESULTS_FOUND))) : /* @__PURE__ */ React9__default.default.createElement(material.TableRow, null))
     )
   )));
 };
@@ -1575,7 +1525,7 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/layouts/MainLayoutSimple/MainLayoutSimple.tsx
 var MainLayoutSimple = (props) => {
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "row" }, className: "main-layout-simple" }, props.lateralComponent && props.lateralComponent, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "main-wrapper", sx: { bgcolor: "background.default" } }, props.headerComponent && props.headerComponent, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `${props.lateralComponent ? "split-container" : ""}` }, /* @__PURE__ */ React8__default.default.createElement(material.Container, { maxWidth: false }, props.mainComponent))));
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "row" }, className: "main-layout-simple" }, props.lateralComponent && props.lateralComponent, /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "main-wrapper", sx: { bgcolor: "background.default" } }, props.headerComponent && props.headerComponent, /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: `${props.lateralComponent ? "split-container" : ""}` }, /* @__PURE__ */ React9__default.default.createElement(material.Container, { maxWidth: false }, props.mainComponent))));
 };
 
 // src/components/layouts/SplitLayout/SplitLayout.scss
@@ -1604,7 +1554,7 @@ var SplitLayout = ({
   children
 }) => {
   const heroImageUrl = imgUrl?.trim();
-  return /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, className: "split-layout", sx: { minHeight: "100vh" } }, heroImageUrl && /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Grid, { container: true, className: "split-layout", sx: { minHeight: "100vh" } }, heroImageUrl && /* @__PURE__ */ React9__default.default.createElement(
     material.Grid,
     {
       component: "section",
@@ -1612,8 +1562,8 @@ var SplitLayout = ({
       sx: { display: { xs: "none", md: "block" }, position: "relative", overflow: "hidden" },
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ React8__default.default.createElement("img", { src: heroImageUrl, alt: "split-layout-image", className: "split-layout__media-image" })
-  ), /* @__PURE__ */ React8__default.default.createElement(
+    /* @__PURE__ */ React9__default.default.createElement("img", { src: heroImageUrl, alt: "split-layout-image", className: "split-layout__media-image" })
+  ), /* @__PURE__ */ React9__default.default.createElement(
     material.Grid,
     {
       component: "section",
@@ -1627,22 +1577,22 @@ var SplitLayout = ({
         p: { xs: 2, sm: 2.5, md: 4 }
       }
     },
-    /* @__PURE__ */ React8__default.default.createElement(material.Container, { className: "split-layout__content-wrap" }, children)
+    /* @__PURE__ */ React9__default.default.createElement(material.Container, { className: "split-layout__content-wrap" }, children)
   ));
 };
 var NavIcon = (props) => {
   if (props.iconClassName) {
-    return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "pcoded-micon" }, /* @__PURE__ */ React8__default.default.createElement("i", { className: props.iconClassName }));
+    return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "pcoded-micon" }, /* @__PURE__ */ React9__default.default.createElement("i", { className: props.iconClassName }));
   } else if (props.iconComponent) {
-    return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "pcoded-micon" }, props.iconComponent);
+    return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "pcoded-micon" }, props.iconComponent);
   }
-  return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null);
+  return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null);
 };
 
 // src/components/navigation/VerticalNav/VerticalNavItem.tsx
 var VerticalNavItem = (props) => {
   const { pathname } = reactRouter.useLocation();
-  const hasPermission = React8.useMemo(
+  const hasPermission = React9.useMemo(
     () => checkPermission(props.item.persmisionAvailable, props.userPermisions),
     [props.item.persmisionAvailable, props.userPermisions]
   );
@@ -1650,7 +1600,7 @@ var VerticalNavItem = (props) => {
     return null;
   }
   const isActive = !!reactRouter.matchPath({ path: `${props.item.route}/*` || "" }, pathname);
-  return /* @__PURE__ */ React8__default.default.createElement(reactRouter.NavLink, { to: props.item.route || "", className: `nav-link-item ${isActive ? "active" : ""}`, onClick: props.onHide }, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(reactRouter.NavLink, { to: props.item.route || "", className: `nav-link-item ${isActive ? "active" : ""}`, onClick: props.onHide }, /* @__PURE__ */ React9__default.default.createElement(
     material.Box,
     {
       sx: (theme) => ({
@@ -1668,11 +1618,11 @@ var VerticalNavItem = (props) => {
       }),
       className: `nav-item ${isActive ? "main-background-color" : ""}`
     },
-    /* @__PURE__ */ React8__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
-    /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title)
+    /* @__PURE__ */ React9__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
+    /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title)
   ));
 };
-var VerticalNavItem_default = React8__default.default.memo(VerticalNavItem);
+var VerticalNavItem_default = React9__default.default.memo(VerticalNavItem);
 var needsToBeOpened = (pathname, item) => {
   if (pathname) {
     return isUrlInChildren(item, pathname);
@@ -1697,8 +1647,8 @@ var isUrlInChildren = (parent, url) => {
 };
 var VerticalNavItemCollapse = (props) => {
   const { pathname } = reactRouter.useLocation();
-  const [open, setOpen] = React8.useState(() => needsToBeOpened(pathname, props.item));
-  React8.useEffect(() => {
+  const [open, setOpen] = React9.useState(() => needsToBeOpened(pathname, props.item));
+  React9.useEffect(() => {
     if (needsToBeOpened(pathname, props.item)) {
       setOpen(true);
     }
@@ -1706,31 +1656,30 @@ var VerticalNavItemCollapse = (props) => {
   const handleClick = () => {
     setOpen(!open);
   };
-  const hasPermission = React8.useMemo(
+  const hasPermission = React9.useMemo(
     () => checkPermission(props.item.persmisionAvailable, props.userPermisions),
     [props.item.persmisionAvailable, props.userPermisions]
   );
   if (!hasPermission) {
     return null;
   }
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "nav-item-collapse" }, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "nav-item-collapse" }, /* @__PURE__ */ React9__default.default.createElement(
     material.Box,
     {
       sx: { p: 2, display: "flex", alignContent: "flex-end", alignItems: "center" },
       className: `nav-item ${open ? "open" : ""} ${needsToBeOpened(pathname, props.item) ? "active" : ""}`,
       onClick: handleClick
     },
-    /* @__PURE__ */ React8__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
-    /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title),
-    /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" } }, open ? /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.ExpandMore, null) : /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.ChevronRight, null))
-  ), props.item.children && Array.isArray(props.item.children) && /* @__PURE__ */ React8__default.default.createElement(material.Collapse, { in: open, className: "collapse-children" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true }, props.item.children.map((item) => /* @__PURE__ */ React8__default.default.createElement(material.Grid, { key: item.id, size: 12 }, item.type === 1 /* Collapse */ && /* @__PURE__ */ React8__default.default.createElement(VerticalNavItemCollapse, { item, userPermisions: props.userPermisions, onHide: props.onHide }), item.type === 0 /* Item */ && /* @__PURE__ */ React8__default.default.createElement(VerticalNavItem_default, { item, userPermisions: props.userPermisions, onHide: props.onHide })))))));
+    /* @__PURE__ */ React9__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
+    /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title),
+    /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" } }, open ? /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.ExpandMore, null) : /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.ChevronRight, null))
+  ), props.item.children && Array.isArray(props.item.children) && /* @__PURE__ */ React9__default.default.createElement(material.Collapse, { in: open, className: "collapse-children" }, /* @__PURE__ */ React9__default.default.createElement(material.Box, null, /* @__PURE__ */ React9__default.default.createElement(material.Grid, { container: true }, props.item.children.map((item) => /* @__PURE__ */ React9__default.default.createElement(material.Grid, { key: item.id, size: 12 }, item.type === 1 /* Collapse */ && /* @__PURE__ */ React9__default.default.createElement(VerticalNavItemCollapse, { item, userPermisions: props.userPermisions, onHide: props.onHide }), item.type === 0 /* Item */ && /* @__PURE__ */ React9__default.default.createElement(VerticalNavItem_default, { item, userPermisions: props.userPermisions, onHide: props.onHide })))))));
 };
-var VerticalNavItemCollapse_default = React8__default.default.memo(VerticalNavItemCollapse);
+var VerticalNavItemCollapse_default = React9__default.default.memo(VerticalNavItemCollapse);
 
 // src/components/navigation/VerticalNav/VerticalNav.scss
 var css9 = `.vertical-navigation {
   background: transparent;
-  color: white;
 }
 .vertical-navigation a,
 .vertical-navigation .nav-link-item {
@@ -1753,31 +1702,15 @@ var css9 = `.vertical-navigation {
 .vertical-navigation .nav-item {
   padding: 12px;
 }
-.vertical-navigation .nav-item:hover {
-  background-color: #333f54;
-}
 .vertical-navigation .active .nav-item {
   border-radius: 0 25px 25px 0;
   margin-right: 16px;
 }
-.vertical-navigation .nav-item-collapse .active {
-  background-color: #333f54;
-}
-.vertical-navigation .nav-item-collapse .open {
-  background-color: #333f54;
-  color: white !important;
-}
-.vertical-navigation .nav-item-collapse .open .nav-item-text {
-  color: white !important;
-}
-.vertical-navigation .nav-item-collapse .collapse-children {
-  background-color: #39465e;
-}
 .vertical-navigation .nav-item-collapse .collapse-children .nav-item-text {
   padding-left: 16px;
   padding-right: 16px;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBOztBQUVBO0FBQUE7RUFFSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBQ0E7RUFDSTs7QUFJSjtFQUNJO0VBQ0E7O0FBSUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTs7QUFJUjtFQUNJOztBQUNBO0VBQ0k7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi52ZXJ0aWNhbC1uYXZpZ2F0aW9ue1xyXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcblxyXG4gICAgYSxcclxuICAgIC5uYXYtbGluay1pdGVtIHtcclxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcclxuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbiAgICB9XHJcblxyXG4gICAgLnBjb2RlZC1taWNvbiB7XHJcbiAgICAgICAgZm9udC1zaXplOiAxcmVtO1xyXG4gICAgICAgIG1hcmdpbi1yaWdodDogN3B4O1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcclxuICAgICAgICB3aWR0aDogMzBweDtcclxuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcclxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICAgIGhlaWdodDogMzBweDtcclxuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICB9XHJcblxyXG4gICAgLm5hdi1pdGVte1xyXG4gICAgICAgIGN1cnNvcjpwb2ludGVyO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAubmF2LWl0ZW17XHJcbiAgICAgICAgcGFkZGluZzoxMnB4O1xyXG4gICAgICAgICY6aG92ZXIge1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiMzMzNmNTQ7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLmFjdGl2ZSB7XHJcbiAgICAgICAgLm5hdi1pdGVte1xyXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDI1cHggMjVweCAwO1xyXG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDE2cHg7XHJcbiAgICAgICAgfVxyXG4gICAgfSAgXHJcbiAgICAubmF2LWl0ZW0tY29sbGFwc2V7XHJcbiAgICAgICAgLmFjdGl2ZXtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjojMzMzZjU0O1xyXG4gICAgICAgIH1cclxuICAgICAgICAub3BlbntcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjojMzMzZjU0O1xyXG4gICAgICAgICAgICBjb2xvcjogd2hpdGUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAubmF2LWl0ZW0tdGV4dHtcclxuICAgICAgICAgICAgICAgIGNvbG9yOiB3aGl0ZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgXHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5jb2xsYXBzZS1jaGlsZHJlbntcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjojMzk0NjVlO1xyXG4gICAgICAgICAgICAubmF2LWl0ZW0tdGV4dCB7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6MTZweDtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6MTZweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iXX0= */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTs7QUFFQTtBQUFBO0VBRUk7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUdBO0VBQ0k7RUFDQTs7QUFLQTtFQUNJO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIudmVydGljYWwtbmF2aWdhdGlvbntcclxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xyXG5cclxuICAgIGEsXHJcbiAgICAubmF2LWxpbmstaXRlbSB7XHJcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XHJcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgfVxyXG5cclxuICAgIC5wY29kZWQtbWljb24ge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDdweDtcclxuICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XHJcbiAgICAgICAgd2lkdGg6IDMwcHg7XHJcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XHJcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgICBoZWlnaHQ6IDMwcHg7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgfVxyXG5cclxuICAgIC5uYXYtaXRlbXtcclxuICAgICAgICBjdXJzb3I6cG9pbnRlcjtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLm5hdi1pdGVte1xyXG4gICAgICAgIHBhZGRpbmc6MTJweDtcclxuICAgIH1cclxuICAgIC5hY3RpdmUge1xyXG4gICAgICAgIC5uYXYtaXRlbXtcclxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAyNXB4IDI1cHggMDtcclxuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxNnB4O1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIC5uYXYtaXRlbS1jb2xsYXBzZXtcclxuICAgICAgICAuY29sbGFwc2UtY2hpbGRyZW57XHJcbiAgICAgICAgICAgIC5uYXYtaXRlbS10ZXh0IHtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDoxNnB4O1xyXG4gICAgICAgICAgICAgICAgcGFkZGluZy1yaWdodDoxNnB4O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiJdfQ== */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css9));
 
 // src/components/navigation/VerticalNav/VerticalNav.tsx
@@ -1787,7 +1720,22 @@ var NavigationType = /* @__PURE__ */ ((NavigationType2) => {
   return NavigationType2;
 })(NavigationType || {});
 var VerticalNav = (props) => {
-  return /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, className: "vertical-navigation" }, props.items.map((item) => /* @__PURE__ */ React8__default.default.createElement(material.Grid, { key: item.id, size: { xs: 12, md: 12 }, className: "grid-item-navigation" }, item.type === 1 /* Collapse */ && /* @__PURE__ */ React8__default.default.createElement(VerticalNavItemCollapse_default, { item, userPermisions: props.userPermisions, onHide: props.onHide }), item.type === 0 /* Item */ && /* @__PURE__ */ React8__default.default.createElement(VerticalNavItem_default, { item, userPermisions: props.userPermisions, onHide: props.onHide }))));
+  return /* @__PURE__ */ React9__default.default.createElement(
+    material.Grid,
+    {
+      container: true,
+      className: "vertical-navigation",
+      sx: (theme) => ({
+        color: theme.palette.text.primary,
+        "& .nav-item:hover": { backgroundColor: theme.palette.action.hover },
+        "& .nav-item-collapse": {
+          "& .active, & .open": { backgroundColor: theme.palette.action.selected },
+          "& .collapse-children": { backgroundColor: theme.palette.action.hover }
+        }
+      })
+    },
+    props.items.map((item) => /* @__PURE__ */ React9__default.default.createElement(material.Grid, { key: item.id, size: { xs: 12, md: 12 }, className: "grid-item-navigation" }, item.type === 1 /* Collapse */ && /* @__PURE__ */ React9__default.default.createElement(VerticalNavItemCollapse_default, { item, userPermisions: props.userPermisions, onHide: props.onHide }), item.type === 0 /* Item */ && /* @__PURE__ */ React9__default.default.createElement(VerticalNavItem_default, { item, userPermisions: props.userPermisions, onHide: props.onHide })))
+  );
 };
 
 // src/components/navigation/components/UserInfo.scss
@@ -1799,7 +1747,7 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/navigation/components/UserInfo.tsx
 var UserInfo = (props) => {
-  const [anchorEl, setAnchorEl] = React8__default.default.useState(null);
+  const [anchorEl, setAnchorEl] = React9__default.default.useState(null);
   const handleClick = (event) => {
     if (!event.currentTarget.contains(event.target)) return;
     setAnchorEl(event.currentTarget);
@@ -1807,14 +1755,14 @@ var UserInfo = (props) => {
   const handleClose = () => {
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "user-info" }, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "user-info" }, /* @__PURE__ */ React9__default.default.createElement(
     material.Box,
     {
       sx: { display: "flex", alignItems: "center" },
       className: props.menuActions && props.menuActions.length > 0 ? "cursor-pointer" : void 0,
       onClick: props.menuActions && props.menuActions.length > 0 ? handleClick : void 0
     },
-    props.photoURL && props.photoURL !== void 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Avatar, { className: "avatar-user", src: props.photoURL }) : /* @__PURE__ */ React8__default.default.createElement(
+    props.photoURL && props.photoURL !== void 0 ? /* @__PURE__ */ React9__default.default.createElement(material.Avatar, { className: "avatar-user", src: props.photoURL }) : /* @__PURE__ */ React9__default.default.createElement(
       material.Avatar,
       {
         className: "avatar-user main-background-color",
@@ -1822,7 +1770,7 @@ var UserInfo = (props) => {
       },
       props.displayName.charAt(0).toUpperCase()
     ),
-    /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: 1, width: "100%", display: "flex", alignItems: "center", alignContent: "flex-end" } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "user-name" }, props.displayName), props.menuActions && props.menuActions.length > 0 && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" }, className: "cursor-pointer" }, /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.ExpandMore, null), /* @__PURE__ */ React8__default.default.createElement(material.Menu, { anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose }, props.menuActions.map((item, i) => /* @__PURE__ */ React8__default.default.createElement(material.MenuItem, { key: i, onClick: item.action }, item.title)))))
+    /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { ml: 1, width: "100%", display: "flex", alignItems: "center", alignContent: "flex-end" } }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "user-name" }, props.displayName), props.menuActions && props.menuActions.length > 0 && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" }, className: "cursor-pointer" }, /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.ExpandMore, null), /* @__PURE__ */ React9__default.default.createElement(material.Menu, { anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose }, props.menuActions.map((item, i) => /* @__PURE__ */ React9__default.default.createElement(material.MenuItem, { key: i, onClick: item.action }, item.title)))))
   ));
 };
 var AppBreadcrumbs = (props) => {
@@ -1836,9 +1784,9 @@ var AppBreadcrumbs = (props) => {
   if (!crumbs.length) {
     return null;
   }
-  return /* @__PURE__ */ React8__default.default.createElement(material.Breadcrumbs, { "aria-label": "breadcrumb", separator: props.separator, maxItems: props.maxItems }, crumbs.map((crumb, index) => {
+  return /* @__PURE__ */ React9__default.default.createElement(material.Breadcrumbs, { "aria-label": "breadcrumb", separator: props.separator, maxItems: props.maxItems }, crumbs.map((crumb, index) => {
     const isLast = index === crumbs.length - 1;
-    return isLast || !crumb.to ? /* @__PURE__ */ React8__default.default.createElement(material.Typography, { key: index, variant: "body2", sx: { color: isLast ? "text.primary" : "text.secondary" } }, crumb.label) : /* @__PURE__ */ React8__default.default.createElement(material.Link, { key: index, component: reactRouter.Link, to: crumb.to, underline: "hover", variant: "body2", color: "inherit" }, crumb.label);
+    return isLast || !crumb.to ? /* @__PURE__ */ React9__default.default.createElement(material.Typography, { key: index, variant: "body2", sx: { color: isLast ? "text.primary" : "text.secondary" } }, crumb.label) : /* @__PURE__ */ React9__default.default.createElement(material.Link, { key: index, component: reactRouter.Link, to: crumb.to, underline: "hover", variant: "body2", color: "inherit" }, crumb.label);
   }));
 };
 
@@ -1853,12 +1801,11 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 // src/components/layouts/Standard/AppSidebar/AppSidebar.tsx
 var sidebarSx = (theme) => ({
   height: "100%",
-  backgroundColor: theme.palette.secondary.main,
-  color: theme.palette.secondary.contrastText,
-  boxShadow: `1px 0 20px 0 ${theme.palette.secondary.main}`
+  backgroundColor: theme.palette.background.paper,
+  boxShadow: `1px 0 20px 0 ${theme.palette.divider}`
 });
 var AppSidebar = (props) => {
-  return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement(
     material.Drawer,
     {
       anchor: "left",
@@ -1867,24 +1814,27 @@ var AppSidebar = (props) => {
       onClose: props.onHide,
       sx: { display: { xs: "block", lg: "none" } }
     },
-    /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: sidebarSx, className: "app-sidebar" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React8__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents)))
-  ), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "none", lg: "block" } } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: sidebarSx, className: "app-sidebar" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { position: "sticky", top: "0" } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React8__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents))))));
+    /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: sidebarSx, className: "app-sidebar" }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React9__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents)))
+  ), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: { xs: "none", lg: "block" } } }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: sidebarSx, className: "app-sidebar" }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { position: "sticky", top: "0" } }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React9__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents))))));
 };
 
 // src/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.scss
 var css12 = `.drawer-sidebar {
   width: 17rem;
-  background-color: #3f4d67;
-  box-shadow: 1px 0 20px 0 #3f4d67;
   z-index: 1029;
-  color: white;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyYXdlclNpZGViYXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuZHJhd2VyLXNpZGViYXJ7XHJcbiAgICB3aWR0aDogMTdyZW07XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjM2Y0ZDY3O1xyXG4gICAgYm94LXNoYWRvdzogMXB4IDAgMjBweCAwICMzZjRkNjc7XHJcbiAgICB6LWluZGV4OiAxMDI5O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG59Il19 */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyYXdlclNpZGViYXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuZHJhd2VyLXNpZGViYXJ7XHJcbiAgICB3aWR0aDogMTdyZW07XHJcbiAgICB6LWluZGV4OiAxMDI5O1xyXG59Il19 */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css12));
 
 // src/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.tsx
+var drawerSidebarSx = (theme) => ({
+  height: "100%",
+  backgroundColor: theme.palette.background.paper,
+  color: theme.palette.text.primary,
+  boxShadow: `1px 0 20px 0 ${theme.palette.divider}`
+});
 var DrawerSidebar = (props) => {
-  return /* @__PURE__ */ React8__default.default.createElement(material.Drawer, { anchor: "left", className: "drawer-nav", open: props.open, onClose: props.onHide }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { height: "100%" }, className: "drawer-sidebar" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React8__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents))));
+  return /* @__PURE__ */ React9__default.default.createElement(material.Drawer, { anchor: "left", className: "drawer-nav", open: props.open, onClose: props.onHide }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: drawerSidebarSx, className: "drawer-sidebar" }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React9__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents))));
 };
 
 // src/components/layouts/Standard/AppHeader/AppHeader.scss
@@ -1905,16 +1855,24 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/layouts/Standard/AppHeader/AppHeader.tsx
 var AppHeader = (props) => {
-  return /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(
     material.AppBar,
     {
       position: "sticky",
+      color: props.color,
       sx: {
-        display: { xs: `block`, lg: props.appBarResponsiveShow ? `none` : `block` }
+        display: { xs: `block`, lg: props.appBarResponsiveShow ? `none` : `block` },
+        ...!props.color && {
+          bgcolor: "background.paper",
+          color: "text.primary",
+          boxShadow: 1,
+          borderBottom: 1,
+          borderColor: "divider"
+        }
       },
-      className: `app-bar main-background-body ${props.className ?? ""}`
+      className: `app-bar ${props.className ?? ""}`
     },
-    /* @__PURE__ */ React8__default.default.createElement(material.Toolbar, { className: "app-toolbar" }, props.handleDrawerOpen && /* @__PURE__ */ React8__default.default.createElement(
+    /* @__PURE__ */ React9__default.default.createElement(material.Toolbar, { className: "app-toolbar" }, props.handleDrawerOpen && /* @__PURE__ */ React9__default.default.createElement(
       material.IconButton,
       {
         sx: { display: { xs: `inline-flex`, lg: props.drawerVisible ? `inline-flex` : `none` } },
@@ -1923,7 +1881,7 @@ var AppHeader = (props) => {
         "aria-label": "open drawer",
         onClick: props.handleDrawerOpen
       },
-      /* @__PURE__ */ React8__default.default.createElement(MenuIcon__default.default, null)
+      /* @__PURE__ */ React9__default.default.createElement(MenuIcon__default.default, null)
     ), props.children)
   );
 };
@@ -1938,48 +1896,51 @@ var css14 = `.MuiButton-root.loading-button {
 .MuiButton-root.btn-reverse-color {
   border: 1px solid !important;
 }
-.MuiButton-root.btn-modal-cancel.Mui-disabled {
-  background-color: #748892;
-  color: rgba(3, 3, 3, 0.7058823529);
-}
-.MuiButton-root.btn-modal-cancel {
-  background-color: #748892;
-}
-.MuiButton-root .MuiButton-label .MuiCircularProgress-root {
-  color: white;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNJO0VBQ0k7O0FBRUo7RUFDSTs7QUFFSjtFQUNJOztBQUdBO0VBQ0k7RUFDQTs7QUFIUjtFQUtJOztBQUdBO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyIuTXVpQnV0dG9uLXJvb3Qge1xyXG4gICAgJi5sb2FkaW5nLWJ1dHRvbntcclxuICAgICAgICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAmLmJ0bi1sb2dpbntcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgIH1cclxuICAgICYuYnRuLXJldmVyc2UtY29sb3J7XHJcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgICYuYnRuLW1vZGFsLWNhbmNlbHtcclxuICAgICAgICAmLk11aS1kaXNhYmxlZHtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzc0ODg5MjtcclxuICAgICAgICAgICAgY29sb3I6ICMwMzAzMDNiNDtcclxuICAgICAgICB9XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzc0ODg5MjtcclxuICAgIH1cclxuICAgIC5NdWlCdXR0b24tbGFiZWx7XHJcbiAgICAgICAgLk11aUNpcmN1bGFyUHJvZ3Jlc3Mtcm9vdHtcclxuICAgICAgICAgICAgY29sb3I6d2hpdGU7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcblxyXG4iXX0= */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNJO0VBQ0k7O0FBRUo7RUFDSTs7QUFFSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLk11aUJ1dHRvbi1yb290IHtcclxuICAgICYubG9hZGluZy1idXR0b257XHJcbiAgICAgICAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgJi5idG4tbG9naW57XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICB9XHJcbiAgICAmLmJ0bi1yZXZlcnNlLWNvbG9ye1xyXG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbn1cclxuXHJcbiJdfQ== */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css14));
 
 // src/components/fields/ButtonComponent/ButtonComponent.tsx
+var modalCancelSx = (theme) => ({
+  "&.btn-modal-cancel": {
+    bgcolor: theme.palette.grey[600],
+    color: theme.palette.getContrastText(theme.palette.grey[600]),
+    "&:hover": { bgcolor: theme.palette.grey[700] },
+    "&.Mui-disabled": { bgcolor: theme.palette.grey[600], color: theme.palette.text.secondary }
+  }
+});
 var ButtonComponent = ({ component = "button", ...rest }) => {
   const props = { component, ...rest };
-  return /* @__PURE__ */ React8__default.default.createElement(
+  const isContained = !props.variant || props.variant === "contained";
+  return /* @__PURE__ */ React9__default.default.createElement(
     material.Button,
     {
       type: props.type && props.type,
       form: props.form && props.form,
-      className: `${props.reverseColors ? "btn-reverse-color main-color main-border-color" : "main-background-color"} ${props.loading ? "loading-button" : ""} ${props.className ? props.className : ""}`,
-      sx: props.reverseColors ? {
-        color: "primary.main",
-        borderColor: "primary.main",
-        bgcolor: "primary.contrastText",
-        "&.Mui-disabled": {
+      variant: props.variant ?? "contained",
+      className: `${props.reverseColors ? "btn-reverse-color main-color main-border-color" : isContained ? "main-background-color" : ""} ${props.loading ? "loading-button" : ""} ${props.className ? props.className : ""}`,
+      sx: [
+        props.reverseColors ? {
           color: "primary.main",
           borderColor: "primary.main",
-          bgcolor: "primary.contrastText"
-        }
-      } : {
-        bgcolor: "primary.main",
-        "&.Mui-disabled": { bgcolor: "primary.main", color: "primary.contrastText" }
-      },
+          bgcolor: "primary.contrastText",
+          "&.Mui-disabled": {
+            color: "primary.main",
+            borderColor: "primary.main",
+            bgcolor: "primary.contrastText"
+          }
+        } : isContained && {
+          bgcolor: "primary.main",
+          "&.Mui-disabled": { bgcolor: "primary.main", color: "primary.contrastText" }
+        },
+        modalCancelSx
+      ],
       startIcon: !props.loading && props.startIcon,
       endIcon: !props.loading && props.endIcon,
       onClick: props.onClick,
       disabled: props.loading || props.disabled,
       component: props.component
     },
-    props.loading ? /* @__PURE__ */ React8__default.default.createElement(
+    props.loading ? /* @__PURE__ */ React9__default.default.createElement(
       material.CircularProgress,
       {
         className: `${props.reverseColors ? "circular-progress-main-color" : ""}`,
@@ -1992,7 +1953,6 @@ var ButtonComponent = ({ component = "button", ...rest }) => {
 
 // src/components/fields/TextSimpleComponent/TextSimpleComponent.scss
 var css15 = `.text-simple-component .MuiFormLabel-root {
-  color: #666666;
   font-size: 1rem !important;
   transform: translate(0, 0.5px) scale(0.85);
   transform-origin: top left;
@@ -2021,9 +1981,9 @@ var css15 = `.text-simple-component .MuiFormLabel-root {
   padding: 0 !important;
 }
 .text-simple-component .text-simple-box {
-  color: #666666;
   font-size: 14px;
-  border: 1px solid grey;
+  border-width: 1px;
+  border-style: solid;
   border-radius: 3px !important;
   padding: 0.611rem 0.87rem;
   line-height: 1.4375em;
@@ -2043,16 +2003,9 @@ var css15 = `.text-simple-component .MuiFormLabel-root {
   padding: 0 !important;
   margin-top: 3px;
   line-height: 1.66;
-  color: #666666 !important;
   letter-spacing: 0.03333em;
 }
-.text-simple-component .has-error-border {
-  border-color: #F24726 !important;
-}
-.text-simple-component .has-error {
-  color: #F24726 !important;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRTaW1wbGVDb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDSTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTs7QUFHSjtFQUNJOztBQUVKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBRUo7RUFDSTtFQUNBOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJOztBQUlKO0VBQ0k7O0FBRlI7RUFJSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTs7QUFFSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLnRleHQtc2ltcGxlLWNvbXBvbmVudHtcclxuICAgIC5NdWlGb3JtTGFiZWwtcm9vdHtcclxuICAgICAgICBjb2xvcjogIzY2NjY2NjtcclxuICAgICAgICBmb250LXNpemU6IDFyZW0gIWltcG9ydGFudDtcclxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAwLjVweCkgc2NhbGUoMC44NSk7XHJcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogdG9wIGxlZnQ7XHJcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogaW5pdGlhbCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLk11aUZvcm1MYWJlbC1yb290ICsgLnRleHQtc2ltcGxlLWJveHtcclxuICAgICAgICBtYXJnaW4tdG9wOiAycHg7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC5NdWlGb3JtTGFiZWwtcm9vdCArIC50ZXh0LXNpbXBsZS1ib3gubm8tbWFyZ2luLm5vLWJvcmRlcntcclxuICAgICAgICBtYXJnaW4tdG9wOiA3cHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC50ZXh0LXNpbXBsZS1ib3guaW4tY2VudGVyLmxhYmVsLW1hcmdpbntcclxuICAgICAgICBtYXJnaW4tdG9wOiAzOHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcblxyXG4gICAgLk11aUZvcm1MYWJlbC1yb290ICsgLnRleHQtc2ltcGxlLWJveC5pbi1jZW50ZXJ7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMTVweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG5cclxuICAgIC50ZXh0LXNpbXBsZS1ib3gubGFiZWwtbWFyZ2lue1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDI1cHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnRleHQtc2ltcGxlLWJveC5pbi1jZW50ZXJ7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLnRleHQtc2ltcGxlLWJveC5uby1ib3JkZXJ7XHJcbiAgICAgICAgYm9yZGVyOm5vbmUgIWltcG9ydGFudDtcclxuICAgICAgICBwYWRkaW5nOiAwIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC50ZXh0LXNpbXBsZS1ib3h7XHJcbiAgICAgICAgY29sb3I6ICM2NjY2NjY7XHJcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGdyZXk7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4IWltcG9ydGFudDtcclxuICAgICAgICBwYWRkaW5nOiAwLjYxMXJlbSAwLjg3cmVtO1xyXG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxLjQzNzVlbTtcclxuICAgICAgICBsZXR0ZXItc3BhY2luZzogMC4wMDkzOGVtO1xyXG4gICAgICAgICYuaWNvbi1wYWRkaW5ne1xyXG4gICAgICAgICAgICBwYWRkaW5nOiAwLjQ5cmVtIDAuODdyZW07XHJcbiAgICAgICAgfVxyXG4gICAgICAgICYuZW5kLWljb24tcGFkZGluZ3tcclxuICAgICAgICAgICAgcGFkZGluZzogMC4xNzdyZW0gMC44N3JlbTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICAuaGVscGVyLXRleHQge1xyXG4gICAgICAgICYubm8tYm9yZGVye1xyXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAxMnB4O1xyXG4gICAgICAgIH1cclxuICAgICAgICBmb250LXNpemU6IDAuODVyZW0haW1wb3J0YW50O1xyXG4gICAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcclxuICAgICAgICBtYXJnaW4tdG9wOiAzcHg7XHJcbiAgICAgICAgbGluZS1oZWlnaHQ6IDEuNjY7XHJcbiAgICAgICAgY29sb3I6ICM2NjY2NjYgIWltcG9ydGFudDtcclxuICAgICAgICBsZXR0ZXItc3BhY2luZzogMC4wMzMzM2VtO1xyXG4gICAgfVxyXG4gICAgLmhhcy1lcnJvci1ib3JkZXJ7XHJcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAjRjI0NzI2IWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5oYXMtZXJyb3J7XHJcbiAgICAgICAgY29sb3I6I0YyNDcyNiFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbn0iXX0= */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRTaW1wbGVDb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDSTtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUVKO0VBQ0k7O0FBR0o7RUFDSTs7QUFFSjtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7O0FBRUo7RUFDSTs7QUFJSjtFQUNJOztBQUZSO0VBSUk7RUFDQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi50ZXh0LXNpbXBsZS1jb21wb25lbnR7XHJcbiAgICAuTXVpRm9ybUxhYmVsLXJvb3R7XHJcbiAgICAgICAgZm9udC1zaXplOiAxcmVtICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgMC41cHgpIHNjYWxlKDAuODUpO1xyXG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IHRvcCBsZWZ0O1xyXG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGluaXRpYWwgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5NdWlGb3JtTGFiZWwtcm9vdCArIC50ZXh0LXNpbXBsZS1ib3h7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMnB4O1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAuTXVpRm9ybUxhYmVsLXJvb3QgKyAudGV4dC1zaW1wbGUtYm94Lm5vLW1hcmdpbi5uby1ib3JkZXJ7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogN3B4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAudGV4dC1zaW1wbGUtYm94LmluLWNlbnRlci5sYWJlbC1tYXJnaW57XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMzhweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG5cclxuICAgIC5NdWlGb3JtTGFiZWwtcm9vdCArIC50ZXh0LXNpbXBsZS1ib3guaW4tY2VudGVye1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDE1cHggIWltcG9ydGFudDtcclxuICAgIH1cclxuXHJcbiAgICAudGV4dC1zaW1wbGUtYm94LmxhYmVsLW1hcmdpbntcclxuICAgICAgICBtYXJnaW4tdG9wOiAyNXB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC50ZXh0LXNpbXBsZS1ib3guaW4tY2VudGVye1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDEwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC50ZXh0LXNpbXBsZS1ib3gubm8tYm9yZGVye1xyXG4gICAgICAgIGJvcmRlcjpub25lICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgcGFkZGluZzogMCFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAudGV4dC1zaW1wbGUtYm94e1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcclxuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgcGFkZGluZzogMC42MTFyZW0gMC44N3JlbTtcclxuICAgICAgICBsaW5lLWhlaWdodDogMS40Mzc1ZW07XHJcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMDA5MzhlbTtcclxuICAgICAgICAmLmljb24tcGFkZGluZ3tcclxuICAgICAgICAgICAgcGFkZGluZzogMC40OXJlbSAwLjg3cmVtO1xyXG4gICAgICAgIH1cclxuICAgICAgICAmLmVuZC1pY29uLXBhZGRpbmd7XHJcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuMTc3cmVtIDAuODdyZW07XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLmhlbHBlci10ZXh0IHtcclxuICAgICAgICAmLm5vLWJvcmRlcntcclxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMTJweDtcclxuICAgICAgICB9XHJcbiAgICAgICAgZm9udC1zaXplOiAwLjg1cmVtIWltcG9ydGFudDtcclxuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogM3B4O1xyXG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxLjY2O1xyXG4gICAgICAgIGxldHRlci1zcGFjaW5nOiAwLjAzMzMzZW07XHJcbiAgICB9XHJcbn0iXX0= */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css15));
 
 // src/components/fields/TextSimpleComponent/TextSimpleComponent.tsx
@@ -2063,7 +2016,7 @@ var TextSimpleComponent = ({
 }) => {
   const props = { noBorders, isFormLabel, ...rest };
   function SkeletonCompleteDefault(skeleton) {
-    return skeleton.mineSkeleton ?? /* @__PURE__ */ React8__default.default.createElement(
+    return skeleton.mineSkeleton ?? /* @__PURE__ */ React9__default.default.createElement(
       material.Skeleton,
       {
         width: props.fullWidth ? "auto" : "200px",
@@ -2073,18 +2026,23 @@ var TextSimpleComponent = ({
       }
     );
   }
-  return /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(
     material.Box,
     {
       className: "text-simple-component",
-      sx: {
+      sx: (theme) => ({
         display: "flex",
-        flexDirection: "column"
-      },
+        flexDirection: "column",
+        "& .MuiFormLabel-root, & .text-simple-box": { color: theme.palette.text.secondary },
+        "& .text-simple-box": { borderColor: theme.palette.grey[500] },
+        "& .helper-text": { color: `${theme.palette.text.secondary} !important` },
+        "& .has-error-border": { borderColor: `${theme.palette.error.main} !important` },
+        "& .has-error": { color: `${theme.palette.error.main} !important` }
+      }),
       ...props.componentBoxProps
     },
-    props.skeletonLabel ? /* @__PURE__ */ React8__default.default.createElement(material.Skeleton, { width: "10%", animation: "wave" }) : props.label ? props.isFormLabel ? /* @__PURE__ */ React8__default.default.createElement(material.FormLabel, { className: `${props.classNameLabel ?? ""}` }, props.label) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `${props.classNameLabel ?? ""}`, ...props.labelBoxProps }, props.label) : /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null),
-    /* @__PURE__ */ React8__default.default.createElement(
+    props.skeletonLabel ? /* @__PURE__ */ React9__default.default.createElement(material.Skeleton, { width: "10%", animation: "wave" }) : props.label ? props.isFormLabel ? /* @__PURE__ */ React9__default.default.createElement(material.FormLabel, { className: `${props.classNameLabel ?? ""}` }, props.label) : /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: `${props.classNameLabel ?? ""}`, ...props.labelBoxProps }, props.label) : /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null),
+    /* @__PURE__ */ React9__default.default.createElement(
       material.Box,
       {
         sx: {
@@ -2098,15 +2056,15 @@ var TextSimpleComponent = ({
          ${props.noBorders || props.skeletonValue && props.skeletonValue.useSkeleton ? "no-border" : ""} ${props.error ? "has-error-border" : ""} ${props.startIcon ? "icon-padding" : props.endIcon ? "end-icon-padding" : ""}`,
         ...props.valueBoxProps
       },
-      props.skeletonValue && props.skeletonValue.useSkeleton ? /* @__PURE__ */ React8__default.default.createElement(SkeletonCompleteDefault, { ...props.skeletonValue }) : /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, props.startIcon && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mr: 1, display: "flex" } }, props.startIcon), props.isLoading ? /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", size: 20, color: "primary" }) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { width: props.fullWidth ? "100%" : "auto" } }, props.value), props.endIcon && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: props.fullWidth ? "auto" : "1", display: "flex" } }, props.endIcon))
+      props.skeletonValue && props.skeletonValue.useSkeleton ? /* @__PURE__ */ React9__default.default.createElement(SkeletonCompleteDefault, { ...props.skeletonValue }) : /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, props.startIcon && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { mr: 1, display: "flex" } }, props.startIcon), props.isLoading ? /* @__PURE__ */ React9__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", size: 20, color: "primary" }) : /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { width: props.fullWidth ? "100%" : "auto" } }, props.value), props.endIcon && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { ml: props.fullWidth ? "auto" : "1", display: "flex" } }, props.endIcon))
     ),
-    props.helperText && /* @__PURE__ */ React8__default.default.createElement(
+    props.helperText && /* @__PURE__ */ React9__default.default.createElement(
       material.Box,
       {
         className: `helper-text ${props.error ? "has-error" : ""} ${props.noBorders || props.skeletonValue && props.skeletonValue.useSkeleton ? "no-border" : ""}`,
         ...props.helperBoxProps
       },
-      props.skeletonValue && props.skeletonValue.useSkeleton ? /* @__PURE__ */ React8__default.default.createElement(material.Skeleton, { width: "15%", animation: "wave" }) : props.helperText
+      props.skeletonValue && props.skeletonValue.useSkeleton ? /* @__PURE__ */ React9__default.default.createElement(material.Skeleton, { width: "15%", animation: "wave" }) : props.helperText
     )
   );
 };
@@ -2134,14 +2092,15 @@ var buildReactSelectStyles = (theme) => ({
     }
   }),
   menu: (base) => ({
-    ...base
+    ...base,
+    backgroundColor: theme.palette.background.paper
   }),
   option: (base, state) => ({
     ...base,
     color: state.isDisabled ? `${theme.palette.text.disabled} !important` : state.isSelected ? `${theme.palette.primary.contrastText} !important` : `${theme.palette.text.primary} !important`,
-    backgroundColor: state.isSelected ? `${theme.palette.primary.main} !important` : state.isFocused ? "rgba(0, 0, 0, 0.04)" : "transparent",
+    backgroundColor: state.isSelected ? `${theme.palette.primary.main} !important` : state.isFocused ? theme.palette.action.hover : "transparent",
     ":active": {
-      backgroundColor: state.isSelected ? theme.palette.primary.main : state.isFocused ? "rgba(0, 0, 0, 0.04)" : "transparent"
+      backgroundColor: state.isSelected ? theme.palette.primary.main : state.isFocused ? theme.palette.action.hover : "transparent"
     }
   }),
   singleValue: (base, state) => ({
@@ -2161,6 +2120,20 @@ var buildReactSelectStyles = (theme) => ({
     color: state.isDisabled ? `${theme.palette.text.disabled} !important` : `${theme.palette.text.primary} !important`
   })
 });
+var selectFieldSx = (theme) => ({
+  display: "flex",
+  flexDirection: "column",
+  "& .has-error": {
+    color: `${theme.palette.error.main} !important`,
+    "& .select__control": {
+      border: `1px solid ${theme.palette.error.main} !important`,
+      "&--is-focused": {
+        borderColor: `${theme.palette.error.main} !important`,
+        boxShadow: `0 0 0 1px ${theme.palette.error.main}`
+      }
+    }
+  }
+});
 
 // src/components/fields/SelectFieldComponent/SelectField.scss
 var css16 = `.select-field .MuiFormLabel-root {
@@ -2170,7 +2143,6 @@ var css16 = `.select-field .MuiFormLabel-root {
 }
 .select-field .select__menu {
   z-index: 3 !important;
-  background-color: white;
 }
 .select-field .select__control {
   cursor: pointer;
@@ -2186,22 +2158,12 @@ var css16 = `.select-field .MuiFormLabel-root {
 .select-field .select__control--is-focused {
   box-shadow: none !important;
 }
-.select-field .has-error .select__control {
-  border: 1px #F24726 solid !important;
-}
-.select-field .has-error .select__control--is-focused {
-  border-color: #F24726 !important;
-  box-shadow: 0 0 0 1px #F24726;
-}
-.select-field .has-error {
-  color: #F24726 !important;
-}
 .select-field .no-border .select__control {
   cursor: pointer;
   border: none !important;
   padding: 0 !important;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdEZpZWxkLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBO0VBQ0E7O0FBR0E7RUFDSTtFQUNBOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUVJOztBQUtBO0VBQ0k7O0FBQ0E7RUFDSTtFQUNBOztBQU5oQjtFQVVJOztBQUlBO0VBQ0k7RUFDTjtFQUNNIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDEycHQgKyAoMTQgLSAxMikgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi5zZWxlY3QtZmllbGQge1xyXG4gICAgLk11aUZvcm1MYWJlbC1yb290e1xyXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIDAuNXB4KSBzY2FsZSgwLjg1KTtcclxuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcclxuICAgICAgICB0ZXh0LW92ZXJmbG93OiBpbml0aWFsICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuc2VsZWN0IHtcclxuICAgICAgICAmX19tZW51ICAge1xyXG4gICAgICAgICAgICB6LWluZGV4OiAzIWltcG9ydGFudDtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGUgO1xyXG4gICAgICAgIH1cclxuICAgICAgICAmX19jb250cm9sIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuICAgICAgICB9XHJcbiAgICAgICAgJl9fb3B0aW9uIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgIH1cclxuICAgICAgICAmX19wbGFjZWhvbGRlcntcclxuICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXMgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgb3BhY2l0eTogMC41O1xyXG4gICAgICAgIH1cclxuICAgICAgICAmX19jb250cm9sLS1pcy1mb2N1c2VkIHtcclxuICAgICAgICAgICBcclxuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLmhhcy1lcnJvcntcclxuICAgICAgICAuc2VsZWN0e1xyXG4gICAgICAgICAgICAmX19jb250cm9se1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggI0YyNDcyNiBzb2xpZCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAmLS1pcy1mb2N1c2VkIHtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICNGMjQ3MjYhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDFweCAjRjI0NzI2O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGNvbG9yOiNGMjQ3MjYhaW1wb3J0YW50O1xyXG4gICAgfVxyXG5cdFx0Lm5vLWJvcmRlcntcclxuXHRcdFx0LnNlbGVjdCB7XHJcbiAgICAgICAgJl9fY29udHJvbCB7XHJcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuXHRcdFx0XHRcdFx0Ym9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIHBhZGRpbmc6IDAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuXHRcdFx0fVxyXG5cdH1cclxufVxyXG4iXX0= */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdEZpZWxkLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBO0VBQ0E7O0FBR0E7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBRUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBRUo7RUFFSTs7QUFLSjtFQUNJO0VBQ047RUFDTSIsInNvdXJjZXNDb250ZW50IjpbIiRzaXplLWZvcm06IChjYWxjKDEwMHZ3IC0gMzAwcHgpIC8gKDE2MDAgLSAzMDApKTtcclxuJGZvbnQtc2l6ZTogY2FsYygxMnB0ICsgKDE0IC0gMTIpICogI3skc2l6ZS1mb3JtfSk7XHJcblxyXG4uc2VsZWN0LWZpZWxkIHtcclxuICAgIC5NdWlGb3JtTGFiZWwtcm9vdHtcclxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAwLjVweCkgc2NhbGUoMC44NSk7XHJcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogdG9wIGxlZnQ7XHJcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogaW5pdGlhbCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLnNlbGVjdCB7XHJcbiAgICAgICAgJl9fbWVudSAgIHtcclxuICAgICAgICAgICAgei1pbmRleDogMyFpbXBvcnRhbnQ7XHJcbiAgICAgICAgfVxyXG4gICAgICAgICZfX2NvbnRyb2wge1xyXG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xyXG4gICAgICAgIH1cclxuICAgICAgICAmX19vcHRpb24ge1xyXG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgfVxyXG4gICAgICAgICZfX3BsYWNlaG9sZGVye1xyXG4gICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcyAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICBvcGFjaXR5OiAwLjU7XHJcbiAgICAgICAgfVxyXG4gICAgICAgICZfX2NvbnRyb2wtLWlzLWZvY3VzZWQge1xyXG4gICAgICAgICAgIFxyXG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lIWltcG9ydGFudDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblx0XHQubm8tYm9yZGVye1xyXG5cdFx0XHQuc2VsZWN0IHtcclxuICAgICAgICAmX19jb250cm9sIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG5cdFx0XHRcdFx0XHRib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgcGFkZGluZzogMCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgfVxyXG5cdFx0XHR9XHJcblx0fVxyXG59XHJcbiJdfQ== */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css16));
 
 // src/components/fields/SelectFieldComponent/SelectField.tsx
@@ -2215,50 +2177,38 @@ var SelectField = ({
   const getOptions = () => {
     return props.addExtraOption ? [props.addExtraOption, ...props.options] : props.options;
   };
-  return /* @__PURE__ */ React8__default.default.createElement(
-    material.Box,
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "select-field", sx: selectFieldSx }, props.label && /* @__PURE__ */ React9__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label), /* @__PURE__ */ React9__default.default.createElement(
+    Select__default.default,
     {
-      className: "select-field",
-      sx: {
-        display: "flex",
-        flexDirection: "column"
-      }
-    },
-    props.label && /* @__PURE__ */ React8__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label),
-    /* @__PURE__ */ React8__default.default.createElement(
-      Select__default.default,
-      {
-        defaultValue: props.defaultOptions,
-        isMulti: props.isMulti,
-        name: props.name,
-        placeholder: props.placeholder,
-        options: getOptions(),
-        className: `${props.noBorders ? "no-border" : ""} basic-multi-select  ${props.className ? props.className : ""} ${props.invalid ? "has-error" : ""}`,
-        classNamePrefix: `custom-select select`,
-        onChange: (option) => {
-          props.onChange && props.onChange(
-            option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option,
-            props.name
-          );
-          props.onChangeValue && props.onChangeValue(
-            option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option
-          );
-          props.onChangeOption && props.onChangeOption(option, props.name);
-        },
-        ref: props.inputRef,
-        isDisabled: props.disabled,
-        isClearable: props.isClearable,
-        isSearchable: props.isSearchable,
-        isLoading: props.isLoading,
-        menuPlacement: props.menuPlacement,
-        value: props.value,
-        getOptionLabel: props.getOptionLabel,
-        theme: buildReactSelectTheme(theme),
-        styles: buildReactSelectStyles(theme)
-      }
-    ),
-    props.helperText && /* @__PURE__ */ React8__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText)
-  );
+      defaultValue: props.defaultOptions,
+      isMulti: props.isMulti,
+      name: props.name,
+      placeholder: props.placeholder,
+      options: getOptions(),
+      className: `${props.noBorders ? "no-border" : ""} basic-multi-select  ${props.className ? props.className : ""} ${props.invalid ? "has-error" : ""}`,
+      classNamePrefix: `custom-select select`,
+      onChange: (option) => {
+        props.onChange && props.onChange(
+          option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option,
+          props.name
+        );
+        props.onChangeValue && props.onChangeValue(
+          option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option
+        );
+        props.onChangeOption && props.onChangeOption(option, props.name);
+      },
+      ref: props.inputRef,
+      isDisabled: props.disabled,
+      isClearable: props.isClearable,
+      isSearchable: props.isSearchable,
+      isLoading: props.isLoading,
+      menuPlacement: props.menuPlacement,
+      value: props.value,
+      getOptionLabel: props.getOptionLabel,
+      theme: buildReactSelectTheme(theme),
+      styles: buildReactSelectStyles(theme)
+    }
+  ), props.helperText && /* @__PURE__ */ React9__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText));
 };
 var SelectAsyncField = ({
   isClearable = true,
@@ -2274,7 +2224,7 @@ var SelectAsyncField = ({
     orderBy: "Id",
     orderAsc: true
   };
-  const [filters, setFilters] = React8.useState(props.filters ? props.filters : defaultFilters);
+  const [filters, setFilters] = React9.useState(props.filters ? props.filters : defaultFilters);
   const loadOptions = async (search, _loadedOptions, additional) => {
     const newFilters = filters;
     newFilters.search = search;
@@ -2299,59 +2249,47 @@ var SelectAsyncField = ({
       }
     };
   };
-  return /* @__PURE__ */ React8__default.default.createElement(
-    material.Box,
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "select-field", sx: selectFieldSx }, props.label && /* @__PURE__ */ React9__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label), /* @__PURE__ */ React9__default.default.createElement(
+    reactSelectAsyncPaginate.AsyncPaginate,
     {
-      className: "select-field",
-      sx: {
-        display: "flex",
-        flexDirection: "column"
-      }
-    },
-    props.label && /* @__PURE__ */ React8__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label),
-    /* @__PURE__ */ React8__default.default.createElement(
-      reactSelectAsyncPaginate.AsyncPaginate,
-      {
-        defaultValue: props.defaultOptions,
-        isMulti: props.isMulti,
-        name: props.name,
-        placeholder: props.placeholder,
-        className: `${props.noBorders ? "no-border" : ""} basic-multi-select ${props.className ? props.className : ""} ${props.invalid ? "has-error" : ""}`,
-        classNamePrefix: `custom-select select`,
-        onChange: (option) => {
-          props.onChange && props.onChange(
-            option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option,
-            props.name
-          );
-          props.onChangeValue && props.onChangeValue(
-            option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option
-          );
-          props.onChangeOption && props.onChangeOption(
-            option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option,
-            option && option.length > 0 ? option.map((o) => o.label) : option ? option.label : option,
-            option && option.length > 0 ? option.map((o) => o.extra) : option ? option.extra : option
-          );
-        },
-        selectRef: props.inputRef,
-        isDisabled: props.disabled,
-        isClearable: props.isClearable,
-        loadOptions,
-        menuPlacement: props.menuPlacement,
-        value: props.value,
-        getOptionLabel: props.getOptionLabel,
-        theme: buildReactSelectTheme(theme),
-        styles: buildReactSelectStyles(theme)
-      }
-    ),
-    props.helperText && /* @__PURE__ */ React8__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText)
-  );
+      defaultValue: props.defaultOptions,
+      isMulti: props.isMulti,
+      name: props.name,
+      placeholder: props.placeholder,
+      className: `${props.noBorders ? "no-border" : ""} basic-multi-select ${props.className ? props.className : ""} ${props.invalid ? "has-error" : ""}`,
+      classNamePrefix: `custom-select select`,
+      onChange: (option) => {
+        props.onChange && props.onChange(
+          option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option,
+          props.name
+        );
+        props.onChangeValue && props.onChangeValue(
+          option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option
+        );
+        props.onChangeOption && props.onChangeOption(
+          option && option.length > 0 ? option.map((o) => o.value) : option ? option.value : option,
+          option && option.length > 0 ? option.map((o) => o.label) : option ? option.label : option,
+          option && option.length > 0 ? option.map((o) => o.extra) : option ? option.extra : option
+        );
+      },
+      selectRef: props.inputRef,
+      isDisabled: props.disabled,
+      isClearable: props.isClearable,
+      loadOptions,
+      menuPlacement: props.menuPlacement,
+      value: props.value,
+      getOptionLabel: props.getOptionLabel,
+      theme: buildReactSelectTheme(theme),
+      styles: buildReactSelectStyles(theme)
+    }
+  ), props.helperText && /* @__PURE__ */ React9__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText));
 };
 var LoginForm = (props) => {
   const LoginSchema = yup2__namespace.object().shape({
     login: yup2__namespace.string().required(props.requiredText.requiredTextLogin),
     password: yup2__namespace.string().required(props.requiredText.requiredTextPassword)
   });
-  const [showPassword, setShownPassword] = React8.useState(false);
+  const [showPassword, setShownPassword] = React9.useState(false);
   const handleClickShowPassword = () => {
     setShownPassword(!showPassword);
   };
@@ -2364,12 +2302,12 @@ var LoginForm = (props) => {
   } = reactHookForm.useForm({
     resolver: yup.yupResolver(LoginSchema)
   });
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.Stack, { direction: "column", spacing: 1 }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React9__default.default.createElement(material.Stack, { direction: "column", spacing: 1 }, /* @__PURE__ */ React9__default.default.createElement(material.Box, null, /* @__PURE__ */ React9__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "login",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React9__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.labelLogin,
@@ -2393,12 +2331,12 @@ var LoginForm = (props) => {
         }
       )
     }
-  )), /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(
+  )), /* @__PURE__ */ React9__default.default.createElement(material.Box, null, /* @__PURE__ */ React9__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "password",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React9__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.labelPassword,
@@ -2419,11 +2357,11 @@ var LoginForm = (props) => {
               }
             }
           },
-          endIcon: /* @__PURE__ */ React8__default.default.createElement(material.IconButton, { "aria-label": "toggle password visibility", onClick: handleClickShowPassword, size: "small" }, showPassword ? /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.VisibilityOff, null))
+          endIcon: /* @__PURE__ */ React9__default.default.createElement(material.IconButton, { "aria-label": "toggle password visibility", onClick: handleClickShowPassword, size: "small" }, showPassword ? /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.VisibilityOff, null))
         }
       )
     }
-  )))), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React8__default.default.createElement(
+  )))), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React9__default.default.createElement(
     ButtonComponent,
     {
       label: props.valuesText.buttonText,
@@ -2431,7 +2369,7 @@ var LoginForm = (props) => {
       className: "btn-login",
       onClick: handleSubmit(props.onClick)
     }
-  )), props.bottomComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.bottomComponent));
+  )), props.bottomComponent && /* @__PURE__ */ React9__default.default.createElement(material.Box, null, props.bottomComponent));
 };
 var ChangePasswordForm = (props) => {
   const validationSchema = yup2__namespace.object().shape({
@@ -2450,19 +2388,19 @@ var ChangePasswordForm = (props) => {
   } = reactHookForm.useForm({
     resolver: yup.yupResolver(validationSchema)
   });
-  const [showPassword, setShownPassword] = React8.useState(false);
+  const [showPassword, setShownPassword] = React9.useState(false);
   const handleClickShowPassword = () => {
     setShownPassword(!showPassword);
   };
   const handleMouseDownPassword = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.Stack, { direction: "column", spacing: 1 }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React9__default.default.createElement(material.Stack, { direction: "column", spacing: 1 }, /* @__PURE__ */ React9__default.default.createElement(material.Box, null, /* @__PURE__ */ React9__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "password",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React9__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.labelPassword,
@@ -2483,7 +2421,7 @@ var ChangePasswordForm = (props) => {
               }
             }
           },
-          endIcon: /* @__PURE__ */ React8__default.default.createElement(
+          endIcon: /* @__PURE__ */ React9__default.default.createElement(
             material.IconButton,
             {
               "aria-label": "toggle password visibility",
@@ -2491,17 +2429,17 @@ var ChangePasswordForm = (props) => {
               onMouseDown: handleMouseDownPassword,
               size: "small"
             },
-            showPassword ? /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.VisibilityOff, null)
+            showPassword ? /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.VisibilityOff, null)
           )
         }
       )
     }
-  )), /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(
+  )), /* @__PURE__ */ React9__default.default.createElement(material.Box, null, /* @__PURE__ */ React9__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "passwordConfirmation",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React9__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.labelSamePassword,
@@ -2522,7 +2460,7 @@ var ChangePasswordForm = (props) => {
               }
             }
           },
-          endIcon: /* @__PURE__ */ React8__default.default.createElement(
+          endIcon: /* @__PURE__ */ React9__default.default.createElement(
             material.IconButton,
             {
               "aria-label": "toggle password visibility",
@@ -2530,12 +2468,12 @@ var ChangePasswordForm = (props) => {
               onMouseDown: handleMouseDownPassword,
               size: "small"
             },
-            showPassword ? /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.VisibilityOff, null)
+            showPassword ? /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.VisibilityOff, null)
           )
         }
       )
     }
-  )))), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React8__default.default.createElement(
+  )))), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React9__default.default.createElement(
     ButtonComponent,
     {
       label: props.valuesText.buttonText,
@@ -2543,7 +2481,7 @@ var ChangePasswordForm = (props) => {
       onClick: handleSubmit(props.onClick),
       loading: props.loading
     }
-  )), props.bottomComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.bottomComponent));
+  )), props.bottomComponent && /* @__PURE__ */ React9__default.default.createElement(material.Box, null, props.bottomComponent));
 };
 var ResetPasswordForm = (props) => {
   const ResetSchema = yup2__namespace.object().shape({
@@ -2558,12 +2496,12 @@ var ResetPasswordForm = (props) => {
   } = reactHookForm.useForm({
     resolver: yup.yupResolver(ResetSchema)
   });
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React9__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "email",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React9__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.label,
@@ -2587,7 +2525,7 @@ var ResetPasswordForm = (props) => {
         }
       )
     }
-  )), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React8__default.default.createElement(
+  )), /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React9__default.default.createElement(
     ButtonComponent,
     {
       label: props.valuesText.buttonText,
@@ -2595,7 +2533,7 @@ var ResetPasswordForm = (props) => {
       onClick: handleSubmit(props.onClick),
       loading: props.loading
     }
-  )), props.bottomComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.bottomComponent));
+  )), props.bottomComponent && /* @__PURE__ */ React9__default.default.createElement(material.Box, null, props.bottomComponent));
 };
 var ModalComponent = ({
   modalSize = "sm",
@@ -2607,7 +2545,7 @@ var ModalComponent = ({
   ...rest
 }) => {
   const props = { modalSize, fullWidth, loading, dividers, crossAvailable, buttonActionsAlign, ...rest };
-  return /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(
     material.Dialog,
     {
       open: props.setShow,
@@ -2622,17 +2560,17 @@ var ModalComponent = ({
       scroll: "body",
       slotProps: { paper: { sx: { overflowY: "unset" } } }
     },
-    /* @__PURE__ */ React8__default.default.createElement(material.DialogTitle, { id: "modal-title" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, props.title, props.onHide && props.crossAvailable && /* @__PURE__ */ React8__default.default.createElement(
+    /* @__PURE__ */ React9__default.default.createElement(material.DialogTitle, { id: "modal-title" }, /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, props.title, props.onHide && props.crossAvailable && /* @__PURE__ */ React9__default.default.createElement(
       material.Box,
       {
         sx: {
           margin: "-1rem -1rem -1rem auto"
         }
       },
-      /* @__PURE__ */ React8__default.default.createElement(material.IconButton, { "aria-label": "close", onClick: props.onHide }, /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Close, null))
+      /* @__PURE__ */ React9__default.default.createElement(material.IconButton, { "aria-label": "close", onClick: props.onHide }, /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.Close, null))
     ))),
-    props.children && /* @__PURE__ */ React8__default.default.createElement(material.DialogContent, { sx: { overflowY: "unset" }, id: "modal-description", dividers: props.dividers }, props.children),
-    /* @__PURE__ */ React8__default.default.createElement(material.DialogActions, { sx: { justifyContent: props.buttonActionsAlign } }, props.cancelButton && /* @__PURE__ */ React8__default.default.createElement(
+    props.children && /* @__PURE__ */ React9__default.default.createElement(material.DialogContent, { sx: { overflowY: "unset" }, id: "modal-description", dividers: props.dividers }, props.children),
+    /* @__PURE__ */ React9__default.default.createElement(material.DialogActions, { sx: { justifyContent: props.buttonActionsAlign } }, props.cancelButton && /* @__PURE__ */ React9__default.default.createElement(
       ButtonComponent,
       {
         disabled: props.loading,
@@ -2640,7 +2578,7 @@ var ModalComponent = ({
         onClick: props.cancelButton.onClick ? props.cancelButton.onClick : props.onHide,
         ...props.cancelButton
       }
-    ), props.submitButton && /* @__PURE__ */ React8__default.default.createElement(
+    ), props.submitButton && /* @__PURE__ */ React9__default.default.createElement(
       ButtonComponent,
       {
         className: `btn-modal-submit main-background-color ${props.submitButton.className ? props.submitButton.className : ""}`,
@@ -2687,7 +2625,7 @@ var DetailPanelComponent = ({
   doublePanel = false,
   disableBackdropClose = false
 }) => {
-  return /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(
     material.Drawer,
     {
       anchor,
@@ -2706,9 +2644,9 @@ var DetailPanelComponent = ({
         }
       }
     },
-    /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "detail-panel__header", sx: { px: { xs: 2, md: 3 }, py: 1.5 } }, /* @__PURE__ */ React8__default.default.createElement(material.Typography, { variant: "h6", component: "h2", noWrap: true }, title), /* @__PURE__ */ React8__default.default.createElement(material.IconButton, { "aria-label": "close", onClick: onClose }, /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Close, null))),
-    /* @__PURE__ */ React8__default.default.createElement(material.Divider, null),
-    /* @__PURE__ */ React8__default.default.createElement(
+    /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "detail-panel__header", sx: { px: { xs: 2, md: 3 }, py: 1.5 } }, /* @__PURE__ */ React9__default.default.createElement(material.Typography, { variant: "h6", component: "h2", noWrap: true }, title), /* @__PURE__ */ React9__default.default.createElement(material.IconButton, { "aria-label": "close", onClick: onClose }, /* @__PURE__ */ React9__default.default.createElement(iconsMaterial.Close, null))),
+    /* @__PURE__ */ React9__default.default.createElement(material.Divider, null),
+    /* @__PURE__ */ React9__default.default.createElement(
       material.Grid,
       {
         className: "detail-panel__content",
@@ -2727,7 +2665,7 @@ var DetailPanelComponent = ({
       },
       children
     ),
-    actions && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(material.Divider, null), /* @__PURE__ */ React8__default.default.createElement(
+    actions && /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement(material.Divider, null), /* @__PURE__ */ React9__default.default.createElement(
       material.Box,
       {
         className: "detail-panel__actions",
@@ -2743,11 +2681,11 @@ var DetailPanelComponent = ({
   );
 };
 var TabsComponent = (props) => {
-  const [value, setValue] = React8__default.default.useState(props.tabActive.toString());
+  const [value, setValue] = React9__default.default.useState(props.tabActive.toString());
   const handleChange = (_event, newValue) => {
     setValue(newValue);
   };
-  return /* @__PURE__ */ React8__default.default.createElement(MainWrapperComponent, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "tabs-component" }, /* @__PURE__ */ React8__default.default.createElement(lab.TabContext, { value }, /* @__PURE__ */ React8__default.default.createElement(lab.TabList, { onChange: handleChange }, props.tabs.sort((a, b) => a.value - b.value).map((tabLabel) => /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(MainWrapperComponent, null, /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "tabs-component" }, /* @__PURE__ */ React9__default.default.createElement(lab.TabContext, { value }, /* @__PURE__ */ React9__default.default.createElement(lab.TabList, { onChange: handleChange }, props.tabs.sort((a, b) => a.value - b.value).map((tabLabel) => /* @__PURE__ */ React9__default.default.createElement(
     material.Tab,
     {
       classes: { selected: "main-background-color" },
@@ -2756,7 +2694,7 @@ var TabsComponent = (props) => {
       label: tabLabel.label,
       value: tabLabel.value.toString()
     }
-  ))), props.tabsComponent.sort((a, b) => a.value - b.value).map((tabComponent) => /* @__PURE__ */ React8__default.default.createElement(lab.TabPanel, { key: tabComponent.value, value: tabComponent.value.toString() }, tabComponent.component)))));
+  ))), props.tabsComponent.sort((a, b) => a.value - b.value).map((tabComponent) => /* @__PURE__ */ React9__default.default.createElement(lab.TabPanel, { key: tabComponent.value, value: tabComponent.value.toString() }, tabComponent.component)))));
 };
 var toDayjs = (v, format) => {
   if (v == null || v === "") return null;
@@ -2776,9 +2714,9 @@ var DatePickerComponent = ({
   format,
   ...rest
 }) => {
-  const [value, setValue] = React8__default.default.useState(toDayjs(valueProp, format));
-  const [hover, setHover] = React8__default.default.useState(false);
-  React8.useEffect(() => {
+  const [value, setValue] = React9__default.default.useState(toDayjs(valueProp, format));
+  const [hover, setHover] = React9__default.default.useState(false);
+  React9.useEffect(() => {
     setValue(toDayjs(valueProp, format));
   }, [valueProp, format]);
   const {
@@ -2793,7 +2731,7 @@ var DatePickerComponent = ({
     onMouseLeave,
     ...textFieldRest
   } = textField ?? {};
-  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "data-picker-component", sx: { width: "100%" } }, /* @__PURE__ */ React8__default.default.createElement(xDatePickers.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs }, /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(material.Box, { className: "data-picker-component", sx: { width: "100%" } }, /* @__PURE__ */ React9__default.default.createElement(xDatePickers.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs }, /* @__PURE__ */ React9__default.default.createElement(
     xDatePickers.DatePicker,
     {
       ...rest,
@@ -2861,43 +2799,37 @@ var DatePickerComponent = ({
 var css18 = `.card-component {
   box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
 }
-.card-component.gradiant-green {
-  background: linear-gradient(-135deg, #1de9b6, #1dc4e9);
-  color: white;
-}
-.card-component.gradiant-violet {
-  background: linear-gradient(-135deg, #899fd4, #a389d4);
-  color: white;
-}
-.card-component.grey {
-  background: #A9A9A9;
-  color: white;
-}
-.card-component.main-background-color {
-  color: white;
-}
-.card-component .MuiCircularProgress-root {
-  color: white;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRDb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJOztBQUdBO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7O0FBRUo7RUFDSTtFQUNBOztBQUVKO0VBQ0k7O0FBRUo7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5jYXJkLWNvbXBvbmVudHtcclxuICAgIGJveC1zaGFkb3c6IDAgMXB4IDIwcHggMCByZ2IoNjkgOTAgMTAwIC8gOCUpO1xyXG4gICAgLy9iYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuXHJcbiAgICAmLmdyYWRpYW50LWdyZWVue1xyXG4gICAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtMTM1ZGVnLCAjMWRlOWI2LCAjMWRjNGU5KTtcclxuICAgICAgICBjb2xvcjogd2hpdGU7XHJcbiAgICB9XHJcbiAgICAmLmdyYWRpYW50LXZpb2xldHtcclxuICAgICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTEzNWRlZywjODk5ZmQ0LCNhMzg5ZDQpO1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgICYuZ3JleXtcclxuICAgICAgICBiYWNrZ3JvdW5kOiAjQTlBOUE5O1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgICYubWFpbi1iYWNrZ3JvdW5kLWNvbG9ye1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgIC5NdWlDaXJjdWxhclByb2dyZXNzLXJvb3R7XHJcbiAgICAgICAgY29sb3I6d2hpdGU7XHJcbiAgICB9XHJcbn0iXX0= */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRDb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLmNhcmQtY29tcG9uZW50e1xyXG4gICAgYm94LXNoYWRvdzogMCAxcHggMjBweCAwIHJnYig2OSA5MCAxMDAgLyA4JSk7XHJcbn0iXX0= */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css18));
 
 // src/components/wrappers/CardComponent/CardComponent.tsx
 var CardComponent = ({ backgroundType = "white", ...rest }) => {
   const props = { backgroundType, ...rest };
   const isPrimary = props.backgroundType === "primary";
-  return /* @__PURE__ */ React8__default.default.createElement(
+  return /* @__PURE__ */ React9__default.default.createElement(
     material.Box,
     {
       className: `card-component ${props.onClick ? "cursor-pointer" : ""} ${isPrimary ? "" : props.backgroundType}
       ${props.className ?? ""}`,
-      sx: {
+      sx: (theme) => ({
         height: props.height ?? "100%",
-        ...isPrimary && { bgcolor: "primary.main", color: "primary.contrastText" }
-      },
+        ...isPrimary && { bgcolor: "primary.main", color: "primary.contrastText" },
+        ...props.backgroundType === "gradiant-green" && {
+          background: `linear-gradient(-135deg, ${theme.palette.success.light}, ${theme.palette.info.light})`,
+          color: theme.palette.success.contrastText
+        },
+        ...props.backgroundType === "gradiant-violet" && {
+          background: `linear-gradient(-135deg, ${theme.palette.primary.light}, ${theme.palette.secondary.light})`,
+          color: theme.palette.secondary.contrastText
+        },
+        ...props.backgroundType === "grey" && {
+          bgcolor: theme.palette.grey[500],
+          color: theme.palette.common.white
+        }
+      }),
       onClick: props.onClick
     },
-    /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: 3.125, py: 3.75, height: "100%" } }, props.loading ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" } }, /* @__PURE__ */ React8__default.default.createElement(
+    /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { p: 3.125, py: 3.75, height: "100%" } }, props.loading ? /* @__PURE__ */ React9__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" } }, /* @__PURE__ */ React9__default.default.createElement(
       material.CircularProgress,
       {
         className: `${props.backgroundType === "white" ? "circular-progress-main-color" : ""}`,
@@ -2914,7 +2846,7 @@ var SnackbarComponent = ({
   autoHideDuration = 5e3,
   anchorOrigin = { vertical: "bottom", horizontal: "right" },
   action
-}) => /* @__PURE__ */ React8__default.default.createElement(
+}) => /* @__PURE__ */ React9__default.default.createElement(
   material.Snackbar,
   {
     open,
@@ -2922,18 +2854,9 @@ var SnackbarComponent = ({
     anchorOrigin,
     onClose: (_, reason) => reason !== "clickaway" && onClose()
   },
-  /* @__PURE__ */ React8__default.default.createElement(material.Alert, { severity, variant: "filled", onClose, action, sx: { width: "100%" } }, message)
+  /* @__PURE__ */ React9__default.default.createElement(material.Alert, { severity, variant: "filled", onClose, action, sx: { width: "100%" } }, message)
 );
 
-// src/interfaces/search/SearchFilters.tsx
-var SearchBaseDefaults = {
-  offset: 0,
-  page: 1,
-  limit: 100,
-  orderBy: "id",
-  orderAsc: true
-};
-
 exports.AppBreadcrumbs = AppBreadcrumbs;
 exports.AppHeader = AppHeader;
 exports.AppSidebar = AppSidebar;
@@ -2978,6 +2901,7 @@ exports.redirectDownload = redirectDownload;
 exports.removeNotification = removeNotification;
 exports.saveSession = saveSession;
 exports.toBase64 = toBase64;
+exports.useFilters = useFilters;
 exports.useIsMounted = useIsMounted;
 exports.usePrevious = usePrevious;
 //# sourceMappingURL=index.js.map