@natoora-libs/core 0.1.16 → 0.1.17

package/dist/components/index.js

@@ -2781,7 +2781,7 @@ var RoundButton = ({
       onClick(e);
     }
   };
-  const Button15 = /* @__PURE__ */ jsx63(
+  const Button16 = /* @__PURE__ */ jsx63(
     Fab,
     {
       className: cx(
@@ -2805,7 +2805,7 @@ var RoundButton = ({
       children: icon ? iconComponentMap[icon] : children || ""
     }
   );
-  return tooltip ? /* @__PURE__ */ jsx63(Tooltip2, { title: tooltip, children: Button15 }) : Button15;
+  return tooltip ? /* @__PURE__ */ jsx63(Tooltip2, { title: tooltip, children: Button16 }) : Button16;
 };
 var RoundButton_default = RoundButton;
 
@@ -6615,7 +6615,8 @@ import {
   TableContainer,
   Skeleton as Skeleton2,
   TableRow as TableRow4,
-  TableCell as TableCell4
+  TableCell as TableCell4,
+  CircularProgress as CircularProgress5
 } from "@mui/material";
 import { makeStyles as makeStyles47 } from "tss-react/mui";
 
@@ -6768,8 +6769,52 @@ import TableBody from "@mui/material/TableBody";
 import TableCell2 from "@mui/material/TableCell";
 import TableRow2 from "@mui/material/TableRow";
 import Typography26 from "@mui/material/Typography";
-import { jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
-var TableDesktopNoColumnsMessage = () => /* @__PURE__ */ jsx109(TableBody, { children: /* @__PURE__ */ jsx109(TableRow2, { children: /* @__PURE__ */ jsxs74(
+
+// src/components/Buttons/IconButton/IconButton.tsx
+import { Button as Button13 } from "@mui/material";
+import { jsxs as jsxs74 } from "react/jsx-runtime";
+var IconButton4 = ({ icon, sx, ...props }) => {
+  return /* @__PURE__ */ jsxs74(
+    Button13,
+    {
+      ...props,
+      sx: {
+        display: "flex",
+        gap: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: 100,
+        ...sx
+      },
+      children: [
+        icon,
+        props.children
+      ]
+    }
+  );
+};
+var IconButton_default = IconButton4;
+
+// src/components/icons/IconTableEdit.tsx
+import { jsx as jsx109 } from "react/jsx-runtime";
+var SvgIconTableEdit = (props) => /* @__PURE__ */ jsx109(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /* @__PURE__ */ jsx109("path", { d: "M21.7 13.35L20.7 14.35L18.65 12.3L19.65 11.3C19.86 11.08 20.21 11.08 20.42 11.3L21.7 12.58C21.92 12.79 21.92 13.14 21.7 13.35ZM12 18.94L18.07 12.88L20.12 14.93L14.06 21H12V18.94ZM4 2H18C18.5304 2 19.0391 2.21071 19.4142 2.58579C19.7893 2.96086 20 3.46957 20 4V8.17L16.17 12H12V16.17L10.17 18H4C3.46957 18 2.96086 17.7893 2.58579 17.4142C2.21071 17.0391 2 16.5304 2 16V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2ZM4 6V10H10V6H4ZM12 6V10H18V6H12ZM4 12V16H10V12H4Z" })
+  }
+);
+var IconTableEdit_default = SvgIconTableEdit;
+
+// src/components/TableDesktopNoColumnsMessage/TableDesktopNoColumnsMessage.tsx
+import { jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
+var TableDesktopNoColumnsMessage = ({
+  handleClickOnNoColumnsMessageAction
+}) => /* @__PURE__ */ jsx110(TableBody, { children: /* @__PURE__ */ jsx110(TableRow2, { children: /* @__PURE__ */ jsxs75(
   TableCell2,
   {
     sx: {
@@ -6782,12 +6827,36 @@ var TableDesktopNoColumnsMessage = () => /* @__PURE__ */ jsx109(TableBody, { chi
       alignItems: "center"
     },
     children: [
-      /* @__PURE__ */ jsx109(Typography26, { variant: "subtitle2", fontSize: 16, children: "Customise your view" }),
-      /* @__PURE__ */ jsxs74(Typography26, { variant: "subtitle1", align: "center", color: "textSecondary", children: [
-        "Use the column selector on the right to choose which fields",
-        /* @__PURE__ */ jsx109("br", {}),
-        "you want to display in the table"
-      ] })
+      /* @__PURE__ */ jsx110(Typography26, { variant: "subtitle2", fontSize: 16, children: "Customise your view" }),
+      /* @__PURE__ */ jsx110(Typography26, { variant: "subtitle1", align: "center", color: "textSecondary", children: "Open the menu to customise your table and search." }),
+      /* @__PURE__ */ jsxs75(
+        Typography26,
+        {
+          variant: "subtitle1",
+          align: "center",
+          color: "textSecondary",
+          sx: {
+            backgroundColor: colors.neutral200,
+            padding: 1,
+            borderRadius: 1
+          },
+          children: [
+            "Tips: ",
+            /* @__PURE__ */ jsx110(Typography26, { component: "strong", children: "Save as default" }),
+            " to keep these columns for future views"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx110(
+        IconButton_default,
+        {
+          icon: /* @__PURE__ */ jsx110(IconTableEdit_default, { fill: colors.white }),
+          variant: "contained",
+          color: "primary",
+          onClick: handleClickOnNoColumnsMessageAction,
+          children: "OPEN MENU"
+        }
+      )
     ]
   }
 ) }) });
@@ -6795,7 +6864,7 @@ var TableDesktopNoColumnsMessage = () => /* @__PURE__ */ jsx109(TableBody, { chi
 // src/components/TableEmptyResult/TableEmptyResult.tsx
 import { TableCell as TableCell3, TableRow as TableRow3, Typography as Typography27 } from "@mui/material";
 import { makeStyles as makeStyles46 } from "tss-react/mui";
-import { jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs76 } from "react/jsx-runtime";
 var useStyles46 = makeStyles46()(() => ({
   tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
   tableCellDefault: { padding: 24 }
@@ -6807,17 +6876,17 @@ var TableEmptyResult = ({
   }
 }) => {
   const { classes } = useStyles46();
-  return showClearFilterButton ? /* @__PURE__ */ jsx110(TableRow3, { children: /* @__PURE__ */ jsxs75(
+  return showClearFilterButton ? /* @__PURE__ */ jsx111(TableRow3, { children: /* @__PURE__ */ jsxs76(
     TableCell3,
     {
       className: classes.tableCellIcon,
       colSpan,
       align: "center",
       children: [
-        /* @__PURE__ */ jsx110(EmptyGlassIcon_default, {}),
-        /* @__PURE__ */ jsx110(Typography27, { variant: "h6", children: "No results found." }),
-        /* @__PURE__ */ jsx110(Typography27, { variant: "subtitle1", children: "Search without applied filters?" }),
-        /* @__PURE__ */ jsx110(
+        /* @__PURE__ */ jsx111(EmptyGlassIcon_default, {}),
+        /* @__PURE__ */ jsx111(Typography27, { variant: "h6", children: "No results found." }),
+        /* @__PURE__ */ jsx111(Typography27, { variant: "subtitle1", children: "Search without applied filters?" }),
+        /* @__PURE__ */ jsx111(
           FilledButton_default,
           {
             copy: "Search",
@@ -6828,7 +6897,7 @@ var TableEmptyResult = ({
         )
       ]
     }
-  ) }) : /* @__PURE__ */ jsx110(TableRow3, { children: /* @__PURE__ */ jsx110(
+  ) }) : /* @__PURE__ */ jsx111(TableRow3, { children: /* @__PURE__ */ jsx111(
     TableCell3,
     {
       className: classes.tableCellDefault,
@@ -6841,7 +6910,7 @@ var TableEmptyResult = ({
 var TableEmptyResult_default = TableEmptyResult;
 
 // src/components/TableDesktop/TableDesktop.tsx
-import { Fragment as Fragment11, jsx as jsx111, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx112, jsxs as jsxs77 } from "react/jsx-runtime";
 var ROW_HEIGHT = 56;
 var useStyles47 = makeStyles47()((theme) => ({
   root: {
@@ -6921,6 +6990,7 @@ var TableDesktop = ({
   updateSort,
   showClearFilterButton,
   handleClickOnClearFiltersButton,
+  handleClickOnNoColumnsMessageAction,
   deleteItem,
   keyField = "id",
   tableLayout = "auto",
@@ -6980,7 +7050,7 @@ var TableDesktop = ({
   );
   const renderTableRows = useMemo2(() => {
     if (isLoading) {
-      return [...Array(Math.min(numRows, rowsPerPage))].map((_, rowIndex) => /* @__PURE__ */ jsx111(TableRow4, { children: [...Array(visibleHeadCells.length)].map((_2, cellIndex) => /* @__PURE__ */ jsx111(TableCell4, { children: /* @__PURE__ */ jsx111(
+      return [...Array(Math.min(numRows, rowsPerPage))].map((_, rowIndex) => /* @__PURE__ */ jsx112(TableRow4, { children: [...Array(visibleHeadCells.length)].map((_2, cellIndex) => /* @__PURE__ */ jsx112(TableCell4, { children: /* @__PURE__ */ jsx112(
         Skeleton2,
         {
           animation: "pulse",
@@ -6994,7 +7064,7 @@ var TableDesktop = ({
     const sortedData = disableInternalSort ? data : stableSort(data, getComparator(order, orderBy));
     return sortedData.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((row, index) => {
       const isItemSelected = selected.has(row[keyField]);
-      return /* @__PURE__ */ jsx111(
+      return /* @__PURE__ */ jsx112(
         RenderItem,
         {
           ...{
@@ -7034,16 +7104,21 @@ var TableDesktop = ({
       setSelected(/* @__PURE__ */ new Set());
     }
   }, [enableCheckboxSelection]);
-  return /* @__PURE__ */ jsx111("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsxs76(Paper10, { className: classes.paper, children: [
-    /* @__PURE__ */ jsx111(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsxs77(Paper10, { className: classes.paper, children: [
+    /* @__PURE__ */ jsx112(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsx112(
       Table,
       {
         stickyHeader: true,
         "aria-labelledby": "tableTitle",
         "aria-label": "sticky table",
         style: { tableLayout },
-        children: visibleHeadCells.length === 0 ? /* @__PURE__ */ jsx111(TableDesktopNoColumnsMessage, {}) : /* @__PURE__ */ jsxs76(Fragment11, { children: [
-          /* @__PURE__ */ jsx111(
+        children: visibleHeadCells.length === 0 && !isLoading ? /* @__PURE__ */ jsx112(
+          TableDesktopNoColumnsMessage,
+          {
+            handleClickOnNoColumnsMessageAction
+          }
+        ) : /* @__PURE__ */ jsxs77(Fragment11, { children: [
+          /* @__PURE__ */ jsx112(
             SmartTableHeader_default,
             {
               headCells: visibleHeadCells,
@@ -7059,14 +7134,21 @@ var TableDesktop = ({
               shouldShowCheckOnFilter
             }
           ),
-          /* @__PURE__ */ jsx111(TableBody2, { children: rowsPerPage !== emptyRows ? renderTableRows : /* @__PURE__ */ jsx111(
+          !isLoading ? /* @__PURE__ */ jsx112(TableBody2, { children: rowsPerPage !== emptyRows ? renderTableRows : /* @__PURE__ */ jsx112(
             TableEmptyResult_default,
             {
               colSpan: enableCheckboxSelection ? visibleHeadCells.length + 1 : visibleHeadCells.length,
               showClearFilterButton,
               handleClickOnClearFiltersButton
             }
-          ) })
+          ) }) : /* @__PURE__ */ jsx112(TableBody2, { children: /* @__PURE__ */ jsx112(TableRow4, { children: /* @__PURE__ */ jsx112(
+            TableCell4,
+            {
+              colSpan: visibleHeadCells.length,
+              align: "center",
+              children: /* @__PURE__ */ jsx112(CircularProgress5, {})
+            }
+          ) }) })
         ] })
       }
     ) }),
@@ -7076,7 +7158,7 @@ var TableDesktop = ({
 var TableDesktop_default = TableDesktop;
 
 // src/components/SmartTableHeaderFilterMenu/SmartTableHeaderFilterMenu.tsx
-import { Fragment as Fragment12, jsx as jsx112, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx113, jsxs as jsxs78 } from "react/jsx-runtime";
 var useStyles48 = makeStyles48()((theme) => ({
   filterMenu: {
     display: "flex",
@@ -7111,7 +7193,7 @@ var useStyles48 = makeStyles48()((theme) => ({
     padding: theme.spacing(0, 1),
     justifyContent: "space-between"
   },
-  saveAsDefaultButton: {
+  applyButton: {
     color: theme.palette.primary.main
   },
   skeleton: {
@@ -7146,7 +7228,10 @@ var SmartTableHeaderFilterMenu = ({
       setFilterOptionsData(headCell.filterOptions);
     }
   }, [headCell.filterOptions]);
-  const numFilterOptions = useMemo3(() => filterOptionsData?.length ?? 0, [filterOptionsData?.length]);
+  const numFilterOptions = useMemo3(
+    () => filterOptionsData?.length ?? 0,
+    [filterOptionsData?.length]
+  );
   const numCurrentSelectedFilters = selectedFilters.length;
   const handleFilterMenuOpen = (event) => {
     if (!numFilterOptions) {
@@ -7185,21 +7270,24 @@ var SmartTableHeaderFilterMenu = ({
   useEffect11(() => {
     setSelectedFilters(headerFilters[headCell.id] ?? []);
   }, [headerFilters, headCell.id]);
-  const isOptionChecked = useMemo3(() => (resolvedOption) => !!selectedFilters?.some(
-    (value) => resolveOptionType(value, headCell.fieldName ?? "") === resolvedOption
-  ), [selectedFilters]);
-  const loadingSkeletons = /* @__PURE__ */ jsxs77(Box29, { "data-testid": "loading-skeletons", width: 272, children: [
-    /* @__PURE__ */ jsx112(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx112(Divider9, {}),
-    /* @__PURE__ */ jsx112(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx112(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx112(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx112(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx112(Divider9, {}),
-    /* @__PURE__ */ jsx112(Skeleton3, { variant: "rounded", className: classes.skeleton })
+  const isOptionChecked = useMemo3(
+    () => (resolvedOption) => !!selectedFilters?.some(
+      (value) => resolveOptionType(value, headCell.fieldName ?? "") === resolvedOption
+    ),
+    [selectedFilters]
+  );
+  const loadingSkeletons = /* @__PURE__ */ jsxs78(Box29, { "data-testid": "loading-skeletons", width: 272, children: [
+    /* @__PURE__ */ jsx113(Skeleton3, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx113(Divider9, {}),
+    /* @__PURE__ */ jsx113(Skeleton3, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx113(Skeleton3, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx113(Skeleton3, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx113(Skeleton3, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx113(Divider9, {}),
+    /* @__PURE__ */ jsx113(Skeleton3, { variant: "rounded", className: classes.skeleton })
   ] });
-  return /* @__PURE__ */ jsxs77(Fragment12, { children: [
-    /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsxs78(Fragment12, { children: [
+    /* @__PURE__ */ jsx113(
       ActiveFiltersIconButton_default,
       {
         numActiveFilters,
@@ -7209,7 +7297,7 @@ var SmartTableHeaderFilterMenu = ({
         })
       }
     ),
-    /* @__PURE__ */ jsx112(
+    /* @__PURE__ */ jsx113(
       Menu4,
       {
         open: !!anchorEl,
@@ -7218,12 +7306,12 @@ var SmartTableHeaderFilterMenu = ({
         "data-testid": "filter-menu",
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
-        children: headCell.isFetchingFilterOptions ? loadingSkeletons : /* @__PURE__ */ jsxs77(Box29, { className: classes.filterMenu, children: [
-          /* @__PURE__ */ jsx112(Box29, { px: 3, mb: 0.5, children: /* @__PURE__ */ jsx112(
+        children: headCell.isFetchingFilterOptions ? loadingSkeletons : /* @__PURE__ */ jsxs78(Box29, { className: classes.filterMenu, children: [
+          /* @__PURE__ */ jsx113(Box29, { px: 3, mb: 0.5, children: /* @__PURE__ */ jsx113(
             FormControlLabel3,
             {
               label: "Select All",
-              control: /* @__PURE__ */ jsx112(
+              control: /* @__PURE__ */ jsx113(
                 Checkbox5,
                 {
                   disableRipple: true,
@@ -7231,7 +7319,9 @@ var SmartTableHeaderFilterMenu = ({
                   indeterminate: numCurrentSelectedFilters > 0 && numCurrentSelectedFilters < numFilterOptions,
                   onChange: ({ target: { checked } }) => {
                     if (checked) {
-                      setSelectedFilters([...filterOptionsData]);
+                      setSelectedFilters([
+                        ...filterOptionsData
+                      ]);
                     } else {
                       setSelectedFilters([]);
                     }
@@ -7240,57 +7330,52 @@ var SmartTableHeaderFilterMenu = ({
               )
             }
           ) }),
-          /* @__PURE__ */ jsx112(Divider9, { sx: { mb: 0.5 } }),
-          /* @__PURE__ */ jsx112(Box29, { className: classes.filterOptions, children: filterOptionsData?.map(
-            (option) => {
-              const resolvedOption = resolveOptionType(option, headCell.fieldName ?? "");
-              return /* @__PURE__ */ jsxs77(
-                Box29,
+          /* @__PURE__ */ jsx113(Divider9, { sx: { mb: 0.5 } }),
+          /* @__PURE__ */ jsx113(Box29, { className: classes.filterOptions, children: filterOptionsData?.map((option) => {
+            const resolvedOption = resolveOptionType(
+              option,
+              headCell.fieldName ?? ""
+            );
+            return /* @__PURE__ */ jsxs78(Box29, { className: classes.filter, children: [
+              /* @__PURE__ */ jsx113(
+                FormControlLabel3,
                 {
-                  className: classes.filter,
-                  children: [
-                    /* @__PURE__ */ jsx112(
-                      FormControlLabel3,
-                      {
-                        label: resolvedOption,
-                        control: /* @__PURE__ */ jsx112(
-                          Checkbox5,
-                          {
-                            disableRipple: true,
-                            onChange: () => handleFilterOptionClick(option),
-                            checked: isOptionChecked(resolvedOption)
-                          }
-                        )
-                      },
-                      resolvedOption
-                    ),
-                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx112(Tooltip7, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx112(CheckIcon, { fontSize: "small", color: "action" }) }) : null
-                  ]
+                  label: resolvedOption,
+                  control: /* @__PURE__ */ jsx113(
+                    Checkbox5,
+                    {
+                      disableRipple: true,
+                      onChange: () => handleFilterOptionClick(option),
+                      checked: isOptionChecked(resolvedOption)
+                    }
+                  )
                 },
                 resolvedOption
-              );
-            }
-          ) }),
-          /* @__PURE__ */ jsx112(Divider9, { sx: { mb: 0.5 } }),
-          /* @__PURE__ */ jsxs77(Box29, { className: classes.applyFilterButtonsContainer, children: [
-            /* @__PURE__ */ jsx112(
+              ),
+              shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx113(Tooltip7, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx113(CheckIcon, { fontSize: "small", color: "action" }) }) : null
+            ] }, resolvedOption);
+          }) }),
+          /* @__PURE__ */ jsx113(Divider9, { sx: { mb: 0.5 } }),
+          /* @__PURE__ */ jsxs78(Box29, { className: classes.applyFilterButtonsContainer, children: [
+            /* @__PURE__ */ jsx113(
               ExtendedButton_default,
               {
-                copy: "Save as Default",
-                buttonType: "button",
+                copy: "Apply",
                 variant: "text",
-                tooltip: "Persists those filters for future visits",
-                className: classes.saveAsDefaultButton,
-                onClick: () => handleApplyFilters(true)
+                buttonType: "button",
+                tooltip: "Apply the filters without saving.",
+                className: classes.applyButton,
+                onClick: () => handleApplyFilters(false)
               }
             ),
-            /* @__PURE__ */ jsx112(
+            /* @__PURE__ */ jsx113(
               ExtendedButton_default,
               {
-                copy: "Apply",
+                copy: "Save as Default",
                 color: "primary",
                 buttonType: "submit",
-                onClick: () => handleApplyFilters(false)
+                tooltip: "Persists those filters for future visits",
+                onClick: () => handleApplyFilters(true)
               }
             )
           ] })
@@ -7320,11 +7405,11 @@ import { v4 as uuidv4 } from "uuid";
 
 // src/components/TableLoading/TableLoading.tsx
 import { Box as Box30, Skeleton as Skeleton4 } from "@mui/material";
-import { jsx as jsx113 } from "react/jsx-runtime";
+import { jsx as jsx114 } from "react/jsx-runtime";
 var TableLoading = ({
   rowsPerPage,
   rowHeight
-}) => /* @__PURE__ */ jsx113(Box30, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx113(
+}) => /* @__PURE__ */ jsx114(Box30, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx114(
   Skeleton4,
   {
     animation: "pulse",
@@ -7373,7 +7458,7 @@ function calculateRowsPerPage(rowHeight) {
 }
 
 // src/components/Table/Table.tsx
-import { jsx as jsx114, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs79 } from "react/jsx-runtime";
 var useStyles49 = makeStyles49()(() => ({
   root: {
     height: "calc(100vh - 262px)",
@@ -7451,24 +7536,24 @@ var Table2 = ({
     );
     const rowsComponents = rows.map((row) => {
       if (RenderItem) {
-        return /* @__PURE__ */ jsx114(RenderItem, { ...row }, row.id);
+        return /* @__PURE__ */ jsx115(RenderItem, { ...row }, row.id);
       }
-      return /* @__PURE__ */ jsx114(TableRow5, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx114(TableCell5, { children: row[column.id] }, column.id)) }, row.id);
+      return /* @__PURE__ */ jsx115(TableRow5, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx115(TableCell5, { children: row[column.id] }, column.id)) }, row.id);
     });
     if (emptyRows > 0 && rowsPerPage > emptyRows) {
       rowsComponents.push(
-        /* @__PURE__ */ jsx114(TableRow5, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx114(TableCell5, { colSpan: 8 }) }, uuidv4())
+        /* @__PURE__ */ jsx115(TableRow5, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx115(TableCell5, { colSpan: 8 }) }, uuidv4())
       );
     }
     return rowsComponents;
   };
-  return /* @__PURE__ */ jsx114(Paper11, { className: classes.root, children: /* @__PURE__ */ jsx114(Box31, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx114(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx114(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs78(MUITable, { size: "medium", stickyHeader: true, children: [
-    /* @__PURE__ */ jsx114(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx114(TableRow5, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx115(Paper11, { className: classes.root, children: /* @__PURE__ */ jsx115(Box31, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx115(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx115(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs79(MUITable, { size: "medium", stickyHeader: true, children: [
+    /* @__PURE__ */ jsx115(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx115(TableRow5, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx115(
       TableCell5,
       {
         align: "left",
         sortDirection: orderBy === headCell.id ? order : void 0,
-        children: /* @__PURE__ */ jsx114(
+        children: /* @__PURE__ */ jsx115(
           TableSortLabel2,
           {
             active: orderBy === headCell.id,
@@ -7480,9 +7565,9 @@ var Table2 = ({
       },
       headCell.id
     )) }) }),
-    /* @__PURE__ */ jsxs78(TableBody3, { children: [
+    /* @__PURE__ */ jsxs79(TableBody3, { children: [
       getTableRows(),
-      rowsPerPage === emptyRows && /* @__PURE__ */ jsx114(TableRow5, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx114(TableCell5, { colSpan: 8, align: "center", children: "Nothing to display" }) })
+      rowsPerPage === emptyRows && /* @__PURE__ */ jsx115(TableRow5, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx115(TableCell5, { colSpan: 8, align: "center", children: "Nothing to display" }) })
     ] })
   ] }) }) }) });
 };
@@ -7490,8 +7575,8 @@ var Table_default = Table2;
 
 // src/components/TableDesktopFooter/TableDesktopFooter.tsx
 import Refresh3 from "@mui/icons-material/Refresh";
-import { Box as Box32, Button as Button13, MenuItem as MenuItem4, Pagination as Pagination2, Select as Select4, Stack, Typography as Typography28 } from "@mui/material";
-import { jsx as jsx115, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Box as Box32, Button as Button14, MenuItem as MenuItem4, Pagination as Pagination2, Select as Select4, Stack, Typography as Typography28 } from "@mui/material";
+import { jsx as jsx116, jsxs as jsxs80 } from "react/jsx-runtime";
 var TableDesktopFooter = ({
   numPages,
   page,
@@ -7502,7 +7587,7 @@ var TableDesktopFooter = ({
   refetch,
   isFetching
 }) => {
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs80(
     Box32,
     {
       py: 1,
@@ -7513,8 +7598,8 @@ var TableDesktopFooter = ({
       borderTop: `1px solid ${colors.neutral300}`,
       bgcolor: (theme) => theme.palette.background.default,
       children: [
-        /* @__PURE__ */ jsxs79(
-          Button13,
+        /* @__PURE__ */ jsxs80(
+          Button14,
           {
             disableRipple: true,
             variant: "outlined",
@@ -7528,7 +7613,7 @@ var TableDesktopFooter = ({
               borderColor: colors.neutral600
             },
             children: [
-              /* @__PURE__ */ jsx115(
+              /* @__PURE__ */ jsx116(
                 Refresh3,
                 {
                   fontSize: "small",
@@ -7539,21 +7624,21 @@ var TableDesktopFooter = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs79(Box32, { display: "flex", children: [
-          /* @__PURE__ */ jsxs79(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-            /* @__PURE__ */ jsx115(Typography28, { children: "Rows per page:" }),
-            /* @__PURE__ */ jsx115(
+        /* @__PURE__ */ jsxs80(Box32, { display: "flex", children: [
+          /* @__PURE__ */ jsxs80(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+            /* @__PURE__ */ jsx116(Typography28, { children: "Rows per page:" }),
+            /* @__PURE__ */ jsx116(
               Select4,
               {
                 value: pageSize,
                 onChange: handlePageSizeChange,
                 size: "small",
                 variant: "standard",
-                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx115(MenuItem4, { value: size, children: size }, size))
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx116(MenuItem4, { value: size, children: size }, size))
               }
             )
           ] }),
-          /* @__PURE__ */ jsx115(
+          /* @__PURE__ */ jsx116(
             Pagination2,
             {
               color: "standard",
@@ -7573,11 +7658,11 @@ import { useEffect as useEffect13, useRef as useRef5, useState as useState20 } f
 import CheckIcon2 from "@mui/icons-material/Check";
 import CloseIcon from "@mui/icons-material/Close";
 import EditIcon from "@mui/icons-material/Edit";
-import { Box as Box33, Checkbox as Checkbox6, IconButton as IconButton4, TableCell as TableCell6, TextField as TextField9, Tooltip as Tooltip8 } from "@mui/material";
+import { Box as Box33, Checkbox as Checkbox6, IconButton as IconButton5, TableCell as TableCell6, TextField as TextField9, Tooltip as Tooltip8 } from "@mui/material";
 
 // src/components/TableDesktopRowCell/TableDesktopSmartSelect.tsx
 import { useState as useState18, memo as memo22, useEffect as useEffect12 } from "react";
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var resolveValue = (value) => {
   if (typeof value === "string") {
     return value;
@@ -7609,7 +7694,7 @@ var TableDesktopSmartSelect = memo22(({
       setOptions(parsedOptions);
     }
   }, [filterOptions]);
-  return /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsx117(
     SmartSelect_default,
     {
       ref,
@@ -7634,7 +7719,7 @@ var TableDesktopSmartSelect = memo22(({
 // src/components/TableDesktopRowCell/TableDesktopTextField.tsx
 import { useMemo as useMemo4, useState as useState19 } from "react";
 import { TextField as TextField8 } from "@mui/material";
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var TableDesktopTextField = ({
   rowId,
   editInitialValue,
@@ -7657,7 +7742,7 @@ var TableDesktopTextField = ({
       commitValue(input);
     }
   };
-  return /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx118(
     TextField8,
     {
       fullWidth: true,
@@ -7678,10 +7763,10 @@ var TableDesktopTextField = ({
 };
 
 // src/components/TableDesktopRowCell/TableDesktopRowCell.tsx
-import { jsx as jsx118, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs81 } from "react/jsx-runtime";
 var getReadOnlyBooleanIcon = (value) => {
   if (value) {
-    return /* @__PURE__ */ jsx118(CheckIcon2, { sx: { fontSize: 16 } });
+    return /* @__PURE__ */ jsx119(CheckIcon2, { sx: { fontSize: 16 } });
   }
   return "-";
 };
@@ -7731,7 +7816,7 @@ var TableDesktopRowCell = ({
     };
   }, [isEditMode]);
   const editableComponents = {
-    "select": /* @__PURE__ */ jsx118(
+    "select": /* @__PURE__ */ jsx119(
       TableDesktopSmartSelect,
       {
         rowId,
@@ -7745,7 +7830,7 @@ var TableDesktopRowCell = ({
         onUpdateEditableCell
       }
     ),
-    "checkbox": /* @__PURE__ */ jsx118(
+    "checkbox": /* @__PURE__ */ jsx119(
       Checkbox6,
       {
         disableRipple: true,
@@ -7756,7 +7841,7 @@ var TableDesktopRowCell = ({
         }
       }
     ),
-    "text": /* @__PURE__ */ jsx118(
+    "text": /* @__PURE__ */ jsx119(
       TableDesktopTextField,
       {
         rowId,
@@ -7767,7 +7852,7 @@ var TableDesktopRowCell = ({
         onUpdateEditableCell
       }
     ),
-    "numeric": /* @__PURE__ */ jsx118(
+    "numeric": /* @__PURE__ */ jsx119(
       TextField9,
       {
         fullWidth: true,
@@ -7793,7 +7878,7 @@ var TableDesktopRowCell = ({
     e.stopPropagation();
     setIsEditMode((prev) => !prev);
   };
-  return /* @__PURE__ */ jsx118(Tooltip8, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx119(Tooltip8, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx119(
     TableCell6,
     {
       align: "left",
@@ -7811,7 +7896,7 @@ var TableDesktopRowCell = ({
         },
         background: isEditMode ? colors.lightBlueBackground : (theme) => theme.palette.background.default
       },
-      children: /* @__PURE__ */ jsxs80(
+      children: /* @__PURE__ */ jsxs81(
         Box33,
         {
           p: 1,
@@ -7820,8 +7905,8 @@ var TableDesktopRowCell = ({
           textOverflow: "ellipsis",
           whiteSpace: "nowrap",
           children: [
-            isCellHovered ? /* @__PURE__ */ jsx118(Tooltip8, { title: isEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ jsx118(
-              IconButton4,
+            isCellHovered ? /* @__PURE__ */ jsx119(Tooltip8, { title: isEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ jsx119(
+              IconButton5,
               {
                 onClick: handleEditClick,
                 sx: {
@@ -7835,7 +7920,7 @@ var TableDesktopRowCell = ({
                     backgroundColor: isEditMode ? colors.lightBlueBackground : colors.neutral150
                   }
                 },
-                children: isEditMode ? /* @__PURE__ */ jsx118(CloseIcon, { fontSize: "small", color: "error" }) : /* @__PURE__ */ jsx118(EditIcon, { fontSize: "small" })
+                children: isEditMode ? /* @__PURE__ */ jsx119(CloseIcon, { fontSize: "small", color: "error" }) : /* @__PURE__ */ jsx119(EditIcon, { fontSize: "small" })
               }
             ) }) : null,
             isEditMode && editableCellType ? editableComponents[editableCellType] : renderReadOnlyValue(readOnlyValue)
@@ -7851,7 +7936,7 @@ import { memo as memo23, useEffect as useEffect14, useState as useState21 } from
 import { ImportExport as ImportExportIcon } from "@mui/icons-material";
 import { TableCell as TableCell7, TableHead as TableHead3, TableRow as TableRow6, TableSortLabel as TableSortLabel3 } from "@mui/material";
 import { makeStyles as makeStyles50 } from "tss-react/mui";
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var useStyles50 = makeStyles50()(() => ({
   sortLabel: {
     "& .MuiTableSortLabel-icon": {
@@ -7896,7 +7981,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     });
     setSortableCells(sortedCells);
   };
-  return /* @__PURE__ */ jsx119(TableHead3, { children: /* @__PURE__ */ jsx119(TableRow6, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx119(TableCell7, { children: cell.isSortable ? /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(TableHead3, { children: /* @__PURE__ */ jsx120(TableRow6, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx120(TableCell7, { children: cell.isSortable ? /* @__PURE__ */ jsx120(
     TableSortLabel3,
     {
       className: classes.sortLabel,
@@ -7910,9 +7995,9 @@ var TableHeader = ({ cells, onSort = null }) => {
 var TableHeader_default = memo23(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
-import { Box as Box34, Typography as Typography29, Divider as Divider10, Button as Button14 } from "@mui/material";
+import { Box as Box34, Typography as Typography29, Divider as Divider10, Button as Button15 } from "@mui/material";
 import { makeStyles as makeStyles51 } from "tss-react/mui";
-import { jsx as jsx120, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs82 } from "react/jsx-runtime";
 var useStyles51 = makeStyles51()(() => ({
   icon: {
     fontSize: 20
@@ -7949,7 +8034,7 @@ var TextDivider = ({
 }) => {
   const { classes } = useStyles51();
   const iconColor = color ?? colors.neutral900;
-  return /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsxs82(
     Box34,
     {
       display: "flex",
@@ -7957,10 +8042,10 @@ var TextDivider = ({
       justifyContent: "space-between",
       className: classes.container,
       children: [
-        /* @__PURE__ */ jsx120(Divider10, { className: classes.leftDivider }),
-        /* @__PURE__ */ jsx120(Button14, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs81(Box34, { className: classes.center, children: [
-          Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx120(Icon2, { className: classes.icon, style: { color: iconColor } }),
-          /* @__PURE__ */ jsx120(
+        /* @__PURE__ */ jsx121(Divider10, { className: classes.leftDivider }),
+        /* @__PURE__ */ jsx121(Button15, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs82(Box34, { className: classes.center, children: [
+          Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx121(Icon2, { className: classes.icon, style: { color: iconColor } }),
+          /* @__PURE__ */ jsx121(
             Typography29,
             {
               color: "textSecondary",
@@ -7969,9 +8054,9 @@ var TextDivider = ({
               children: title
             }
           ),
-          Icon2 && iconPosition === "right" && /* @__PURE__ */ jsx120(Icon2, { className: classes.icon, style: { color: iconColor } })
+          Icon2 && iconPosition === "right" && /* @__PURE__ */ jsx121(Icon2, { className: classes.icon, style: { color: iconColor } })
         ] }) }),
-        /* @__PURE__ */ jsx120(Divider10, { className: classes.rightDivider })
+        /* @__PURE__ */ jsx121(Divider10, { className: classes.rightDivider })
       ]
     }
   );
@@ -7983,7 +8068,7 @@ import { DateRangePicker } from "react-dates";
 import { makeStyles as makeStyles52 } from "tss-react/mui";
 import "react-dates/initialize";
 import "react-dates/lib/css/_datepicker.css";
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 var useStyles52 = makeStyles52()((theme) => ({
   wrapper: {
     "& .DateRangePicker": {
@@ -8079,7 +8164,7 @@ var ThemedDateRangePicker = ({
   ...props
 }) => {
   const { classes, cx } = useStyles52();
-  return /* @__PURE__ */ jsx121("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx121(DateRangePicker, { ...props }) });
+  return /* @__PURE__ */ jsx122("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx122(DateRangePicker, { ...props }) });
 };
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
@@ -8087,7 +8172,7 @@ var ThemedDateRangePicker_default = ThemedDateRangePicker;
 import { memo as memo24 } from "react";
 import { AppBar, Box as Box35, Toolbar } from "@mui/material";
 import { makeStyles as makeStyles53 } from "tss-react/mui";
-import { jsx as jsx122, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs83 } from "react/jsx-runtime";
 var useStyles53 = makeStyles53()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
@@ -8107,9 +8192,9 @@ var TheToolbar = ({
   rightSection
 }) => {
   const { classes } = useStyles53();
-  return /* @__PURE__ */ jsxs82(Box35, { children: [
-    /* @__PURE__ */ jsx122(AppBar, { children: /* @__PURE__ */ jsxs82(Toolbar, { className: classes.topBar, children: [
-      /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsxs83(Box35, { children: [
+    /* @__PURE__ */ jsx123(AppBar, { children: /* @__PURE__ */ jsxs83(Toolbar, { className: classes.topBar, children: [
+      /* @__PURE__ */ jsx123(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -8118,7 +8203,7 @@ var TheToolbar = ({
           onClick: handleOpen
         }
       ),
-      /* @__PURE__ */ jsx122(
+      /* @__PURE__ */ jsx123(
         CompanyLogo_default,
         {
           size: "small",
@@ -8127,8 +8212,8 @@ var TheToolbar = ({
           imageLogoLightSmall
         }
       ),
-      /* @__PURE__ */ jsx122(Box35, { ml: 2, children: leftSection }),
-      /* @__PURE__ */ jsx122(Box35, { ml: "auto", children: rightSection })
+      /* @__PURE__ */ jsx123(Box35, { ml: 2, children: leftSection }),
+      /* @__PURE__ */ jsx123(Box35, { ml: "auto", children: rightSection })
     ] }) }),
     LeftDrawer
   ] });
@@ -8137,20 +8222,20 @@ var TheToolbar_default = memo24(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
 import { Alert as MuiAlert, Snackbar } from "@mui/material";
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var ToastMessage = ({
   toastType,
   toastMessage,
   open,
   onClose
-}) => /* @__PURE__ */ jsx123(
+}) => /* @__PURE__ */ jsx124(
   Snackbar,
   {
     open,
     autoHideDuration: 1500,
     onClose,
     anchorOrigin: { vertical: "top", horizontal: "right" },
-    children: /* @__PURE__ */ jsx123(
+    children: /* @__PURE__ */ jsx124(
       MuiAlert,
       {
         elevation: 6,
@@ -8187,7 +8272,7 @@ import {
   Fade as Fade2
 } from "@mui/material";
 import { makeStyles as makeStyles54 } from "tss-react/mui";
-import { jsx as jsx124, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs84 } from "react/jsx-runtime";
 var useStyles54 = makeStyles54()((theme) => ({
   paper: {
     padding: theme.spacing(2)
@@ -8217,7 +8302,7 @@ var TwoButtonDialog = ({
   cancelButton
 }) => {
   const { classes } = useStyles54();
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx125(
     Dialog5,
     {
       open,
@@ -8227,9 +8312,9 @@ var TwoButtonDialog = ({
       closeAfterTransition: true,
       BackdropComponent: Backdrop,
       BackdropProps: { timeout: 500 },
-      children: /* @__PURE__ */ jsx124(Fade2, { in: open, children: /* @__PURE__ */ jsxs83(Paper12, { className: classes.paper, children: [
-        /* @__PURE__ */ jsxs83(Box36, { className: classes.mb, children: [
-          /* @__PURE__ */ jsx124(Typography30, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx124(
+      children: /* @__PURE__ */ jsx125(Fade2, { in: open, children: /* @__PURE__ */ jsxs84(Paper12, { className: classes.paper, children: [
+        /* @__PURE__ */ jsxs84(Box36, { className: classes.mb, children: [
+          /* @__PURE__ */ jsx125(Typography30, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx125(
             Box36,
             {
               sx: {
@@ -8238,7 +8323,7 @@ var TwoButtonDialog = ({
               children: title
             }
           ) }),
-          /* @__PURE__ */ jsxs83(
+          /* @__PURE__ */ jsxs84(
             Box36,
             {
               className: classes.mt,
@@ -8246,15 +8331,15 @@ var TwoButtonDialog = ({
                 fontWeight: 600
               },
               children: [
-                subtitle1 && /* @__PURE__ */ jsx124(Typography30, { variant: "subtitle1", children: subtitle1 }),
-                subtitle2 && /* @__PURE__ */ jsx124(Typography30, { variant: "subtitle1", children: subtitle2 })
+                subtitle1 && /* @__PURE__ */ jsx125(Typography30, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ jsx125(Typography30, { variant: "subtitle1", children: subtitle2 })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx124(Divider11, {}),
-        /* @__PURE__ */ jsxs83(Box36, { className: classes.buttonContainer, children: [
-          /* @__PURE__ */ jsx124(
+        /* @__PURE__ */ jsx125(Divider11, {}),
+        /* @__PURE__ */ jsxs84(Box36, { className: classes.buttonContainer, children: [
+          /* @__PURE__ */ jsx125(
             FilledButton_default,
             {
               copy: cancelLabel,
@@ -8267,7 +8352,7 @@ var TwoButtonDialog = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx124(
+          /* @__PURE__ */ jsx125(
             FilledButton_default,
             {
               color: "primary",
@@ -8276,7 +8361,7 @@ var TwoButtonDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx124(Loading_default, { isLoading: dialogLoading })
+        /* @__PURE__ */ jsx125(Loading_default, { isLoading: dialogLoading })
       ] }) })
     }
   );
@@ -8286,9 +8371,9 @@ var TwoButtonDialog_default = TwoButtonDialog;
 // src/components/UserBust/UserBust.tsx
 import { memo as memo25 } from "react";
 import { Avatar as Avatar2, Typography as Typography31 } from "@mui/material";
-import { jsx as jsx125, jsxs as jsxs84 } from "react/jsx-runtime";
-var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs84("div", { children: [
-  /* @__PURE__ */ jsx125(
+import { jsx as jsx126, jsxs as jsxs85 } from "react/jsx-runtime";
+var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs85("div", { children: [
+  /* @__PURE__ */ jsx126(
     Avatar2,
     {
       src: user.profile_picture,
@@ -8296,18 +8381,18 @@ var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs8
       style: { width: avatarProps.width, height: avatarProps.height }
     }
   ),
-  /* @__PURE__ */ jsxs84("div", { style: { paddingTop: 16 }, children: [
-    /* @__PURE__ */ jsx125(Typography31, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
-    /* @__PURE__ */ jsx125(Typography31, { ...typographyProps.username, children: user.username })
+  /* @__PURE__ */ jsxs85("div", { style: { paddingTop: 16 }, children: [
+    /* @__PURE__ */ jsx126(Typography31, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
+    /* @__PURE__ */ jsx126(Typography31, { ...typographyProps.username, children: user.username })
   ] })
 ] });
 var UserBust_default = memo25(UserBust);
 
 // src/components/icons/IconChart.tsx
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var SvgIconChart = (props) => {
   const { fill } = props;
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     "svg",
     {
       width: "20",
@@ -8316,7 +8401,7 @@ var SvgIconChart = (props) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
-      children: /* @__PURE__ */ jsx126(
+      children: /* @__PURE__ */ jsx127(
         "path",
         {
           d: "M2.49967 11.6667L2.91634 11.725L6.72467 7.91667C6.57467 7.375 6.71634 6.75833 7.15801 6.325C7.80801 5.66667 8.85801 5.66667 9.50801 6.325C9.94967 6.75833 10.0913 7.375 9.94134 7.91667L12.083 10.0583L12.4997 10C12.6497 10 12.7913 10 12.9163 10.0583L15.8913 7.08333C15.833 6.95833 15.833 6.81667 15.833 6.66667C15.833 6.22464 16.0086 5.80072 16.3212 5.48816C16.6337 5.17559 17.0576 5 17.4997 5C17.9417 5 18.3656 5.17559 18.6782 5.48816C18.9907 5.80072 19.1663 6.22464 19.1663 6.66667C19.1663 7.10869 18.9907 7.53262 18.6782 7.84518C18.3656 8.15774 17.9417 8.33333 17.4997 8.33333C17.3497 8.33333 17.208 8.33333 17.083 8.275L14.108 11.25C14.1663 11.375 14.1663 11.5167 14.1663 11.6667C14.1663 12.1087 13.9907 12.5326 13.6782 12.8452C13.3656 13.1577 12.9417 13.3333 12.4997 13.3333C12.0576 13.3333 11.6337 13.1577 11.3212 12.8452C11.0086 12.5326 10.833 12.1087 10.833 11.6667L10.8913 11.25L8.74967 9.10833C8.48301 9.16667 8.18301 9.16667 7.91634 9.10833L4.10801 12.9167L4.16634 13.3333C4.16634 13.7754 3.99075 14.1993 3.67819 14.5118C3.36563 14.8244 2.9417 15 2.49967 15C2.05765 15 1.63372 14.8244 1.32116 14.5118C1.0086 14.1993 0.833008 13.7754 0.833008 13.3333C0.833008 12.8913 1.0086 12.4674 1.32116 12.1548C1.63372 11.8423 2.05765 11.6667 2.49967 11.6667Z",