techsbcn-storybook 2.0.0 → 2.0.2

package/dist/index.js

@@ -8,9 +8,10 @@ var dayjs = require('dayjs');
 var localizedFormat = require('dayjs/plugin/localizedFormat');
 var timezone = require('dayjs/plugin/timezone');
 var utc = require('dayjs/plugin/utc');
-var reactRouterDom = require('react-router-dom');
+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');
@@ -84,7 +85,6 @@ var css2 = `.search-component .title {
   justify-content: center;
   width: 50px;
   cursor: pointer;
-  color: white;
 }
 .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;
@@ -119,12 +119,12 @@ var css2 = `.search-component .title {
 .search-menu-actions .wrapper-actions .btn-action svg {
   font-size: 30px;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaENvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDSTs7QUFNSTtFQUNJO0VBQ0E7O0FBRUo7RUFDSTtFQUNBOztBQUlaO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7OztBQU9SO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDE1cHQgKyAoMTcgLSAxNSkgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi5zZWFyY2gtY29tcG9uZW50e1xyXG4gICAgLnRpdGxlIHtcclxuICAgICAgICBjb2xvcjogIzAwMDtcclxuICAgICAgICBmb250LXNpemU6IDE3cHghaW1wb3J0YW50O1xyXG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgfVxyXG4gICAgLnR1bmUtYnRue1xyXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgICAgICB3aWR0aDogNTBweDtcclxuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgY29sb3I6IHdoaXRlO1xyXG4gICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDBweCAycHggNHB4IC0xcHggcmdiKDAgMCAwIC8gMjAlKSwgMHB4IDRweCA1cHggMHB4IHJnYigwIDAgMCAvIDE0JSksIDBweCAxcHggMTBweCAwcHggcmdiKDAgMCAwIC8gMTIlKSAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIC53cmFwcGVyLWFjdGlvbnMge1xyXG4gICAgICAgICYubWluLWFjdGlvbi13aWR0aHtcclxuICAgICAgICAgICAgLmJ0bi1hY3Rpb24ge1xyXG4gICAgICAgICAgICAgICAgLk11aUJ1dHRvbi1yb290e1xyXG4gICAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogYXV0bztcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5idG57XHJcbiAgICAgICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAuTXVpQnV0dG9uLXJvb3R7XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogbWF4LWNvbnRlbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLmJ0bntcclxuICAgICAgICAgICAgICAgIHdpZHRoOiBtYXgtY29udGVudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBzdmd7XHJcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDMwcHg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9ICBcclxuICAgIH1cclxufVxyXG4uc2VhcmNoLW1lbnUtYWN0aW9uc3tcclxuICAgIC53cmFwcGVyLWFjdGlvbnMge1xyXG4gICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAuYnRue1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IG1heC1jb250ZW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHN2Z3tcclxuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzBweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0gIFxyXG4gICAgfVxyXG59Il19 */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaENvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7O0FBTUk7RUFDSTtFQUNBOztBQUVKO0VBQ0k7RUFDQTs7QUFJWjtFQUNJOztBQUNBO0VBQ0k7O0FBRUo7RUFDSTs7QUFFSjtFQUNJOzs7QUFPUjtFQUNJOztBQUNBO0VBQ0k7O0FBRUo7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIiRzaXplLWZvcm06IChjYWxjKDEwMHZ3IC0gMzAwcHgpIC8gKDE2MDAgLSAzMDApKTtcclxuJGZvbnQtc2l6ZTogY2FsYygxNXB0ICsgKDE3IC0gMTUpICogI3skc2l6ZS1mb3JtfSk7XHJcblxyXG4uc2VhcmNoLWNvbXBvbmVudHtcclxuICAgIC50aXRsZSB7XHJcbiAgICAgICAgY29sb3I6ICMwMDA7XHJcbiAgICAgICAgZm9udC1zaXplOiAxN3B4IWltcG9ydGFudDtcclxuICAgICAgICBmb250LXdlaWdodDogNDAwO1xyXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIH1cclxuICAgIC50dW5lLWJ0bntcclxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICAgICAgd2lkdGg6IDUwcHg7XHJcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDBweCAycHggNHB4IC0xcHggcmdiKDAgMCAwIC8gMjAlKSwgMHB4IDRweCA1cHggMHB4IHJnYigwIDAgMCAvIDE0JSksIDBweCAxcHggMTBweCAwcHggcmdiKDAgMCAwIC8gMTIlKSAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIC53cmFwcGVyLWFjdGlvbnMge1xyXG4gICAgICAgICYubWluLWFjdGlvbi13aWR0aHtcclxuICAgICAgICAgICAgLmJ0bi1hY3Rpb24ge1xyXG4gICAgICAgICAgICAgICAgLk11aUJ1dHRvbi1yb290e1xyXG4gICAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogYXV0bztcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5idG57XHJcbiAgICAgICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAuTXVpQnV0dG9uLXJvb3R7XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogbWF4LWNvbnRlbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLmJ0bntcclxuICAgICAgICAgICAgICAgIHdpZHRoOiBtYXgtY29udGVudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBzdmd7XHJcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDMwcHg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9ICBcclxuICAgIH1cclxufVxyXG4uc2VhcmNoLW1lbnUtYWN0aW9uc3tcclxuICAgIC53cmFwcGVyLWFjdGlvbnMge1xyXG4gICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAuYnRue1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IG1heC1jb250ZW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHN2Z3tcclxuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzBweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0gIFxyXG4gICAgfVxyXG59Il19 */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css2));
 
 // src/components/tables/SearchComponent/SearchComponent.tsx
 var ActionsList = (actions) => {
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto", justifyContent: "start", display: "flex", alignItems: "center", flexDirection: "row" } }, actions && actions.map((action, i) => /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: 2 }, key: i, className: "btn-action main-color" }, action.action)));
+  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto", justifyContent: "start", display: "flex", alignItems: "center", flexDirection: "row" } }, actions && actions.map((action, i) => /* @__PURE__ */ React7__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__ */ React7__default.default.createElement(material.Grid, { container: true, spacing: 1, sx: { alignItems: "center" } }, filters.label && /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: { xs: 12, md: 3 } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, null, filters.label)), /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: { xs: 12, md: filters.label ? 9 : 12 } }, /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true, spacing: 1 }, /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: 6 }, filters.firstFilter), /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: 6 }, filters.secondFilter))));
@@ -148,7 +148,17 @@ var SearchComponent = (props) => {
         md: props.actions && props.searchBar ? 4 : props.searchBar ? 7 : props.actions ? 6 : 12
       }
     },
-    /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { pr: 1 }, className: `${props.enableAfter ? "main-background-color-after" : ""} title` }, props.title)
+    /* @__PURE__ */ React7__default.default.createElement(
+      material.Box,
+      {
+        sx: {
+          pr: 1,
+          ...props.enableAfter && { "&::after": { bgcolor: "primary.main" } }
+        },
+        className: `${props.enableAfter ? "main-background-color-after" : ""} title`
+      },
+      props.title
+    )
   ), props.actions && /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: { xs: props.title ? 4 : 12 }, sx: { display: { xs: "block", md: "none" } } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "flex" } } }, ActionsList(props.actions)), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "flex", md: "none" } } }, props.actions.length > 1 ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto" } }, /* @__PURE__ */ React7__default.default.createElement(
     material.IconButton,
     {
@@ -174,7 +184,7 @@ var SearchComponent = (props) => {
       onClose: handleClose,
       className: "search-menu-actions"
     },
-    props.actions.map((action, i) => /* @__PURE__ */ React7__default.default.createElement(material.MenuItem, { key: i, className: "wrapper-actions" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "btn-action main-color" }, action.action)))
+    props.actions.map((action, i) => /* @__PURE__ */ React7__default.default.createElement(material.MenuItem, { key: i, className: "wrapper-actions" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "btn-action main-color", sx: { color: "primary.main" } }, action.action)))
   )) : /* @__PURE__ */ React7__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__ */ React7__default.default.createElement(material.Grid, { size: { xs: 12, md: props.actions && props.searchBar ? 8 : props.actions ? 6 : 5 } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React7__default.default.createElement(
     material.Box,
     {
@@ -186,7 +196,15 @@ var SearchComponent = (props) => {
       }
     },
     props.searchBar,
-    !!props.fixedOpen || props.filters && props.searchBar && /* @__PURE__ */ React7__default.default.createElement(material.Box, { onClick: () => setIsOpen(!isOpen), className: "tune-btn main-background-color" }, /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.Tune, null))
+    !!props.fixedOpen || props.filters && props.searchBar && /* @__PURE__ */ React7__default.default.createElement(
+      material.Box,
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: "tune-btn main-background-color",
+        sx: { bgcolor: "primary.main", color: "primary.contrastText" }
+      },
+      /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.Tune, null)
+    )
   ), props.actions && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "block" } }, className: "wrapper-actions" }, ActionsList(props.actions)))))), props.divider && /* @__PURE__ */ React7__default.default.createElement(material.Divider, null), /* @__PURE__ */ React7__default.default.createElement(material.Collapse, { in: isOpen }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "filters", sx: { px: 2, mt: 2, mb: props.divider ? 0 : 1 } }, /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true, spacing: 3, sx: { justifyContent: "end" } }, props.filters && props.filters.length > 0 && props.filters.map((filter, i) => /* @__PURE__ */ React7__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))))));
 };
 
@@ -213,7 +231,13 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/wrappers/LinearProgressComponent/LinearProgressComponent.tsx
 var LinearProgressComponent = () => {
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "linear-progress-component" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "linear-progress-main-color main-background-color" }), /* @__PURE__ */ React7__default.default.createElement(material.LinearProgress, { classes: { bar: "main-background-color" } }));
+  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "linear-progress-component" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "linear-progress-main-color main-background-color", sx: { bgcolor: "primary.main" } }), /* @__PURE__ */ React7__default.default.createElement(
+    material.LinearProgress,
+    {
+      classes: { bar: "main-background-color" },
+      sx: { "& .MuiLinearProgress-bar": { bgcolor: "primary.main" } }
+    }
+  ));
 };
 
 // src/components/wrappers/MainWrapperComponent/MainWrapperComponent.scss
@@ -251,7 +275,14 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 // src/components/wrappers/MainWrapperComponent/MainWrapperComponent.tsx
 var MainWrapperComponent = ({ enableTrimBar = false, ...rest }) => {
   const props = { enableTrimBar, ...rest };
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "main-wrapper-component", sx: { height: props.height ?? "100%" } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { height: "4px" } }, props.loadingProgressBar && /* @__PURE__ */ React7__default.default.createElement(LinearProgressComponent, null)), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { py: 2 } }, props.loading ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", px: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color" })) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, props.headerProps && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mb: props.divider ? 1.5 : 0 } }, /* @__PURE__ */ React7__default.default.createElement(SearchComponent, { ...props.headerProps, enableAfter: props.headerProps.enableAfter ?? true })), props.divider && /* @__PURE__ */ React7__default.default.createElement(material.Divider, null), props.children && !props.loadingChildren ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `${props.enableTrimBar ? "main-background-color-after" : ""}` }, props.children)) : props.loadingChildren ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color" })) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null))));
+  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "main-wrapper-component", sx: { height: props.height ?? "100%" } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { height: "4px" } }, props.loadingProgressBar && /* @__PURE__ */ React7__default.default.createElement(LinearProgressComponent, null)), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { py: 2 } }, props.loading ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", px: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, props.headerProps && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mb: props.divider ? 1.5 : 0 } }, /* @__PURE__ */ React7__default.default.createElement(SearchComponent, { ...props.headerProps, enableAfter: props.headerProps.enableAfter ?? true })), props.divider && /* @__PURE__ */ React7__default.default.createElement(material.Divider, null), props.children && !props.loadingChildren ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React7__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__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null))));
 };
 
 // src/components/tables/TableComponent/TableComponent.scss
