@bpfdev/oly-ui 1.0.1 → 1.0.3

package/dist/index.mjs

@@ -52,7 +52,7 @@ var AddCommentInput = ({
 import { Close as CloseIcon } from "@mui/icons-material";
 import {
   Box as Box2,
-  Button as Button3,
+  Button as Button2,
   Dialog,
   DialogActions,
   DialogContent,
@@ -63,11 +63,12 @@ import {
 
 // src/components/FalconMultiSelect/FalconMultiSelect.tsx
 import { Icon } from "@iconify/react";
-import { Button as Button2, Stack, Typography } from "@mui/material";
+import { Stack, Typography } from "@mui/material";
 import Autocomplete, {
   autocompleteClasses
 } from "@mui/material/Autocomplete";
 import Box from "@mui/material/Box";
+import ButtonBase from "@mui/material/ButtonBase";
 import Checkbox from "@mui/material/Checkbox";
 import ClickAwayListener from "@mui/material/ClickAwayListener";
 import Popper from "@mui/material/Popper";
@@ -75,86 +76,108 @@ import TextField2 from "@mui/material/TextField";
 import { styled } from "@mui/material/styles";
 import * as React from "react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var FalconMultiSelect = ({ label, data, setData, list }) => {
-  const [checked, setChecked] = React.useState([]);
-  const [anchorEl, setAnchorEl] = React.useState(null);
-  const [value, setValue] = React.useState(
-    list.length >= 12 ? [list[1], list[11]] : list.length >= 2 ? [list[0], list[1]] : []
+import { createElement } from "react";
+var FalconMultiSelect = ({
+  // core
+  label,
+  data,
+  setData,
+  list,
+  // trigger
+  triggerBg = "#EFEFEF",
+  triggerColor,
+  triggerMinWidth = 250,
+  triggerBorderRadius = "6px",
+  triggerSx,
+  // popper panel
+  popperWidth = 300,
+  popperBorderColor = "#e1e4e8",
+  popperBorderColorDark = "#30363d",
+  popperBg = "#fff",
+  popperBgDark = "#1c2128",
+  popperColor = "#24292e",
+  popperColorDark = "#c9d1d9",
+  // options
+  optionBorderColor = "#D6D6D6",
+  optionHeight = 60,
+  checkboxColor = "green",
+  checkboxCheckedColor = "#6750A4",
+  // search
+  searchLabel = "Search State",
+  searchIconColor = "#49454F",
+  // buttons
+  applyBg = "#333",
+  applyColor = "white",
+  applyLabel = "Apply",
+  clearColor = "black",
+  clearLabel = "Clear"
+}) => {
+  const [checked, setChecked] = React.useState(
+    data ?? []
   );
+  const [anchorEl, setAnchorEl] = React.useState(null);
   const [pendingValue, setPendingValue] = React.useState([]);
-  React.useEffect(() => {
-    setChecked(data || []);
-  }, [data]);
+  const open = Boolean(anchorEl);
+  const id = open ? "falcon-multiselect" : void 0;
   const handleClick = (event) => {
-    setPendingValue(value);
+    setPendingValue(checked);
     setAnchorEl(event.currentTarget);
   };
-  const OnSubmit = () => {
-    if (checked.length > 0) {
-      setData(checked);
-      handleClose();
-    } else {
-      setData([]);
-      handleClose();
-    }
-  };
   const handleClose = () => {
-    setValue(pendingValue);
-    if (anchorEl) {
-      anchorEl.focus();
-    }
+    if (anchorEl) anchorEl.focus();
     setAnchorEl(null);
   };
-  const label1 = { inputProps: { "aria-label": "Checkbox demo" } };
-  const open = Boolean(anchorEl);
-  const id = open ? "github-label" : void 0;
-  const handleMultiSelectChange = (obj) => {
-    if (obj.id) {
-      if (checked.length > 0) {
-        const isThere = checked.filter((x) => x.id === obj.id);
-        if (isThere.length == 0) {
-          setChecked((pre) => [...pre, obj]);
-        } else {
-          const value2 = checked.filter((x) => x.id !== obj.id);
-          setChecked(value2);
-        }
-      } else {
-        setChecked((pre) => [...pre, obj]);
-      }
-    }
+  const handleApply = () => {
+    setData(checked);
+    handleClose();
+  };
+  const handleClear = () => {
+    setChecked([]);
+    setData([]);
+    handleClose();
   };
+  const handleToggle = (option) => {
+    setChecked((prev) => {
+      const exists = prev.some((x) => x.id === option.id);
+      return exists ? prev.filter((x) => x.id !== option.id) : [...prev, option];
+    });
+  };
+  const triggerLabel = checked.length === 0 ? `Filter by ${label}` : checked.length === 1 ? checked[0].name : `${checked[0].name}, ${checked[1].name}${checked.length > 2 ? "\u2026" : ""}`;
   return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-    /* @__PURE__ */ jsx2(
-      Box,
+    /* @__PURE__ */ jsxs(
+      Stack,
       {
-        component: "form",
+        direction: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 2,
+        onClick: handleClick,
         sx: {
-          "& > :not(style)": { m: 1, width: "35ch" }
+          minWidth: triggerMinWidth,
+          background: triggerBg,
+          borderRadius: triggerBorderRadius,
+          cursor: "pointer",
+          padding: "12px",
+          ...triggerColor ? { color: triggerColor } : {},
+          ...triggerSx
         },
-        noValidate: true,
-        autoComplete: "off",
-        children: /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            direction: "row",
-            alignItems: "center",
-            justifyContent: "space-between",
-            gap: 2,
-            sx: {
-              minWidth: 100,
-              background: "#EFEFEF",
-              borderRadius: "6px",
-              cursor: "pointer",
-              padding: 4,
-              opacity: 1
-            },
-            onClick: handleClick,
-            children: [
-              /* @__PURE__ */ jsx2(Typography, { variant: "body2", children: checked.length > 0 ? checked.length > 1 ? `${checked[0].name}, ${checked[1].name}${checked.length > 2 ? ` +${checked.length - 2} more` : ""}` : `${checked[0].name}` : `Filter by ${label}` }),
-              /* @__PURE__ */ jsx2(Icon, { icon: anchorEl ? "tabler:chevron-up" : "tabler:chevron-down" })
-            ]
-          }
-        )
+        children: [
+          /* @__PURE__ */ jsx2(
+            Typography,
+            {
+              variant: "body2",
+              sx: triggerColor ? { color: triggerColor } : void 0,
+              children: triggerLabel
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            Icon,
+            {
+              icon: open ? "tabler:chevron-up" : "tabler:chevron-down",
+              color: triggerColor
+            }
+          )
+        ]
       }
     ),
     /* @__PURE__ */ jsx2(
@@ -163,132 +186,120 @@ var FalconMultiSelect = ({ label, data, setData, list }) => {
         id,
         open,
         anchorEl,
-        placement: "bottom",
-        sx: { width: "250px" },
+        placement: "bottom-start",
+        ownerState: {
+          popperWidth,
+          popperBorderColor,
+          popperBorderColorDark,
+          popperBg,
+          popperBgDark,
+          popperColor,
+          popperColorDark
+        },
         children: /* @__PURE__ */ jsx2(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx2(
             Autocomplete,
             {
               open: true,
               multiple: true,
-              onClose: (event, reason) => {
-                if (reason === "escape") {
-                  handleClose();
-                }
+              onClose: (_, reason) => {
+                if (reason === "escape") handleClose();
               },
               value: pendingValue,
-              renderTags: () => null,
+              onChange: (_, newValue) => setPendingValue(newValue),
               disableCloseOnSelect: true,
-              PopperComponent,
+              slots: { popper: PopperComponent },
               noOptionsText: "No labels",
-              renderOption: (props, option) => /* @__PURE__ */ jsxs(
+              options: list,
+              getOptionLabel: (option) => option.name,
+              isOptionEqualToValue: (option, val) => option.id === val.id,
+              renderOption: (props, option) => /* @__PURE__ */ createElement(
                 "li",
                 {
                   ...props,
+                  key: option.id,
                   style: {
+                    height: optionHeight,
+                    border: `1px solid ${optionBorderColor}`,
+                    margin: "16px 12px",
+                    flexShrink: 0,
+                    borderRadius: 6,
                     justifyContent: "space-between",
                     alignItems: "center"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx2(
-                      Box,
-                      {
-                        sx: {
-                          borderRadius: "3px",
-                          alignItem: "center",
-                          ml: 1,
-                          mt: "1px",
-                          justifyContent: "start",
-                          alignItems: "center",
-                          width: "80%",
-                          fontSize: "13px"
-                        },
-                        children: option.name
-                      }
-                    ),
-                    /* @__PURE__ */ jsx2(
-                      Box,
+                  }
+                },
+                /* @__PURE__ */ jsx2(
+                  Box,
+                  {
+                    sx: {
+                      flexGrow: 3,
+                      borderRadius: "3px",
+                      ml: 1,
+                      mt: "1px",
+                      justifyContent: "start",
+                      alignItems: "center",
+                      width: "80%",
+                      fontSize: "13px"
+                    },
+                    children: option.name
+                  }
+                ),
+                /* @__PURE__ */ jsx2(
+                  Box,
+                  {
+                    component: "span",
+                    sx: {
+                      flexShrink: 0,
+                      borderRadius: "3px",
+                      mr: 1,
+                      mt: "2px",
+                      flexGrow: 1,
+                      justifyContent: "end",
+                      width: "20%",
+                      alignItems: "center"
+                    },
+                    children: /* @__PURE__ */ jsx2(
+                      Checkbox,
                       {
-                        component: "span",
+                        slotProps: { input: { "aria-label": option.name } },
+                        checked: checked.some((x) => x.id === option.id),
+                        onChange: () => handleToggle(option),
                         sx: {
-                          flexShrink: 0,
-                          borderRadius: "3px",
-                          mr: 1,
-                          mt: "2px",
-                          justifyContent: "end",
-                          width: "20%",
-                          alignItems: "center"
-                        },
-                        children: /* @__PURE__ */ jsx2(
-                          Checkbox,
-                          {
-                            sx: {
-                              color: "green",
-                              "&.Mui-checked": {
-                                color: "#6750A4"
-                              }
-                            },
-                            ...label1,
-                            checked: checked.some((x) => Number(x.id) === option.id),
-                            onChange: () => {
-                              handleMultiSelectChange(option);
-                            }
-                          }
-                        )
+                          color: checkboxColor,
+                          "&.Mui-checked": { color: checkboxCheckedColor }
+                        }
                       }
                     )
-                  ]
-                }
+                  }
+                )
               ),
-              options: [...list]?.sort((a, b) => {
-                let ai = value.indexOf(a);
-                ai = ai === -1 ? value.length + list?.indexOf(a) : ai;
-                let bi = value.indexOf(b);
-                bi = bi === -1 ? value.length + list?.indexOf(b) : bi;
-                return ai - bi;
-              }),
-              getOptionLabel: (option) => {
-                return option?.name;
-              },
               renderInput: (params) => /* @__PURE__ */ jsxs(
                 Box,
                 {
-                  component: "form",
                   sx: {
-                    "& > :not(style)": {
-                      justifyContent: "center",
-                      width: "100%"
-                    }
+                    position: "relative",
+                    "& > :not(style)": { width: "100%" }
                   },
-                  noValidate: true,
-                  autoComplete: "off",
                   children: [
                     /* @__PURE__ */ jsx2(
                       TextField2,
                       {
-                        id: "filled-basic",
-                        label: "Search State",
+                        label: searchLabel,
                         variant: "filled",
                         sx: {
                           width: "100%",
                           margin: "10px",
-                          "& MuiInputBase-root & MuiFilledInput-root": {
-                            width: "94%"
-                          },
-                          "& > :not(style)": {
-                            justifyContent: "center",
-                            width: "94%"
-                          }
+                          "& > :not(style)": { width: "94%" }
                         },
                         ref: params.InputProps.ref,
-                        inputProps: params.inputProps
+                        slotProps: { htmlInput: params.inputProps }
                       }
                     ),
                     /* @__PURE__ */ jsx2(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
-                        style: { position: "absolute", left: "90px", top: "30px" },
+                        style: { position: "absolute", left: 110, top: 30 },
                         width: "24",
                         height: "24",
                         viewBox: "0 0 24 24",
@@ -299,7 +310,7 @@ var FalconMultiSelect = ({ label, data, setData, list }) => {
                             fillRule: "evenodd",
                             clipRule: "evenodd",
                             d: "M14.76 13.27L20.49 19L19 20.49L13.27 14.76C12.2 15.53 10.91 16 9.5 16C5.91 16 3 13.09 3 9.5C3 5.91 5.91 3 9.5 3C13.09 3 16 5.91 16 9.5C16 10.91 15.53 12.2 14.76 13.27ZM9.5 5C7.01 5 5 7.01 5 9.5C5 11.99 7.01 14 9.5 14C11.99 14 14 11.99 14 9.5C14 7.01 11.99 5 9.5 5Z",
-                            fill: "#49454F"
+                            fill: searchIconColor
                           }
                         )
                       }
@@ -314,45 +325,36 @@ var FalconMultiSelect = ({ label, data, setData, list }) => {
             {
               sx: {
                 display: "flex",
-                flexDirection: "row",
-                alignItems: "center",
-                justifyContent: "space-between",
-                padding: 2,
-                gap: 2,
-                width: "100%"
+                flexDirection: "column",
+                m: "8px",
+                height: 110
               },
               children: [
                 /* @__PURE__ */ jsx2(
-                  Button2,
+                  ActionButton,
                   {
-                    onClick: () => OnSubmit(),
-                    variant: "contained",
-                    fullWidth: true,
+                    onClick: handleApply,
                     sx: {
-                      textTransform: "none",
-                      minWidth: 100,
-                      backgroundColor: "#7c3aed",
-                      "&:hover": {
-                        backgroundColor: "#6d28d9"
-                      },
-                      height: "40px"
+                      height: "42px",
+                      borderRadius: "3px",
+                      background: applyBg,
+                      margin: "5px 0 10px 0",
+                      color: applyColor
                     },
-                    children: "Apply"
+                    children: applyLabel
                   }
                 ),
                 /* @__PURE__ */ jsx2(
-                  Button2,
+                  ActionButton,
                   {
-                    onClick: () => {
-                      setChecked([]);
-                      setData([]);
-                      handleClose();
+                    onClick: handleClear,
+                    sx: {
+                      height: "42px",
+                      borderRadius: "3px",
+                      mb: "8px",
+                      color: clearColor
                     },
-                    variant: "outlined",
-                    fullWidth: true,
-                    color: "inherit",
-                    sx: { textTransform: "none", minWidth: 100, height: "40px" },
-                    children: "Clear"
+                    children: clearLabel
                   }
                 )
               ]
@@ -364,8 +366,6 @@ var FalconMultiSelect = ({ label, data, setData, list }) => {
   ] });
 };
 var StyledAutocompletePopper = styled("div")(({ theme }) => ({
-  width: 250,
-  minWidth: 250,
   [`& .${autocompleteClasses.paper}`]: {
     boxShadow: "none",
     color: "inherit",
@@ -374,38 +374,47 @@ var StyledAutocompletePopper = styled("div")(({ theme }) => ({
   [`& .${autocompleteClasses.listbox}`]: {
     backgroundColor: theme.palette.mode === "light" ? "#fff" : "#1c2128",
     padding: 0,
-    maxHeight: 280,
     [`& .${autocompleteClasses.option}`]: {
       minHeight: "auto",
       alignItems: "flex-start",
       padding: 8,
       borderBottom: `1px solid ${theme.palette.mode === "light" ? "#eaecef" : "#30363d"}`,
-      '&[aria-selected="true"]': {
-        backgroundColor: "transparent"
-      },
+      '&[aria-selected="true"]': { backgroundColor: "transparent" },
       [`&.${autocompleteClasses.focused}, &.${autocompleteClasses.focused}[aria-selected="true"]`]: {
         backgroundColor: theme.palette.action.hover
       }
     }
   },
-  [`&.${autocompleteClasses.popperDisablePortal}`]: {
-    position: "relative"
-  }
+  [`&.${autocompleteClasses.popperDisablePortal}`]: { position: "relative" }
 }));
-function PopperComponent(props) {
-  const { disablePortal, anchorEl, open, ...other } = props;
+function PopperComponent({
+  disablePortal: _d,
+  anchorEl: _a,
+  open: _o,
+  ...other
+}) {
   return /* @__PURE__ */ jsx2(StyledAutocompletePopper, { ...other });
 }
-var StyledPopper = styled(Popper)(({ theme }) => ({
-  border: `1px solid ${theme.palette.mode === "light" ? "#e1e4e8" : "#30363d"}`,
+var StyledPopper = styled(Popper, {
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(({ theme, ownerState }) => ({
+  border: `1px solid ${theme.palette.mode === "light" ? ownerState.popperBorderColor : ownerState.popperBorderColorDark}`,
   boxShadow: `0 8px 24px ${theme.palette.mode === "light" ? "rgba(149, 157, 165, 0.2)" : "rgb(1, 4, 9)"}`,
   borderRadius: 6,
-  width: 250,
-  minWidth: 250,
+  width: ownerState.popperWidth,
   zIndex: theme.zIndex.modal,
   fontSize: 13,
-  color: theme.palette.mode === "light" ? "#24292e" : "#c9d1d9",
-  backgroundColor: theme.palette.mode === "light" ? "#fff" : "#1c2128"
+  color: theme.palette.mode === "light" ? ownerState.popperColor : ownerState.popperColorDark,
+  backgroundColor: theme.palette.mode === "light" ? ownerState.popperBg : ownerState.popperBgDark
+}));
+var ActionButton = styled(ButtonBase)(() => ({
+  fontSize: 13,
+  width: "100%",
+  textAlign: "left",
+  paddingBottom: 8,
+  fontWeight: 600,
+  "& span": { width: "100%" },
+  "& svg": { width: 16, height: 16 }
 }));
 
 // src/components/AdvancedFiltersDialog/AdvancedFiltersDialog.tsx
@@ -472,14 +481,14 @@ var AdvancedFiltersDialog = ({
       )
     ] }) }),
     /* @__PURE__ */ jsxs2(DialogActions, { children: [
-      /* @__PURE__ */ jsx3(Button3, { onClick: handleCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsx3(Button3, { variant: "contained", onClick: handleApply, children: "Apply" })
+      /* @__PURE__ */ jsx3(Button2, { onClick: handleCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx3(Button2, { variant: "contained", onClick: handleApply, children: "Apply" })
     ] })
   ] });
 };
 
 // src/components/ButtonWithIcon/ButtonWithIcon.tsx
-import { Box as Box3, Button as Button4, Typography as Typography3 } from "@mui/material";
+import { Box as Box3, Button as Button3, Typography as Typography3 } from "@mui/material";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var ButtonWithIcon = ({
   size = "large",
@@ -488,7 +497,7 @@ var ButtonWithIcon = ({
   icon,
   ...props
 }) => /* @__PURE__ */ jsx4(
-  Button4,
+  Button3,
   {
     fullWidth: true,
     size,
@@ -555,7 +564,7 @@ import { Box as Box4, Stack as Stack2, Typography as Typography4, useTheme } fro
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var FalconGrayButton = ({
   text,
-  Icon: Icon4,
+  Icon: Icon2,
   onClick
 }) => {
   const theme = useTheme();
@@ -571,7 +580,7 @@ var FalconGrayButton = ({
       onClick,
       role: onClick ? "button" : void 0,
       children: /* @__PURE__ */ jsxs4(Stack2, { direction: "row", justifyContent: "center", gap: 4, alignItems: "center", children: [
-        Icon4,
+        Icon2,
         /* @__PURE__ */ jsx7(Typography4, { fontSize: 12, align: "center", fontWeight: "bold", children: text })
       ] })
     }
@@ -881,7 +890,7 @@ var FalconTicketColumsFilter = ({
 ] });
 
 // src/components/FalconTicketFilter/FalconTicketFilter.tsx
-import { Button as Button5, Popover } from "@mui/material";
+import { Button as Button4, Popover } from "@mui/material";
 import { useState as useState3 } from "react";
 import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var FalconTicketFilter = ({
@@ -903,7 +912,7 @@ var FalconTicketFilter = ({
     setOpen(false);
   };
   return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    /* @__PURE__ */ jsx13(Button5, { onClick: handleClick, variant: "outlined", size: "medium", children: label }),
+    /* @__PURE__ */ jsx13(Button4, { onClick: handleClick, variant: "outlined", size: "medium", children: label }),
     /* @__PURE__ */ jsx13(
       Popover,
       {
@@ -1137,2345 +1146,98 @@ var ProgressBarNumber = ({
   return /* @__PURE__ */ jsx15("div", { children: "Invalid Progress" });
 };
 
-// src/@core/theme/ThemeComponent.tsx
+// src/components/FalconThemeProvider/FalconThemeProvider.tsx
 import CssBaseline from "@mui/material/CssBaseline";
-import GlobalStyles2 from "@mui/material/GlobalStyles";
-import { ThemeProvider, createTheme, responsiveFontSizes } from "@mui/material/styles";
-
-// src/@core/configs/themeConfig.ts
-var themeConfig = {
-  // ** Layout Configs
-  templateName: "OLY",
-  layout: "vertical",
-  direction: "ltr",
-  // ** Routing Configs
-  routingLoader: true,
-  // ** Navigation (Menu) Configs
-  navHidden: false,
-  menuTextTruncate: true,
-  navSubItemIcon: "tabler:chevron-right",
-  navCollapsed: false,
-  navigationSize: 260,
-  collapsedNavigationSize: 82,
-  afterVerticalNavMenuContentPosition: "fixed",
-  beforeVerticalNavMenuContentPosition: "fixed",
-  horizontalMenuAnimation: true,
-  // ** AppBar Configs
-  appBarBlur: true,
-  // ** Other Configs
-  responsiveFontSizes: true,
-  disableRipple: false,
-  disableCustomizer: true,
-  toastPosition: "top-center"
-};
-var themeConfig_default = themeConfig;
-
-// src/@core/theme/ThemeOptions.ts
-import { deepmerge } from "@mui/utils";
-
-// src/@core/theme/UserThemeOptions.ts
-var UserThemeOptions = () => {
+import {
+  ThemeProvider,
+  createTheme,
+  responsiveFontSizes
+} from "@mui/material/styles";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+var lightColor = "51, 48, 60";
+var darkColor = "228, 230, 244";
+var darkPaperBg = "#2F3349";
+function buildPalette(mode) {
+  const mainColor = mode === "light" ? lightColor : darkColor;
   return {
-    /*
-    palette:{
-      primary: {
-        light: '#8479F2',
-        main: '#7367F0',
-        dark: '#655BD3',
-        contrastText: '#FFF'
-      }
-    },
-    breakpoints: {
-      values: {
-        xs: 0,
-        sm: 768,
-        md: 992,
-        lg: 1200,
-        xl: 1920
-      }
-    },
-    components: {
-      MuiButton: {
-        defaultProps: {
-          disableElevation: true
-        },
-        styleOverrides: {
-          root: {
-            textTransform: 'none'
-          },
-          sizeSmall: {
-            padding: '6px 16px'
-          },
-          sizeMedium: {
-            padding: '8px 20px'
-          },
-          sizeLarge: {
-            padding: '11px 24px'
-          },
-          textSizeSmall: {
-            padding: '7px 12px'
-          },
-          textSizeMedium: {
-            padding: '9px 16px'
-          },
-          textSizeLarge: {
-            padding: '12px 16px'
-          }
-        }
-      },
-      MuiCardActions: {
-        styleOverrides: {
-          root: {
-            padding: '16px 24px'
-          }
-        }
-      },
-      MuiCardContent: {
-        styleOverrides: {
-          root: {
-            padding: '32px 24px',
-            '&:last-child': {
-              paddingBottom: '32px'
-            }
-          }
-        }
-      },
-      MuiCssBaseline: {
-        styleOverrides: {
-          '*': {
-            boxSizing: 'border-box'
-          },
-          html: {
-            MozOsxFontSmoothing: 'grayscale',
-            WebkitFontSmoothing: 'antialiased',
-            display: 'flex',
-            flexDirection: 'column',
-            minHeight: '100%',
-            width: '100%'
-          },
-          body: {
-            display: 'flex',
-            flex: '1 1 auto',
-            flexDirection: 'column',
-            minHeight: '100%',
-            width: '100%'
-          },
-          '#__next': {
-            display: 'flex',
-            flex: '1 1 auto',
-            flexDirection: 'column',
-            height: '100%',
-            width: '100%'
-          }
-        }
-      }
-    },
-    shape: {
-      borderRadius: 8
+    mode,
+    primary: {
+      light: "rgba(103, 80, 164, 0.02)",
+      main: "#d8c5f9",
+      dark: "#8710D8",
+      contrastText: "#FFF"
     },
-    typography: {
-      fontFamily:
-        '"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
+    secondary: {
+      light: "#EFEFEF",
+      main: "#1D192B",
+      dark: "#949699",
+      contrastText: "#FFF"
     },
-    shadows: mode === 'light' ? [
-      'none',
-      '0px 2px 4px 1px rgba(51, 48, 60, 0.03), 0px 3px 4px 0px rgba(51, 48, 60, 0.02), 0px 1px 3px 2px rgba(51, 48, 60, 0.01)',
-      '0px 3px 5px 2px rgba(51, 48, 60, 0.03), 0px 3px 5px 0px rgba(51, 48, 60, 0.02), 0px 1px 4px 2px rgba(51, 48, 60, 0.01)',
-      '0px 3px 6px 2px rgba(51, 48, 60, 0.03), 0px 4px 6px 0px rgba(51, 48, 60, 0.02), 0px 1px 4px 2px rgba(51, 48, 60, 0.01)',
-      '0px 2px 7px 1px rgba(51, 48, 60, 0.03), 0px 4px 7px 0px rgba(51, 48, 60, 0.02), 0px 1px 4px 2px rgba(51, 48, 60, 0.01)',
-      '0px 3px 8px 1px rgba(51, 48, 60, 0.03), 0px 6px 8px 0px rgba(51, 48, 60, 0.02), 0px 1px 5px 4px rgba(51, 48, 60, 0.01)',
-      '0px 3px 9px 1px rgba(51, 48, 60, 0.03), 0px 8px 9px 0px rgba(51, 48, 60, 0.02), 0px 1px 6px 4px rgba(51, 48, 60, 0.01)',
-      '0px 4px 10px 2px rgba(51, 48, 60, 0.03), 0px 9px 10px 1px rgba(51, 48, 60, 0.02), 0px 2px 7px 4px rgba(51, 48, 60, 0.01)',
-      '0px 5px 11px 3px rgba(51, 48, 60, 0.03), 0px 8px 11px 1px rgba(51, 48, 60, 0.02), 0px 3px 8px 4px rgba(51, 48, 60, 0.01)',
-      '0px 5px 12px 3px rgba(51, 48, 60, 0.03), 0px 9px 12px 1px rgba(51, 48, 60, 0.02), 0px 3px 9px 5px rgba(51, 48, 60, 0.01)',
-      '0px 6px 13px 3px rgba(51, 48, 60, 0.03), 0px 10px 13px 1px rgba(51, 48, 60, 0.02), 0px 4px 10px 5px rgba(51, 48, 60, 0.01)',
-      '0px 6px 14px 4px rgba(51, 48, 60, 0.03), 0px 11px 14px 1px rgba(51, 48, 60, 0.02), 0px 4px 11px 5px rgba(51, 48, 60, 0.01)',
-      '0px 7px 15px 4px rgba(51, 48, 60, 0.03), 0px 12px 15px 2px rgba(51, 48, 60, 0.02), 0px 5px 12px 5px rgba(51, 48, 60, 0.01)',
-      '0px 7px 16px 4px rgba(51, 48, 60, 0.03), 0px 13px 16px 2px rgba(51, 48, 60, 0.02), 0px 5px 13px 6px rgba(51, 48, 60, 0.01)',
-      '0px 7px 17px 4px rgba(51, 48, 60, 0.03), 0px 14px 17px 2px rgba(51, 48, 60, 0.02), 0px 5px 14px 6px rgba(51, 48, 60, 0.01)',
-      '0px 8px 18px 5px rgba(51, 48, 60, 0.03), 0px 15px 18px 2px rgba(51, 48, 60, 0.02), 0px 6px 15px 6px rgba(51, 48, 60, 0.01)',
-      '0px 8px 19px 5px rgba(51, 48, 60, 0.03), 0px 16px 19px 2px rgba(51, 48, 60, 0.02), 0px 6px 16px 6px rgba(51, 48, 60, 0.01)',
-      '0px 8px 20px 5px rgba(51, 48, 60, 0.03), 0px 17px 20px 2px rgba(51, 48, 60, 0.02), 0px 6px 17px 7px rgba(51, 48, 60, 0.01)',
-      '0px 9px 21px 5px rgba(51, 48, 60, 0.03), 0px 18px 21px 2px rgba(51, 48, 60, 0.02), 0px 7px 18px 7px rgba(51, 48, 60, 0.01)',
-      '0px 9px 22px 6px rgba(51, 48, 60, 0.03), 0px 19px 22px 2px rgba(51, 48, 60, 0.02), 0px 7px 19px 7px rgba(51, 48, 60, 0.01)',
-      '0px 10px 23px 6px rgba(51, 48, 60, 0.03), 0px 20px 23px 3px rgba(51, 48, 60, 0.02), 0px 8px 20px 7px rgba(51, 48, 60, 0.01)',
-      '0px 10px 24px 6px rgba(51, 48, 60, 0.03), 0px 21px 24px 3px rgba(51, 48, 60, 0.02), 0px 8px 21px 7px rgba(51, 48, 60, 0.01)',
-      '0px 10px 25px 6px rgba(51, 48, 60, 0.03), 0px 22px 25px 3px rgba(51, 48, 60, 0.02), 0px 8px 22px 7px rgba(51, 48, 60, 0.01)',
-      '0px 11px 26px 7px rgba(51, 48, 60, 0.03), 0px 23px 26px 3px rgba(51, 48, 60, 0.02), 0px 9px 23px 7px rgba(51, 48, 60, 0.01)',
-      '0px 11px 27px 7px rgba(51, 48, 60, 0.03), 0px 24px 27px 3px rgba(51, 48, 60, 0.02), 0px 9px 24px 7px rgba(51, 48, 60, 0.01)'
-    ] : [
-      'none',
-      '0px 2px 4px 1px rgba(12, 16, 27, 0.15), 0px 3px 4px 0px rgba(12, 16, 27, 0.1), 0px 1px 3px 2px rgba(12, 16, 27, 0.08)',
-      '0px 3px 5px 2px rgba(12, 16, 27, 0.15), 0px 3px 5px 0px rgba(12, 16, 27, 0.1), 0px 1px 4px 2px rgba(12, 16, 27, 0.08)',
-      '0px 3px 6px 2px rgba(12, 16, 27, 0.15), 0px 4px 6px 0px rgba(12, 16, 27, 0.1), 0px 1px 4px 2px rgba(12, 16, 27, 0.08)',
-      '0px 2px 7px 1px rgba(12, 16, 27, 0.15), 0px 4px 7px 0px rgba(12, 16, 27, 0.1), 0px 1px 4px 2px rgba(12, 16, 27, 0.08)',
-      '0px 3px 8px 1px rgba(12, 16, 27, 0.15), 0px 6px 8px 0px rgba(12, 16, 27, 0.1), 0px 1px 5px 4px rgba(12, 16, 27, 0.08)',
-      '0px 3px 9px 1px rgba(12, 16, 27, 0.15), 0px 8px 9px 0px rgba(12, 16, 27, 0.1), 0px 1px 6px 4px rgba(12, 16, 27, 0.08)',
-      '0px 4px 10px 2px rgba(12, 16, 27, 0.15), 0px 9px 10px 1px rgba(12, 16, 27, 0.1), 0px 2px 7px 4px rgba(12, 16, 27, 0.08)',
-      '0px 5px 11px 3px rgba(12, 16, 27, 0.15), 0px 8px 11px 1px rgba(12, 16, 27, 0.1), 0px 3px 8px 4px rgba(12, 16, 27, 0.08)',
-      '0px 5px 12px 3px rgba(12, 16, 27, 0.15), 0px 9px 12px 1px rgba(12, 16, 27, 0.1), 0px 3px 9px 5px rgba(12, 16, 27, 0.08)',
-      '0px 6px 13px 3px rgba(12, 16, 27, 0.15), 0px 10px 13px 1px rgba(12, 16, 27, 0.1), 0px 4px 10px 5px rgba(12, 16, 27, 0.08)',
-      '0px 6px 14px 4px rgba(12, 16, 27, 0.15), 0px 11px 14px 1px rgba(12, 16, 27, 0.1), 0px 4px 11px 5px rgba(12, 16, 27, 0.08)',
-      '0px 7px 15px 4px rgba(12, 16, 27, 0.15), 0px 12px 15px 2px rgba(12, 16, 27, 0.1), 0px 5px 12px 5px rgba(12, 16, 27, 0.08)',
-      '0px 7px 16px 4px rgba(12, 16, 27, 0.15), 0px 13px 16px 2px rgba(12, 16, 27, 0.1), 0px 5px 13px 6px rgba(12, 16, 27, 0.08)',
-      '0px 7px 17px 4px rgba(12, 16, 27, 0.15), 0px 14px 17px 2px rgba(12, 16, 27, 0.1), 0px 5px 14px 6px rgba(12, 16, 27, 0.08)',
-      '0px 8px 18px 5px rgba(12, 16, 27, 0.15), 0px 15px 18px 2px rgba(12, 16, 27, 0.1), 0px 6px 15px 6px rgba(12, 16, 27, 0.08)',
-      '0px 8px 19px 5px rgba(12, 16, 27, 0.15), 0px 16px 19px 2px rgba(12, 16, 27, 0.1), 0px 6px 16px 6px rgba(12, 16, 27, 0.08)',
-      '0px 8px 20px 5px rgba(12, 16, 27, 0.15), 0px 17px 20px 2px rgba(12, 16, 27, 0.1), 0px 6px 17px 7px rgba(12, 16, 27, 0.08)',
-      '0px 9px 21px 5px rgba(12, 16, 27, 0.15), 0px 18px 21px 2px rgba(12, 16, 27, 0.1), 0px 7px 18px 7px rgba(12, 16, 27, 0.08)',
-      '0px 9px 22px 6px rgba(12, 16, 27, 0.15), 0px 19px 22px 2px rgba(12, 16, 27, 0.1), 0px 7px 19px 7px rgba(12, 16, 27, 0.08)',
-      '0px 10px 23px 6px rgba(12, 16, 27, 0.15), 0px 20px 23px 3px rgba(12, 16, 27, 0.1), 0px 8px 20px 7px rgba(12, 16, 27, 0.08)',
-      '0px 10px 24px 6px rgba(12, 16, 27, 0.15), 0px 21px 24px 3px rgba(12, 16, 27, 0.1), 0px 8px 21px 7px rgba(12, 16, 27, 0.08)',
-      '0px 10px 25px 6px rgba(12, 16, 27, 0.15), 0px 22px 25px 3px rgba(12, 16, 27, 0.1), 0px 8px 22px 7px rgba(12, 16, 27, 0.08)',
-      '0px 11px 26px 7px rgba(12, 16, 27, 0.15), 0px 23px 26px 3px rgba(12, 16, 27, 0.1), 0px 9px 23px 7px rgba(12, 16, 27, 0.08)',
-      '0px 11px 27px 7px rgba(12, 16, 27, 0.15), 0px 24px 27px 3px rgba(12, 16, 27, 0.1), 0px 9px 24px 7px rgba(12, 16, 27, 0.08)'
-    ],
-    zIndex: {
-      appBar: 1200,
-      drawer: 1100
-    } */
-  };
-};
-var UserThemeOptions_default = UserThemeOptions;
-
-// src/@core/theme/breakpoints/index.ts
-var breakpoints = () => ({
-  values: {
-    xs: 0,
-    sm: 600,
-    md: 900,
-    lg: 1200,
-    xl: 1536
-  }
-});
-var breakpoints_default = breakpoints;
-
-// src/@core/utils/hex-to-rgba.ts
-var hexToRGBA = (hexCode, opacity) => {
-  let hex = hexCode.replace("#", "");
-  if (hex.length === 3) {
-    hex = `${hex[0]}${hex[0]}${hex[1]}${hex[1]}${hex[2]}${hex[2]}`;
-  }
-  const r = parseInt(hex.substring(0, 2), 16);
-  const g = parseInt(hex.substring(2, 4), 16);
-  const b = parseInt(hex.substring(4, 6), 16);
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-};
-
-// src/@core/theme/overrides/alerts.ts
-var Alert = () => {
-  return {
-    MuiAlert: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          fontWeight: 500,
-          fontSize: "1rem",
-          lineHeight: 1.375,
-          alignItems: "flex-start",
-          padding: theme.spacing(1.25, 3.5),
-          "& .MuiAlertTitle-root": {
-            marginBottom: theme.spacing(2.5)
-          },
-          "& a": {
-            fontWeight: 700,
-            color: "inherit"
-          }
-        }),
-        icon: ({ theme }) => ({
-          opacity: 1,
-          fontSize: "1.125rem",
-          padding: theme.spacing(1),
-          borderRadius: theme.shape.borderRadius,
-          margin: theme.spacing(1.75, 2.5, 1.75, 0),
-          backgroundColor: theme.palette.common.white,
-          "& + .MuiAlert-message": {
-            padding: theme.spacing(2.25, 0)
-          },
-          "& ~ .MuiAlert-action": {
-            paddingTop: theme.spacing(1.25)
-          }
-        }),
-        message: ({ theme }) => ({
-          padding: theme.spacing(1.75, 0)
-        }),
-        action: ({ theme }) => ({
-          paddingTop: theme.spacing(0.75)
-        }),
-        standardSuccess: ({ theme }) => ({
-          color: theme.palette.success.main,
-          backgroundColor: hexToRGBA(theme.palette.success.main, 0.16),
-          "& .MuiAlertTitle-root": {
-            color: theme.palette.success.main
-          },
-          "& .MuiAlert-icon": {
-            color: theme.palette.success.main
-          }
-        }),
-        standardInfo: ({ theme }) => ({
-          color: theme.palette.info.main,
-          backgroundColor: hexToRGBA(theme.palette.info.main, 0.16),
-          "& .MuiAlertTitle-root": {
-            color: theme.palette.info.main
-          },
-          "& .MuiAlert-icon": {
-            color: theme.palette.info.main
-          }
-        }),
-        standardWarning: ({ theme }) => ({
-          color: theme.palette.warning.main,
-          backgroundColor: hexToRGBA(theme.palette.warning.main, 0.16),
-          "& .MuiAlertTitle-root": {
-            color: theme.palette.warning.main
-          },
-          "& .MuiAlert-icon": {
-            color: theme.palette.warning.main
-          }
-        }),
-        standardError: ({ theme }) => ({
-          color: theme.palette.error.main,
-          backgroundColor: hexToRGBA(theme.palette.error.main, 0.16),
-          "& .MuiAlertTitle-root": {
-            color: theme.palette.error.main
-          },
-          "& .MuiAlert-icon": {
-            color: theme.palette.error.main
-          }
-        }),
-        outlined: ({ theme }) => ({
-          padding: theme.spacing(1, 3.25)
-        }),
-        outlinedSuccess: ({ theme }) => ({
-          borderColor: theme.palette.success.main,
-          color: theme.palette.success.main,
-          "& .MuiAlertTitle-root": {
-            color: theme.palette.success.main
-          },
-          "& .MuiAlert-icon": {
-            color: theme.palette.common.white,
-            backgroundColor: theme.palette.success.main
-          }
-        }),
-        outlinedInfo: ({ theme }) => ({
-          borderColor: theme.palette.info.main,
-          color: theme.palette.info.main,
-          "& .MuiAlertTitle-root": {
-            color: theme.palette.info.main
-          },
-          "& .MuiAlert-icon": {
-            color: theme.palette.common.white,
-            backgroundColor: theme.palette.info.main
-          }
-        }),
-        outlinedWarning: ({ theme }) => ({
-          borderColor: theme.palette.warning.main,
-          color: theme.palette.warning.main,
-          "& .MuiAlertTitle-root": {
-            color: theme.palette.warning.main
-          },
-          "& .MuiAlert-icon": {
-            color: theme.palette.common.white,
-            backgroundColor: theme.palette.warning.main
-          }
-        }),
-        outlinedError: ({ theme }) => ({
-          borderColor: theme.palette.error.main,
-          color: theme.palette.error.main,
-          "& .MuiAlertTitle-root": {
-            color: theme.palette.error.main
-          },
-          "& .MuiAlert-icon": {
-            color: theme.palette.common.white,
-            backgroundColor: theme.palette.error.main
-          }
-        }),
-        filled: ({ theme }) => ({
-          color: theme.palette.common.white
-        }),
-        filledSuccess: ({ theme }) => ({
-          "& .MuiAlert-icon": {
-            color: theme.palette.success.main
-          }
-        }),
-        filledInfo: ({ theme }) => ({
-          "& .MuiAlert-icon": {
-            color: theme.palette.info.main
-          }
-        }),
-        filledWarning: ({ theme }) => ({
-          "& .MuiAlert-icon": {
-            color: theme.palette.warning.main
-          }
-        }),
-        filledError: ({ theme }) => ({
-          "& .MuiAlert-icon": {
-            color: theme.palette.error.main
-          }
-        })
-      }
+    error: {
+      light: "#ED6F70",
+      main: "#EA5455",
+      dark: "#CE4A4B",
+      contrastText: "#FFF"
     },
-    MuiAlertTitle: {
-      styleOverrides: {
-        root: {
-          fontWeight: 600,
-          marginTop: "-1px",
-          lineHeight: 1.33333,
-          fontSize: "1.125rem"
-        }
-      }
-    }
-  };
-};
-var alerts_default = Alert;
-
-// src/@core/theme/overrides/avatars.ts
-var Avatar = () => {
-  return {
-    MuiAvatar: {
-      styleOverrides: {
-        colorDefault: ({ theme }) => ({
-          color: theme.palette.text.secondary,
-          backgroundColor: theme.palette.customColors.avatarBg
-        })
-      }
+    warning: {
+      light: "#FFAB5A",
+      main: "#FF9F43",
+      dark: "#E08C3B",
+      contrastText: "#FFF"
     },
-    MuiAvatarGroup: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "&.pull-up": {
-            "& .MuiAvatar-root": {
-              cursor: "pointer",
-              transition: "box-shadow 0.2s ease, transform 0.2s ease",
-              "&:hover": {
-                zIndex: 2,
-                boxShadow: theme.shadows[3],
-                transform: "translateY(-4px)"
-              }
-            }
-          },
-          justifyContent: "flex-end",
-          ".MuiCard-root & .MuiAvatar-root": {
-            borderColor: theme.palette.background.paper
-          }
-        })
-      }
-    }
-  };
-};
-var avatars_default = Avatar;
-
-// src/@core/theme/overrides/backdrop.ts
-var Backdrop = () => {
-  return {
-    MuiBackdrop: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          backgroundColor: theme.palette.mode === "light" ? `rgba(${theme.palette.customColors.main}, 0.7)` : hexToRGBA(theme.palette.background.default, 0.7)
-        }),
-        invisible: {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  };
-};
-var backdrop_default = Backdrop;
-
-// src/@core/theme/overrides/button.ts
-var Button6 = () => {
-  return {
-    MuiButton: {
-      styleOverrides: {
-        root: ({ ownerState, theme }) => ({
-          fontWeight: 500,
-          lineHeight: 1.7143,
-          letterSpacing: "0.43px",
-          textTransform: "capitalize",
-          color: theme.palette.common.black,
-          ...ownerState.size === "medium" && ownerState.variant === "text" && {
-            padding: theme.spacing(1.75, 5)
-          },
-          ...ownerState.variant === "contained" && {
-            "&:hover": {
-              backgroundColor: theme.palette.common.black,
-              opacity: 0.8
-            }
-          }
-        }),
-        contained: ({ theme }) => ({
-          boxShadow: theme.shadows[2],
-          padding: theme.spacing(1.75, 5),
-          backgroundColor: theme.palette.common.black,
-          color: theme.palette.common.white,
-          "&:hover": {
-            backgroundColor: theme.palette.common.black,
-            opacity: 0.8
-          }
-        }),
-        outlined: ({ theme }) => ({
-          padding: theme.spacing(1.5, 4.75),
-          whiteSpace: "nowrap",
-          border: "1px solid black"
-        }),
-        sizeSmall: ({ ownerState, theme }) => ({
-          ...ownerState.variant === "text" && {
-            lineHeight: 1.53846,
-            borderRadius: "4px",
-            padding: theme.spacing(1, 3.5)
-          },
-          ...ownerState.variant === "contained" && {
-            padding: theme.spacing(1, 3.5)
-          },
-          ...ownerState.variant === "outlined" && {
-            padding: theme.spacing(0.75, 3.25)
-          }
-        }),
-        sizeLarge: ({ ownerState, theme }) => ({
-          ...ownerState.variant === "text" && {
-            lineHeight: 2,
-            borderRadius: "8px",
-            padding: theme.spacing(2.25, 6.5)
-          },
-          ...ownerState.variant === "contained" && {
-            padding: theme.spacing(2.25, 6.5)
-          },
-          ...ownerState.variant === "outlined" && {
-            padding: theme.spacing(2, 6.25)
-          }
-        })
-      }
+    info: {
+      light: "#1FD5EB",
+      main: "#00CFE8",
+      dark: "#00B6CC",
+      contrastText: "#FFF"
     },
-    MuiButtonBase: {
-      defaultProps: {
-        disableRipple: themeConfig_default.disableRipple
-      }
-    }
-  };
-};
-var button_default = Button6;
-
-// src/@core/theme/overrides/card.ts
-var Card = (skin) => {
-  return {
-    MuiCard: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          ...skin === "bordered" && {
-            border: `1px solid ${theme.palette.divider}`
-          },
-          backgroundColor: theme.palette.background.default,
-          "& .card-more-options": {
-            marginTop: theme.spacing(-1),
-            marginRight: theme.spacing(-3)
-          },
-          "& .MuiTableContainer-root, & .MuiDataGrid-root, & .MuiDataGrid-columnHeaders": {
-            borderRadius: 0
-          }
-        })
-      },
-      defaultProps: {
-        elevation: skin === "bordered" ? 0 : 6
-      }
+    success: {
+      light: "#42CE80",
+      main: "#28C76F",
+      dark: "#23AF62",
+      contrastText: "#FFF"
     },
-    MuiCardHeader: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          padding: theme.spacing(6),
-          "& + .MuiCardContent-root, & + .MuiCardActions-root, & + .MuiCollapse-root .MuiCardContent-root": {
-            paddingTop: 0
-          },
-          "& .MuiCardHeader-subheader": {
-            fontSize: "0.875rem",
-            marginTop: theme.spacing(1),
-            color: theme.palette.text.disabled
-          }
-        }),
-        title: {
-          lineHeight: 1.6,
-          fontWeight: 500,
-          fontSize: "1.125rem",
-          letterSpacing: "0.15px",
-          "@media (min-width: 600px)": {
-            fontSize: "1.25rem"
-          }
-        },
-        action: {
-          marginTop: 0,
-          marginRight: 0
-        }
-      }
+    text: {
+      primary: `rgba(${mainColor}, 0.87)`,
+      secondary: `rgba(${mainColor}, 0.6)`,
+      disabled: `rgba(${mainColor}, 0.38)`
     },
-    MuiCardContent: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          padding: theme.spacing(6),
-          "& + .MuiCardHeader-root, & + .MuiCardContent-root, & + .MuiCardActions-root": {
-            paddingTop: 0
-          },
-          "&:last-of-type": {
-            paddingBottom: theme.spacing(6)
-          }
-        })
-      }
+    divider: `rgba(${mainColor}, 0.12)`,
+    background: {
+      paper: mode === "light" ? "#F2EBFF" : darkPaperBg,
+      default: mode === "light" ? "#F8F7FA" : "#25293C"
     },
-    MuiCardActions: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          padding: theme.spacing(6),
-          "& .MuiButton-text": {
-            paddingLeft: theme.spacing(3),
-            paddingRight: theme.spacing(3)
-          },
-          "&.card-action-dense": {
-            padding: theme.spacing(0, 3, 3),
-            ".MuiCard-root .MuiCardMedia-root + &": {
-              paddingTop: theme.spacing(3)
-            }
-          },
-          ".MuiCard-root &:first-of-type": {
-            paddingTop: theme.spacing(3),
-            "& + .MuiCardHeader-root, & + .MuiCardContent-root, & + .MuiCardActions-root": {
-              paddingTop: 0
-            }
-          }
-        })
-      }
+    action: {
+      active: `rgba(${mainColor}, 0.54)`,
+      hover: `rgba(${mainColor}, 0.04)`,
+      selected: `rgba(${mainColor}, 0.08)`,
+      disabled: `rgba(${mainColor}, 0.26)`,
+      disabledBackground: `rgba(${mainColor}, 0.12)`,
+      focus: `rgba(${mainColor}, 0.12)`
     }
   };
-};
-var card_default = Card;
-
-// src/@core/theme/overrides/checkbox.tsx
-import { alpha, useTheme as useTheme2 } from "@mui/material/styles";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-var CheckedIcon = () => {
-  const theme = useTheme2();
-  return /* @__PURE__ */ jsxs11("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx16(
-      "path",
-      {
-        fill: "#6750A4",
-        d: "M17.5514 3H6.75137C4.76314 3 3.15137 4.61177 3.15137 6.6V17.4C3.15137 19.3882 4.76314 21 6.75137 21H17.5514C19.5396 21 21.1514 19.3882 21.1514 17.4V6.6C21.1514 4.61177 19.5396 3 17.5514 3Z"
-      }
-    ),
-    /* @__PURE__ */ jsx16(
-      "path",
-      {
-        strokeWidth: "0.3",
-        fill: theme.palette.common.white,
-        stroke: theme.palette.common.white,
-        d: "M8.63616 11.5663L8.53426 11.472L8.43235 11.5663L7.54946 12.3837L7.43057 12.4938L7.54946 12.6039L10.4885 15.3248L10.5904 15.4191L10.6923 15.3248L16.7533 9.71358L16.8722 9.60351L16.7533 9.49344L15.8704 8.67606L15.7685 8.58172L15.6666 8.67606L10.5904 13.3756L8.63616 11.5663Z"
-      }
-    )
-  ] });
-};
-var Icon2 = () => {
-  const theme = useTheme2();
-  return /* @__PURE__ */ jsx16(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: theme.palette.text.disabled,
-      children: /* @__PURE__ */ jsx16("path", { d: "M17.2105 3.5H6.78947C4.69661 3.5 3 5.19661 3 7.28947V17.7105C3 19.8034 4.69661 21.5 6.78947 21.5H17.2105C19.3034 21.5 21 19.8034 21 17.7105V7.28947C21 5.19661 19.3034 3.5 17.2105 3.5Z" })
-    }
-  );
-};
-var IndeterminateIcon = () => {
-  const theme = useTheme2();
-  return /* @__PURE__ */ jsx16(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: theme.palette.primary.main,
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx16(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M6.6 3.5H17.4C19.3882 3.5 21 5.11177 21 7.1V17.9C21 19.8882 19.3882 21.5 17.4 21.5H6.6C4.61177 21.5 3 19.8882 3 17.9V7.1C3 5.11177 4.61177 3.5 6.6 3.5ZM16.5 11.8569H7.5V13.1426H16.5V11.8569Z"
-        }
-      )
-    }
-  );
-};
-var Checkbox2 = () => {
-  return {
-    MuiCheckbox: {
-      defaultProps: {
-        icon: /* @__PURE__ */ jsx16(Icon2, {}),
-        checkedIcon: /* @__PURE__ */ jsx16(CheckedIcon, {}),
-        indeterminateIcon: /* @__PURE__ */ jsx16(IndeterminateIcon, {})
-      },
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "&.Mui-checked": {
-            "& svg": {
-              filter: `drop-shadow(0 2px 3px ${alpha(theme.palette.mode === "light" ? theme.palette.customColors.main : "#0c101b", 0.16)})`
-            },
-            "&.Mui-disabled svg": {
-              filter: "none",
-              "& path:first-of-type": {
-                fill: theme.palette.action.disabled
-              },
-              "& path:last-of-type": {
-                fill: theme.palette.background.paper,
-                stroke: theme.palette.background.paper
-              }
-            }
-          },
-          "&.Mui-disabled:not(.Mui-checked) svg": {
-            stroke: theme.palette.action.disabled
-          },
-          "&.Mui-checked.MuiCheckbox-colorSecondary svg path:first-of-type": {
-            fill: theme.palette.secondary.main
-          },
-          "&.Mui-checked.MuiCheckbox-colorSuccess svg path:first-of-type": {
-            fill: theme.palette.success.main
-          },
-          "&.Mui-checked.MuiCheckbox-colorError svg path:first-of-type": {
-            fill: theme.palette.error.main
-          },
-          "&.Mui-checked.MuiCheckbox-colorWarning svg path:first-of-type": {
-            fill: theme.palette.warning.main
-          },
-          "&.Mui-checked.MuiCheckbox-colorInfo svg path:first-of-type": {
-            fill: theme.palette.info.main
-          }
-        })
-      }
-    }
-  };
-};
-var checkbox_default = Checkbox2;
-
-// src/@core/theme/overrides/chip.ts
-var Chip = () => {
-  return {
-    MuiChip: {
-      styleOverrides: {
-        root: {
-          height: 30,
-          fontWeight: 500,
-          backgroundColor: "#6e6f6f",
-          color: "#f6f6f6",
-          "&.MuiChip-rounded": {
-            borderRadius: 4
-          }
-        },
-        outlined: ({ theme }) => ({
-          "&.MuiChip-colorDefault": {
-            borderColor: `rgba(${theme.palette.customColors.main}, 0.22)`
-          }
-        }),
-        sizeSmall: {
-          height: 24
-        },
-        labelSmall: ({ theme }) => ({
-          paddingLeft: theme.spacing(2.5),
-          paddingRight: theme.spacing(2.5)
-        }),
-        deleteIcon: {
-          width: 18,
-          height: 18
-        },
-        avatar: ({ theme }) => ({
-          color: theme.palette.text.primary
-        }),
-        deletableColorPrimary: ({ theme }) => ({
-          "&.MuiChip-light .MuiChip-deleteIcon": {
-            color: "#fff",
-            "&:hover": {
-              color: theme.palette.primary.main
-            }
-          }
-        }),
-        deletableColorSecondary: ({ theme }) => ({
-          "&.MuiChip-light .MuiChip-deleteIcon": {
-            color: hexToRGBA(theme.palette.secondary.main, 0.7),
-            "&:hover": {
-              color: theme.palette.secondary.main
-            }
-          }
-        }),
-        deletableColorSuccess: ({ theme }) => ({
-          "&.MuiChip-light .MuiChip-deleteIcon": {
-            color: hexToRGBA(theme.palette.success.main, 0.7),
-            "&:hover": {
-              color: theme.palette.success.main
-            }
-          }
-        }),
-        deletableColorError: ({ theme }) => ({
-          "&.MuiChip-light .MuiChip-deleteIcon": {
-            color: hexToRGBA(theme.palette.error.main, 0.7),
-            "&:hover": {
-              color: theme.palette.error.main
-            }
-          }
-        }),
-        deletableColorWarning: ({ theme }) => ({
-          "&.MuiChip-light .MuiChip-deleteIcon": {
-            color: hexToRGBA(theme.palette.warning.main, 0.7),
-            "&:hover": {
-              color: theme.palette.warning.main
-            }
-          }
-        }),
-        deletableColorInfo: ({ theme }) => ({
-          "&.MuiChip-light .MuiChip-deleteIcon": {
-            color: hexToRGBA(theme.palette.info.main, 0.7),
-            "&:hover": {
-              color: theme.palette.info.main
-            }
-          }
-        })
-      }
-    }
-  };
-};
-var chip_default = Chip;
-
-// src/@core/theme/overrides/dataGrid.ts
-var DataGrid2 = () => {
-  return {
-    MuiDataGrid: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          border: 0,
-          color: theme.palette.text.primary,
-          "& .MuiDataGrid-columnHeader:focus, & .MuiDataGrid-columnHeader:focus-within": {
-            outline: "none"
-          }
-        }),
-        toolbarContainer: ({ theme }) => ({
-          paddingRight: `${theme.spacing(6)} !important`,
-          paddingLeft: `${theme.spacing(3.25)} !important`
-        }),
-        columnHeaders: ({ theme }) => ({
-          backgroundColor: theme.palette.customColors.tableHeaderBg
-        }),
-        columnHeader: ({ theme }) => ({
-          "&:not(.MuiDataGrid-columnHeaderCheckbox)": {
-            paddingLeft: theme.spacing(4),
-            paddingRight: theme.spacing(4),
-            "&:first-of-type": {
-              paddingLeft: theme.spacing(6)
-            }
-          },
-          "&:last-of-type": {
-            paddingRight: theme.spacing(6)
-          }
-        }),
-        columnHeaderCheckbox: {
-          maxWidth: "58px !important",
-          minWidth: "58px !important"
-        },
-        columnHeaderTitleContainer: {
-          padding: 0
-        },
-        columnHeaderTitle: {
-          fontWeight: 600,
-          fontSize: "0.75rem",
-          letterSpacing: "1px",
-          textTransform: "uppercase"
-        },
-        columnSeparator: ({ theme }) => ({
-          color: theme.palette.divider
-        }),
-        row: {
-          "&:last-child": {
-            "& .MuiDataGrid-cell": {
-              borderBottom: 0
-            }
-          }
-        },
-        cell: ({ theme }) => ({
-          borderColor: theme.palette.divider,
-          "&:not(.MuiDataGrid-cellCheckbox)": {
-            paddingLeft: theme.spacing(4),
-            paddingRight: theme.spacing(4),
-            "&:first-of-type": {
-              paddingLeft: theme.spacing(6)
-            }
-          },
-          "&:last-of-type": {
-            paddingRight: theme.spacing(6)
-          },
-          "&:focus, &:focus-within": {
-            outline: "none"
-          }
-        }),
-        cellCheckbox: {
-          maxWidth: "58px !important",
-          minWidth: "58px !important"
-        },
-        editInputCell: ({ theme }) => ({
-          padding: 0,
-          color: theme.palette.text.primary,
-          "& .MuiInputBase-input": {
-            padding: 0
-          }
-        }),
-        footerContainer: ({ theme }) => ({
-          borderTop: `1px solid ${theme.palette.divider}`,
-          "& .MuiTablePagination-toolbar": {
-            paddingLeft: `${theme.spacing(4)} !important`,
-            paddingRight: `${theme.spacing(4)} !important`
-          },
-          "& .MuiTablePagination-displayedRows, & .MuiTablePagination-selectLabel": {
-            color: theme.palette.text.primary
-          }
-        }),
-        selectedRowCount: ({ theme }) => ({
-          margin: 0,
-          paddingLeft: theme.spacing(4),
-          paddingRight: theme.spacing(4)
-        })
-      }
-    }
-  };
-};
-var dataGrid_default = DataGrid2;
-
-// src/@core/theme/overrides/dialog.ts
-var Dialog2 = (skin) => {
-  return {
-    MuiDialog: {
-      styleOverrides: {
-        paper: ({ theme }) => ({
-          boxShadow: theme.shadows[skin === "bordered" ? 0 : 9],
-          background: theme.palette.background.default,
-          ...skin === "bordered" && {
-            border: `1px solid ${theme.palette.divider}`
-          },
-          "&:not(.MuiDialog-paperFullScreen)": {
-            [theme.breakpoints.down("sm")]: {
-              margin: theme.spacing(4),
-              width: `calc(100% - ${theme.spacing(8)})`,
-              maxWidth: `calc(100% - ${theme.spacing(8)}) !important`
-            }
-          },
-          "& > .MuiList-root": {
-            paddingLeft: theme.spacing(5),
-            paddingRight: theme.spacing(5)
-          }
-        })
-      }
-    },
-    MuiDialogTitle: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          padding: theme.spacing(5, 6, 1)
-        })
-      }
-    },
-    MuiDialogContent: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          padding: `${theme.spacing(5, 10)} !important`
-        })
-      }
-    },
-    MuiDialogActions: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          padding: theme.spacing(1, 6, 5),
-          "&.dialog-actions-dense": {
-            padding: theme.spacing(1, 2.5, 2.5)
-          }
-        })
-      }
-    }
-  };
-};
-var dialog_default = Dialog2;
-
-// src/@core/theme/overrides/divider.ts
-var Divider2 = () => {
-  return {
-    MuiDivider: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          ".MuiStack-root &:not(.MuiDivider-vertical)": {
-            marginTop: theme.spacing(2),
-            marginBottom: theme.spacing(2)
-          }
-        }),
-        middle: ({ theme }) => ({
-          "&:not(.MuiDivider-vertical)": {
-            marginLeft: theme.spacing(5),
-            marginRight: theme.spacing(5)
-          },
-          "&.MuiDivider-vertical": {
-            marginTop: theme.spacing(2),
-            marginBottom: theme.spacing(2)
-          }
-        })
-      }
-    }
-  };
-};
-var divider_default = Divider2;
-
-// src/@core/theme/overrides/input.ts
-var input = () => {
-  return {
-    MuiInputLabel: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          color: theme.palette.text.secondary
-        })
-      }
-    },
-    MuiInput: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "&:before": {
-            borderBottom: `1px solid rgba(${theme.palette.customColors.main}, 0.22)`
-          },
-          "&:hover:not(.Mui-disabled):before": {
-            borderBottom: `1px solid rgba(${theme.palette.customColors.main}, 0.32)`
-          },
-          "&.Mui-disabled:before": {
-            borderBottomStyle: "solid"
-          }
-        })
-      }
-    },
-    MuiFilledInput: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          backgroundColor: `rgba(${theme.palette.customColors.main}, 0.04)`,
-          "&:hover:not(.Mui-disabled)": {
-            backgroundColor: `rgba(${theme.palette.customColors.main}, 0.08)`
-          },
-          "&:before": {
-            borderBottom: `1px solid rgba(${theme.palette.customColors.main}, 0.22)`
-          },
-          "&:hover:not(.Mui-disabled):before": {
-            borderBottom: `1px solid rgba(${theme.palette.customColors.main}, 0.32)`
-          }
-        })
-      }
-    },
-    MuiOutlinedInput: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "&:hover:not(.Mui-focused):not(.Mui-disabled):not(.Mui-error) .MuiOutlinedInput-notchedOutline": {
-            borderColor: `rgba(${theme.palette.customColors.main}, 0.32)`
-          },
-          "&:hover.Mui-error .MuiOutlinedInput-notchedOutline": {
-            borderColor: theme.palette.error.main
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            borderColor: `rgba(${theme.palette.customColors.main}, 0.22)`
-          },
-          "&.Mui-disabled .MuiOutlinedInput-notchedOutline": {
-            borderColor: theme.palette.text.disabled
-          },
-          "&.Mui-focused": {
-            boxShadow: `0 2px 3px 0 rgba(${theme.palette.customColors.main}, 0.1)`,
-            color: theme.palette.text.secondary + " !important"
-          }
-        })
-      }
-    }
-  };
-};
-var input_default = input;
-
-// src/@core/theme/overrides/link.ts
-var link_default = {
-  MuiLink: {
-    styleOverrides: {
-      root: {
-        textDecoration: "none"
-      }
-    }
-  }
-};
-
-// src/@core/theme/overrides/list.ts
-var List = () => {
-  return {
-    MuiListItemIcon: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          minWidth: "0 !important",
-          marginRight: theme.spacing(2.25),
-          color: theme.palette.text.secondary
-        })
-      }
-    },
-    MuiListItemAvatar: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          minWidth: 0,
-          marginRight: theme.spacing(4)
-        })
-      }
-    },
-    MuiListItemText: {
-      styleOverrides: {
-        dense: ({ theme }) => ({
-          "& .MuiListItemText-primary": {
-            color: theme.palette.text.primary
-          }
-        })
-      }
-    },
-    MuiListSubheader: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          fontWeight: 600,
-          textTransform: "uppercase",
-          color: theme.palette.text.primary
-        })
-      }
-    }
-  };
-};
-var list_default = List;
-
-// src/@core/theme/overrides/menu.ts
-var Menu = (skin) => {
-  const boxShadow = (theme) => {
-    if (skin === "bordered") {
-      return theme.shadows[0];
-    } else if (theme.palette.mode === "light") {
-      return theme.shadows[8];
-    } else return theme.shadows[9];
-  };
-  return {
-    MuiMenu: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "& .MuiMenu-paper": {
-            boxShadow: boxShadow(theme),
-            backgroundColor: theme.palette.background.default,
-            ...skin === "bordered" && {
-              border: `1px solid ${theme.palette.divider}`
-            }
-          }
-        })
-      }
-    },
-    MuiMenuItem: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          margin: theme.spacing(0, 2, 1),
-          backgroundColor: theme.palette.background.default,
-          padding: theme.spacing(1.75, 4),
-          borderRadius: theme.shape.borderRadius,
-          "&:hover": {
-            color: `${theme.palette.common.black} !important`
-          },
-          "&:last-child": {
-            marginBottom: 0
-          },
-          "&:not(.Mui-focusVisible):hover": {
-            color: theme.palette.common.black,
-            backgroundColor: hexToRGBA(theme.palette.primary.main, 0.08)
-          },
-          "&.Mui-selected": {
-            color: `${theme.palette.common.black} !important`,
-            backgroundColor: `${theme.palette.primary.main} !important`,
-            "&.Mui-focusVisible": {
-              backgroundColor: `${theme.palette.primary.dark} !important`
-            }
-          }
-        })
-      }
-    }
-  };
-};
-var menu_default = Menu;
-
-// src/@core/theme/overrides/paper.ts
-var paper_default = {
-  MuiPaper: {
-    styleOverrides: {
-      root: {
-        backgroundImage: "none",
-        backgroundColor: "white"
-      }
-    }
-  }
-};
-
-// src/@core/theme/overrides/popover.ts
-var Popover2 = (skin) => {
-  return {
-    MuiPopover: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "& .MuiPopover-paper": {
-            boxShadow: theme.shadows[skin === "bordered" ? 0 : 6],
-            ...skin === "bordered" && { border: `1px solid ${theme.palette.divider}` }
-          }
-        })
-      }
-    }
-  };
-};
-var popover_default = Popover2;
-
-// src/@core/theme/overrides/progress.ts
-var Progress = () => {
-  return {
-    MuiLinearProgress: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          height: 12,
-          borderRadius: "10px",
-          backgroundColor: theme.palette.customColors.trackBg
-        }),
-        bar: {
-          borderRadius: "10px"
-        }
-      }
-    }
-  };
-};
-var progress_default = Progress;
-
-// src/@core/theme/overrides/radio.tsx
-import { alpha as alpha2, useTheme as useTheme3 } from "@mui/material/styles";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
-var CheckedIcon2 = () => {
-  const theme = useTheme3();
-  return /* @__PURE__ */ jsxs12("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx17(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        fill: theme.palette.primary.main,
-        d: "M12 3C16.9705 3 21 7.02944 21 12C21 16.9705 16.9705 21 12 21C7.02944 21 3 16.9705 3 12C3 7.02944 7.02944 3 12 3Z"
-      }
-    ),
-    /* @__PURE__ */ jsx17(
-      "path",
-      {
-        fill: theme.palette.common.white,
-        d: "M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-      }
-    )
-  ] });
-};
-var Icon3 = () => {
-  const theme = useTheme3();
-  return /* @__PURE__ */ jsx17(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: theme.palette.text.disabled,
-      children: /* @__PURE__ */ jsx17("path", { d: "M12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5Z" })
-    }
-  );
-};
-var Radio = () => {
-  return {
-    MuiRadio: {
-      defaultProps: {
-        icon: /* @__PURE__ */ jsx17(Icon3, {}),
-        checkedIcon: /* @__PURE__ */ jsx17(CheckedIcon2, {})
-      },
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "&.Mui-checked": {
-            "& svg": {
-              fill: theme.palette.primary.main,
-              filter: `drop-shadow(0 2px 3px ${alpha2(theme.palette.mode === "light" ? theme.palette.customColors.main : "#0c101b", 0.16)})`
-            },
-            "&.Mui-disabled svg": {
-              opacity: 0.4,
-              filter: "none",
-              "& path:first-of-type": {
-                fill: theme.palette.text.disabled
-              },
-              "& path:last-of-type": {
-                fill: theme.palette.common.white,
-                stroke: theme.palette.common.white,
-                opacity: theme.palette.mode === "dark" ? 0.5 : 0.9
-              }
-            }
-          },
-          "&.Mui-disabled:not(.Mui-checked) svg": {
-            opacity: 0.5
-          },
-          "&.Mui-checked.MuiRadio-colorSecondary svg path:first-of-type": {
-            fill: theme.palette.secondary.main
-          },
-          "&.Mui-checked.MuiRadio-colorSuccess svg path:first-of-type": {
-            fill: theme.palette.success.main
-          },
-          "&.Mui-checked.MuiRadio-colorError svg path:first-of-type": {
-            fill: theme.palette.error.main
-          },
-          "&.Mui-checked.MuiRadio-colorWarning svg path:first-of-type": {
-            fill: theme.palette.warning.main
-          },
-          "&.Mui-checked.MuiRadio-colorInfo svg path:first-of-type": {
-            fill: theme.palette.info.main
-          }
-        })
-      }
-    }
-  };
-};
-var radio_default = Radio;
-
-// src/@core/theme/overrides/rating.ts
-var Rating = () => {
-  return {
-    MuiRating: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          color: theme.palette.warning.main,
-          "& svg": {
-            flexShrink: 0
-          }
-        })
-      }
-    }
-  };
-};
-var rating_default = Rating;
-
-// src/@core/theme/overrides/select.ts
-var select_default = {
-  MuiSelect: {
-    styleOverrides: {
-      select: {
-        minWidth: "6rem !important",
-        "&.MuiTablePagination-select": {
-          minWidth: "1.5rem !important"
-        }
-      }
-    }
-  }
-};
-
-// src/@core/theme/overrides/slider.ts
-var Slider = () => {
-  return {
-    MuiSlider: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "&:not(.MuiSlider-vertical)": {
-            height: 6
-          },
-          "&.MuiSlider-vertical": {
-            width: 6
-          },
-          "&.MuiSlider-colorPrimary": {
-            "& .MuiSlider-thumb.Mui-active": {
-              boxShadow: `0 0 0 10px ${hexToRGBA(theme.palette.primary.main, 0.16)}`
-            },
-            "& .MuiSlider-thumbSizeSmall:hover, &.MuiSlider-sizeSmall .MuiSlider-thumb.Mui-focusVisible": {
-              boxShadow: `0 0 0 6px ${hexToRGBA(theme.palette.primary.main, 0.16)}`
-            },
-            "& .MuiSlider-thumbSizeSmall.Mui-active": {
-              boxShadow: `0 0 0 8px ${hexToRGBA(theme.palette.primary.main, 0.16)} !important`
-            }
-          },
-          "&.MuiSlider-colorSecondary": {
-            "& .MuiSlider-thumb.Mui-active": {
-              boxShadow: `0 0 0 10px ${hexToRGBA(theme.palette.secondary.main, 0.16)}`
-            },
-            "& .MuiSlider-thumbSizeSmall:hover, &.MuiSlider-sizeSmall .MuiSlider-thumb.Mui-focusVisible": {
-              boxShadow: `0 0 0 6px ${hexToRGBA(theme.palette.secondary.main, 0.16)}`
-            },
-            "& .MuiSlider-thumbSizeSmall.Mui-active": {
-              boxShadow: `0 0 0 8px ${hexToRGBA(theme.palette.secondary.main, 0.16)} !important`
-            }
-          }
-        }),
-        rail: ({ theme }) => ({
-          opacity: 1,
-          backgroundColor: theme.palette.action.selected
-        }),
-        track: {
-          border: 0
-        },
-        thumb: ({ theme }) => ({
-          width: 14,
-          height: 14,
-          "&:before": {
-            boxShadow: theme.shadows[3],
-            border: `2px solid ${theme.palette.background.paper}`
-          },
-          "&:not(.Mui-active):after": {
-            width: 30,
-            height: 30
-          },
-          "&.Mui-active": {
-            width: 18,
-            height: 18,
-            "&:before": {
-              borderWidth: 3
-            },
-            "&:after": {
-              width: 38,
-              height: 38
-            }
-          }
-        }),
-        sizeSmall: {
-          "&:not(.MuiSlider-vertical)": {
-            height: 4
-          },
-          "&.MuiSlider-vertical": {
-            width: 4
-          }
-        },
-        thumbSizeSmall: ({ theme }) => ({
-          width: 12,
-          height: 12,
-          "&:before": {
-            boxShadow: theme.shadows[2]
-          },
-          "&:not(.Mui-active):after": {
-            width: 24,
-            height: 24
-          },
-          "&.Mui-active": {
-            width: 14,
-            height: 14,
-            "&:before": {
-              borderWidth: 2
-            },
-            "&:after": {
-              width: 30,
-              height: 30
-            }
-          }
-        })
-      }
-    }
-  };
-};
-var slider_default = Slider;
-
-// src/@core/theme/overrides/snackbar.ts
-var Snackbar = (skin) => {
-  return {
-    MuiSnackbarContent: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          ...skin === "bordered" && { boxShadow: "none" },
-          backgroundColor: `rgb(${theme.palette.customColors.main})`,
-          color: theme.palette.common[theme.palette.mode === "light" ? "white" : "black"]
-        })
-      }
-    }
-  };
-};
-var snackbar_default = Snackbar;
-
-// src/@core/theme/overrides/table.ts
-var Table = () => {
-  return {
-    MuiTableContainer: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          boxShadow: theme.shadows[0],
-          borderTopColor: theme.palette.divider
-        })
-      }
-    },
-    MuiTableHead: {
-      styleOverrides: {
-        root: {
-          textTransform: "uppercase",
-          "& .MuiTableCell-head": {
-            fontSize: "0.75rem",
-            fontWeight: 600,
-            letterSpacing: "1px"
-          }
-        }
-      }
-    },
-    MuiTableBody: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "& .MuiTableCell-body": {
-            letterSpacing: "0.25px",
-            color: theme.palette.text.secondary,
-            "&:not(.MuiTableCell-sizeSmall):not(.MuiTableCell-paddingCheckbox):not(.MuiTableCell-paddingNone)": {
-              paddingTop: theme.spacing(3.5),
-              paddingBottom: theme.spacing(3.5)
-            }
-          }
-        })
-      }
-    },
-    MuiTableRow: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "& .MuiTableCell-head:not(.MuiTableCell-paddingCheckbox):first-child, & .MuiTableCell-root:not(.MuiTableCell-paddingCheckbox):first-child ": {
-            paddingLeft: theme.spacing(6)
-          },
-          "& .MuiTableCell-head:last-child, & .MuiTableCell-root:last-child": {
-            paddingRight: theme.spacing(6)
-          }
-        })
-      }
-    },
-    MuiTableCell: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          borderBottom: `1px solid ${theme.palette.divider}`
-        }),
-        paddingCheckbox: ({ theme }) => ({
-          paddingLeft: theme.spacing(3.25)
-        }),
-        stickyHeader: ({ theme }) => ({
-          backgroundColor: theme.palette.customColors.tableHeaderBg
-        })
-      }
-    }
-  };
-};
-var table_default = Table;
-
-// src/@core/theme/overrides/tabs.ts
-var Tabs = () => {
-  return {
-    MuiTabs: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          minHeight: 38,
-          "&:not(.MuiTabs-vertical)": {
-            borderBottom: `1px solid ${theme.palette.divider}`
-          }
-        }),
-        vertical: ({ theme }) => ({
-          minWidth: 130,
-          marginRight: theme.spacing(4),
-          borderRight: `1px solid ${theme.palette.divider}`,
-          "& .MuiTab-root": {
-            minWidth: 130
-          }
-        })
-      }
-    },
-    MuiTab: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          minHeight: 38,
-          padding: theme.spacing(1.75, 5)
-        }),
-        textColorSecondary: ({ theme }) => ({
-          "&.Mui-selected": {
-            color: theme.palette.text.secondary
-          }
-        })
-      }
-    },
-    MuiTabPanel: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          padding: theme.spacing(6)
-        })
-      }
-    }
-  };
-};
-var tabs_default = Tabs;
-
-// src/@core/theme/overrides/tooltip.ts
-var Tooltip = () => {
-  return {
-    MuiTooltip: {
-      styleOverrides: {
-        tooltip: ({ theme }) => ({
-          backgroundColor: theme.palette.mode === "light" ? `rgba(${theme.palette.customColors.main}, 0.9)` : hexToRGBA(theme.palette.customColors.trackBg, 0.9)
-        }),
-        arrow: ({ theme }) => ({
-          color: theme.palette.mode === "light" ? `rgba(${theme.palette.customColors.main}, 0.9)` : hexToRGBA(theme.palette.customColors.trackBg, 0.9)
-        })
-      }
-    }
-  };
-};
-var tooltip_default = Tooltip;
-
-// src/@core/hooks/useSettings.ts
-import { useContext } from "react";
-
-// src/@core/context/settingsContext.tsx
-import { createContext, useEffect as useEffect2, useState as useState4 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var initialSettings = {
-  mode: "light",
-  layout: themeConfig_default.layout,
-  lastLayout: themeConfig_default.layout,
-  direction: themeConfig_default.direction,
-  navHidden: themeConfig_default.navHidden,
-  appBarBlur: themeConfig_default.appBarBlur,
-  navCollapsed: themeConfig_default.navCollapsed
-};
-var staticSettings = {
-  layout: initialSettings.layout,
-  navHidden: initialSettings.navHidden,
-  lastLayout: initialSettings.lastLayout
-};
-var SettingsContext = createContext({
-  saveSettings: () => null,
-  settings: initialSettings
-});
-var SettingsConsumer = SettingsContext.Consumer;
-
-// src/@core/hooks/useSettings.ts
-var useSettings = () => useContext(SettingsContext);
-
-// src/@core/theme/overrides/accordion.ts
-var Accordion = () => {
-  const { settings } = useSettings();
-  const { skin } = settings;
-  return {
-    MuiAccordion: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          margin: theme.spacing(2, 0),
-          "&:before": { display: "none" },
-          borderRadius: theme.shape.borderRadius,
-          transition: "box-shadow .35s ease, margin .35s ease",
-          boxShadow: theme.shadows[skin === "bordered" ? 0 : 1],
-          ...skin === "bordered" && { border: `1px solid ${theme.palette.divider}` },
-          "&.Mui-disabled": {
-            backgroundColor: `rgba(${theme.palette.customColors.main}, 0.12)`
-          },
-          "&.Mui-expanded": {
-            margin: theme.spacing(2, 0),
-            boxShadow: theme.shadows[skin === "bordered" ? 0 : 6]
-          },
-          "& .MuiCollapse-root": {
-            minHeight: "unset !important",
-            transition: "height .35s ease !important",
-            "&.MuiCollapse-entered": {
-              height: "auto !important"
-            }
-          }
-        })
-      }
-    },
-    MuiAccordionSummary: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          fontWeight: 500,
-          borderRadius: "inherit",
-          padding: `0 ${theme.spacing(4.5)}`,
-          "& + .MuiCollapse-root": {
-            "& .MuiAccordionDetails-root:first-child": {
-              paddingTop: 0
-            }
-          },
-          "&.Mui-expanded": {
-            minHeight: "unset",
-            borderBottomLeftRadius: 0,
-            borderBottomRightRadius: 0,
-            "& .MuiAccordionSummary-content": {
-              margin: theme.spacing(3, 0)
-            }
-          },
-          "& .MuiTypography-root": {
-            fontWeight: 500
-          }
-        }),
-        content: ({ theme }) => ({
-          margin: theme.spacing(3, 0)
-        }),
-        expandIconWrapper: ({ theme }) => ({
-          color: theme.palette.text.primary
-        })
-      }
-    },
-    MuiAccordionDetails: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          padding: theme.spacing(4.5),
-          "& + .MuiAccordionDetails-root": {
-            paddingTop: 0
-          }
-        })
-      }
-    }
-  };
-};
-var accordion_default = Accordion;
-
-// src/@core/theme/overrides/autocomplete.ts
-var Autocomplete3 = (skin) => {
-  return {
-    MuiAutocomplete: {
-      styleOverrides: {
-        paper: ({ theme }) => ({
-          ...skin === "bordered" && { boxShadow: "none", border: `1px solid ${theme.palette.divider}` }
-        })
-      }
-    }
-  };
-};
-var autocomplete_default = Autocomplete3;
-
-// src/@core/theme/overrides/breadcrumbs.ts
-var Breadcrumbs = () => {
-  return {
-    MuiBreadcrumbs: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "& a": {
-            textDecoration: "none",
-            color: theme.palette.primary.main
-          }
-        }),
-        li: ({ theme }) => ({
-          color: theme.palette.text.secondary,
-          "& .MuiTypography-root": {
-            color: "inherit"
-          }
-        })
-      }
-    }
-  };
-};
-var breadcrumbs_default = Breadcrumbs;
-
-// src/@core/theme/overrides/pagination.ts
-var Pagination = () => {
-  return {
-    MuiPaginationItem: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "&:not(.MuiPaginationItem-outlined):not(.Mui-disabled)": {
-            transition: theme.transitions.create(["color", "background-color", "box-shadow"], {
-              duration: 250,
-              easing: "cubic-bezier(0.4, 0, 0.2, 1)"
-            }),
-            "&.Mui-selected": {
-              boxShadow: theme.shadows[2]
-            }
-          }
-        }),
-        outlined: ({ theme }) => ({
-          borderColor: `rgba(${theme.palette.customColors.main}, 0.22)`
-        }),
-        outlinedPrimary: ({ theme }) => ({
-          "&.Mui-selected": {
-            backgroundColor: hexToRGBA(theme.palette.primary.main, 0.16)
-          }
-        }),
-        outlinedSecondary: ({ theme }) => ({
-          "&.Mui-selected": {
-            backgroundColor: hexToRGBA(theme.palette.secondary.main, 0.16)
-          }
-        })
-      }
-    }
-  };
-};
-var pagination_default = Pagination;
-
-// src/@core/theme/overrides/timeline.ts
-var Timeline = () => {
-  return {
-    MuiTimelineItem: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          "&:not(:last-of-type)": {
-            "& .MuiTimelineContent-root": {
-              marginBottom: theme.spacing(4)
-            }
-          }
-        })
-      }
-    },
-    MuiTimelineConnector: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          backgroundColor: theme.palette.divider
-        })
-      }
-    },
-    MuiTimelineContent: {
-      styleOverrides: {
-        root: ({ theme }) => ({
-          marginTop: theme.spacing(0.5)
-        })
-      }
-    },
-    MuiTimelineDot: {
-      styleOverrides: {
-        filledPrimary: ({ theme }) => ({
-          boxShadow: `0 0 0 3px ${hexToRGBA(theme.palette.primary.main, 0.16)}`
-        }),
-        filledSecondary: ({ theme }) => ({
-          boxShadow: `0 0 0 3px ${hexToRGBA(theme.palette.secondary.main, 0.16)}`
-        }),
-        filledSuccess: ({ theme }) => ({
-          boxShadow: `0 0 0 3px ${hexToRGBA(theme.palette.success.main, 0.16)}`
-        }),
-        filledError: ({ theme }) => ({
-          boxShadow: `0 0 0 3px ${hexToRGBA(theme.palette.error.main, 0.16)}`
-        }),
-        filledWarning: ({ theme }) => ({
-          boxShadow: `0 0 0 3px ${hexToRGBA(theme.palette.warning.main, 0.16)}`
-        }),
-        filledInfo: ({ theme }) => ({
-          boxShadow: `0 0 0 3px ${hexToRGBA(theme.palette.info.main, 0.16)}`
-        }),
-        filledGrey: ({ theme }) => ({
-          boxShadow: `0 0 0 3px ${hexToRGBA(theme.palette.grey[400], 0.16)}`
-        }),
-        outlinedPrimary: ({ theme }) => ({
-          "& svg": { color: theme.palette.primary.main }
-        }),
-        outlinedSecondary: ({ theme }) => ({
-          "& svg": { color: theme.palette.secondary.main }
-        }),
-        outlinedSuccess: ({ theme }) => ({
-          "& svg": { color: theme.palette.success.main }
-        }),
-        outlinedError: ({ theme }) => ({
-          "& svg": { color: theme.palette.error.main }
-        }),
-        outlinedWarning: ({ theme }) => ({
-          "& svg": { color: theme.palette.warning.main }
-        }),
-        outlinedInfo: ({ theme }) => ({
-          "& svg": { color: theme.palette.info.main }
-        }),
-        outlinedGrey: ({ theme }) => ({
-          "& svg": { color: theme.palette.grey[400] }
-        })
-      }
-    }
-  };
-};
-var timeline_default = Timeline;
-
-// src/@core/theme/overrides/toggleButton.ts
-var toggleButton_default = {
-  MuiToggleButtonGroup: {
-    styleOverrides: {
-      root: {
-        borderRadius: 4
-      }
-    }
-  },
-  MuiToggleButton: {
-    styleOverrides: {
-      root: {
-        borderRadius: 4
-      }
-    }
-  }
-};
-
-// src/@core/theme/overrides/typography.ts
-var typography = {
-  MuiTypography: {
-    styleOverrides: {
-      gutterBottom: ({ theme }) => ({
-        marginBottom: theme.spacing(2)
-      })
-    },
-    variants: [
-      {
-        props: { variant: "h1" },
-        style: ({ theme }) => ({
-          color: theme.palette.common.black
-        })
-      },
-      {
-        props: { variant: "h2" },
-        style: ({ theme }) => ({
-          color: theme.palette.common.black
-        })
-      },
-      {
-        props: { variant: "h3" },
-        style: ({ theme }) => ({
-          color: theme.palette.common.black,
-          fontSize: "2.25rem !important"
-        })
-      },
-      {
-        props: { variant: "h4" },
-        style: ({ theme }) => ({
-          color: theme.palette.common.black,
-          fontSize: "1.875rem !important"
-        })
-      },
-      {
-        props: { variant: "h5" },
-        style: ({ theme }) => ({
-          color: theme.palette.common.black,
-          fontSize: "1.375rem !important"
-        })
-      },
-      {
-        props: { variant: "h6" },
-        style: ({ theme }) => ({
-          color: theme.palette.common.black
-        })
-      },
-      {
-        props: { variant: "subtitle1" },
-        style: ({ theme }) => ({
-          color: theme.palette.common.black,
-          fontSize: "1.2rem"
-        })
-      },
-      {
-        props: { variant: "subtitle2" },
-        style: ({}) => ({
-          color: "#28293D"
-        })
-      },
-      {
-        props: { variant: "body1" },
-        style: ({ theme }) => ({
-          color: theme.palette.common.black,
-          fontSize: "1.2rem !important"
-        })
-      },
-      {
-        props: { variant: "body2" },
-        style: ({}) => ({
-          color: "#222",
-          fontSize: "12px !important"
-        })
-      },
-      {
-        props: { variant: "body" },
-        style: ({}) => ({
-          color: "#222",
-          fontSize: "12px !important"
-        })
-      },
-      {
-        props: { variant: "button" },
-        style: ({ theme }) => ({
-          color: theme.palette.common.black,
-          fontSize: "16px !important"
-        })
-      },
-      {
-        props: { variant: "caption" },
-        style: ({ theme }) => ({
-          color: theme.palette.text.secondary
-        })
-      },
-      {
-        props: { variant: "overline" },
-        style: ({ theme }) => ({
-          color: theme.palette.text.secondary
-        })
-      }
-    ]
-  }
-};
-var typography_default = typography;
-
-// src/@core/theme/overrides/index.ts
-var Overrides = (settings) => {
-  const { skin } = settings;
-  const button = button_default();
-  const chip = chip_default();
-  const list = list_default();
-  const tabs = tabs_default();
-  const radio = radio_default();
-  const input2 = input_default();
-  const tables = table_default();
-  const alerts = alerts_default();
-  const rating = rating_default();
-  const slider = slider_default();
-  const avatars = avatars_default();
-  const divider = divider_default();
-  const menu = menu_default(skin);
-  const tooltip = tooltip_default();
-  const cards = card_default(skin);
-  const checkbox = checkbox_default();
-  const backdrop = backdrop_default();
-  const dataGrid = dataGrid_default();
-  const progress = progress_default();
-  const timeline = timeline_default();
-  const accordion = accordion_default();
-  const dialog = dialog_default(skin);
-  const pagination = pagination_default();
-  const popover = popover_default(skin);
-  const breadcrumb = breadcrumbs_default();
-  const snackbar = snackbar_default(skin);
-  const autocomplete = autocomplete_default(skin);
-  return Object.assign(
-    chip,
-    list,
-    menu,
-    tabs,
-    cards,
-    radio,
-    input2,
-    alerts,
-    button,
-    dialog,
-    rating,
-    slider,
-    tables,
-    avatars,
-    divider,
-    link_default,
-    popover,
-    tooltip,
-    checkbox,
-    backdrop,
-    dataGrid,
-    paper_default,
-    progress,
-    snackbar,
-    // switches,
-    timeline,
-    accordion,
-    select_default,
-    breadcrumb,
-    pagination,
-    autocomplete,
-    typography_default,
-    toggleButton_default
-  );
-};
-var overrides_default = Overrides;
-
-// src/@core/theme/palette/index.ts
-var DefaultPalette = (mode, skin) => {
-  const whiteColor = "#FFF";
-  const lightColor = "51, 48, 60";
-  const darkColor = "228, 230, 244";
-  const lightColorHex = "#33303c";
-  const darkColorHex = "#e4e6f4";
-  const darkPaperBgColor = "#2F3349";
-  const mainColor = mode === "light" ? lightColor : darkColor;
-  const defaultBgColor = () => {
-    if (skin === "bordered" && mode === "light") {
-      return whiteColor;
-    } else if (skin === "bordered" && mode === "dark") {
-      return darkPaperBgColor;
-    } else if (mode === "light") {
-      return "#F8F7FA";
-    } else return "#25293C";
-  };
-  return {
-    customColors: {
-      dark: darkColorHex,
-      main: lightColorHex,
-      light: lightColorHex,
-      lightPaperBg: whiteColor,
-      darkPaperBg: darkPaperBgColor,
-      bodyBg: mode === "light" ? "#F8F7FA" : "#25293C",
-      trackBg: mode === "light" ? "#F1F0F2" : "#3B405B",
-      avatarBg: mode === "light" ? "#F6F6F7" : "#4A5072",
-      tableHeaderBg: mode === "light" ? "#F6F6F7" : "#4A5072"
-    },
-    mode,
-    common: {
-      black: "#000",
-      white: whiteColor
-    },
-    primary: {
-      light: "rgba(103, 80, 164, 0.02)",
-      main: "#d8c5f9",
-      dark: "#8710D8",
-      contrastText: whiteColor
-    },
-    secondary: {
-      light: "#EFEFEF",
-      main: "#1D192B",
-      dark: "#949699",
-      contrastText: whiteColor
-    },
-    error: {
-      light: "#ED6F70",
-      main: "#EA5455",
-      dark: "#CE4A4B",
-      contrastText: whiteColor
-    },
-    warning: {
-      light: "#FFAB5A",
-      main: "#FF9F43",
-      dark: "#E08C3B",
-      contrastText: whiteColor
-    },
-    info: {
-      light: "#1FD5EB",
-      main: "#00CFE8",
-      dark: "#00B6CC",
-      contrastText: whiteColor
-    },
-    success: {
-      light: "#42CE80",
-      main: "#28C76F",
-      dark: "#23AF62",
-      contrastText: whiteColor
-    },
-    grey: {
-      50: "#FAFAFA",
-      100: "#F5F5F5",
-      200: "#EEEEEE",
-      300: "#E0E0E0",
-      400: "#BDBDBD",
-      500: "#9E9E9E",
-      600: "#757575",
-      700: "#616161",
-      800: "#424242",
-      900: "#212121",
-      A100: "#F5F5F5",
-      A200: "#EEEEEE",
-      A400: "#BDBDBD",
-      A700: "#616161"
-    },
-    text: {
-      primary: `rgba(${mainColor}, 0.87)`,
-      secondary: `rgba(${mainColor}, 0.6)`,
-      disabled: `rgba(${mainColor}, 0.38)`
-    },
-    divider: `rgba(${mainColor}, 0.12)`,
-    background: {
-      //   paper: mode === "light" ? whiteColor : darkPaperBgColor,
-      paper: mode === "light" ? "#F2EBFF" : darkPaperBgColor,
-      default: defaultBgColor()
-    },
-    action: {
-      active: `rgba(${mainColor}, 0.54)`,
-      hover: `rgba(${mainColor}, 0.04)`,
-      selected: `rgba(${mainColor}, 0.08)`,
-      disabled: `rgba(${mainColor}, 0.26)`,
-      disabledBackground: `rgba(${mainColor}, 0.12)`,
-      focus: `rgba(${mainColor}, 0.12)`
-    }
-  };
-};
-var palette_default = DefaultPalette;
-
-// src/@core/theme/shadows/index.ts
-var Shadows = (mode) => {
-  if (mode === "light") {
-    return [
-      "none",
-      "0px 2px 4px 1px rgba(51, 48, 60, 0.03), 0px 3px 4px 0px rgba(51, 48, 60, 0.02), 0px 1px 3px 2px rgba(51, 48, 60, 0.01)",
-      "0px 3px 5px 2px rgba(51, 48, 60, 0.03), 0px 3px 5px 0px rgba(51, 48, 60, 0.02), 0px 1px 4px 2px rgba(51, 48, 60, 0.01)",
-      "0px 3px 6px 2px rgba(51, 48, 60, 0.03), 0px 4px 6px 0px rgba(51, 48, 60, 0.02), 0px 1px 4px 2px rgba(51, 48, 60, 0.01)",
-      "0px 2px 7px 1px rgba(51, 48, 60, 0.03), 0px 4px 7px 0px rgba(51, 48, 60, 0.02), 0px 1px 4px 2px rgba(51, 48, 60, 0.01)",
-      "0px 3px 8px 1px rgba(51, 48, 60, 0.03), 0px 6px 8px 0px rgba(51, 48, 60, 0.02), 0px 1px 5px 4px rgba(51, 48, 60, 0.01)",
-      "0px 3px 9px 1px rgba(51, 48, 60, 0.03), 0px 8px 9px 0px rgba(51, 48, 60, 0.02), 0px 1px 6px 4px rgba(51, 48, 60, 0.01)",
-      "0px 4px 10px 2px rgba(51, 48, 60, 0.03), 0px 9px 10px 1px rgba(51, 48, 60, 0.02), 0px 2px 7px 4px rgba(51, 48, 60, 0.01)",
-      "0px 5px 11px 3px rgba(51, 48, 60, 0.03), 0px 8px 11px 1px rgba(51, 48, 60, 0.02), 0px 3px 8px 4px rgba(51, 48, 60, 0.01)",
-      "0px 5px 12px 3px rgba(51, 48, 60, 0.03), 0px 9px 12px 1px rgba(51, 48, 60, 0.02), 0px 3px 9px 5px rgba(51, 48, 60, 0.01)",
-      "0px 6px 13px 3px rgba(51, 48, 60, 0.03), 0px 10px 13px 1px rgba(51, 48, 60, 0.02), 0px 4px 10px 5px rgba(51, 48, 60, 0.01)",
-      "0px 6px 14px 4px rgba(51, 48, 60, 0.03), 0px 11px 14px 1px rgba(51, 48, 60, 0.02), 0px 4px 11px 5px rgba(51, 48, 60, 0.01)",
-      "0px 7px 15px 4px rgba(51, 48, 60, 0.03), 0px 12px 15px 2px rgba(51, 48, 60, 0.02), 0px 5px 12px 5px rgba(51, 48, 60, 0.01)",
-      "0px 7px 16px 4px rgba(51, 48, 60, 0.03), 0px 13px 16px 2px rgba(51, 48, 60, 0.02), 0px 5px 13px 6px rgba(51, 48, 60, 0.01)",
-      "0px 7px 17px 4px rgba(51, 48, 60, 0.03), 0px 14px 17px 2px rgba(51, 48, 60, 0.02), 0px 5px 14px 6px rgba(51, 48, 60, 0.01)",
-      "0px 8px 18px 5px rgba(51, 48, 60, 0.03), 0px 15px 18px 2px rgba(51, 48, 60, 0.02), 0px 6px 15px 6px rgba(51, 48, 60, 0.01)",
-      "0px 8px 19px 5px rgba(51, 48, 60, 0.03), 0px 16px 19px 2px rgba(51, 48, 60, 0.02), 0px 6px 16px 6px rgba(51, 48, 60, 0.01)",
-      "0px 8px 20px 5px rgba(51, 48, 60, 0.03), 0px 17px 20px 2px rgba(51, 48, 60, 0.02), 0px 6px 17px 7px rgba(51, 48, 60, 0.01)",
-      "0px 9px 21px 5px rgba(51, 48, 60, 0.03), 0px 18px 21px 2px rgba(51, 48, 60, 0.02), 0px 7px 18px 7px rgba(51, 48, 60, 0.01)",
-      "0px 9px 22px 6px rgba(51, 48, 60, 0.03), 0px 19px 22px 2px rgba(51, 48, 60, 0.02), 0px 7px 19px 7px rgba(51, 48, 60, 0.01)",
-      "0px 10px 23px 6px rgba(51, 48, 60, 0.03), 0px 20px 23px 3px rgba(51, 48, 60, 0.02), 0px 8px 20px 7px rgba(51, 48, 60, 0.01)",
-      "0px 10px 24px 6px rgba(51, 48, 60, 0.03), 0px 21px 24px 3px rgba(51, 48, 60, 0.02), 0px 8px 21px 7px rgba(51, 48, 60, 0.01)",
-      "0px 10px 25px 6px rgba(51, 48, 60, 0.03), 0px 22px 25px 3px rgba(51, 48, 60, 0.02), 0px 8px 22px 7px rgba(51, 48, 60, 0.01)",
-      "0px 11px 26px 7px rgba(51, 48, 60, 0.03), 0px 23px 26px 3px rgba(51, 48, 60, 0.02), 0px 9px 23px 7px rgba(51, 48, 60, 0.01)",
-      "0px 11px 27px 7px rgba(51, 48, 60, 0.03), 0px 24px 27px 3px rgba(51, 48, 60, 0.02), 0px 9px 24px 7px rgba(51, 48, 60, 0.01)"
-    ];
-  } else {
-    return [
-      "none",
-      "0px 2px 4px 1px rgba(12, 16, 27, 0.15), 0px 3px 4px 0px rgba(12, 16, 27, 0.1), 0px 1px 3px 2px rgba(12, 16, 27, 0.08)",
-      "0px 3px 5px 2px rgba(12, 16, 27, 0.15), 0px 3px 5px 0px rgba(12, 16, 27, 0.1), 0px 1px 4px 2px rgba(12, 16, 27, 0.08)",
-      "0px 3px 6px 2px rgba(12, 16, 27, 0.15), 0px 4px 6px 0px rgba(12, 16, 27, 0.1), 0px 1px 4px 2px rgba(12, 16, 27, 0.08)",
-      "0px 2px 7px 1px rgba(12, 16, 27, 0.15), 0px 4px 7px 0px rgba(12, 16, 27, 0.1), 0px 1px 4px 2px rgba(12, 16, 27, 0.08)",
-      "0px 3px 8px 1px rgba(12, 16, 27, 0.15), 0px 6px 8px 0px rgba(12, 16, 27, 0.1), 0px 1px 5px 4px rgba(12, 16, 27, 0.08)",
-      "0px 3px 9px 1px rgba(12, 16, 27, 0.15), 0px 8px 9px 0px rgba(12, 16, 27, 0.1), 0px 1px 6px 4px rgba(12, 16, 27, 0.08)",
-      "0px 4px 10px 2px rgba(12, 16, 27, 0.15), 0px 9px 10px 1px rgba(12, 16, 27, 0.1), 0px 2px 7px 4px rgba(12, 16, 27, 0.08)",
-      "0px 5px 11px 3px rgba(12, 16, 27, 0.15), 0px 8px 11px 1px rgba(12, 16, 27, 0.1), 0px 3px 8px 4px rgba(12, 16, 27, 0.08)",
-      "0px 5px 12px 3px rgba(12, 16, 27, 0.15), 0px 9px 12px 1px rgba(12, 16, 27, 0.1), 0px 3px 9px 5px rgba(12, 16, 27, 0.08)",
-      "0px 6px 13px 3px rgba(12, 16, 27, 0.15), 0px 10px 13px 1px rgba(12, 16, 27, 0.1), 0px 4px 10px 5px rgba(12, 16, 27, 0.08)",
-      "0px 6px 14px 4px rgba(12, 16, 27, 0.15), 0px 11px 14px 1px rgba(12, 16, 27, 0.1), 0px 4px 11px 5px rgba(12, 16, 27, 0.08)",
-      "0px 7px 15px 4px rgba(12, 16, 27, 0.15), 0px 12px 15px 2px rgba(12, 16, 27, 0.1), 0px 5px 12px 5px rgba(12, 16, 27, 0.08)",
-      "0px 7px 16px 4px rgba(12, 16, 27, 0.15), 0px 13px 16px 2px rgba(12, 16, 27, 0.1), 0px 5px 13px 6px rgba(12, 16, 27, 0.08)",
-      "0px 7px 17px 4px rgba(12, 16, 27, 0.15), 0px 14px 17px 2px rgba(12, 16, 27, 0.1), 0px 5px 14px 6px rgba(12, 16, 27, 0.08)",
-      "0px 8px 18px 5px rgba(12, 16, 27, 0.15), 0px 15px 18px 2px rgba(12, 16, 27, 0.1), 0px 6px 15px 6px rgba(12, 16, 27, 0.08)",
-      "0px 8px 19px 5px rgba(12, 16, 27, 0.15), 0px 16px 19px 2px rgba(12, 16, 27, 0.1), 0px 6px 16px 6px rgba(12, 16, 27, 0.08)",
-      "0px 8px 20px 5px rgba(12, 16, 27, 0.15), 0px 17px 20px 2px rgba(12, 16, 27, 0.1), 0px 6px 17px 7px rgba(12, 16, 27, 0.08)",
-      "0px 9px 21px 5px rgba(12, 16, 27, 0.15), 0px 18px 21px 2px rgba(12, 16, 27, 0.1), 0px 7px 18px 7px rgba(12, 16, 27, 0.08)",
-      "0px 9px 22px 6px rgba(12, 16, 27, 0.15), 0px 19px 22px 2px rgba(12, 16, 27, 0.1), 0px 7px 19px 7px rgba(12, 16, 27, 0.08)",
-      "0px 10px 23px 6px rgba(12, 16, 27, 0.15), 0px 20px 23px 3px rgba(12, 16, 27, 0.1), 0px 8px 20px 7px rgba(12, 16, 27, 0.08)",
-      "0px 10px 24px 6px rgba(12, 16, 27, 0.15), 0px 21px 24px 3px rgba(12, 16, 27, 0.1), 0px 8px 21px 7px rgba(12, 16, 27, 0.08)",
-      "0px 10px 25px 6px rgba(12, 16, 27, 0.15), 0px 22px 25px 3px rgba(12, 16, 27, 0.1), 0px 8px 22px 7px rgba(12, 16, 27, 0.08)",
-      "0px 11px 26px 7px rgba(12, 16, 27, 0.15), 0px 23px 26px 3px rgba(12, 16, 27, 0.1), 0px 9px 23px 7px rgba(12, 16, 27, 0.08)",
-      "0px 11px 27px 7px rgba(12, 16, 27, 0.15), 0px 24px 27px 3px rgba(12, 16, 27, 0.1), 0px 9px 24px 7px rgba(12, 16, 27, 0.08)"
-    ];
-  }
-};
-var shadows_default = Shadows;
-
-// src/@core/theme/spacing/index.ts
-var spacing_default = {
-  spacing: (factor) => `${0.25 * factor}rem`
-};
-
-// src/@core/theme/typography/index.ts
-var typography2 = {
-  fontFamily: [
-    "Roboto",
-    "Public Sans",
-    "sans-serif",
-    "-apple-system",
-    "BlinkMacSystemFont",
-    '"Segoe UI"',
-    '"Helvetica Neue"',
-    "Arial",
-    "sans-serif",
-    '"Apple Color Emoji"',
-    '"Segoe UI Emoji"',
-    '"Segoe UI Symbol"'
-  ].join(","),
-  h1: {
-    fontWeight: 500
-  },
-  h2: {
-    fontWeight: 500
-  },
-  h3: {
-    fontWeight: 500
-  },
-  h4: {
-    fontWeight: 500
-  },
-  h5: {
-    fontWeight: 500
-  }
-};
-var typography_default2 = typography2;
-
-// src/@core/theme/ThemeOptions.ts
-var themeOptions = (settings, overrideMode) => {
-  const { mode, direction } = settings;
-  const userThemeConfig = Object.assign({}, UserThemeOptions_default());
-  const mergedThemeConfig = deepmerge(
-    {
-      breakpoints: breakpoints_default(),
+}
+var FalconThemeProvider = ({
+  children,
+  mode: modeProp,
+  settings
+}) => {
+  const mode = settings?.mode ?? modeProp ?? "light";
+  const direction = settings?.direction ?? "ltr";
+  const theme = responsiveFontSizes(
+    createTheme({
       direction,
-      components: overrides_default(settings),
-      palette: palette_default(mode, "default"),
-      ...spacing_default,
-      shape: {
-        borderRadius: 6
-      },
-      mixins: {
-        toolbar: {
-          minHeight: 64
-        }
-      },
-      shadows: shadows_default(mode),
-      typography: typography_default2
-    },
-    userThemeConfig
+      palette: buildPalette(mode),
+      shape: { borderRadius: 6 },
+      typography: { fontFamily: '"Inter", "Public Sans", sans-serif' },
+      mixins: { toolbar: { minHeight: 64 } }
+    })
   );
-  return deepmerge(mergedThemeConfig, {
-    palette: {
-      primary: {
-        ...mergedThemeConfig.palette ? mergedThemeConfig.palette.primary : palette_default(mode, "default").primary
-      }
-    }
-  });
-};
-var ThemeOptions_default = themeOptions;
-
-// src/@core/theme/globalStyles.ts
-var GlobalStyles = (theme) => {
-  return {
-    ".demo-space-x > *": {
-      marginTop: "1rem !important",
-      marginRight: "1rem !important",
-      'body[dir="rtl"] &': {
-        marginRight: "0 !important",
-        marginLeft: "1rem !important"
-      }
-    },
-    ".demo-space-y > *:not(:last-of-type)": {
-      marginBottom: "1rem"
-    },
-    ".MuiGrid-container.match-height .MuiCard-root": {
-      height: "100%"
-    },
-    ".ps__rail-y": {
-      zIndex: 1,
-      right: "0 !important",
-      left: "auto !important",
-      "&:hover, &:focus, &.ps--clicking": {
-        backgroundColor: theme.palette.mode === "light" ? "#F1F0F5 !important" : "#393D55 !important"
-      },
-      "& .ps__thumb-y": {
-        right: "3px !important",
-        left: "auto !important",
-        backgroundColor: theme.palette.mode === "light" ? "rgba(93, 89, 108, 0.2) !important" : "rgba(207, 211, 236, 0.3) !important"
-      },
-      ".layout-vertical-nav &": {
-        "& .ps__thumb-y": {
-          width: 4
-        },
-        "&:hover, &:focus, &.ps--clicking": {
-          backgroundColor: "transparent !important",
-          "& .ps__thumb-y": {
-            width: 6
-          }
-        }
-      }
-    },
-    "#nprogress": {
-      pointerEvents: "none",
-      "& .bar": {
-        left: 0,
-        top: 0,
-        height: 3,
-        width: "100%",
-        zIndex: 2e3,
-        position: "fixed",
-        backgroundColor: theme.palette.primary.main
-      }
-    }
-  };
-};
-var globalStyles_default = GlobalStyles;
-
-// src/@core/theme/ThemeComponent.tsx
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
-var ThemeComponent = (props) => {
-  const { settings, children } = props;
-  let theme = createTheme(ThemeOptions_default(settings, "light"));
-  if (themeConfig_default.responsiveFontSizes) {
-    theme = responsiveFontSizes(theme);
-  }
-  return /* @__PURE__ */ jsxs13(ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx19(CssBaseline, {}),
-    /* @__PURE__ */ jsx19(GlobalStyles2, { styles: () => globalStyles_default(theme) }),
+  return /* @__PURE__ */ jsxs11(ThemeProvider, { theme, children: [
+    /* @__PURE__ */ jsx16(CssBaseline, {}),
     children
   ] });
 };
-var ThemeComponent_default = ThemeComponent;
 export {
   AddCommentInput,
   AdvancedFiltersDialog,
@@ -3488,7 +1250,7 @@ export {
   FalconSelect,
   FalconSingleSwitch,
   FalconTable,
-  ThemeComponent_default as FalconThemeProvider,
+  FalconThemeProvider,
   FalconTicketColumsFilter,
   FalconTicketFilter,
   HeatMapChartLegend,