@bpfdev/oly-ui 1.0.1

package/dist/index.js

@@ -0,0 +1,3532 @@
+"use client"
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AddCommentInput: () => AddCommentInput,
+  AdvancedFiltersDialog: () => AdvancedFiltersDialog,
+  ButtonWithIcon: () => ButtonWithIcon,
+  FalconButton: () => FalconButton,
+  FalconDIstrictFilter: () => FalconDIstrictFilter,
+  FalconGrayButton: () => FalconGrayButton,
+  FalconMultiSelect: () => FalconMultiSelect,
+  FalconPagination: () => FalconPagination,
+  FalconSelect: () => FalconSelect,
+  FalconSingleSwitch: () => FalconSingleSwitch,
+  FalconTable: () => FalconTable,
+  FalconThemeProvider: () => ThemeComponent_default,
+  FalconTicketColumsFilter: () => FalconTicketColumsFilter,
+  FalconTicketFilter: () => FalconTicketFilter,
+  HeatMapChartLegend: () => HeatMapChartLegend,
+  ProgressBarNumber: () => ProgressBarNumber
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/AddCommentInput/AddCommentInput.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AddCommentInput = ({
+  value,
+  setValue,
+  handleAddComment,
+  placeholder = "Write Comment here",
+  buttonLabel = "Add Comment"
+}) => {
+  const handleChange = (event) => {
+    setValue(event.target.value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.TextField,
+    {
+      label: "",
+      fullWidth: true,
+      sx: { width: "550px", maxWidth: "100%" },
+      value,
+      placeholder,
+      onChange: handleChange,
+      type: "text",
+      InputProps: {
+        endAdornment: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_material.Button,
+          {
+            variant: "contained",
+            sx: {
+              background: "#000",
+              color: "#fff",
+              position: "absolute",
+              right: 0,
+              top: 0,
+              padding: "16px",
+              cursor: "pointer",
+              borderRadius: "0 5px 5px 0"
+            },
+            onClick: handleAddComment,
+            onMouseDown: (e) => e.preventDefault(),
+            children: buttonLabel
+          }
+        ) })
+      }
+    }
+  );
+};
+
+// src/components/AdvancedFiltersDialog/AdvancedFiltersDialog.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material3 = require("@mui/material");
+
+// src/components/FalconMultiSelect/FalconMultiSelect.tsx
+var import_react = require("@iconify/react");
+var import_material2 = require("@mui/material");
+var import_Autocomplete = __toESM(require("@mui/material/Autocomplete"));
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_Checkbox = __toESM(require("@mui/material/Checkbox"));
+var import_ClickAwayListener = __toESM(require("@mui/material/ClickAwayListener"));
+var import_Popper = __toESM(require("@mui/material/Popper"));
+var import_TextField = __toESM(require("@mui/material/TextField"));
+var import_styles = require("@mui/material/styles");
+var React = __toESM(require("react"));
+var import_jsx_runtime2 = require("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]] : []
+  );
+  const [pendingValue, setPendingValue] = React.useState([]);
+  React.useEffect(() => {
+    setChecked(data || []);
+  }, [data]);
+  const handleClick = (event) => {
+    setPendingValue(value);
+    setAnchorEl(event.currentTarget);
+  };
+  const OnSubmit = () => {
+    if (checked.length > 0) {
+      setData(checked);
+      handleClose();
+    } else {
+      setData([]);
+      handleClose();
+    }
+  };
+  const handleClose = () => {
+    setValue(pendingValue);
+    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]);
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(React.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_Box.default,
+      {
+        component: "form",
+        sx: {
+          "& > :not(style)": { m: 1, width: "35ch" }
+        },
+        noValidate: true,
+        autoComplete: "off",
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          import_material2.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__ */ (0, import_jsx_runtime2.jsx)(import_material2.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__ */ (0, import_jsx_runtime2.jsx)(import_react.Icon, { icon: anchorEl ? "tabler:chevron-up" : "tabler:chevron-down" })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      StyledPopper,
+      {
+        id,
+        open,
+        anchorEl,
+        placement: "bottom",
+        sx: { width: "250px" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ClickAwayListener.default, { onClickAway: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_Autocomplete.default,
+            {
+              open: true,
+              multiple: true,
+              onClose: (event, reason) => {
+                if (reason === "escape") {
+                  handleClose();
+                }
+              },
+              value: pendingValue,
+              renderTags: () => null,
+              disableCloseOnSelect: true,
+              PopperComponent,
+              noOptionsText: "No labels",
+              renderOption: (props, option) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                "li",
+                {
+                  ...props,
+                  style: {
+                    justifyContent: "space-between",
+                    alignItems: "center"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_Box.default,
+                      {
+                        sx: {
+                          borderRadius: "3px",
+                          alignItem: "center",
+                          ml: 1,
+                          mt: "1px",
+                          justifyContent: "start",
+                          alignItems: "center",
+                          width: "80%",
+                          fontSize: "13px"
+                        },
+                        children: option.name
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_Box.default,
+                      {
+                        component: "span",
+                        sx: {
+                          flexShrink: 0,
+                          borderRadius: "3px",
+                          mr: 1,
+                          mt: "2px",
+                          justifyContent: "end",
+                          width: "20%",
+                          alignItems: "center"
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          import_Checkbox.default,
+                          {
+                            sx: {
+                              color: "green",
+                              "&.Mui-checked": {
+                                color: "#6750A4"
+                              }
+                            },
+                            ...label1,
+                            checked: checked.some((x) => Number(x.id) === option.id),
+                            onChange: () => {
+                              handleMultiSelectChange(option);
+                            }
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              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__ */ (0, import_jsx_runtime2.jsxs)(
+                import_Box.default,
+                {
+                  component: "form",
+                  sx: {
+                    "& > :not(style)": {
+                      justifyContent: "center",
+                      width: "100%"
+                    }
+                  },
+                  noValidate: true,
+                  autoComplete: "off",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_TextField.default,
+                      {
+                        id: "filled-basic",
+                        label: "Search State",
+                        variant: "filled",
+                        sx: {
+                          width: "100%",
+                          margin: "10px",
+                          "& MuiInputBase-root & MuiFilledInput-root": {
+                            width: "94%"
+                          },
+                          "& > :not(style)": {
+                            justifyContent: "center",
+                            width: "94%"
+                          }
+                        },
+                        ref: params.InputProps.ref,
+                        inputProps: params.inputProps
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        style: { position: "absolute", left: "90px", top: "30px" },
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          "path",
+                          {
+                            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"
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            import_Box.default,
+            {
+              sx: {
+                display: "flex",
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "space-between",
+                padding: 2,
+                gap: 2,
+                width: "100%"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  import_material2.Button,
+                  {
+                    onClick: () => OnSubmit(),
+                    variant: "contained",
+                    fullWidth: true,
+                    sx: {
+                      textTransform: "none",
+                      minWidth: 100,
+                      backgroundColor: "#7c3aed",
+                      "&:hover": {
+                        backgroundColor: "#6d28d9"
+                      },
+                      height: "40px"
+                    },
+                    children: "Apply"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  import_material2.Button,
+                  {
+                    onClick: () => {
+                      setChecked([]);
+                      setData([]);
+                      handleClose();
+                    },
+                    variant: "outlined",
+                    fullWidth: true,
+                    color: "inherit",
+                    sx: { textTransform: "none", minWidth: 100, height: "40px" },
+                    children: "Clear"
+                  }
+                )
+              ]
+            }
+          )
+        ] }) })
+      }
+    )
+  ] });
+};
+var StyledAutocompletePopper = (0, import_styles.styled)("div")(({ theme }) => ({
+  width: 250,
+  minWidth: 250,
+  [`& .${import_Autocomplete.autocompleteClasses.paper}`]: {
+    boxShadow: "none",
+    color: "inherit",
+    fontSize: 13
+  },
+  [`& .${import_Autocomplete.autocompleteClasses.listbox}`]: {
+    backgroundColor: theme.palette.mode === "light" ? "#fff" : "#1c2128",
+    padding: 0,
+    maxHeight: 280,
+    [`& .${import_Autocomplete.autocompleteClasses.option}`]: {
+      minHeight: "auto",
+      alignItems: "flex-start",
+      padding: 8,
+      borderBottom: `1px solid ${theme.palette.mode === "light" ? "#eaecef" : "#30363d"}`,
+      '&[aria-selected="true"]': {
+        backgroundColor: "transparent"
+      },
+      [`&.${import_Autocomplete.autocompleteClasses.focused}, &.${import_Autocomplete.autocompleteClasses.focused}[aria-selected="true"]`]: {
+        backgroundColor: theme.palette.action.hover
+      }
+    }
+  },
+  [`&.${import_Autocomplete.autocompleteClasses.popperDisablePortal}`]: {
+    position: "relative"
+  }
+}));
+function PopperComponent(props) {
+  const { disablePortal, anchorEl, open, ...other } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledAutocompletePopper, { ...other });
+}
+var StyledPopper = (0, import_styles.styled)(import_Popper.default)(({ theme }) => ({
+  border: `1px solid ${theme.palette.mode === "light" ? "#e1e4e8" : "#30363d"}`,
+  boxShadow: `0 8px 24px ${theme.palette.mode === "light" ? "rgba(149, 157, 165, 0.2)" : "rgb(1, 4, 9)"}`,
+  borderRadius: 6,
+  width: 250,
+  minWidth: 250,
+  zIndex: theme.zIndex.modal,
+  fontSize: 13,
+  color: theme.palette.mode === "light" ? "#24292e" : "#c9d1d9",
+  backgroundColor: theme.palette.mode === "light" ? "#fff" : "#1c2128"
+}));
+
+// src/components/AdvancedFiltersDialog/AdvancedFiltersDialog.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var defaultLocationOptions = [
+  { id: 1, label: "Location A" },
+  { id: 2, label: "Location B" }
+];
+var defaultBusinessAreaOptions = [
+  { id: 1, label: "Retail" },
+  { id: 2, label: "Healthcare" }
+];
+var AdvancedFiltersDialog = ({
+  open,
+  onClose,
+  locationOptions = defaultLocationOptions.map((option) => ({
+    id: option.id,
+    name: option.label
+  })),
+  businessAreaOptions = defaultBusinessAreaOptions.map((option) => ({
+    id: option.id,
+    name: option.label
+  })),
+  selectedLocations = [],
+  selectedBusinessAreas = [],
+  onLocationsChange = () => {
+  },
+  onBusinessAreasChange = () => {
+  },
+  onApply,
+  onCancel
+}) => {
+  const handleApply = () => {
+    onApply?.();
+    onClose();
+  };
+  const handleCancel = () => {
+    onCancel?.();
+    onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Dialog, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.DialogTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "h6", children: "Advanced Filters" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.IconButton, { onClick: onClose, size: "small", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material.Close, {}) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Box, { sx: { display: "flex", flexDirection: "column", gap: 2, pt: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        FalconMultiSelect,
+        {
+          label: "Locations",
+          list: locationOptions,
+          data: selectedLocations,
+          setData: onLocationsChange
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        FalconMultiSelect,
+        {
+          label: "Business Areas",
+          list: businessAreaOptions,
+          data: selectedBusinessAreas,
+          setData: onBusinessAreasChange
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.DialogActions, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Button, { onClick: handleCancel, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Button, { variant: "contained", onClick: handleApply, children: "Apply" })
+    ] })
+  ] });
+};
+
+// src/components/ButtonWithIcon/ButtonWithIcon.tsx
+var import_material4 = require("@mui/material");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ButtonWithIcon = ({
+  size = "large",
+  variant = "contained",
+  children,
+  icon,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  import_material4.Button,
+  {
+    fullWidth: true,
+    size,
+    variant,
+    sx: { minWidth: "200px", maxWidth: "250px", backgroundColor: "white", color: "black" },
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material4.Box, { display: "flex", gap: 1, justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.Typography, { variant: "inherit", children }),
+      icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.Box, { mt: 0.25, ml: 0.5, children: icon })
+    ] })
+  }
+);
+
+// src/components/FalconButton/FalconButton.tsx
+var import_material5 = require("@mui/material");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var FalconButton = ({
+  loading = false,
+  disabled,
+  children,
+  size = "large",
+  variant = "contained",
+  type = "submit",
+  fullWidth = true,
+  className = "falcon-btn",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  import_material5.Button,
+  {
+    disabled: disabled || loading,
+    size,
+    variant,
+    type,
+    fullWidth,
+    className,
+    ...props,
+    children: loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.CircularProgress, { size: 16, color: "inherit" }) : children
+  }
+);
+
+// src/components/FalconDIstrictFilter/FalconDIstrictFilter.tsx
+var import_material6 = require("@mui/material");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var FalconDIstrictFilter = ({
+  label = "District",
+  options = [],
+  value = [],
+  onChange
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  import_material6.Autocomplete,
+  {
+    multiple: true,
+    options,
+    value,
+    onChange: (_, newValue) => onChange?.(newValue),
+    getOptionLabel: (opt) => typeof opt === "object" && opt !== null ? opt.label : "",
+    isOptionEqualToValue: (a, b) => a.id === b.id,
+    renderInput: (params) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material6.TextField, { ...params, label, placeholder: "Select districts" })
+  }
+);
+
+// src/components/FalconGrayButton/FalconGrayButton.tsx
+var import_material7 = require("@mui/material");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var FalconGrayButton = ({
+  text,
+  Icon: Icon4,
+  onClick
+}) => {
+  const theme = (0, import_material7.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_material7.Box,
+    {
+      sx: {
+        cursor: onClick ? "pointer" : "default",
+        padding: 4,
+        borderRadius: "8px",
+        background: theme.palette.secondary?.light ?? "#f0f0f0"
+      },
+      onClick,
+      role: onClick ? "button" : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material7.Stack, { direction: "row", justifyContent: "center", gap: 4, alignItems: "center", children: [
+        Icon4,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material7.Typography, { fontSize: 12, align: "center", fontWeight: "bold", children: text })
+      ] })
+    }
+  );
+};
+
+// src/components/FalconPagination/FalconPagination.tsx
+var import_material8 = require("@mui/material");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var selectStyle = {
+  border: "none",
+  backgroundColor: "transparent",
+  padding: "5px 10px",
+  fontSize: "14px",
+  fontWeight: 500,
+  color: "#555770",
+  cursor: "pointer",
+  outline: "none"
+};
+var optionStyle = { padding: "5px 10px" };
+var btnStyle = {
+  border: "none",
+  backgroundColor: "transparent",
+  padding: "5px 10px",
+  cursor: "pointer",
+  outline: "none"
+};
+var FalconPagination = ({
+  pageNo,
+  setPageNo,
+  perPage,
+  setPerPage,
+  totalItems,
+  perPageOptions = [12, 24, 36]
+}) => {
+  const totalPage = Math.ceil(totalItems / perPage) || 1;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    import_material8.Stack,
+    {
+      spacing: 2,
+      alignItems: "center",
+      direction: "row",
+      width: "100%",
+      bgcolor: "#F0F0F0",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "select",
+          {
+            style: selectStyle,
+            value: perPage,
+            onChange: (e) => setPerPage(Number(e.target.value)),
+            "aria-label": "Items per page",
+            children: perPageOptions.map((n) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { style: optionStyle, value: n, children: n }, n))
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.Divider, { orientation: "vertical", flexItem: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material8.Box, { sx: { color: "#525252", fontFamily: "roboto" }, children: [
+          perPage * (pageNo - 1) + 1,
+          " - ",
+          Math.min(perPage * pageNo, totalItems),
+          " ",
+          "of ",
+          totalItems,
+          " items"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.Divider, { orientation: "vertical", flexItem: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material8.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "select",
+            {
+              style: selectStyle,
+              value: pageNo,
+              onChange: (e) => setPageNo(Number(e.target.value)),
+              "aria-label": "Page number",
+              children: Array.from({ length: totalPage }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { style: optionStyle, value: i + 1, children: i + 1 }, i))
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material8.Box, { sx: { color: "#525252", fontFamily: "roboto" }, children: [
+            "of ",
+            totalPage,
+            " pages"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.Divider, { orientation: "vertical", flexItem: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material8.Stack, { direction: "row", gap: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "button",
+            {
+              type: "button",
+              disabled: pageNo === 1,
+              onClick: () => setPageNo(pageNo - 1),
+              style: btnStyle,
+              "aria-label": "Previous page",
+              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M10 12L5 8L10 4V12Z", fill: "#161616" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "button",
+            {
+              type: "button",
+              disabled: pageNo === totalPage,
+              onClick: () => setPageNo(pageNo + 1),
+              style: btnStyle,
+              "aria-label": "Next page",
+              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M6 4L11 8L6 12V4Z", fill: "#161616" })
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/FalconSelect/FalconSelect.tsx
+var import_material9 = require("@mui/material");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function normalizeOptions(options) {
+  return options.map(
+    (opt) => typeof opt === "string" ? { value: opt.toLowerCase(), label: opt } : opt
+  );
+}
+var FalconSelect = ({
+  label,
+  value,
+  onChange,
+  options,
+  disabled = false,
+  clearable = true
+}) => {
+  const items = normalizeOptions(options);
+  const handleChange = (event) => {
+    const v = event.target.value;
+    onChange(v !== "" ? v : "");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material9.FormControl, { variant: "filled", fullWidth: true, color: "primary", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material9.InputLabel, { id: `falcon-select-${label}-label`, children: [
+      "Select ",
+      label,
+      " *"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      import_material9.Select,
+      {
+        disabled,
+        value: value?.toLowerCase() ?? "",
+        label: `Select ${label}`,
+        onChange: handleChange,
+        labelId: `falcon-select-${label}-label`,
+        id: `falcon-select-${label}`,
+        children: [
+          clearable && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material9.MenuItem, { value: "", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("em", { children: "--Clear--" }) }),
+          items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material9.MenuItem, { value: item.value, children: item.label }, i))
+        ]
+      }
+    )
+  ] });
+};
+
+// src/components/FalconSingleSwitch/FalconSingleSwitch.tsx
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_Switch = __toESM(require("@mui/material/Switch"));
+var import_styles2 = require("@mui/material/styles");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var AntSwitch = (0, import_styles2.styled)(import_Switch.default)(() => ({
+  width: 28,
+  height: 16,
+  padding: 0,
+  display: "flex",
+  "&:active": {
+    "& .MuiSwitch-thumb": { width: 15 },
+    "& .MuiSwitch-switchBase.Mui-checked": { transform: "translateX(9px)" }
+  },
+  "& .MuiSwitch-switchBase": {
+    padding: 2,
+    "&.Mui-checked": {
+      transform: "translateX(12px)",
+      color: "#fff",
+      "& + .MuiSwitch-track": { opacity: 1 }
+    }
+  },
+  "& .MuiSwitch-thumb": {
+    boxShadow: "0 2px 4px 0 rgb(0 35 11 / 20%)",
+    width: 12,
+    height: 12,
+    borderRadius: 6
+  },
+  "& .MuiSwitch-track": {
+    borderRadius: 8,
+    opacity: 1,
+    backgroundColor: "rgba(0,0,0,.25)",
+    boxSizing: "border-box"
+  }
+}));
+var FalconSingleSwitch = ({
+  color,
+  setStatus,
+  value = false,
+  onChange
+}) => {
+  const handleChange = (event, checked) => {
+    setStatus?.(checked);
+    onChange?.(event, checked);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Stack.default, { direction: "row", margin: 2, spacing: 1, alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    AntSwitch,
+    {
+      checked: value,
+      onChange: handleChange,
+      color,
+      size: "medium",
+      inputProps: { "aria-label": "toggle" }
+    }
+  ) });
+};
+
+// src/components/FalconTable/FalconTable.tsx
+var import_material10 = require("@mui/material");
+var import_x_data_grid = require("@mui/x-data-grid");
+var import_react2 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var FalconTable = ({
+  rows,
+  getRowId,
+  columns,
+  pageSizeOptions = [7, 10, 25, 50]
+}) => {
+  const [paginationModel, setPaginationModel] = (0, import_react2.useState)({
+    page: 0,
+    pageSize: 7
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_material10.Box,
+    {
+      sx: {
+        border: "2px solid #F2F2F2",
+        padding: "16px",
+        borderRadius: "12px"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_x_data_grid.DataGrid,
+        {
+          autoHeight: true,
+          sx: {
+            minHeight: "48px",
+            "& .MuiDataGrid-columnHeaders": {
+              borderBottom: "0px",
+              borderRadius: "6px !important"
+            },
+            "& .MuiDataGrid-columnHeaderTitle": {
+              color: "#7A7A7A !important"
+            }
+          },
+          rows: rows ?? [],
+          getRowId,
+          columns,
+          disableRowSelectionOnClick: true,
+          pageSizeOptions,
+          paginationModel,
+          onPaginationModelChange: setPaginationModel
+        }
+      )
+    }
+  );
+};
+
+// src/components/FalconTicketColumsFilter/FalconTicketColumsFilter.tsx
+var import_material11 = require("@mui/material");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var FalconTicketColumsFilter = ({
+  columns = [],
+  selected = [],
+  onSelectionChange
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { p: 2, minWidth: 280 }, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "subtitle2", gutterBottom: true, children: "Select columns" }),
+  columns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "body2", color: "text.secondary", children: "No columns configured. Pass columns prop." }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Typography, { variant: "body2", children: [
+    selected.length,
+    " of ",
+    columns.length,
+    " selected"
+  ] }),
+  onSelectionChange && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "caption", display: "block", sx: { mt: 1 }, children: "(Column checkboxes to be wired from app)" })
+] });
+
+// src/components/FalconTicketFilter/FalconTicketFilter.tsx
+var import_material12 = require("@mui/material");
+var import_react3 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var FalconTicketFilter = ({
+  children,
+  label = "FILTERS",
+  open: controlledOpen,
+  onOpenChange
+}) => {
+  const [internalOpen, setInternalOpen] = (0, import_react3.useState)(false);
+  const open = controlledOpen ?? internalOpen;
+  const setOpen = onOpenChange ?? setInternalOpen;
+  const [anchorEl, setAnchorEl] = (0, import_react3.useState)(null);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+    setOpen(true);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material12.Button, { onClick: handleClick, variant: "outlined", size: "medium", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_material12.Popover,
+      {
+        open,
+        anchorEl,
+        onClose: handleClose,
+        anchorOrigin: { vertical: "bottom", horizontal: "left" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { padding: 16, minWidth: 280 }, children })
+      }
+    )
+  ] });
+};
+
+// src/components/HeatMapChartLegend/HeatMapChartLegend.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var HeatMapChartLegend = ({
+  title,
+  items,
+  gradientId,
+  gradientStops
+}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  "div",
+  {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "12px",
+      marginBottom: "16px",
+      fontFamily: "sans-serif"
+    },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "span",
+        {
+          style: {
+            fontSize: "12px",
+            fontWeight: 700,
+            color: "#374151",
+            minWidth: "80px",
+            textAlign: "right"
+          },
+          children: title
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            position: "relative",
+            flex: 1,
+            maxWidth: "600px"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "svg",
+              {
+                width: "100%",
+                height: "32",
+                style: { filter: "drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))" },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    "linearGradient",
+                    {
+                      id: gradientId,
+                      x1: "0%",
+                      y1: "0%",
+                      x2: "100%",
+                      y2: "0%",
+                      children: gradientStops.map((stop, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                        "stop",
+                        {
+                          offset: stop.offset,
+                          stopColor: stop.color,
+                          stopOpacity: "1"
+                        },
+                        index
+                      ))
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    "rect",
+                    {
+                      width: "100%",
+                      height: "100%",
+                      fill: `url(#${gradientId})`
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  right: 0,
+                  bottom: 0,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  paddingLeft: "16px",
+                  paddingRight: "16px"
+                },
+                children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "9px",
+                      fontWeight: 600,
+                      color: "white",
+                      textShadow: "0 1px 2px rgba(0, 0, 0, 0.5)",
+                      letterSpacing: "0.025em"
+                    },
+                    children: item.label
+                  },
+                  index
+                ))
+              }
+            )
+          ]
+        }
+      )
+    ]
+  }
+);
+
+// src/components/ProgressBarNumber/ProgressBarNumber.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var FullProgress = ({
+  number,
+  numColor
+}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 56,
+    height: 56,
+    viewBox: "0 0 56 56",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "circle",
+        {
+          cx: 28,
+          cy: 28,
+          r: 26,
+          fill: "#D9D9D9",
+          stroke: "#222222",
+          strokeWidth: 4
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("text", { x: 28, y: 36, fontSize: 24, textAnchor: "middle", fill: numColor, children: number })
+    ]
+  }
+);
+var HalfProgress = ({
+  number,
+  numColor
+}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 56,
+    height: 56,
+    viewBox: "0 0 56 56",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "circle",
+        {
+          cx: 28,
+          cy: 28,
+          r: 26,
+          fill: "#D9D9D9",
+          stroke: "#222222",
+          strokeWidth: 4,
+          strokeDasharray: 85,
+          strokeDashoffset: 130
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("text", { x: 28, y: 36, fontSize: 24, textAnchor: "middle", fill: numColor, children: number })
+    ]
+  }
+);
+var NoProgress = ({
+  number,
+  numColor
+}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 56,
+    height: 56,
+    viewBox: "0 0 56 56",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "circle",
+        {
+          cx: 28,
+          cy: 28,
+          r: 26,
+          fill: "#D9D9D9",
+          stroke: "#222222",
+          strokeOpacity: "0.1",
+          strokeWidth: "4"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("text", { x: 28, y: 36, fontSize: 24, textAnchor: "middle", fill: numColor, children: number })
+    ]
+  }
+);
+var ProgressBarNumber = ({
+  number,
+  progress,
+  numColor
+}) => {
+  if (progress === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(NoProgress, { number, numColor });
+  }
+  if (progress === 50) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HalfProgress, { number, numColor });
+  }
+  if (progress === 100) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FullProgress, { number, numColor });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: "Invalid Progress" });
+};
+
+// src/@core/theme/ThemeComponent.tsx
+var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"));
+var import_GlobalStyles = __toESM(require("@mui/material/GlobalStyles"));
+var import_styles5 = require("@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
+var import_utils = require("@mui/utils");
+
+// src/@core/theme/UserThemeOptions.ts
+var UserThemeOptions = () => {
+  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
+    },
+    typography: {
+      fontFamily:
+        '"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
+    },
+    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
+          }
+        })
+      }
+    },
+    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
+        })
+      }
+    },
+    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)
+          }
+        })
+      }
+    },
+    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
+      }
+    },
+    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
+        }
+      }
+    },
+    MuiCardContent: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          padding: theme.spacing(6),
+          "& + .MuiCardHeader-root, & + .MuiCardContent-root, & + .MuiCardActions-root": {
+            paddingTop: 0
+          },
+          "&:last-of-type": {
+            paddingBottom: theme.spacing(6)
+          }
+        })
+      }
+    },
+    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
+            }
+          }
+        })
+      }
+    }
+  };
+};
+var card_default = Card;
+
+// src/@core/theme/overrides/checkbox.tsx
+var import_styles3 = require("@mui/material/styles");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var CheckedIcon = () => {
+  const theme = (0, import_styles3.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "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__ */ (0, import_jsx_runtime16.jsx)(
+      "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 = (0, import_styles3.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "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__ */ (0, import_jsx_runtime16.jsx)("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 = (0, import_styles3.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: theme.palette.primary.main,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "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__ */ (0, import_jsx_runtime16.jsx)(Icon2, {}),
+        checkedIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CheckedIcon, {}),
+        indeterminateIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IndeterminateIcon, {})
+      },
+      styleOverrides: {
+        root: ({ theme }) => ({
+          "&.Mui-checked": {
+            "& svg": {
+              filter: `drop-shadow(0 2px 3px ${(0, import_styles3.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
+var import_styles4 = require("@mui/material/styles");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var CheckedIcon2 = () => {
+  const theme = (0, import_styles4.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "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__ */ (0, import_jsx_runtime17.jsx)(
+      "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 = (0, import_styles4.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "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__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)(Icon3, {}),
+        checkedIcon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CheckedIcon2, {})
+      },
+      styleOverrides: {
+        root: ({ theme }) => ({
+          "&.Mui-checked": {
+            "& svg": {
+              fill: theme.palette.primary.main,
+              filter: `drop-shadow(0 2px 3px ${(0, import_styles4.alpha)(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
+var import_react5 = require("react");
+
+// src/@core/context/settingsContext.tsx
+var import_react4 = require("react");
+var import_jsx_runtime18 = require("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 = (0, import_react4.createContext)({
+  saveSettings: () => null,
+  settings: initialSettings
+});
+var SettingsConsumer = SettingsContext.Consumer;
+
+// src/@core/hooks/useSettings.ts
+var useSettings = () => (0, import_react5.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 = (0, import_utils.deepmerge)(
+    {
+      breakpoints: breakpoints_default(),
+      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
+  );
+  return (0, import_utils.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
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var ThemeComponent = (props) => {
+  const { settings, children } = props;
+  let theme = (0, import_styles5.createTheme)(ThemeOptions_default(settings, "light"));
+  if (themeConfig_default.responsiveFontSizes) {
+    theme = (0, import_styles5.responsiveFontSizes)(theme);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_styles5.ThemeProvider, { theme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_CssBaseline.default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_GlobalStyles.default, { styles: () => globalStyles_default(theme) }),
+    children
+  ] });
+};
+var ThemeComponent_default = ThemeComponent;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddCommentInput,
+  AdvancedFiltersDialog,
+  ButtonWithIcon,
+  FalconButton,
+  FalconDIstrictFilter,
+  FalconGrayButton,
+  FalconMultiSelect,
+  FalconPagination,
+  FalconSelect,
+  FalconSingleSwitch,
+  FalconTable,
+  FalconThemeProvider,
+  FalconTicketColumsFilter,
+  FalconTicketFilter,
+  HeatMapChartLegend,
+  ProgressBarNumber
+});
+//# sourceMappingURL=index.js.map