@@ -281,6 +312,7 @@ var css5 = `.table-component .paper-container {
   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;
@@ -484,111 +516,80 @@ var css5 = `.table-component .paper-container {
     margin-left: 0;
   }
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBOztBQUVJO0VBQ0k7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7O0FBSUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNJO0VBQ0E7RUFDQTs7QUFHUjtFQUNJOztBQUNBO0VBQ0k7O0FBRUo7RUFDSTtFQUNBOztBQUtKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNJOztBQUdSO0VBQ0k7O0FBR0E7RUFDSTtFQUNBOztBQUVKO0VBQ0k7O0FBTUo7RUFDSTs7QUFHUjtFQUNJOztBQUNBO0VBQ0k7O0FBQ0E7RUFDSTs7QUFDQTtFQUNJOztBQUtoQjtFQUNJOztBQUNBO0VBQ0k7O0FBQ0E7RUFDSTs7QUFJWjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVKO0VBQ0k7O0FBQ0E7RUFDSSxXQS9IWjs7QUFxSUo7RUFDSTs7QUFDQTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR1I7RUFDSTs7QUFDQTtFQUNJO0VBQ0E7RUFDQTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBSUo7RUFDSTtFQUNBOztBQUlKO0VBQ0k7O0FBR1I7RUFDSTs7QUFNSjtFQUNJO0VBQ0E7O0FBR0E7RUFDSTs7QUFJSjtFQUNJOztBQU9aO0VBQ0k7RUFDQTs7QUFDQTtFQUNJO0VBQ0E7O0FBSUw7RUFDSzs7QUFPcEI7RUFFUTtJQUNJO0lBQ0E7O0VBQ0E7SUFDSTs7RUFFSjtJQUNJOztFQUVKO0lBQ0k7O0VBQ0E7SUFDSTtJQUNBOztFQUNBO0lBQ0k7SUFDQTtJQUNBO0lBQ0E7O0VBRUo7SUFDSTs7RUFHUjtJQUNJOztFQUVKO0lBQ0k7SUFDQTtJQUNBO0lBQ0E7SUFDQTs7RUFPUjtJQUNRIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDlwdCArICgxMSAtIDkpICogI3skc2l6ZS1mb3JtfSk7XHJcblxyXG4udGFibGUtY29tcG9uZW50e1xyXG4gICAgLnBhcGVyLWNvbnRhaW5lcntcclxuICAgICAgICBib3gtc2hhZG93OiBub25lO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50IWltcG9ydGFudDtcclxuICAgICAgICAuY2hlY2tib3gtY2VsbHtcclxuICAgICAgICAgICAgLk11aUNoZWNrYm94LXJvb3R7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nOjAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjp0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5NdWktY2hlY2tlZCB7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogcmdiYSgwLDAsMCwwLjU0KSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5NdWlDaGVja2JveC1pbmRldGVybWluYXRlIHtcclxuICAgICAgICAgICAgICAgIGNvbG9yOiAjMjEyNTI5ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgLnRhYmxlLWNvbnRhaW5lcntcclxuICAgICAgICAgICAgJi53aXRoLXNjcm9sbHtcclxuICAgICAgICAgICAgICAgIG1heC1oZWlnaHQ6IDY4dmg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnRhYmxlLWNvbHVtbntcclxuICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAkZm9udC1zaXplICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgyMjQsIDIyNCwgMjI0LCAxKTtcclxuICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHJnYmEoMjI0LCAyMjQsIDIyNCwgMSk7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgcmdiYSgyMjQsIDIyNCwgMjI0LCAxKTtcclxuICAgICAgICAgICAgICAgIC50YWJsZS1oZWFkZXItY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogYmxhY2s7XHJcbiAgICAgICAgICAgICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDEwcHggMHB4IDEwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAmLnRhYmxlLXNpbXBsZXtcclxuICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW46Zmlyc3QtY2hpbGR7IFxyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweCAwIDAgNXB4O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWNvbHVtbjpsYXN0LWNoaWxkeyBcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmlnaHQ6IG5vbmUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAgNXB4IDVweCAwO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAmLnRhYmxlLWJvcmRlcmVke1xyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWNvbHVtbntcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZWFlYWVhICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWFlYWVhICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICM3YTdhN2EgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAudGFibGUtaGVhZGVyLWNlbGx7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjN2E3YTdhICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWNvbHVtbjpmaXJzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZWFlYWVhO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLnRhYmxlLXJvd3N7XHJcbiAgICAgICAgICAgICAgICAgICAgLnRhYmxlLWNlbGx7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlYWVhZWE7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjNTA1MDUwICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1jZWxsOmZpcnN0LWNoaWxkeyBcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZWFlYWVhO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAudGFibGUtcm93c3tcclxuICAgICAgICAgICAgICAgICYudGFibGUtc3RyaXBlZHtcclxuICAgICAgICAgICAgICAgICAgICB0ZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSAyNTUgMjU1IC8gOTUlKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAmLnJvdy1jbGlja3tcclxuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICAgICAgICAgICAgJjpob3ZlcntcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA0KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgJi50YWJsZS1zdHJpcGVke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDQpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgJi5NdWktc2VsZWN0ZWQge1xyXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7IFxyXG4gICAgICAgICAgICAgICAgICAgICYudGFibGUtc3RyaXBlZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA0KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWktc2VsZWN0ZWQge1xyXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLk11aVRhYmxlQ2VsbC1yb290IHtcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiA2cHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmltZy10YWJsZXtcclxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDExMHB4O1xyXG4gICAgICAgICAgICAgICAgICAgIGltZ3tcclxuICAgICAgICAgICAgICAgICAgICAgICAgb2JqZWN0LWZpdDogY29udGFpbjtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuYWN0aW9uc3tcclxuICAgICAgICAgICAgICAgICAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuYnRuLWFjdGlvbiB7XHJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6cmdiYSgwLDAsMCwwLjU0KTtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICAgICAgICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS42ZW0gIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwcHggN3B4O1xyXG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5mb3JtYXQtdmFsdWV7XHJcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAkZm9udC1zaXplICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgLk11aVR5cG9ncmFwaHktcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAkZm9udC1zaXplO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0gIFxyXG4gICAgICAgIFxyXG4gICAgICAgIC5NdWlUYWJsZS1yb290LmxvYWRpbmcge1xyXG4gICAgICAgICAgICBvcGFjaXR5OiAwLjU7XHJcbiAgICAgICAgICAgIC5NdWlDaXJjdWxhclByb2dyZXNzLXJvb3R7XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogNTBweDtcclxuICAgICAgICAgICAgICAgIGhlaWdodDogNTBweDtcclxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgICAgICAgICByaWdodDogMDtcclxuICAgICAgICAgICAgICAgIHRvcDogNXB4O1xyXG4gICAgICAgICAgICAgICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgY29sb3I6Z3JleTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAuTXVpVGFibGVQYWdpbmF0aW9uLXJvb3R7XHJcbiAgICAgICAgICAgIG92ZXJmbG93OiB1bnNldDtcclxuICAgICAgICAgICAgLk11aVRvb2xiYXItcm9vdCB7XHJcbiAgICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlciAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgZmxleC13cmFwOiB3cmFwO1xyXG4gICAgICAgICAgICAgICAgcGFkZGluZzogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLk11aVRhYmxlUGFnaW5hdGlvbi1zcGFjZXIge1xyXG4gICAgICAgICAgICAgICAgZmxleDogMCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICYudGFibGUtYm9yZGVyZWR7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogIzdhN2E3YSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgLnBhZ2luYXRpb24ge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgICAgIGxpe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBidXR0b257XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICNkZWUyZTYgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbjowcHg7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjN2E3YTdhICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMHB4IHNvbGlkO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICBsaTpudGgtY2hpbGQoMSl7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweCAwIDAgNXB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGxpOm50aC1sYXN0LWNoaWxkKDEpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDVweCA1cHggMCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC5NdWlQYWdpbmF0aW9uSXRlbS1pY29ue1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzdhN2E3YSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAmLnRhYmxlLXNpbXBsZXtcclxuICAgICAgICAgICAgICAgIC5wYWdpbmF0aW9uIHtcclxuICAgICAgICAgICAgICAgICAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcGFnZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMzZjRkNjc7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICBsaTpudGgtY2hpbGQoMil7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcGFnZXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweCAwIDAgNXB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgbGk6bnRoLWxhc3QtY2hpbGQoMikge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcGFnZXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAgNXB4IDVweCAwICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgXHJcbiAgICAgICAgICAgIC5wYWdpbmF0aW9uIHtcclxuICAgICAgICAgICAgICAgIC5NdWlQYWdpbmF0aW9uSXRlbS1wYWdlIHtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwcHg7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luOjFweDtcclxuICAgICAgICAgICAgICAgICAgICAmLk11aS1zZWxlY3RlZCB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzI5OUM3O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIGxpe1xyXG4gICAgICAgICAgICAgICAgICAgYnV0dG9ue1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAxNHB4O1xyXG4gICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIFxyXG4gICAgfVxyXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDk5MnB4ICkge1xyXG4gICAgICAgIC5wYXBlci1jb250YWluZXJ7XHJcbiAgICAgICAgICAgIC50YWJsZS1jb250YWluZXJ7XHJcbiAgICAgICAgICAgICAgICBtYXgtaGVpZ2h0OiA2MHZoO1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNjY2NjY2M7XHJcbiAgICAgICAgICAgICAgICAuTXVpVGFibGUtcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZUhlYWQtcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5Om5vbmUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLnRhYmxlLXJvd3N7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICNjY2NjY2M7XHJcbiAgICAgICAgICAgICAgICAgICAgLk11aVRhYmxlQ2VsbC1yb290IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6YXV0bztcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5sYWJlbC1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IHRvcDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiA1MCU7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgLmxhYmVsLWNlbGwgKyBkaXZ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgLnRhYmxlLWNlbGx7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgLmZvcm1hdC12YWx1ZXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiA1MCU7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMjk5cHg7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5NdWlUYWJsZVBhZ2luYXRpb24tcm9vdHtcclxuICAgICAgICAgICAgJi50YWJsZS1ib3JkZXJlZHtcclxuICAgICAgICAgICAgICAgIC5wYWdpbmF0aW9uIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICBcclxuICAgIH1cclxufSJdfQ== */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBOztBQUVJO0VBQ0k7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7O0FBSUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNSOztBQUNRO0VBQ0k7RUFDQTtFQUNBOztBQUdSO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBS0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7O0FBR1I7RUFDSTs7QUFHQTtFQUNJO0VBQ0E7O0FBRUo7RUFDSTs7QUFNSjtFQUNJOztBQUdSO0VBQ0k7O0FBQ0E7RUFDSTs7QUFDQTtFQUNJOztBQUNBO0VBQ0k7O0FBS2hCO0VBQ0k7O0FBQ0E7RUFDSTs7QUFDQTtFQUNJOztBQUlaO0VBQ0k7O0FBRUo7RUFDSTtFQUNBOztBQUVKO0VBQ0k7RUFDQTs7QUFDQTtFQUNJOztBQUdSO0VBQ0k7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTs7QUFDQTtFQUNJLFdBaElaOztBQXNJSjtFQUNJOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHUjtFQUNJOztBQUNBO0VBQ0k7RUFDQTtFQUNBOztBQUVKO0VBQ0k7O0FBRUo7RUFDSTs7QUFDQTtFQUNJOztBQUVJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJSjtFQUNJO0VBQ0E7O0FBSUo7RUFDSTs7QUFHUjtFQUNJOztBQU1KO0VBQ0k7RUFDQTs7QUFHQTtFQUNJOztBQUlKO0VBQ0k7O0FBT1o7RUFDSTtFQUNBOztBQUNBO0VBQ0k7RUFDQTs7QUFJTDtFQUNLOztBQU9wQjtFQUVRO0lBQ0k7SUFDQTs7RUFDQTtJQUNJOztFQUVKO0lBQ0k7O0VBRUo7SUFDSTs7RUFDQTtJQUNJO0lBQ0E7O0VBQ0E7SUFDSTtJQUNBO0lBQ0E7SUFDQTs7RUFFSjtJQUNJOztFQUdSO0lBQ0k7O0VBRUo7SUFDSTtJQUNBO0lBQ0E7SUFDQTtJQUNBOztFQU9SO0lBQ1EiLCJzb3VyY2VzQ29udGVudCI6WyIkc2l6ZS1mb3JtOiAoY2FsYygxMDB2dyAtIDMwMHB4KSAvICgxNjAwIC0gMzAwKSk7XHJcbiRmb250LXNpemU6IGNhbGMoOXB0ICsgKDExIC0gOSkgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi50YWJsZS1jb21wb25lbnR7XHJcbiAgICAucGFwZXItY29udGFpbmVye1xyXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQhaW1wb3J0YW50O1xyXG4gICAgICAgIC5jaGVja2JveC1jZWxse1xyXG4gICAgICAgICAgICAuTXVpQ2hlY2tib3gtcm9vdHtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmc6MCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgJjpob3ZlcntcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOnRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLk11aS1jaGVja2VkIHtcclxuICAgICAgICAgICAgICAgIGNvbG9yOiByZ2JhKDAsMCwwLDAuNTQpICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLk11aUNoZWNrYm94LWluZGV0ZXJtaW5hdGUge1xyXG4gICAgICAgICAgICAgICAgY29sb3I6ICMyMTI1MjkgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAudGFibGUtY29udGFpbmVye1xyXG4gICAgICAgICAgICAmLndpdGgtc2Nyb2xse1xyXG4gICAgICAgICAgICAgICAgbWF4LWhlaWdodDogNjh2aDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAudGFibGUtY29sdW1ue1xyXG4gICAgICAgICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICAgICAgICAgICAgICBmb250LXNpemU6ICRmb250LXNpemUgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDEwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDIyNCwgMjI0LCAyMjQsIDEpO1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgcmdiYSgyMjQsIDIyNCwgMjI0LCAxKTtcclxuICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCByZ2JhKDIyNCwgMjI0LCAyMjQsIDEpO1xyXG5cdFx0XHRcdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICAgICAgICAgICAgICAudGFibGUtaGVhZGVyLWNlbGx7XHJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xyXG4gICAgICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCAxMHB4IDBweCAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgJi50YWJsZS1zaW1wbGV7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XHJcbiAgICAgICAgICAgICAgICAudGFibGUtY29sdW1uOmZpcnN0LWNoaWxkeyBcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHggMCAwIDVweDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW46bGFzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDVweCA1cHggMDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgJi50YWJsZS1ib3JkZXJlZHtcclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW57XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlYWVhZWEgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlYWVhZWEgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjN2E3YTdhICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgLnRhYmxlLWhlYWRlci1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzdhN2E3YSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW46Zmlyc3QtY2hpbGR7IFxyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2VhZWFlYTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1yb3dze1xyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZWFlYWVhO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzUwNTA1MCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAudGFibGUtY2VsbDpmaXJzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2VhZWFlYTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnRhYmxlLXJvd3N7XHJcbiAgICAgICAgICAgICAgICAmLnRhYmxlLXN0cmlwZWR7XHJcbiAgICAgICAgICAgICAgICAgICAgdGR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyNTUgMjU1IDI1NSAvIDk1JSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgJi5yb3ctY2xpY2t7XHJcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAgICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICYudGFibGUtc3RyaXBlZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA0KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICYuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDQpOyBcclxuICAgICAgICAgICAgICAgICAgICAmLnRhYmxlLXN0cmlwZWR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50OyBcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogNnB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5pbWctdGFibGV7XHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMTBweDtcclxuICAgICAgICAgICAgICAgICAgICBpbWd7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmFjdGlvbnN7XHJcbiAgICAgICAgICAgICAgICAgICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmJ0bi1hY3Rpb24ge1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOnJnYmEoMCwwLDAsMC41NCk7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgICAgICAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6IDEuNmVtICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDdweDtcclxuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuZm9ybWF0LXZhbHVle1xyXG4gICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJGZvbnQtc2l6ZSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIC5NdWlUeXBvZ3JhcGh5LXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJGZvbnQtc2l6ZTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9ICBcclxuICAgICAgICBcclxuICAgICAgICAuTXVpVGFibGUtcm9vdC5sb2FkaW5nIHtcclxuICAgICAgICAgICAgb3BhY2l0eTogMC41O1xyXG4gICAgICAgICAgICAuTXVpQ2lyY3VsYXJQcm9ncmVzcy1yb290e1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IDUwcHg7XHJcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDUwcHg7XHJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XHJcbiAgICAgICAgICAgICAgICB0b3A6IDVweDtcclxuICAgICAgICAgICAgICAgIG1hcmdpbjogYXV0bztcclxuICAgICAgICAgICAgICAgIGNvbG9yOmdyZXk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgLk11aVRhYmxlUGFnaW5hdGlvbi1yb290e1xyXG4gICAgICAgICAgICBvdmVyZmxvdzogdW5zZXQ7XHJcbiAgICAgICAgICAgIC5NdWlUb29sYmFyLXJvb3Qge1xyXG4gICAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXIgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIGZsZXgtd3JhcDogd3JhcDtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5NdWlUYWJsZVBhZ2luYXRpb24tc3BhY2VyIHtcclxuICAgICAgICAgICAgICAgIGZsZXg6IDAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAmLnRhYmxlLWJvcmRlcmVke1xyXG4gICAgICAgICAgICAgICAgY29sb3I6ICM3YTdhN2EgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIC5wYWdpbmF0aW9uIHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcclxuICAgICAgICAgICAgICAgICAgICBsaXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgYnV0dG9ue1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAjZGVlMmU2ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW46MHB4O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzdhN2E3YSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDBweCBzb2xpZDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgbGk6bnRoLWNoaWxkKDEpeyBcclxuICAgICAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHggMCAwIDVweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICBsaTpudGgtbGFzdC1jaGlsZCgxKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5NdWlQYWdpbmF0aW9uSXRlbS1yb290e1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMCA1cHggNXB4IDAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbntcclxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICM3YTdhN2EgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgJi50YWJsZS1zaW1wbGV7XHJcbiAgICAgICAgICAgICAgICAucGFnaW5hdGlvbiB7XHJcbiAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXBhZ2Uge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjM2Y0ZDY3O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgbGk6bnRoLWNoaWxkKDIpeyBcclxuICAgICAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXBhZ2V7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHggMCAwIDVweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGxpOm50aC1sYXN0LWNoaWxkKDIpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgLk11aVBhZ2luYXRpb25JdGVtLXBhZ2V7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDVweCA1cHggMCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAucGFnaW5hdGlvbiB7XHJcbiAgICAgICAgICAgICAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcGFnZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMHB4O1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbjoxcHg7XHJcbiAgICAgICAgICAgICAgICAgICAgJi5NdWktc2VsZWN0ZWQge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzMyOTlDNztcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBsaXtcclxuICAgICAgICAgICAgICAgICAgIGJ1dHRvbntcclxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMTRweDtcclxuICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBcclxuICAgIH1cclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA5OTJweCApIHtcclxuICAgICAgICAucGFwZXItY29udGFpbmVye1xyXG4gICAgICAgICAgICAudGFibGUtY29udGFpbmVye1xyXG4gICAgICAgICAgICAgICAgbWF4LWhlaWdodDogNjB2aDtcclxuICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjY2NjY2NjO1xyXG4gICAgICAgICAgICAgICAgLk11aVRhYmxlLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpVGFibGVIZWFkLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTpub25lIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1yb3dze1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjY2NjY2NjO1xyXG4gICAgICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOmF1dG87XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IG5vbmUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAubGFiZWwtY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNTAlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5sYWJlbC1jZWxsICsgZGl2e1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jayFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC5mb3JtYXQtdmFsdWV7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNTAlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDI5OXB4O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAuTXVpVGFibGVQYWdpbmF0aW9uLXJvb3R7XHJcbiAgICAgICAgICAgICYudGFibGUtYm9yZGVyZWR7XHJcbiAgICAgICAgICAgICAgICAucGFnaW5hdGlvbiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgXHJcbiAgICB9XHJcbn0iXX0= */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css5));
-
-// src/components/fields/TextFieldComponent/TextFieldComponent.scss
-var css6 = `.text-field-component .MuiFormLabel-root {
-  color: #666666 !important;
-  font-size: 1rem !important;
-  transform: translate(0, 0.5px) scale(0.85);
-  transform-origin: top left;
-  text-overflow: initial !important;
-}
-.text-field-component .MuiFormLabel-root + .MuiInputBase-formControl {
-  margin-top: 25px !important;
-}
-.text-field-component .MuiInputBase-root.no-border {
-  border: none !important;
-  padding: 0 !important;
-  width: fit-content !important;
-}
-.text-field-component .MuiInputBase-root {
-  color: #666666 !important;
-  border: 1px solid grey;
-  padding: 0.33rem 0.87rem;
-  background-color: white !important;
-  border-radius: 3px !important;
-  font-size: 14px !important;
-}
-.text-field-component .MuiInputBase-root.end-icon-padding {
-  padding: 0.1769rem 0.87rem;
-}
-.text-field-component .MuiInputBase-root.Mui-error {
-  border: 1px solid #F24726 !important;
-}
-.text-field-component .MuiInputBase-root:not(.Mui-disabled):hover {
-  border: 1px solid grey;
-}
-.text-field-component .MuiInputBase-root.Mui-focused {
-  border: 1px solid #3299C7;
-}
-.text-field-component .MuiInputBase-root .MuiInputBase-input {
-  color: #666666 !important;
-  background-color: white !important;
-}
-.text-field-component .MuiInputBase-root .MuiInputBase-input::placeholder {
-  text-overflow: ellipsis !important;
-  color: #666666 !important;
-  opacity: 1;
-}
-.text-field-component .MuiInputBase-root .Mui-disabled {
-  -webkit-text-fill-color: #666666 !important;
-}
-.text-field-component .MuiFormHelperText-root {
-  padding: 0 !important;
-  font-size: 0.85rem !important;
-  color: #666666;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRGaWVsZENvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7O0FBRUo7RUFDSTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7O0FBRUo7RUFDSTtFQUNBOztBQUNBO0VBQ0k7RUFDQTtFQUNBOztBQUdSO0VBQ0k7O0FBR1I7RUFDSTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIudGV4dC1maWVsZC1jb21wb25lbnR7XHJcbiAgICAuTXVpRm9ybUxhYmVsLXJvb3R7XHJcbiAgICAgICAgY29sb3I6IzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMXJlbSAhaW1wb3J0YW50O1xyXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIDAuNXB4KSBzY2FsZSgwLjg1KTtcclxuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcclxuICAgICAgICB0ZXh0LW92ZXJmbG93OiBpbml0aWFsICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuTXVpRm9ybUxhYmVsLXJvb3QgKyAuTXVpSW5wdXRCYXNlLWZvcm1Db250cm9se1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDI1cHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5NdWlJbnB1dEJhc2Utcm9vdC5uby1ib3JkZXJ7XHJcbiAgICAgICAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgcGFkZGluZzogMCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgd2lkdGg6IGZpdC1jb250ZW50ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuTXVpSW5wdXRCYXNlLXJvb3R7XHJcbiAgICAgICAgY29sb3I6ICM2NjY2NjYgIWltcG9ydGFudDtcclxuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBncmV5O1xyXG4gICAgICAgIHBhZGRpbmc6IDAuMzNyZW0gMC44N3JlbTtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgJi5lbmQtaWNvbi1wYWRkaW5ne1xyXG4gICAgICAgICAgICBwYWRkaW5nOiAwLjE3NjlyZW0gMC44N3JlbTtcclxuICAgICAgICB9XHJcbiAgICAgICAgJi5NdWktZXJyb3J7XHJcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNGMjQ3MjYhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgICAgICAmOm5vdCguTXVpLWRpc2FibGVkKTpob3ZlciB7XHJcbiAgICAgICAgICAgIGJvcmRlcjoxcHggc29saWQgZ3JleTtcclxuICAgICAgICB9XHJcbiAgICAgICAgJi5NdWktZm9jdXNlZHtcclxuICAgICAgICAgICAgYm9yZGVyOjFweCBzb2xpZCAjMzI5OUM3O1xyXG4gICAgICAgIH1cclxuICAgICAgICAuTXVpSW5wdXRCYXNlLWlucHV0e1xyXG4gICAgICAgICAgICBjb2xvcjogIzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAmOjpwbGFjZWhvbGRlcntcclxuICAgICAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogIzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAuTXVpLWRpc2FibGVke1xyXG4gICAgICAgICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogIzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIC5NdWlGb3JtSGVscGVyVGV4dC1yb290e1xyXG4gICAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcclxuICAgICAgICBmb250LXNpemU6IDAuODVyZW0haW1wb3J0YW50O1xyXG4gICAgICAgIGNvbG9yOiAjNjY2NjY2O1xyXG4gICAgfVxyXG59Il19 */`;
-document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css6));
-
-// src/components/fields/TextFieldComponent/TextFieldComponent.tsx
-var TextFieldComponent = ({ fullWidth = true, type = "text", ...rest }) => {
-  const props = { fullWidth, type, ...rest };
+var TextFieldComponent = ({
+  fullWidth = true,
+  type = "text",
+  variant = "outlined",
+  startIcon,
+  endIcon,
+  noBorders,
+  disableUnderline,
+  shrink,
+  textFieldRef,
+  minNumber,
+  maxNumber,
+  maxLength,
+  step,
+  inputRef,
+  onMouseEnter,
+  onMouseLeave,
+  ...rest
+}) => {
   const [hover, setHover] = React7__default.default.useState(false);
   return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "text-field-component", sx: { width: "100%" } }, /* @__PURE__ */ React7__default.default.createElement(
     material.TextField,
     {
-      onMouseEnter: () => setHover(true),
-      onMouseLeave: () => setHover(false),
-      name: props.name,
-      error: props.error,
-      id: props.id,
-      label: props.label,
-      value: props.value,
-      defaultValue: props.defaultValue,
-      className: props.className,
-      required: props.required,
-      disabled: props.disabled,
-      type: props.type,
-      placeholder: props.placeholder,
-      autoComplete: props.autoComplete,
-      variant: "standard",
-      ref: props.inputRef,
+      ...rest,
+      onMouseEnter: (e) => {
+        setHover(true);
+        onMouseEnter?.(e);
+      },
+      onMouseLeave: (e) => {
+        setHover(false);
+        onMouseLeave?.(e);
+      },
+      type,
+      variant,
+      fullWidth,
+      inputRef,
+      ref: textFieldRef,
       slotProps: {
         input: {
-          className: `${props.noBorders ? "no-border" : ""} ${!props.disabled && hover ? "main-border-color" : ""}
-          ${props.endIcon ? "end-icon-padding" : ""}`,
-          disableUnderline: true,
-          startAdornment: props.startIcon,
-          endAdornment: props.endIcon,
-          classes: { focused: "main-border-color" }
+          className: `${noBorders ? "no-border" : ""} ${!rest.disabled && hover ? "main-border-color" : ""}
+          ${endIcon ? "end-icon-padding" : ""}`,
+          disableUnderline,
+          startAdornment: startIcon,
+          endAdornment: endIcon,
+          classes: { focused: "main-border-color" },
+          sx: (theme) => ({
+            ...noBorders && {
+              "& .MuiOutlinedInput-notchedOutline": { border: "none" },
+              "&:before, &:after": { borderBottom: "none" }
+            },
+            "&:not(.Mui-disabled):hover .MuiOutlinedInput-notchedOutline": {
+              borderColor: theme.palette.primary.main
+            },
+            "&:not(.Mui-disabled):hover:before": {
+              borderBottomColor: theme.palette.primary.main
+            },
+            "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+              borderColor: theme.palette.primary.main
+            },
+            "&.Mui-focused:after": {
+              borderBottomColor: theme.palette.primary.main
+            }
+          })
         },
-        inputLabel: { shrink: true },
+        inputLabel: { shrink },
         htmlInput: {
-          maxLength: props.maxLength,
-          step: props.step,
-          max: props.maxNumber,
-          min: props.minNumber
+          maxLength,
+          step,
+          max: maxNumber,
+          min: minNumber
         }
-      },
-      helperText: props.helperText,
-      fullWidth: props.fullWidth,
-      multiline: props.multiline,
-      rows: props.rows,
-      onChange: props.onChange,
-      onKeyUp: props.onKeyUp
+      }
     }
   ));
 };
@@ -648,7 +649,7 @@ var ImageTableComponent = (props) => {
       }).catch(() => setLoading(false));
     }
   }, [props, prevGuidState, isMounted]);
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "images-table-component" }, loading ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { textAlign: "center" } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "main-color" })) : /* @__PURE__ */ React7__default.default.createElement(material.Avatar, { alt: "-", src: image, className: "img-table", variant: "square" }));
+  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "images-table-component" }, loading ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { textAlign: "center" } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "main-color", color: "primary" })) : /* @__PURE__ */ React7__default.default.createElement(material.Avatar, { alt: "-", src: image, className: "img-table", variant: "square" }));
 };
 var ImageTableComponent_default = ImageTableComponent;
 var TableComponent = ({ showTotalCount = true, ...rest }) => {
@@ -862,7 +863,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
           height: props.rows.length > 0 ? "auto" : "80px"
         }
       },
-      /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color" })
+      /* @__PURE__ */ React7__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);
@@ -870,6 +871,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
         material.TableRow,
         {
           className: `table-rows ${rowColor} ${props.onClickRow || props.onClickRowData ? "row-click" : ""}`,
+          sx: rowColor.startsWith("main-background-color") ? { bgcolor: "primary.main" } : void 0,
           role: "checkbox",
           selected: isRowSelected,
           "aria-checked": isRowSelected,
@@ -897,6 +899,9 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
               material.Box,
               {
                 className: "btn-action main-color-hover",
+                sx: (theme) => ({
+                  "&:hover": { color: `${theme.palette.primary.main} !important` }
+                }),
                 onClick: () => action.onClick && action.onClick(row)
               },
               action.children
@@ -904,6 +909,9 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
               material.Box,
               {
                 className: "btn-action main-color-hover",
+                sx: (theme) => ({
+                  "&:hover": { color: `${theme.palette.primary.main} !important` }
+                }),
                 onClick: () => action.onClickId && action.onClickId(row.id)
               },
               action.children
@@ -911,6 +919,9 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
               material.Box,
               {
                 className: "btn-action main-color-hover",
+                sx: (theme) => ({
+                  "&:hover": { color: `${theme.palette.primary.main} !important` }
+                }),
                 onClick: () => column.isActiveFunction && column.isActiveFunction.onClickId(row.id)
               },
               value ? column.isActiveFunction.activeIcon : column.isActiveFunction.disabledIcon
@@ -966,7 +977,14 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
             hidePrevButton: true,
             showFirstButton: true,
             showLastButton: true,
-            renderItem: (item) => /* @__PURE__ */ React7__default.default.createElement(material.PaginationItem, { classes: { selected: "main-background-color" }, ...item })
+            renderItem: (item) => /* @__PURE__ */ React7__default.default.createElement(
+              material.PaginationItem,
+              {
+                classes: { selected: "main-background-color" },
+                sx: { "&.Mui-selected": { bgcolor: "primary.main" } },
+                ...item
+              }
+            )
           }
         ));
       }
@@ -975,7 +993,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
 };
 
 // src/components/tables/SimpleTableComponent/SimpleTableComponent.scss
-var css7 = `.table-simple-component .paper-container {
+var css6 = `.table-simple-component .paper-container {
   box-shadow: none;
   background-color: transparent !important;
 }
@@ -1001,6 +1019,7 @@ var css7 = `.table-simple-component .paper-container {
   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;
@@ -1142,8 +1161,8 @@ var css7 = `.table-simple-component .paper-container {
     max-width: 299px;
   }
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpbXBsZVRhYmxlQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBOztBQUVJO0VBQ0k7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7O0FBSUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNJO0VBQ0E7RUFDQTs7QUFHUjtFQUNJOztBQUNBO0VBQ0k7O0FBRUo7RUFDSTtFQUNBOztBQUlKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUdBO0VBQ0k7RUFDQTs7QUFFSjtFQUNJOztBQU1KO0VBQ0k7O0FBR1I7RUFDSTs7QUFDQTtFQUNJOztBQUNBO0VBQ0k7O0FBQ0E7RUFDSTs7QUFLaEI7RUFDSTs7QUFDQTtFQUNJOztBQUNBO0VBQ0k7O0FBSVo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBRUo7RUFDSTtFQUNBOztBQUNBO0VBQ0k7O0FBR1I7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFSjtFQUNJLFdBM0hSOztBQTRIUTtFQUNJLFdBN0haOztBQW1JSjtFQUNJOztBQUNBO0VBQ0o7RUFDQTtFQUNRO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFLWjtFQUVRO0lBQ0k7SUFDQTs7RUFDQTtJQUNJOztFQUVKO0lBQ0k7O0VBRUo7SUFDSTs7RUFDQTtJQUNJO0lBQ0E7O0VBQ0E7SUFDSTtJQUNBO0lBQ0E7SUFDQTs7RUFFSjtJQUNJOztFQUdSO0lBQ0k7O0VBRUo7SUFDSTtJQUNBO0lBQ0E7SUFDQTtJQUNBIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDlwdCArICgxMSAtIDkpICogI3skc2l6ZS1mb3JtfSk7XHJcblxyXG4udGFibGUtc2ltcGxlLWNvbXBvbmVudHtcclxuICAgIC5wYXBlci1jb250YWluZXJ7XHJcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgLmNoZWNrYm94LWNlbGx7XHJcbiAgICAgICAgICAgIC5NdWlDaGVja2JveC1yb290e1xyXG4gICAgICAgICAgICAgICAgcGFkZGluZzowICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAmOmhvdmVye1xyXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6dHJhbnNwYXJlbnQgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuTXVpLWNoZWNrZWQge1xyXG4gICAgICAgICAgICAgICAgY29sb3I6IHJnYmEoMCwwLDAsMC41NCkgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuTXVpQ2hlY2tib3gtaW5kZXRlcm1pbmF0ZSB7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogIzIxMjUyOSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC50YWJsZS1jb250YWluZXJ7XHJcbiAgICAgICAgICAgICYud2l0aC1zY3JvbGx7XHJcbiAgICAgICAgICAgICAgICBtYXgtaGVpZ2h0OiA2OHZoO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC50YWJsZS1jb2x1bW57XHJcbiAgICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJGZvbnQtc2l6ZSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgcGFkZGluZzogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMjI0LCAyMjQsIDIyNCwgMSk7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCByZ2JhKDIyNCwgMjI0LCAyMjQsIDEpO1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHJnYmEoMjI0LCAyMjQsIDIyNCwgMSk7XHJcbiAgICAgICAgICAgICAgICAudGFibGUtaGVhZGVyLWNlbGx7XHJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xyXG4gICAgICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCAxMHB4IDBweCAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgJi50YWJsZS1zaW1wbGV7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XHJcbiAgICAgICAgICAgICAgICAudGFibGUtY29sdW1uOmZpcnN0LWNoaWxkeyBcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHggMCAwIDVweDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW46bGFzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDVweCA1cHggMDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAmLnRhYmxlLWJvcmRlcmVke1xyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWNvbHVtbntcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZWFlYWVhICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjN2E3YTdhICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgLnRhYmxlLWhlYWRlci1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzdhN2E3YSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW46Zmlyc3QtY2hpbGR7IFxyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2VhZWFlYTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1yb3dze1xyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzUwNTA1MCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZWFlYWVhO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAudGFibGUtY2VsbDpmaXJzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2VhZWFlYTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnRhYmxlLXJvd3N7XHJcbiAgICAgICAgICAgICAgICAmLnRhYmxlLXN0cmlwZWR7XHJcbiAgICAgICAgICAgICAgICAgICAgdGR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyNTUgMjU1IDI1NSAvIDk1JSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgJi5yb3ctY2xpY2t7XHJcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAgICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6cmdiYSgwLCAwLCAwLCAwLjA0KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgJi50YWJsZS1zdHJpcGVke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDQpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgJi5NdWktc2VsZWN0ZWQge1xyXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7IFxyXG4gICAgICAgICAgICAgICAgICAgICYudGFibGUtc3RyaXBlZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDsgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA0KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWktc2VsZWN0ZWQge1xyXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLk11aVRhYmxlQ2VsbC1yb290IHtcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiA2cHg7XHJcbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5pbWctdGFibGV7XHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMTBweDtcclxuICAgICAgICAgICAgICAgICAgICBpbWd7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmFjdGlvbnN7XHJcbiAgICAgICAgICAgICAgICAgICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmJ0bi1hY3Rpb24ge1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOnJnYmEoMCwwLDAsMC41NCk7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgICAgICAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6IDEuNmVtICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDdweDtcclxuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuZm9ybWF0LXZhbHVle1xyXG4gICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJGZvbnQtc2l6ZTtcclxuICAgICAgICAgICAgICAgICAgICAuTXVpVHlwb2dyYXBoeS1yb290e1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6ICRmb250LXNpemU7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSAgXHJcbiAgICAgICAgXHJcbiAgICAgICAgLk11aVRhYmxlLXJvb3QubG9hZGluZyB7XHJcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcclxuICAgICAgICAgICAgLk11aUNpcmN1bGFyUHJvZ3Jlc3Mtcm9vdHtcclxuXHRcdFx0XHRcdFx0XHRcdHdpZHRoOiA1MHB4O1xyXG5cdFx0XHRcdFx0XHRcdFx0aGVpZ2h0OiA1MHB4O1xyXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgICAgbGVmdDogMDtcclxuICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xyXG4gICAgICAgICAgICAgICAgdG9wOiA1cHg7XHJcbiAgICAgICAgICAgICAgICBtYXJnaW46IGF1dG87XHJcbiAgICAgICAgICAgICAgICBjb2xvcjpncmV5O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIFxyXG4gICAgfVxyXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDk5MnB4ICkge1xyXG4gICAgICAgIC5wYXBlci1jb250YWluZXJ7XHJcbiAgICAgICAgICAgIC50YWJsZS1jb250YWluZXJ7XHJcbiAgICAgICAgICAgICAgICBtYXgtaGVpZ2h0OiA2MHZoO1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNjY2NjY2M7XHJcbiAgICAgICAgICAgICAgICAuTXVpVGFibGUtcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZUhlYWQtcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5Om5vbmUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLnRhYmxlLXJvd3N7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICNjY2NjY2M7XHJcbiAgICAgICAgICAgICAgICAgICAgLk11aVRhYmxlQ2VsbC1yb290IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6YXV0bztcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5sYWJlbC1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IHRvcDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiA1MCU7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgLmxhYmVsLWNlbGwgKyBkaXZ7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgLnRhYmxlLWNlbGx7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgLmZvcm1hdC12YWx1ZXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiA1MCU7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMjk5cHg7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59Il19 */`;
-document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css7));
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpbXBsZVRhYmxlQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBOztBQUVJO0VBQ0k7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7O0FBSUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNSOztBQUNRO0VBQ0k7RUFDQTtFQUNBOztBQUdSO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBSUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNJOztBQUdSO0VBQ0k7O0FBR0E7RUFDSTtFQUNBOztBQUVKO0VBQ0k7O0FBTUo7RUFDSTs7QUFHUjtFQUNJOztBQUNBO0VBQ0k7O0FBQ0E7RUFDSTs7QUFDQTtFQUNJOztBQUtoQjtFQUNJOztBQUNBO0VBQ0k7O0FBQ0E7RUFDSTs7QUFJWjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVKO0VBQ0ksV0E1SFI7O0FBNkhRO0VBQ0ksV0E5SFo7O0FBb0lKO0VBQ0k7O0FBQ0E7RUFDSjtFQUNBO0VBQ1E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUtaO0VBRVE7SUFDSTtJQUNBOztFQUNBO0lBQ0k7O0VBRUo7SUFDSTs7RUFFSjtJQUNJOztFQUNBO0lBQ0k7SUFDQTs7RUFDQTtJQUNJO0lBQ0E7SUFDQTtJQUNBOztFQUVKO0lBQ0k7O0VBR1I7SUFDSTs7RUFFSjtJQUNJO0lBQ0E7SUFDQTtJQUNBO0lBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIkc2l6ZS1mb3JtOiAoY2FsYygxMDB2dyAtIDMwMHB4KSAvICgxNjAwIC0gMzAwKSk7XHJcbiRmb250LXNpemU6IGNhbGMoOXB0ICsgKDExIC0gOSkgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi50YWJsZS1zaW1wbGUtY29tcG9uZW50e1xyXG4gICAgLnBhcGVyLWNvbnRhaW5lcntcclxuICAgICAgICBib3gtc2hhZG93OiBub25lO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50IWltcG9ydGFudDtcclxuICAgICAgICAuY2hlY2tib3gtY2VsbHtcclxuICAgICAgICAgICAgLk11aUNoZWNrYm94LXJvb3R7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nOjAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICY6aG92ZXJ7XHJcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjp0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5NdWktY2hlY2tlZCB7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogcmdiYSgwLDAsMCwwLjU0KSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5NdWlDaGVja2JveC1pbmRldGVybWluYXRlIHtcclxuICAgICAgICAgICAgICAgIGNvbG9yOiAjMjEyNTI5ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgLnRhYmxlLWNvbnRhaW5lcntcclxuICAgICAgICAgICAgJi53aXRoLXNjcm9sbHtcclxuICAgICAgICAgICAgICAgIG1heC1oZWlnaHQ6IDY4dmg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnRhYmxlLWNvbHVtbntcclxuICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAkZm9udC1zaXplICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgyMjQsIDIyNCwgMjI0LCAxKTtcclxuICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHJnYmEoMjI0LCAyMjQsIDIyNCwgMSk7XHJcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgcmdiYSgyMjQsIDIyNCwgMjI0LCAxKTtcclxuXHRcdFx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWhlYWRlci1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBibGFjaztcclxuICAgICAgICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwcHggMTBweCAwcHggMTBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICYudGFibGUtc2ltcGxle1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xyXG4gICAgICAgICAgICAgICAgLnRhYmxlLWNvbHVtbjpmaXJzdC1jaGlsZHsgXHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4IDAgMCA1cHg7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAudGFibGUtY29sdW1uOmxhc3QtY2hpbGR7IFxyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogbm9uZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMCA1cHggNXB4IDA7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgJi50YWJsZS1ib3JkZXJlZHtcclxuICAgICAgICAgICAgICAgIC50YWJsZS1jb2x1bW57XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlYWVhZWEgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2VhZWFlYSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlYWVhZWEgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzdhN2E3YSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1oZWFkZXItY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICM3YTdhN2EgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAudGFibGUtY29sdW1uOmZpcnN0LWNoaWxkeyBcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNlYWVhZWE7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAudGFibGUtcm93c3tcclxuICAgICAgICAgICAgICAgICAgICAudGFibGUtY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICM1MDUwNTAgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2VhZWFlYTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgLnRhYmxlLWNlbGw6Zmlyc3QtY2hpbGR7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNlYWVhZWE7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC50YWJsZS1yb3dze1xyXG4gICAgICAgICAgICAgICAgJi50YWJsZS1zdHJpcGVke1xyXG4gICAgICAgICAgICAgICAgICAgIHRke1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1IDI1NSAyNTUgLyA5NSUpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICYucm93LWNsaWNre1xyXG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgICAgICAgICAgICAmOmhvdmVye1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOnJnYmEoMCwgMCwgMCwgMC4wNCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICYudGFibGUtc3RyaXBlZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA0KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICYuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDQpOyBcclxuICAgICAgICAgICAgICAgICAgICAmLnRhYmxlLXN0cmlwZWR7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50OyBcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogNnB4O1xyXG4gICAgICAgICAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuaW1nLXRhYmxle1xyXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTEwcHg7XHJcbiAgICAgICAgICAgICAgICAgICAgaW1ne1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5hY3Rpb25ze1xyXG4gICAgICAgICAgICAgICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC5idG4tYWN0aW9uIHtcclxuICAgICAgICAgICAgICAgICAgICBjb2xvcjpyZ2JhKDAsMCwwLDAuNTQpO1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgICAgICAgICAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjZlbSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDBweCA3cHg7XHJcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgLmZvcm1hdC12YWx1ZXtcclxuICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6ICRmb250LXNpemU7XHJcbiAgICAgICAgICAgICAgICAgICAgLk11aVR5cG9ncmFwaHktcm9vdHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAkZm9udC1zaXplO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0gIFxyXG4gICAgICAgIFxyXG4gICAgICAgIC5NdWlUYWJsZS1yb290LmxvYWRpbmcge1xyXG4gICAgICAgICAgICBvcGFjaXR5OiAwLjU7XHJcbiAgICAgICAgICAgIC5NdWlDaXJjdWxhclByb2dyZXNzLXJvb3R7XHJcblx0XHRcdFx0XHRcdFx0XHR3aWR0aDogNTBweDtcclxuXHRcdFx0XHRcdFx0XHRcdGhlaWdodDogNTBweDtcclxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgICAgICAgICByaWdodDogMDtcclxuICAgICAgICAgICAgICAgIHRvcDogNXB4O1xyXG4gICAgICAgICAgICAgICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgY29sb3I6Z3JleTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBcclxuICAgIH1cclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA5OTJweCApIHtcclxuICAgICAgICAucGFwZXItY29udGFpbmVye1xyXG4gICAgICAgICAgICAudGFibGUtY29udGFpbmVye1xyXG4gICAgICAgICAgICAgICAgbWF4LWhlaWdodDogNjB2aDtcclxuICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjY2NjY2NjO1xyXG4gICAgICAgICAgICAgICAgLk11aVRhYmxlLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAuTXVpVGFibGVIZWFkLXJvb3R7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTpub25lIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIC50YWJsZS1yb3dze1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjY2NjY2NjO1xyXG4gICAgICAgICAgICAgICAgICAgIC5NdWlUYWJsZUNlbGwtcm9vdCB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOmF1dG87XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IG5vbmUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAubGFiZWwtY2VsbHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNTAlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5sYWJlbC1jZWxsICsgZGl2e1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC50YWJsZS1jZWxse1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jayFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIC5mb3JtYXQtdmFsdWV7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNTAlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDI5OXB4O1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxufSJdfQ== */`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css6));
 var SimpleTableComponent = (props) => {
   dayjs__default.default.extend(localizedFormat__default.default);
   dayjs__default.default.extend(utc__default.default);
@@ -1339,7 +1358,7 @@ var SimpleTableComponent = (props) => {
             height: props.rows.length > 0 ? "auto" : "80px"
           }
         },
-        /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color" })
+        /* @__PURE__ */ React7__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);
@@ -1347,6 +1366,7 @@ var SimpleTableComponent = (props) => {
           material.TableRow,
           {
             className: `table-rows ${rowColor} ${props.onClickRow || props.onClickRowData ? "row-click" : ""}`,
+            sx: rowColor.startsWith("main-background-color") ? { bgcolor: "primary.main" } : void 0,
             role: "checkbox",
             tabIndex: -1,
             selected: isRowSelected,
@@ -1374,6 +1394,9 @@ var SimpleTableComponent = (props) => {
                 material.Box,
                 {
                   className: "btn-action main-color-hover",
+                  sx: (theme) => ({
+                    "&:hover": { color: `${theme.palette.primary.main} !important` }
+                  }),
                   onClick: () => action.onClick && action.onClick(row)
                 },
                 action.children
@@ -1381,6 +1404,9 @@ var SimpleTableComponent = (props) => {
                 material.Box,
                 {
                   className: "btn-action main-color-hover",
+                  sx: (theme) => ({
+                    "&:hover": { color: `${theme.palette.primary.main} !important` }
+                  }),
                   onClick: () => action.onClickId && action.onClickId(row.id)
                 },
                 action.children
@@ -1388,6 +1414,9 @@ var SimpleTableComponent = (props) => {
                 material.Box,
                 {
                   className: "btn-action main-color-hover",
+                  sx: (theme) => ({
+                    "&:hover": { color: `${theme.palette.primary.main} !important` }
+                  }),
                   onClick: () => column.isActiveFunction && column.isActiveFunction.onClickId(row.id)
                 },
                 value ? column.isActiveFunction.activeIcon : column.isActiveFunction.disabledIcon
@@ -1420,7 +1449,7 @@ var SimpleTableComponent = (props) => {
 };
 
 // src/components/layouts/MainLayoutSimple/MainLayoutSimple.scss
-var css8 = `.main-layout-simple {
+var css7 = `.main-layout-simple {
   width: 100%;
 }
 .main-layout-simple .main-wrapper {
@@ -1430,11 +1459,64 @@ var css8 = `.main-layout-simple {
   position: relative;
 }
 /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1haW5MYXlvdXRTaW1wbGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIubWFpbi1sYXlvdXQtc2ltcGxle1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICAubWFpbi13cmFwcGVye1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIG1pbi1oZWlnaHQ6IDEwMHZoO1xyXG4gICAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XHJcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgfVxyXG59Il19 */`;
-document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css8));
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css7));
 
 // src/components/layouts/MainLayoutSimple/MainLayoutSimple.tsx
 var MainLayoutSimple = (props) => {
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "row" }, className: "main-layout-simple" }, props.lateralComponent && props.lateralComponent, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "main-wrapper" }, props.headerComponent && props.headerComponent, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `${props.lateralComponent ? "split-container" : ""}` }, /* @__PURE__ */ React7__default.default.createElement(material.Container, { maxWidth: false }, props.mainComponent))));
+  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "row" }, className: "main-layout-simple" }, props.lateralComponent && props.lateralComponent, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "main-wrapper", sx: { bgcolor: "background.default" } }, props.headerComponent && props.headerComponent, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `${props.lateralComponent ? "split-container" : ""}` }, /* @__PURE__ */ React7__default.default.createElement(material.Container, { maxWidth: false }, props.mainComponent))));
+};
+
+// src/components/layouts/SplitLayout/SplitLayout.scss
+var css8 = `.split-layout__media-image {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.split-layout__content-wrap {
+  width: min(460px, 100%);
+  margin: 0 auto;
+}
+.split-layout__content-wrap > .MuiContainer-root > * {
+  box-shadow: none;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwbGl0TGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0U7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBOztBQUVBO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuc3BsaXQtbGF5b3V0IHtcclxuICAmX19tZWRpYS1pbWFnZSB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBpbnNldDogMDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgb2JqZWN0LWZpdDogY292ZXI7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICB9XHJcblxyXG4gICZfX2NvbnRlbnQtd3JhcCB7XHJcbiAgICB3aWR0aDogbWluKDQ2MHB4LCAxMDAlKTtcclxuICAgIG1hcmdpbjogMCBhdXRvO1xyXG5cclxuICAgID4gLk11aUNvbnRhaW5lci1yb290ID4gKiB7XHJcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ== */`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css8));
+
+// src/components/layouts/SplitLayout/SplitLayout.tsx
+var SplitLayout = ({
+  imgUrl,
+  contentBackgroundColor = "background.paper",
+  children
+}) => {
+  const heroImageUrl = imgUrl?.trim();
+  return /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true, className: "split-layout", sx: { minHeight: "100vh" } }, heroImageUrl && /* @__PURE__ */ React7__default.default.createElement(
+    material.Grid,
+    {
+      component: "section",
+      size: { xs: 12, md: 6 },
+      sx: { display: { xs: "none", md: "block" }, position: "relative", overflow: "hidden" },
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React7__default.default.createElement("img", { src: heroImageUrl, alt: "split-layout-image", className: "split-layout__media-image" })
+  ), /* @__PURE__ */ React7__default.default.createElement(
+    material.Grid,
+    {
+      component: "section",
+      size: { xs: 12, md: heroImageUrl ? 6 : 12 },
+      sx: {
+        minHeight: "100vh",
+        bgcolor: contentBackgroundColor,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        p: { xs: 2, sm: 2.5, md: 4 }
+      }
+    },
+    /* @__PURE__ */ React7__default.default.createElement(material.Container, { className: "split-layout__content-wrap" }, children)
+  ));
 };
 var NavIcon = (props) => {
   if (props.iconClassName) {
@@ -1447,7 +1529,7 @@ var NavIcon = (props) => {
 
 // src/components/navigation/VerticalNav/VerticalNavItem.tsx
 var VerticalNavItem = (props) => {
-  const { pathname } = reactRouterDom.useLocation();
+  const { pathname } = reactRouter.useLocation();
   const hasPermission = React7.useMemo(
     () => checkPermission(props.item.persmisionAvailable, props.userPermisions),
     [props.item.persmisionAvailable, props.userPermisions]
@@ -1455,23 +1537,28 @@ var VerticalNavItem = (props) => {
   if (!hasPermission) {
     return null;
   }
-  return /* @__PURE__ */ React7__default.default.createElement(
-    reactRouterDom.NavLink,
+  const isActive = !!reactRouter.matchPath({ path: `${props.item.route}/*` || "" }, pathname);
+  return /* @__PURE__ */ React7__default.default.createElement(reactRouter.NavLink, { to: props.item.route || "", className: `nav-link-item ${isActive ? "active" : ""}`, onClick: props.onHide }, /* @__PURE__ */ React7__default.default.createElement(
+    material.Box,
     {
-      to: props.item.route || "",
-      className: `nav-link-item ${reactRouterDom.matchPath({ path: `${props.item.route}/*` || "" }, pathname) ? "active" : ""}`,
-      onClick: props.onHide
+      sx: (theme) => ({
+        p: 2,
+        display: "flex",
+        alignContent: "flex-end",
+        alignItems: "center",
+        ...isActive && {
+          backgroundColor: theme.palette.primary.main,
+          color: theme.palette.primary.contrastText,
+          "& .nav-item-text": { color: theme.palette.primary.contrastText },
+          "& svg": { color: theme.palette.primary.contrastText },
+          "&:hover": { backgroundColor: `${theme.palette.primary.main} !important` }
+        }
+      }),
+      className: `nav-item ${isActive ? "main-background-color" : ""}`
     },
-    /* @__PURE__ */ React7__default.default.createElement(
-      material.Box,
-      {
-        sx: { p: 2, display: "flex", alignContent: "flex-end", alignItems: "center" },
-        className: `nav-item ${reactRouterDom.matchPath({ path: `${props.item.route}/*` || "" }, pathname) ? "main-background-color" : ""}`
-      },
-      /* @__PURE__ */ React7__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
-      /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title)
-    )
-  );
+    /* @__PURE__ */ React7__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
+    /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title)
+  ));
 };
 var VerticalNavItem_default = React7__default.default.memo(VerticalNavItem);
 var needsToBeOpened = (pathname, item) => {
@@ -1497,7 +1584,7 @@ var isUrlInChildren = (parent, url) => {
   return false;
 };
 var VerticalNavItemCollapse = (props) => {
-  const { pathname } = reactRouterDom.useLocation();
+  const { pathname } = reactRouter.useLocation();
   const [open, setOpen] = React7.useState(() => needsToBeOpened(pathname, props.item));
   React7.useEffect(() => {
     if (needsToBeOpened(pathname, props.item)) {
@@ -1533,6 +1620,11 @@ var css9 = `.vertical-navigation {
   background: transparent;
   color: white;
 }
+.vertical-navigation a,
+.vertical-navigation .nav-link-item {
+  color: inherit;
+  text-decoration: none;
+}
 .vertical-navigation .pcoded-micon {
   font-size: 1rem;
   margin-right: 7px;
@@ -1553,31 +1645,12 @@ var css9 = `.vertical-navigation {
   background-color: #333f54;
 }
 .vertical-navigation .active .nav-item {
-  background-color: #3299C7;
   border-radius: 0 25px 25px 0;
   margin-right: 16px;
 }
-.vertical-navigation .active .nav-item .nav-item-text {
-  color: white !important;
-}
-.vertical-navigation .active .nav-item:hover {
-  color: white !important;
-}
-.vertical-navigation .active .nav-item:hover .nav-item-text {
-  color: white !important;
-}
 .vertical-navigation .nav-item-collapse .active {
   background-color: #333f54;
 }
-.vertical-navigation .nav-item-collapse .active .nav-item-text {
-  color: white !important;
-}
-.vertical-navigation .nav-item-collapse .active:hover {
-  color: white !important;
-}
-.vertical-navigation .nav-item-collapse .active:hover .nav-item-text {
-  color: white !important;
-}
 .vertical-navigation .nav-item-collapse .open {
   background-color: #333f54;
   color: white !important;
@@ -1592,7 +1665,7 @@ var css9 = `.vertical-navigation {
   padding-left: 16px;
   padding-right: 16px;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBQ0E7RUFDSTs7QUFJSjtFQUNJO0VBQ0E7RUFDQTs7QUFDQTtFQUNJOztBQUVKO0VBQ0k7O0FBQ0E7RUFDSTs7QUFNWjtFQUNJOztBQUNBO0VBQ0k7O0FBRUo7RUFDSTs7QUFDQTtFQUNJOztBQUlaO0VBQ0k7RUFDQTs7QUFDQTtFQUNJOztBQUlSO0VBQ0k7O0FBQ0E7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLnZlcnRpY2FsLW5hdmlnYXRpb257XHJcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuXHJcbiAgICAucGNvZGVkLW1pY29uIHtcclxuICAgICAgICBmb250LXNpemU6IDFyZW07XHJcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiA3cHg7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xyXG4gICAgICAgIHdpZHRoOiAzMHB4O1xyXG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xyXG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgICAgaGVpZ2h0OiAzMHB4O1xyXG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIH1cclxuXHJcbiAgICAubmF2LWl0ZW17XHJcbiAgICAgICAgY3Vyc29yOnBvaW50ZXI7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC5uYXYtaXRlbXtcclxuICAgICAgICBwYWRkaW5nOjEycHg7XHJcbiAgICAgICAgJjpob3ZlciB7XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IzMzM2Y1NDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICAuYWN0aXZlIHtcclxuICAgICAgICAubmF2LWl0ZW17XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IzMyOTlDNztcclxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAyNXB4IDI1cHggMDtcclxuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxNnB4O1xyXG4gICAgICAgICAgICAubmF2LWl0ZW0tdGV4dHtcclxuICAgICAgICAgICAgICAgIGNvbG9yOiB3aGl0ZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgJjpob3ZlciB7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogd2hpdGUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgLm5hdi1pdGVtLXRleHR7XHJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHdoaXRlIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH0gIFxyXG4gICAgLm5hdi1pdGVtLWNvbGxhcHNle1xyXG4gICAgICAgIC5hY3RpdmV7XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IzMzM2Y1NDtcclxuICAgICAgICAgICAgLm5hdi1pdGVtLXRleHR7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogd2hpdGUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICY6aG92ZXIge1xyXG4gICAgICAgICAgICAgICAgY29sb3I6IHdoaXRlIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIC5uYXYtaXRlbS10ZXh0e1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiB3aGl0ZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgLm9wZW57XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IzMzM2Y1NDtcclxuICAgICAgICAgICAgY29sb3I6IHdoaXRlIWltcG9ydGFudDtcclxuICAgICAgICAgICAgLm5hdi1pdGVtLXRleHR7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogd2hpdGUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIFxyXG4gICAgICAgIH1cclxuICAgICAgICAuY29sbGFwc2UtY2hpbGRyZW57XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IzM5NDY1ZTtcclxuICAgICAgICAgICAgLm5hdi1pdGVtLXRleHQge1xyXG4gICAgICAgICAgICAgICAgcGFkZGluZy1sZWZ0OjE2cHg7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OjE2cHg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIl19 */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBOztBQUVBO0FBQUE7RUFFSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBQ0E7RUFDSTs7QUFJSjtFQUNJO0VBQ0E7O0FBSUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTs7QUFJUjtFQUNJOztBQUNBO0VBQ0k7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi52ZXJ0aWNhbC1uYXZpZ2F0aW9ue1xyXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcblxyXG4gICAgYSxcclxuICAgIC5uYXYtbGluay1pdGVtIHtcclxuICAgICAgICBjb2xvcjogaW5oZXJpdDtcclxuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbiAgICB9XHJcblxyXG4gICAgLnBjb2RlZC1taWNvbiB7XHJcbiAgICAgICAgZm9udC1zaXplOiAxcmVtO1xyXG4gICAgICAgIG1hcmdpbi1yaWdodDogN3B4O1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcclxuICAgICAgICB3aWR0aDogMzBweDtcclxuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcclxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICAgIGhlaWdodDogMzBweDtcclxuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICB9XHJcblxyXG4gICAgLm5hdi1pdGVte1xyXG4gICAgICAgIGN1cnNvcjpwb2ludGVyO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAubmF2LWl0ZW17XHJcbiAgICAgICAgcGFkZGluZzoxMnB4O1xyXG4gICAgICAgICY6aG92ZXIge1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiMzMzNmNTQ7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLmFjdGl2ZSB7XHJcbiAgICAgICAgLm5hdi1pdGVte1xyXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwIDI1cHggMjVweCAwO1xyXG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDE2cHg7XHJcbiAgICAgICAgfVxyXG4gICAgfSAgXHJcbiAgICAubmF2LWl0ZW0tY29sbGFwc2V7XHJcbiAgICAgICAgLmFjdGl2ZXtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjojMzMzZjU0O1xyXG4gICAgICAgIH1cclxuICAgICAgICAub3BlbntcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjojMzMzZjU0O1xyXG4gICAgICAgICAgICBjb2xvcjogd2hpdGUhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAubmF2LWl0ZW0tdGV4dHtcclxuICAgICAgICAgICAgICAgIGNvbG9yOiB3aGl0ZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgXHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5jb2xsYXBzZS1jaGlsZHJlbntcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjojMzk0NjVlO1xyXG4gICAgICAgICAgICAubmF2LWl0ZW0tdGV4dCB7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6MTZweDtcclxuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6MTZweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iXX0= */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css9));
 
 // src/components/navigation/VerticalNav/VerticalNav.tsx
@@ -1621,7 +1694,14 @@ var UserInfo = (props) => {
   const handleClose = () => {
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "user-info" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, props.photoURL && props.photoURL !== void 0 ? /* @__PURE__ */ React7__default.default.createElement(material.Avatar, { className: "avatar-user", src: props.photoURL }) : /* @__PURE__ */ React7__default.default.createElement(material.Avatar, { className: "avatar-user main-background-color" }, props.displayName.charAt(0).toUpperCase()), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: 1, width: "100%", display: "flex", alignItems: "center", alignContent: "flex-end" } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "user-name" }, props.displayName), props.menuActions && props.menuActions.length > 0 && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" }, className: "cursor-pointer" }, /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.ExpandMore, { onClick: handleClick }), /* @__PURE__ */ React7__default.default.createElement(material.Menu, { anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose }, props.menuActions.map((item, i) => /* @__PURE__ */ React7__default.default.createElement(material.MenuItem, { key: i, onClick: item.action }, item.title)))))));
+  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "user-info" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, props.photoURL && props.photoURL !== void 0 ? /* @__PURE__ */ React7__default.default.createElement(material.Avatar, { className: "avatar-user", src: props.photoURL }) : /* @__PURE__ */ React7__default.default.createElement(
+    material.Avatar,
+    {
+      className: "avatar-user main-background-color",
+      sx: { bgcolor: "primary.main", color: "primary.contrastText" }
+    },
+    props.displayName.charAt(0).toUpperCase()
+  ), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: 1, width: "100%", display: "flex", alignItems: "center", alignContent: "flex-end" } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "user-name" }, props.displayName), props.menuActions && props.menuActions.length > 0 && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" }, className: "cursor-pointer" }, /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.ExpandMore, { onClick: handleClick }), /* @__PURE__ */ React7__default.default.createElement(material.Menu, { anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose }, props.menuActions.map((item, i) => /* @__PURE__ */ React7__default.default.createElement(material.MenuItem, { key: i, onClick: item.action }, item.title)))))));
 };
 
 // src/components/layouts/Standard/AppSidebar/AppSidebar.scss
@@ -1667,12 +1747,7 @@ var DrawerSidebar = (props) => {
 };
 
 // src/components/layouts/Standard/AppHeader/AppHeader.scss
-var css13 = `.app-bar {
-  background-color: white !important;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-  color: black !important;
-}
-.app-bar .header-logo {
+var css13 = `.app-bar .header-logo {
   max-height: 59px;
   height: 100%;
   min-height: 56px;
@@ -1684,7 +1759,7 @@ var css13 = `.app-bar {
   min-height: 56px;
   width: 100%;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcEhlYWRlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0k7RUFDQTtFQUNBOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5hcHAtYmFye1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xyXG4gICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XHJcbiAgICAuaGVhZGVyLWxvZ297XHJcbiAgICAgICAgbWF4LWhlaWdodDogNTlweDtcclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgbWluLWhlaWdodDogNTZweDtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgIH1cclxuICAgIGltZ3tcclxuICAgICAgICBtYXgtaGVpZ2h0OiA1OXB4O1xyXG4gICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICBtaW4taGVpZ2h0OiA1NnB4O1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgfVxyXG59Il19 */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcEhlYWRlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5hcHAtYmFye1xyXG4gICAgLmhlYWRlci1sb2dve1xyXG4gICAgICAgIG1heC1oZWlnaHQ6IDU5cHg7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgIG1pbi1oZWlnaHQ6IDU2cHg7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICB9XHJcbiAgICBpbWd7XHJcbiAgICAgICAgbWF4LWhlaWdodDogNTlweDtcclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgbWluLWhlaWdodDogNTZweDtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgIH1cclxufSJdfQ== */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css13));
 
 // src/components/layouts/Standard/AppHeader/AppHeader.tsx
@@ -1693,7 +1768,9 @@ var AppHeader = (props) => {
     material.AppBar,
     {
       position: "sticky",
-      sx: { display: { xs: `block`, lg: props.appBarResponsiveShow ? `none` : `block` } },
+      sx: {
+        display: { xs: `block`, lg: props.appBarResponsiveShow ? `none` : `block` }
+      },
       className: `app-bar main-background-body ${props.className ?? ""}`
     },
     /* @__PURE__ */ React7__default.default.createElement(material.Toolbar, { className: "app-toolbar" }, props.handleDrawerOpen && /* @__PURE__ */ React7__default.default.createElement(
@@ -1711,57 +1788,26 @@ var AppHeader = (props) => {
 };
 
 // src/components/fields/ButtonComponent/ButtonComponent.scss
-var css14 = `.MuiButton-root {
-  width: auto;
-  padding: 0.8rem 1rem !important;
-  text-transform: inherit !important;
-  line-height: inherit !important;
-  box-shadow: none !important;
-  font-size: 14px !important;
-  background-color: #3299C7;
-  border: 1px solid transparent !important;
-}
-.MuiButton-root.Mui-disabled {
-  opacity: 0.5;
-}
-.MuiButton-root.loading-button {
+var css14 = `.MuiButton-root.loading-button {
   opacity: 1 !important;
 }
-.MuiButton-root.main-background-color.Mui-disabled {
-  color: white !important;
-}
 .MuiButton-root.btn-login {
   width: 100%;
 }
 .MuiButton-root.btn-reverse-color {
-  border: 1px solid #3299C7 !important;
-  color: #3299C7;
-  background-color: white !important;
+  border: 1px solid !important;
 }
 .MuiButton-root.btn-modal-cancel.Mui-disabled {
-  background-color: #748892 !important;
+  background-color: #748892;
+  color: rgba(3, 3, 3, 0.7058823529);
 }
 .MuiButton-root.btn-modal-cancel {
-  background-color: #748892 !important;
-}
-.MuiButton-root: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;
-}
-.MuiButton-root .MuiCircularProgress-root {
-  color: white;
-  width: 17px !important;
-  height: 17px !important;
+  background-color: #748892;
 }
 .MuiButton-root .MuiButton-label .MuiCircularProgress-root {
   color: white;
 }
-.MuiButton-root .MuiButton-startIcon svg {
-  font-size: 20px !important;
-}
-.MuiButton-root .MuiButton-endIcon svg {
-  font-size: 20px !important;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNJOztBQUVKO0VBQ0k7O0FBR0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBOztBQUdBO0VBQ0k7O0FBRlI7RUFLSTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBOztBQUdBO0VBQ0k7O0FBSUo7RUFDSTs7QUFJSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLk11aUJ1dHRvbi1yb290IHtcclxuICAgIHdpZHRoOiBhdXRvO1xyXG4gICAgcGFkZGluZzogMC44cmVtIDFyZW0haW1wb3J0YW50O1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGluaGVyaXQgIWltcG9ydGFudDtcclxuICAgIGxpbmUtaGVpZ2h0OiBpbmhlcml0ICFpbXBvcnRhbnQ7XHJcbiAgICBib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMzMjk5Qzc7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xyXG4gICAgJi5NdWktZGlzYWJsZWR7XHJcbiAgICAgICAgb3BhY2l0eTogMC41O1xyXG4gICAgfVxyXG4gICAgJi5sb2FkaW5nLWJ1dHRvbntcclxuICAgICAgICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAmLm1haW4tYmFja2dyb3VuZC1jb2xvcntcclxuICAgICAgICAmLk11aS1kaXNhYmxlZHtcclxuICAgICAgICAgICAgY29sb3I6d2hpdGUgIWltcG9ydGFudDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICAmLmJ0bi1sb2dpbntcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgIH1cclxuICAgICYuYnRuLXJldmVyc2UtY29sb3J7XHJcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzMyOTlDNyAhaW1wb3J0YW50O1xyXG4gICAgICAgIGNvbG9yOiMzMjk5Qzc7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGUhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgJi5idG4tbW9kYWwtY2FuY2Vse1xyXG4gICAgICAgICYuTXVpLWRpc2FibGVke1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNzQ4ODkyICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIC8vY29sb3I6ICMwMzAzMDNiNCAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNzQ4ODkyICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAmOmhvdmVye1xyXG4gICAgICAgIGJveC1zaGFkb3c6IDBweCAycHggNHB4IC0xcHggcmdiKDAgMCAwIC8gMjAlKSwgMHB4IDRweCA1cHggMHB4IHJnYigwIDAgMCAvIDE0JSksIDBweCAxcHggMTBweCAwcHggcmdiKDAgMCAwIC8gMTIlKSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLk11aUNpcmN1bGFyUHJvZ3Jlc3Mtcm9vdHtcclxuICAgICAgICBjb2xvcjp3aGl0ZTtcclxuICAgICAgICB3aWR0aDogMTdweCAhaW1wb3J0YW50O1xyXG4gICAgICAgIGhlaWdodDogMTdweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLk11aUJ1dHRvbi1sYWJlbHtcclxuICAgICAgICAuTXVpQ2lyY3VsYXJQcm9ncmVzcy1yb290e1xyXG4gICAgICAgICAgICBjb2xvcjp3aGl0ZTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICAuTXVpQnV0dG9uLXN0YXJ0SWNvbntcclxuICAgICAgICBzdmd7XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIC5NdWlCdXR0b24tZW5kSWNvbntcclxuICAgICAgICBzdmd7XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbn1cclxuXHJcbiJdfQ== */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNJO0VBQ0k7O0FBRUo7RUFDSTs7QUFFSjtFQUNJOztBQUdBO0VBQ0k7RUFDQTs7QUFIUjtFQUtJOztBQUdBO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyIuTXVpQnV0dG9uLXJvb3Qge1xyXG4gICAgJi5sb2FkaW5nLWJ1dHRvbntcclxuICAgICAgICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAmLmJ0bi1sb2dpbntcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgIH1cclxuICAgICYuYnRuLXJldmVyc2UtY29sb3J7XHJcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgICYuYnRuLW1vZGFsLWNhbmNlbHtcclxuICAgICAgICAmLk11aS1kaXNhYmxlZHtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzc0ODg5MjtcclxuICAgICAgICAgICAgY29sb3I6ICMwMzAzMDNiNDtcclxuICAgICAgICB9XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzc0ODg5MjtcclxuICAgIH1cclxuICAgIC5NdWlCdXR0b24tbGFiZWx7XHJcbiAgICAgICAgLk11aUNpcmN1bGFyUHJvZ3Jlc3Mtcm9vdHtcclxuICAgICAgICAgICAgY29sb3I6d2hpdGU7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcblxyXG4iXX0= */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css14));
 
 // src/components/fields/ButtonComponent/ButtonComponent.tsx
@@ -1774,13 +1820,33 @@ var ButtonComponent = ({ component = "button", ...rest }) => {
       variant: "contained",
       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": {
+          color: "primary.main",
+          borderColor: "primary.main",
+          bgcolor: "primary.contrastText"
+        }
+      } : {
+        bgcolor: "primary.main",
+        "&.Mui-disabled": { bgcolor: "primary.main", color: "primary.contrastText" }
+      },
       startIcon: !props.loading && props.startIcon,
       endIcon: !props.loading && props.endIcon,
       onClick: props.onClick,
       disabled: props.loading || props.disabled,
       component: props.component
     },
-    props.loading ? /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: `${props.reverseColors ? "circular-progress-main-color" : ""}`, size: 20 }) : props.label
+    props.loading ? /* @__PURE__ */ React7__default.default.createElement(
+      material.CircularProgress,
+      {
+        className: `${props.reverseColors ? "circular-progress-main-color" : ""}`,
+        color: props.reverseColors ? "primary" : "inherit",
+        size: 20
+      }
+    ) : props.label
   );
 };
 
@@ -1871,7 +1937,10 @@ var TextSimpleComponent = ({
     material.Box,
     {
       className: "text-simple-component",
-      sx: { display: "flex", flexDirection: "column" },
+      sx: {
+        display: "flex",
+        flexDirection: "column"
+      },
       ...props.componentBoxProps
     },
     props.skeletonLabel ? /* @__PURE__ */ React7__default.default.createElement(material.Skeleton, { width: "10%", animation: "wave" }) : props.label ? props.isFormLabel ? /* @__PURE__ */ React7__default.default.createElement(material.FormLabel, { className: `${props.classNameLabel ?? ""}` }, props.label) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `${props.classNameLabel ?? ""}`, ...props.labelBoxProps }, props.label) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null),
@@ -1889,7 +1958,7 @@ 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__ */ React7__default.default.createElement(SkeletonCompleteDefault, { ...props.skeletonValue }) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, props.startIcon && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mr: 1, display: "flex" } }, props.startIcon), props.isLoading ? /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", size: 20 }) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { width: props.fullWidth ? "100%" : "auto" } }, props.value), props.endIcon && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: props.fullWidth ? "auto" : "1", display: "flex" } }, props.endIcon))
+      props.skeletonValue && props.skeletonValue.useSkeleton ? /* @__PURE__ */ React7__default.default.createElement(SkeletonCompleteDefault, { ...props.skeletonValue }) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, props.startIcon && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mr: 1, display: "flex" } }, props.startIcon), props.isLoading ? /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", size: 20, color: "primary" }) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { width: props.fullWidth ? "100%" : "auto" } }, props.value), props.endIcon && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: props.fullWidth ? "auto" : "1", display: "flex" } }, props.endIcon))
     ),
     props.helperText && /* @__PURE__ */ React7__default.default.createElement(
       material.Box,
@@ -1902,75 +1971,81 @@ var TextSimpleComponent = ({
   );
 };
 
+// src/components/fields/SelectFieldComponent/reactSelectTheme.ts
+var buildReactSelectTheme = (theme) => (rs) => ({
+  ...rs,
+  colors: {
+    ...rs.colors,
+    primary: theme.palette.primary.main,
+    primary25: theme.palette.primary.main,
+    primary50: theme.palette.primary.main,
+    primary75: theme.palette.primary.main,
+    neutral0: theme.palette.background.paper,
+    neutral80: theme.palette.text.primary
+  }
+});
+var buildReactSelectStyles = (theme) => ({
+  control: (base, state) => ({
+    ...base,
+    boxShadow: "none",
+    borderColor: state.isFocused ? `${theme.palette.primary.main} !important` : base.borderColor,
+    ":hover": {
+      borderColor: `${theme.palette.primary.main} !important`
+    }
+  }),
+  menu: (base) => ({
+    ...base
+  }),
+  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",
+    ":active": {
+      backgroundColor: state.isSelected ? theme.palette.primary.main : state.isFocused ? "rgba(0, 0, 0, 0.04)" : "transparent"
+    }
+  }),
+  singleValue: (base, state) => ({
+    ...base,
+    color: state.isDisabled ? `${theme.palette.text.disabled} !important` : `${theme.palette.text.primary} !important`
+  }),
+  multiValueLabel: (base, state) => ({
+    ...base,
+    color: state.isDisabled ? `${theme.palette.text.disabled} !important` : `${theme.palette.text.primary} !important`
+  }),
+  placeholder: (base, state) => ({
+    ...base,
+    color: state.isDisabled ? `${theme.palette.text.disabled} !important` : `${theme.palette.text.primary} !important`
+  }),
+  input: (base, state) => ({
+    ...base,
+    color: state.isDisabled ? `${theme.palette.text.disabled} !important` : `${theme.palette.text.primary} !important`
+  })
+});
+
 // src/components/fields/SelectFieldComponent/SelectField.scss
 var css16 = `.select-field .MuiFormLabel-root {
-  color: #666666 !important;
-  font-size: 1rem !important;
   transform: translate(0, 0.5px) scale(0.85);
   transform-origin: top left;
   text-overflow: initial !important;
 }
-.select-field .MuiFormLabel-root + .basic-multi-select .select__control {
-  margin-top: 1.85px;
-}
-.select-field .select {
-  font-size: 1rem;
-}
 .select-field .select__menu {
   z-index: 3 !important;
   background-color: white;
 }
 .select-field .select__control {
   cursor: pointer;
-  border: 1px solid grey;
-  border-radius: 3px !important;
-  padding: 0.12rem 0.2rem;
-  font-size: 14px;
-  color: grey !important;
   background-color: transparent;
 }
 .select-field .select__option {
   cursor: pointer;
-  color: #666666 !important;
-  background-color: white !important;
-}
-.select-field .select__option--is-focused {
-  background-color: rgba(0, 0, 0, 0.04) !important;
-  color: #666666 !important;
-}
-.select-field .select__option--is-selected {
-  color: white !important;
-}
-.select-field .select__indicator {
-  color: grey !important;
-}
-.select-field .select__indicator:hover {
-  color: black !important;
 }
 .select-field .select__placeholder {
   text-overflow: ellipsis !important;
-  color: #666666 !important;
-  opacity: 1;
-}
-.select-field .select__single-value {
-  color: #666666 !important;
-}
-.select-field .select__multi-value__label {
-  color: #666666 !important;
-  font-size: 14px;
+  opacity: 0.5;
 }
 .select-field .select__control--is-focused {
-  border-color: grey !important;
   box-shadow: none !important;
 }
-.select-field .helper-text {
-  font-size: 0.85rem !important;
-  padding: 0 !important;
-  margin-top: 3px;
-  line-height: 1.66;
-  color: #666666 !important;
-  letter-spacing: 0.03333em;
-}
 .select-field .has-error .select__control {
   border: 1px #F24726 solid !important;
 }
@@ -1986,7 +2061,7 @@ var css16 = `.select-field .MuiFormLabel-root {
   border: none !important;
   padding: 0 !important;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdEZpZWxkLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUtJO0VBQ0k7O0FBSVo7RUFDSTs7QUFDQTtFQUNJO0VBQ0E7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTs7QUFDQTtFQUNJO0VBQ0E7O0FBRUo7RUFDSTs7QUFHUjtFQUNJOztBQUNBO0VBQ0k7O0FBR1I7RUFDSTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBRUo7RUFDSTtFQUNBOztBQUdSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUlJO0VBQ0k7O0FBQ0E7RUFDSTtFQUNBOztBQU5oQjtFQVVJOztBQUlBO0VBQ0k7RUFDTjtFQUNNIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDEycHQgKyAoMTQgLSAxMikgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi5zZWxlY3QtZmllbGQge1xyXG4gICAgLk11aUZvcm1MYWJlbC1yb290e1xyXG4gICAgICAgIGNvbG9yOiAjNjY2NjY2ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgZm9udC1zaXplOiAxcmVtICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgMC41cHgpIHNjYWxlKDAuODUpO1xyXG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IHRvcCBsZWZ0O1xyXG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGluaXRpYWwgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC8vbWFyZ2luLXRvcDogMS44NXB4O1xyXG4gICAgLk11aUZvcm1MYWJlbC1yb290ICsgLmJhc2ljLW11bHRpLXNlbGVjdCB7XHJcbiAgICAgICAgLnNlbGVjdCB7XHJcbiAgICAgICAgICAgICZfX2NvbnRyb2wge1xyXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMS44NXB4O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLnNlbGVjdCB7XHJcbiAgICAgICAgZm9udC1zaXplOiAxcmVtO1xyXG4gICAgICAgICZfX21lbnUgICB7XHJcbiAgICAgICAgICAgIHotaW5kZXg6IDMhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZSA7XHJcbiAgICAgICAgfVxyXG4gICAgICAgICZfX2NvbnRyb2wge1xyXG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGdyZXk7XHJcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDNweCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuMTJyZW0gMC4ycmVtO1xyXG4gICAgICAgICAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICAgICAgICAgIGNvbG9yOiBncmV5ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xyXG4gICAgICAgIH1cclxuICAgICAgICAmX19vcHRpb24ge1xyXG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICAgIGNvbG9yOiAjNjY2NjY2ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICYtLWlzLWZvY3VzZWQge1xyXG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA0KSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgY29sb3I6ICM2NjY2NjYhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICYtLWlzLXNlbGVjdGVkIHtcclxuICAgICAgICAgICAgICAgIGNvbG9yOiB3aGl0ZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgJl9faW5kaWNhdG9ye1xyXG4gICAgICAgICAgICBjb2xvcjogIGdyZXkhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAmOmhvdmVye1xyXG4gICAgICAgICAgICAgICAgY29sb3I6YmxhY2sgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAmX19wbGFjZWhvbGRlcntcclxuICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXMgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgY29sb3I6ICM2NjY2NjYgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgb3BhY2l0eTogMTtcclxuICAgICAgICB9XHJcbiAgICAgICAgJl9fc2luZ2xlLXZhbHVle1xyXG4gICAgICAgICAgICBjb2xvcjogIzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgICAgICAmX19tdWx0aS12YWx1ZV9fbGFiZWx7XHJcbiAgICAgICAgICAgIGNvbG9yOiAjNjY2NjY2ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgICAgICB9XHJcbiAgICAgICAgJl9fY29udHJvbC0taXMtZm9jdXNlZCB7XHJcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogZ3JleSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lIWltcG9ydGFudDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICAuaGVscGVyLXRleHQge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMC44NXJlbSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDNweDtcclxuICAgICAgICBsaW5lLWhlaWdodDogMS42NjtcclxuICAgICAgICBjb2xvcjogIzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgIGxldHRlci1zcGFjaW5nOiAwLjAzMzMzZW07XHJcbiAgICB9XHJcbiAgICAuaGFzLWVycm9ye1xyXG4gICAgICAgIC5zZWxlY3R7XHJcbiAgICAgICAgICAgICZfX2NvbnRyb2x7XHJcbiAgICAgICAgICAgICAgICBib3JkZXI6IDFweCAjRjI0NzI2IHNvbGlkIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICYtLWlzLWZvY3VzZWQge1xyXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogI0YyNDcyNiFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICNGMjQ3MjY7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgY29sb3I6I0YyNDcyNiFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcblx0XHQubm8tYm9yZGVye1xyXG5cdFx0XHQuc2VsZWN0IHtcclxuICAgICAgICAmX19jb250cm9sIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG5cdFx0XHRcdFx0XHRib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgcGFkZGluZzogMCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgfVxyXG5cdFx0XHR9XHJcblx0fVxyXG59XHJcbiJdfQ== */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdEZpZWxkLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBO0VBQ0E7O0FBR0E7RUFDSTtFQUNBOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUVJOztBQUtBO0VBQ0k7O0FBQ0E7RUFDSTtFQUNBOztBQU5oQjtFQVVJOztBQUlBO0VBQ0k7RUFDTjtFQUNNIiwic291cmNlc0NvbnRlbnQiOlsiJHNpemUtZm9ybTogKGNhbGMoMTAwdncgLSAzMDBweCkgLyAoMTYwMCAtIDMwMCkpO1xyXG4kZm9udC1zaXplOiBjYWxjKDEycHQgKyAoMTQgLSAxMikgKiAjeyRzaXplLWZvcm19KTtcclxuXHJcbi5zZWxlY3QtZmllbGQge1xyXG4gICAgLk11aUZvcm1MYWJlbC1yb290e1xyXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIDAuNXB4KSBzY2FsZSgwLjg1KTtcclxuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcclxuICAgICAgICB0ZXh0LW92ZXJmbG93OiBpbml0aWFsICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuc2VsZWN0IHtcclxuICAgICAgICAmX19tZW51ICAge1xyXG4gICAgICAgICAgICB6LWluZGV4OiAzIWltcG9ydGFudDtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGUgO1xyXG4gICAgICAgIH1cclxuICAgICAgICAmX19jb250cm9sIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuICAgICAgICB9XHJcbiAgICAgICAgJl9fb3B0aW9uIHtcclxuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgIH1cclxuICAgICAgICAmX19wbGFjZWhvbGRlcntcclxuICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXMgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgb3BhY2l0eTogMC41O1xyXG4gICAgICAgIH1cclxuICAgICAgICAmX19jb250cm9sLS1pcy1mb2N1c2VkIHtcclxuICAgICAgICAgICBcclxuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZSFpbXBvcnRhbnQ7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLmhhcy1lcnJvcntcclxuICAgICAgICAuc2VsZWN0e1xyXG4gICAgICAgICAgICAmX19jb250cm9se1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggI0YyNDcyNiBzb2xpZCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICAmLS1pcy1mb2N1c2VkIHtcclxuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICNGMjQ3MjYhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDFweCAjRjI0NzI2O1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGNvbG9yOiNGMjQ3MjYhaW1wb3J0YW50O1xyXG4gICAgfVxyXG5cdFx0Lm5vLWJvcmRlcntcclxuXHRcdFx0LnNlbGVjdCB7XHJcbiAgICAgICAgJl9fY29udHJvbCB7XHJcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuXHRcdFx0XHRcdFx0Ym9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIHBhZGRpbmc6IDAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuXHRcdFx0fVxyXG5cdH1cclxufVxyXG4iXX0= */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css16));
 
 // src/components/fields/SelectFieldComponent/SelectField.tsx
@@ -1996,39 +2071,54 @@ var SelectField = ({
   ...rest
 }) => {
   const props = { isClearable, menuPlacement, ...rest };
+  const theme = styles.useTheme();
   const getOptions = () => {
     return props.addExtraOption ? [props.addExtraOption, ...props.options] : props.options;
   };
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "select-field", sx: { display: "flex", flexDirection: "column" } }, props.label && /* @__PURE__ */ React7__default.default.createElement(material.FormLabel, null, props.label), /* @__PURE__ */ React7__default.default.createElement(
-    Select__default.default,
+  return /* @__PURE__ */ React7__default.default.createElement(
+    material.Box,
     {
-      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
-    }
-  ), props.helperText && /* @__PURE__ */ React7__default.default.createElement("div", { className: `helper-text ${props.invalid ? "has-error" : ""}` }, props.helperText));
+      className: "select-field",
+      sx: {
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    props.label && /* @__PURE__ */ React7__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label),
+    /* @__PURE__ */ React7__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__ */ React7__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText)
+  );
 };
 var SelectAsyncField = ({
   isClearable = true,
@@ -2036,6 +2126,7 @@ var SelectAsyncField = ({
   ...rest
 }) => {
   const props = { isClearable, menuPlacement, ...rest };
+  const theme = styles.useTheme();
   const defaultFilters = {
     offset: 0,
     page: 1,
@@ -2068,38 +2159,52 @@ var SelectAsyncField = ({
       }
     };
   };
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "select-field", sx: { display: "flex", flexDirection: "column" } }, props.label && /* @__PURE__ */ React7__default.default.createElement(material.FormLabel, null, props.label), /* @__PURE__ */ React7__default.default.createElement(
-    reactSelectAsyncPaginate.AsyncPaginate,
+  return /* @__PURE__ */ React7__default.default.createElement(
+    material.Box,
     {
-      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
-    }
-  ), props.helperText && /* @__PURE__ */ React7__default.default.createElement("div", { className: `helper-text ${props.invalid ? "has-error" : ""}` }, props.helperText));
+      className: "select-field",
+      sx: {
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    props.label && /* @__PURE__ */ React7__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label),
+    /* @__PURE__ */ React7__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__ */ React7__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({
@@ -2405,32 +2510,6 @@ var ModalComponent = ({
     ))
   );
 };
-
-// src/components/wrappers/TabsComponent/TabsComponent.scss
-var css17 = `.tabs-component .Mui-selected {
-  color: white !important;
-  border: none !important;
-  background-color: #3299C7;
-}
-.tabs-component .MuiTabs-indicator {
-  display: none;
-}
-.tabs-component .MuiTab-root {
-  margin: 2px 2px 0px;
-  border: 1px solid rgba(0, 0, 0, 0.2196078431);
-  border-bottom: none;
-  border-radius: 5% 5% 0% 0%;
-  color: rgba(0, 0, 0, 0.54);
-}
-.tabs-component .MuiTabPanel-root {
-  border: 1px solid rgba(0, 0, 0, 0.2196078431);
-  margin: 0px 2px 0px;
-  border-radius: 0% 5px 5px 5px;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnNDb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDSTtFQUNJO0VBQ0E7RUFDQTs7QUFFSjtFQUNHOztBQUVIO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi50YWJzLWNvbXBvbmVudHtcclxuICAgIC5NdWktc2VsZWN0ZWR7XHJcbiAgICAgICAgY29sb3I6d2hpdGUgIWltcG9ydGFudDtcclxuICAgICAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzI5OUM3OztcclxuICAgIH1cclxuICAgIC5NdWlUYWJzLWluZGljYXRvcntcclxuICAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICB9XHJcbiAgICAuTXVpVGFiLXJvb3R7XHJcbiAgICAgICAgbWFyZ2luOiAycHggMnB4IDBweDtcclxuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjMDAwMDAwMzg7XHJcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcclxuICAgICAgICBib3JkZXItcmFkaXVzOiA1JSA1JSAwJSAwJTtcclxuICAgICAgICBjb2xvcjogcmdiYSgwLDAsMCwwLjU0KTtcclxuICAgIH1cclxuICAgIC5NdWlUYWJQYW5lbC1yb290e1xyXG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMwMDAwMDAzODtcclxuICAgICAgICBtYXJnaW46IDBweCAycHggMHB4O1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAlIDVweCA1cHggNXB4O1xyXG4gICAgfSBcclxufSJdfQ== */`;
-document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css17));
-
-// src/components/wrappers/TabsComponent/TabsComponent.tsx
 var TabsComponent = (props) => {
   const [value, setValue] = React7__default.default.useState(props.tabActive.toString());
   const handleChange = (_event, newValue) => {
@@ -2440,65 +2519,13 @@ var TabsComponent = (props) => {
     material.Tab,
     {
       classes: { selected: "main-background-color" },
+      sx: { "&.Mui-selected": { bgcolor: "primary.main", color: "primary.contrastText" } },
       key: tabLabel.value,
       label: tabLabel.label,
       value: tabLabel.value.toString()
     }
   ))), props.tabsComponent.sort((a, b) => a.value - b.value).map((tabComponent) => /* @__PURE__ */ React7__default.default.createElement(lab.TabPanel, { key: tabComponent.value, value: tabComponent.value.toString() }, tabComponent.component)))));
 };
-
-// src/components/fields/DatePickerComponent/DatePickerComponent.scss
-var css18 = `.data-picker-component .MuiFormLabel-root {
-  color: #666666 !important;
-  font-size: 1rem !important;
-  transform: translate(0, 0.5px) scale(0.85);
-  transform-origin: top left;
-  text-overflow: initial !important;
-}
-.data-picker-component .MuiFormLabel-root + .MuiPickersInputBase-root {
-  margin-top: 25px !important;
-}
-.data-picker-component .MuiPickersInputBase-root.no-border {
-  border: none !important;
-  padding: 0 !important;
-  width: fit-content !important;
-}
-.data-picker-component .MuiPickersInputBase-root {
-  color: #666666 !important;
-  border: 1px solid grey;
-  padding: 0.33rem 0.87rem;
-  background-color: white !important;
-  border-radius: 3px !important;
-  font-size: 14px !important;
-}
-.data-picker-component .MuiPickersInputBase-root.Mui-error {
-  border: 1px solid #F24726 !important;
-}
-.data-picker-component .MuiPickersInputBase-root:not(.Mui-disabled):hover {
-  border: 1px solid grey;
-}
-.data-picker-component .MuiPickersInputBase-root.Mui-focused {
-  border: 1px solid #3299C7;
-}
-.data-picker-component .MuiPickersInputBase-root .MuiPickersInputBase-sectionsContainer {
-  color: #666666 !important;
-  background-color: white !important;
-}
-.data-picker-component .MuiPickersInputBase-root .MuiPickersInputBase-sectionsContainer .MuiPickersInputBase-sectionContent {
-  text-overflow: ellipsis !important;
-  color: #666666 !important;
-  opacity: 1;
-}
-.data-picker-component .MuiPickersInputBase-root .Mui-disabled {
-  -webkit-text-fill-color: #666666 !important;
-}
-.data-picker-component .MuiFormHelperText-root {
-  padding: 0 !important;
-  font-size: 0.85rem !important;
-  color: #666666;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVQaWNrZXJDb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDSTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNJOztBQUVKO0VBQ0k7O0FBRUo7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTtFQUNBO0VBQ0E7O0FBR1I7RUFDSTs7QUFHUjtFQUNJO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5kYXRhLXBpY2tlci1jb21wb25lbnR7XHJcbiAgICAuTXVpRm9ybUxhYmVsLXJvb3R7XHJcbiAgICAgICAgY29sb3I6IzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMXJlbSAhaW1wb3J0YW50O1xyXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIDAuNXB4KSBzY2FsZSgwLjg1KTtcclxuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcclxuICAgICAgICB0ZXh0LW92ZXJmbG93OiBpbml0aWFsICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuTXVpRm9ybUxhYmVsLXJvb3QgKyAuTXVpUGlja2Vyc0lucHV0QmFzZS1yb290e1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDI1cHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5NdWlQaWNrZXJzSW5wdXRCYXNlLXJvb3Qubm8tYm9yZGVye1xyXG4gICAgICAgIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xyXG4gICAgICAgIHBhZGRpbmc6IDAhaW1wb3J0YW50O1xyXG4gICAgICAgIHdpZHRoOiBmaXQtY29udGVudCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLk11aVBpY2tlcnNJbnB1dEJhc2Utcm9vdHtcclxuICAgICAgICBjb2xvcjogIzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGdyZXk7XHJcbiAgICAgICAgcGFkZGluZzogMC4zM3JlbSAwLjg3cmVtO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4IWltcG9ydGFudDtcclxuICAgICAgICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcclxuICAgICAgICAmLk11aS1lcnJvcntcclxuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0YyNDcyNiFpbXBvcnRhbnQ7XHJcbiAgICAgICAgfVxyXG4gICAgICAgICY6bm90KC5NdWktZGlzYWJsZWQpOmhvdmVyIHtcclxuICAgICAgICAgICAgYm9yZGVyOjFweCBzb2xpZCBncmV5O1xyXG4gICAgICAgIH1cclxuICAgICAgICAmLk11aS1mb2N1c2Vke1xyXG4gICAgICAgICAgICBib3JkZXI6MXB4IHNvbGlkICMzMjk5Qzc7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5NdWlQaWNrZXJzSW5wdXRCYXNlLXNlY3Rpb25zQ29udGFpbmVye1xyXG4gICAgICAgICAgICBjb2xvcjogIzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAuTXVpUGlja2Vyc0lucHV0QmFzZS1zZWN0aW9uQ29udGVudHtcclxuICAgICAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgICBjb2xvcjogIzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAuTXVpLWRpc2FibGVke1xyXG4gICAgICAgICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogIzY2NjY2NiAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIC5NdWlGb3JtSGVscGVyVGV4dC1yb290e1xyXG4gICAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcclxuICAgICAgICBmb250LXNpemU6IDAuODVyZW0haW1wb3J0YW50O1xyXG4gICAgICAgIGNvbG9yOiAjNjY2NjY2O1xyXG4gICAgfVxyXG59Il19 */`;
-document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css18));
 var toDayjs = (v, format) => {
   if (v == null || v === "") return null;
   if (typeof v !== "string") return v;
@@ -2509,51 +2536,88 @@ var toDayjs = (v, format) => {
   const fallback = dayjs__default.default(v);
   return fallback.isValid() ? fallback : null;
 };
-var DatePickerComponent = ({ fullWidth = true, ...rest }) => {
-  const props = { fullWidth, ...rest };
-  const [value, setValue] = React7__default.default.useState(toDayjs(props.value, props.inputFormat));
+var DatePickerComponent = ({
+  textField,
+  value: valueProp,
+  onChange,
+  inputRef,
+  format,
+  ...rest
+}) => {
+  const [value, setValue] = React7__default.default.useState(toDayjs(valueProp, format));
   const [hover, setHover] = React7__default.default.useState(false);
   React7.useEffect(() => {
-    setValue(toDayjs(props.value, props.inputFormat));
-  }, [props.value, props.inputFormat]);
+    setValue(toDayjs(valueProp, format));
+  }, [valueProp, format]);
+  const {
+    startIcon,
+    endIcon,
+    noBorders,
+    disableUnderline,
+    shrink,
+    variant = "outlined",
+    fullWidth = true,
+    onMouseEnter,
+    onMouseLeave,
+    ...textFieldRest
+  } = textField ?? {};
   return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "data-picker-component", sx: { width: "100%" } }, /* @__PURE__ */ React7__default.default.createElement(xDatePickers.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs }, /* @__PURE__ */ React7__default.default.createElement(
     xDatePickers.DatePicker,
     {
-      views: props.views,
+      ...rest,
       value,
-      maxDate: props.maxDate,
-      minDate: props.minDate,
-      disabled: props.disabled,
-      format: props.inputFormat,
-      inputRef: props.inputRef,
+      format,
+      inputRef,
       onChange: (d, context) => {
         setValue(d);
-        props.onChange(d, context);
+        onChange(d, context);
       },
       slotProps: {
         day: {
-          classes: { selected: "main-background-color" }
+          classes: { selected: "main-background-color" },
+          sx: { "&.Mui-selected": { bgcolor: "primary.main" } }
         },
         textField: {
-          onMouseEnter: () => setHover(true),
-          onMouseLeave: () => setHover(false),
-          name: props.name,
-          error: props.error,
-          id: props.id,
-          label: props.label,
-          className: props.className,
-          required: props.required,
-          variant: "standard",
-          helperText: props.helperText,
-          fullWidth: props.fullWidth,
+          ...textFieldRest,
+          variant,
+          fullWidth,
+          onMouseEnter: (e) => {
+            setHover(true);
+            onMouseEnter?.(e);
+          },
+          onMouseLeave: (e) => {
+            setHover(false);
+            onMouseLeave?.(e);
+          },
           slotProps: {
             input: {
-              className: `${props.noBorders ? "no-border" : ""} ${!props.disabled && hover ? "main-border-color" : ""}`,
-              disableUnderline: true,
-              startAdornment: props.startIcon,
-              classes: { focused: "main-border-color" }
+              className: `${noBorders ? "no-border" : ""} ${!rest.disabled && hover ? "main-border-color" : ""}`,
+              disableUnderline,
+              startAdornment: startIcon,
+              endAdornment: endIcon,
+              classes: { focused: "main-border-color" },
+              sx: (theme) => ({
+                ...noBorders && {
+                  "& .MuiPickersOutlinedInput-notchedOutline, & .MuiOutlinedInput-notchedOutline": {
+                    border: "none"
+                  },
+                  "&:before, &:after": { borderBottom: "none" }
+                },
+                "&:not(.Mui-disabled):hover .MuiPickersOutlinedInput-notchedOutline, &:not(.Mui-disabled):hover .MuiOutlinedInput-notchedOutline": {
+                  borderColor: theme.palette.primary.main
+                },
+                "&:not(.Mui-disabled):hover:before": {
+                  borderBottomColor: theme.palette.primary.main
+                },
+                "&.Mui-focused .MuiPickersOutlinedInput-notchedOutline, &.Mui-focused .MuiOutlinedInput-notchedOutline": {
+                  borderColor: theme.palette.primary.main
+                },
+                "&.Mui-focused:after": {
+                  borderBottomColor: theme.palette.primary.main
+                }
+              })
             },
-            inputLabel: { shrink: true }
+            inputLabel: { shrink }
           }
         }
       }
@@ -2562,9 +2626,8 @@ var DatePickerComponent = ({ fullWidth = true, ...rest }) => {
 };
 
 // src/components/wrappers/CardComponent/CardComponent.scss
-var css19 = `.card-component {
+var css17 = `.card-component {
   box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
-  background-color: white;
 }
 .card-component.gradiant-green {
   background: linear-gradient(-135deg, #1de9b6, #1dc4e9);
@@ -2584,21 +2647,31 @@ var css19 = `.card-component {
 .card-component .MuiCircularProgress-root {
   color: white;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRDb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTtFQUNBOztBQUVKO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7O0FBRUo7RUFDSTs7QUFFSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLmNhcmQtY29tcG9uZW50e1xyXG4gICAgYm94LXNoYWRvdzogMCAxcHggMjBweCAwIHJnYig2OSA5MCAxMDAgLyA4JSk7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuXHJcbiAgICAmLmdyYWRpYW50LWdyZWVue1xyXG4gICAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtMTM1ZGVnLCAjMWRlOWI2LCAjMWRjNGU5KTtcclxuICAgICAgICBjb2xvcjogd2hpdGU7XHJcbiAgICB9XHJcbiAgICAmLmdyYWRpYW50LXZpb2xldHtcclxuICAgICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTEzNWRlZywjODk5ZmQ0LCNhMzg5ZDQpO1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgICYuZ3JleXtcclxuICAgICAgICBiYWNrZ3JvdW5kOiAjQTlBOUE5O1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgICYubWFpbi1iYWNrZ3JvdW5kLWNvbG9ye1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgIC5NdWlDaXJjdWxhclByb2dyZXNzLXJvb3R7XHJcbiAgICAgICAgY29sb3I6d2hpdGU7XHJcbiAgICB9XHJcbn0iXX0= */`;
-document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css19));
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRDb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJOztBQUdBO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7O0FBRUo7RUFDSTtFQUNBOztBQUVKO0VBQ0k7O0FBRUo7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5jYXJkLWNvbXBvbmVudHtcclxuICAgIGJveC1zaGFkb3c6IDAgMXB4IDIwcHggMCByZ2IoNjkgOTAgMTAwIC8gOCUpO1xyXG4gICAgLy9iYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuXHJcbiAgICAmLmdyYWRpYW50LWdyZWVue1xyXG4gICAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtMTM1ZGVnLCAjMWRlOWI2LCAjMWRjNGU5KTtcclxuICAgICAgICBjb2xvcjogd2hpdGU7XHJcbiAgICB9XHJcbiAgICAmLmdyYWRpYW50LXZpb2xldHtcclxuICAgICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTEzNWRlZywjODk5ZmQ0LCNhMzg5ZDQpO1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgICYuZ3JleXtcclxuICAgICAgICBiYWNrZ3JvdW5kOiAjQTlBOUE5O1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgICYubWFpbi1iYWNrZ3JvdW5kLWNvbG9ye1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgIC5NdWlDaXJjdWxhclByb2dyZXNzLXJvb3R7XHJcbiAgICAgICAgY29sb3I6d2hpdGU7XHJcbiAgICB9XHJcbn0iXX0= */`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css17));
 
 // src/components/wrappers/CardComponent/CardComponent.tsx
 var CardComponent = ({ backgroundType = "white", ...rest }) => {
   const props = { backgroundType, ...rest };
+  const isPrimary = props.backgroundType === "primary";
   return /* @__PURE__ */ React7__default.default.createElement(
     material.Box,
     {
-      className: `card-component ${props.onClick ? "cursor-pointer" : ""} ${props.backgroundType}
+      className: `card-component ${props.onClick ? "cursor-pointer" : ""} ${isPrimary ? "" : props.backgroundType}
       ${props.className ?? ""}`,
-      sx: { height: props.height ?? "100%" },
+      sx: {
+        height: props.height ?? "100%",
+        ...isPrimary && { bgcolor: "primary.main", color: "primary.contrastText" }
+      },
       onClick: props.onClick
     },
-    /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { p: 3.125, py: 3.75, height: "100%" } }, props.loading ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: `${props.backgroundType === "white" ? "circular-progress-main-color" : ""}` })) : props.children && props.children)
+    /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { p: 3.125, py: 3.75, height: "100%" } }, props.loading ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" } }, /* @__PURE__ */ React7__default.default.createElement(
+      material.CircularProgress,
+      {
+        className: `${props.backgroundType === "white" ? "circular-progress-main-color" : ""}`,
+        color: props.backgroundType === "white" ? "primary" : "inherit"
+      }
+    )) : props.children && props.children)
   );
 };
 
@@ -2621,6 +2694,7 @@ exports.SearchComponent = SearchComponent;
 exports.SelectAsyncField = SelectAsyncField;
 exports.SelectField = SelectField;
 exports.SimpleTableComponent = SimpleTableComponent;
+exports.SplitLayout = SplitLayout;
 exports.TableComponent = TableComponent;
 exports.TabsComponent = TabsComponent;
 exports.TextFieldComponent = TextFieldComponent;