@natoora-libs/core 0.0.40 → 0.0.42

package/dist/components/index.js

@@ -423,7 +423,7 @@ var AppLabel = ({ appName }) => {
 };
 var AppLabel_default = AppLabel;
 
-// src/components/AutoComplete/AutoComplete.tsx
+// src/components/Autocomplete/Autocomplete.tsx
 import { forwardRef, useEffect, useRef, useState } from "react";
 import {
   Box as Box3,
@@ -432,7 +432,7 @@ import {
   Autocomplete as MUIAutocomplete
 } from "@mui/material";
 import { jsx as jsx4 } from "react/jsx-runtime";
-var AutoComplete = forwardRef(
+var Autocomplete = forwardRef(
   ({
     value,
     defaultValue,
@@ -538,7 +538,7 @@ var AutoComplete = forwardRef(
     );
   }
 );
-var AutoComplete_default = AutoComplete;
+var Autocomplete_default = Autocomplete;
 
 // src/components/BackHeader/BackHeader.tsx
 import { useNavigate } from "react-router";
@@ -607,7 +607,34 @@ import {
 } from "@mui/icons-material";
 import { Box as Box5, Button as Button4, Tooltip } from "@mui/material";
 import { makeStyles as makeStyles4 } from "tss-react/mui";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+
+// src/components/icons/IconCompare.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var SvgIconCompare = (props) => {
+  const { fill } = props;
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 18 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx6(
+        "path",
+        {
+          d: "M9.75 17.25H8.25V0.75H9.75V17.25ZM6.75 14.25H3.75V3.75H6.75V2.25H3.75C2.9175 2.25 2.25 2.9175 2.25 3.75V14.25C2.25 15.0825 2.925 15.75 3.75 15.75H6.75V14.25ZM14.25 5.25V6.75H15.75V5.25H14.25ZM14.25 3.75H15.75C15.75 2.9175 15.075 2.25 14.25 2.25V3.75ZM15.75 11.25H14.25V12.75H15.75V11.25ZM14.25 8.25V9.75H15.75V8.25H14.25ZM12.75 2.25H11.25V3.75H12.75V2.25ZM14.25 15.75C15.0825 15.75 15.75 15.0825 15.75 14.25H14.25V15.75ZM12.75 14.25H11.25V15.75H12.75V14.25Z",
+          fill: fill ?? "#1976D2"
+        }
+      )
+    }
+  );
+};
+var IconCompare_default = SvgIconCompare;
+
+// src/components/Buttons/ExtendedButton/ExtendedButton.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var useStyles4 = makeStyles4()((theme) => ({
   default: {
     boxShadow: "none",
@@ -697,10 +724,11 @@ var ExtendedButton = ({
     upload: CloudUpload,
     refresh: Refresh,
     download: GetApp,
-    publish: Publish
+    publish: Publish,
+    compare: IconCompare_default
   };
   const IconComponent = icons2[type || "add"];
-  return /* @__PURE__ */ jsx6(Tooltip, { title: tooltip, children: /* @__PURE__ */ jsx6(Box5, { children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx7(Tooltip, { title: tooltip, children: /* @__PURE__ */ jsx7(Box5, { children: /* @__PURE__ */ jsxs4(
     Button4,
     {
       className: cx(classes[color], className),
@@ -713,7 +741,14 @@ var ExtendedButton = ({
       type: buttonType,
       variant,
       children: [
-        type ? /* @__PURE__ */ jsx6(IconComponent, { fontSize: "small", className: classes.icon }) : null,
+        type ? /* @__PURE__ */ jsx7(
+          IconComponent,
+          {
+            fontSize: "small",
+            className: classes.icon,
+            fill: colors.muiPrimary
+          }
+        ) : null,
         /* @__PURE__ */ jsxs4(
           "div",
           {
@@ -721,7 +756,7 @@ var ExtendedButton = ({
             style: { color: copyColor || "inherit" },
             children: [
               copy,
-              /* @__PURE__ */ jsx6("span", { children: subcopy })
+              /* @__PURE__ */ jsx7("span", { children: subcopy })
             ]
           }
         )
@@ -732,7 +767,7 @@ var ExtendedButton = ({
 var ExtendedButton_default = memo(ExtendedButton);
 
 // src/components/BottomBar/BottomBar.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var useStyles5 = makeStyles5()((theme) => ({
   footer: {
     backgroundColor: colors.neutral100,
@@ -754,7 +789,7 @@ var BottomBar = ({
   onRefreshClick = null
 }) => {
   const { classes, cx } = useStyles5();
-  return /* @__PURE__ */ jsx7(Paper, { className: cx(classes.footer, className), elevation: 1, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx8(Paper, { className: cx(classes.footer, className), elevation: 1, children: /* @__PURE__ */ jsxs5(
     Box6,
     {
       className: classes.insideWrapper,
@@ -764,7 +799,7 @@ var BottomBar = ({
         justifyContent: "space-between"
       },
       children: [
-        onRefreshClick && /* @__PURE__ */ jsx7(
+        onRefreshClick && /* @__PURE__ */ jsx8(
           ExtendedButton_default,
           {
             className: classes.button,
@@ -789,7 +824,7 @@ import green from "@mui/material/colors/green";
 import orange from "@mui/material/colors/orange";
 import red from "@mui/material/colors/red";
 import { makeStyles as makeStyles6 } from "tss-react/mui";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var useStyles6 = makeStyles6()((theme) => ({
   boxTab: {
     minWidth: 130,
@@ -843,7 +878,7 @@ var BoxButton = (props) => {
       className: [classes.boxTab, classes[borderColor]].join(" "),
       onClick,
       children: [
-        /* @__PURE__ */ jsx8(Typography4, { variant: "button", children: label }),
+        /* @__PURE__ */ jsx9(Typography4, { variant: "button", children: label }),
         /* @__PURE__ */ jsxs6(
           Grid,
           {
@@ -854,8 +889,8 @@ var BoxButton = (props) => {
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ jsx8(Grid, { size: 9, children: main }),
-              /* @__PURE__ */ jsx8(Grid, { className: classes.c_box_button__extra, size: 3, children: extra })
+              /* @__PURE__ */ jsx9(Grid, { size: 9, children: main }),
+              /* @__PURE__ */ jsx9(Grid, { className: classes.c_box_button__extra, size: 3, children: extra })
             ]
           }
         )
@@ -869,7 +904,7 @@ var BoxButton_default = memo2(BoxButton);
 import { memo as memo3 } from "react";
 import { CircularProgress as CircularProgress2, Button as Button5 } from "@mui/material";
 import { makeStyles as makeStyles7 } from "tss-react/mui";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var useStyles7 = makeStyles7()((theme) => ({
   button: {
     background: colors.default,
@@ -953,7 +988,7 @@ var FilledButton = ({
       variant,
       children: [
         copy,
-        isLoading && /* @__PURE__ */ jsx9(
+        isLoading && /* @__PURE__ */ jsx10(
           CircularProgress2,
           {
             className: classes.loadingText,
@@ -971,7 +1006,7 @@ var FilledButton_default = memo3(FilledButton);
 import { memo as memo4 } from "react";
 import { Box as Box7, CircularProgress as CircularProgress3, Button as Button6 } from "@mui/material";
 import { withStyles } from "tss-react/mui";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var FilledButtonLg = ({
   classes,
   disabled,
@@ -981,7 +1016,7 @@ var FilledButtonLg = ({
   handleClick,
   loading = false,
   loadingProps
-}) => /* @__PURE__ */ jsx10(
+}) => /* @__PURE__ */ jsx11(
   Button6,
   {
     variant,
@@ -998,7 +1033,7 @@ var FilledButtonLg = ({
         },
         children: [
           copy,
-          loading && /* @__PURE__ */ jsx10(
+          loading && /* @__PURE__ */ jsx11(
             CircularProgress3,
             {
               color: loadingProps?.color || "inherit",
@@ -1078,7 +1113,7 @@ var FilledButtonLg_default = memo4(ActionButtonLg);
 import { memo as memo5 } from "react";
 import { Button as Button7 } from "@mui/material";
 import { makeStyles as makeStyles8 } from "tss-react/mui";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var useStyles8 = makeStyles8()(() => ({
   root: {
     display: "flex",
@@ -1107,7 +1142,7 @@ var ImageButton = (props) => {
     const e = { target: { value } };
     onClick(e);
   };
-  return /* @__PURE__ */ jsx11(Button7, { onClick: handleClick, className: classes.image, children: /* @__PURE__ */ jsx11("img", { className: classes.imageSrc, src, alt: "a_image" }) });
+  return /* @__PURE__ */ jsx12(Button7, { onClick: handleClick, className: classes.image, children: /* @__PURE__ */ jsx12("img", { className: classes.imageSrc, src, alt: "a_image" }) });
 };
 var ImageButton_default = memo5(ImageButton);
 
@@ -1115,7 +1150,7 @@ var ImageButton_default = memo5(ImageButton);
 import { Add as Add2, ChevronRight } from "@mui/icons-material";
 import { Typography as Typography5, Button as Button8 } from "@mui/material";
 import { makeStyles as makeStyles9 } from "tss-react/mui";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var useStyles9 = makeStyles9()((theme) => ({
   add: {
     backgroundColor: colors.neutral100
@@ -1151,10 +1186,10 @@ var SquareButton = ({
 }) => {
   const { classes, cx } = useStyles9();
   const icon = {
-    add: /* @__PURE__ */ jsx12(Add2, { className: classes.icon }),
-    forward: /* @__PURE__ */ jsx12(ChevronRight, { className: classes.icon })
+    add: /* @__PURE__ */ jsx13(Add2, { className: classes.icon }),
+    forward: /* @__PURE__ */ jsx13(ChevronRight, { className: classes.icon })
   };
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Button8,
     {
       className: cx(
@@ -1168,7 +1203,7 @@ var SquareButton = ({
       variant: "contained",
       children: /* @__PURE__ */ jsxs9("span", { className: classes.textWrapper, children: [
         icon[type],
-        /* @__PURE__ */ jsx12(Typography5, { className: classes.text, variant: "button", children })
+        /* @__PURE__ */ jsx13(Typography5, { className: classes.text, variant: "button", children })
       ] })
     }
   );
@@ -1178,7 +1213,7 @@ var SquareButton_default = SquareButton;
 // src/components/Buttons/UploadButton/UploadButton.tsx
 import { useRef as useRef2, useState as useState2, forwardRef as forwardRef2 } from "react";
 import { Box as Box8 } from "@mui/material";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var UploadButton = forwardRef2(
   (props, ref) => {
     const [file, setFile] = useState2();
@@ -1197,7 +1232,7 @@ var UploadButton = forwardRef2(
           alignItems: "center"
         },
         children: [
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "input",
             {
               ...props,
@@ -1210,7 +1245,7 @@ var UploadButton = forwardRef2(
               style: { display: "none" }
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             ExtendedButton_default,
             {
               buttonType: "button",
@@ -1234,7 +1269,7 @@ var UploadButton_default = UploadButton;
 import { memo as memo6 } from "react";
 import { Button as Button9, CircularProgress as CircularProgress4 } from "@mui/material";
 import { makeStyles as makeStyles10 } from "tss-react/mui";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var useStyles10 = makeStyles10()((theme) => ({
   default: {
     boxShadow: "none",
@@ -1315,7 +1350,7 @@ var OutlinedButton = ({
   type = "button"
 }) => {
   const { classes, cx } = useStyles10();
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Button9,
     {
       className: cx(color ? classes[color] : classes.default, className, {
@@ -1336,8 +1371,8 @@ var OutlinedButton = ({
           }),
           children: [
             copy,
-            subcopy && /* @__PURE__ */ jsx14("span", { children: subcopy }),
-            isLoading && /* @__PURE__ */ jsx14(
+            subcopy && /* @__PURE__ */ jsx15("span", { children: subcopy }),
+            isLoading && /* @__PURE__ */ jsx15(
               CircularProgress4,
               {
                 className: classes.loadingIcon,
@@ -1357,8 +1392,8 @@ var OutlinedButton_default = memo6(OutlinedButton);
 import { memo as memo7 } from "react";
 import { Button as Button10 } from "@mui/material";
 import { withStyles as withStyles2 } from "tss-react/mui";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var AButton = ({ classes, variant, color, copy }) => /* @__PURE__ */ jsx15(Button10, { variant, className: classes[color], children: copy });
+import { jsx as jsx16 } from "react/jsx-runtime";
+var AButton = ({ classes, variant, color, copy }) => /* @__PURE__ */ jsx16(Button10, { variant, className: classes[color], children: copy });
 var FilterButtonLg = withStyles2(AButton, (theme) => ({
   default: {
     boxShadow: "none",
@@ -1452,16 +1487,16 @@ import { Fab, Tooltip as Tooltip2 } from "@mui/material";
 import { makeStyles as makeStyles11 } from "tss-react/mui";
 
 // src/components/icons/BallsLogo.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var SvgBallsLogo = (props) => /* @__PURE__ */ jsxs12("svg", { viewBox: "0 0 1024 305.8", ...props, fill: "currentColor", children: [
-  /* @__PURE__ */ jsx16("path", { d: "M586.9,152.3c0,82.2-66,148.1-148.1,148.1s-148.1-66-148.1-148.1S356.6,4.2,438.8,4.2C520.9,2.9,586.9,70.2,586.9,152.3" }),
-  /* @__PURE__ */ jsx16("path", { d: "M5.6,4.2c80.9,0,146.9,66,146.9,146.9S86.5,297.9,5.6,297.9C5.6,297.9,5.6,4.2,5.6,4.2z" }),
-  /* @__PURE__ */ jsx16("path", { d: "M1018.9,152.3c0-82.2-66-148.1-148.1-148.1s-148.1,66-148.1,148.1s66,148.1,148.1,148.1L1018.9,152.3z" })
+  /* @__PURE__ */ jsx17("path", { d: "M586.9,152.3c0,82.2-66,148.1-148.1,148.1s-148.1-66-148.1-148.1S356.6,4.2,438.8,4.2C520.9,2.9,586.9,70.2,586.9,152.3" }),
+  /* @__PURE__ */ jsx17("path", { d: "M5.6,4.2c80.9,0,146.9,66,146.9,146.9S86.5,297.9,5.6,297.9C5.6,297.9,5.6,4.2,5.6,4.2z" }),
+  /* @__PURE__ */ jsx17("path", { d: "M1018.9,152.3c0-82.2-66-148.1-148.1-148.1s-148.1,66-148.1,148.1s66,148.1,148.1,148.1L1018.9,152.3z" })
 ] });
 var BallsLogo_default = SvgBallsLogo;
 
 // src/components/icons/EmptyGlassIcon.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
   "svg",
   {
@@ -1472,8 +1507,8 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ jsx17("g", { id: "Frame", clipPath: "url(#clip0_454_24067)", children: /* @__PURE__ */ jsxs13("g", { id: "Clip path group", children: [
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18("g", { id: "Frame", clipPath: "url(#clip0_454_24067)", children: /* @__PURE__ */ jsxs13("g", { id: "Clip path group", children: [
+        /* @__PURE__ */ jsx18(
           "mask",
           {
             id: "mask0_454_24067",
@@ -1482,11 +1517,11 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
             y: "0",
             width: "140",
             height: "140",
-            children: /* @__PURE__ */ jsx17("g", { id: "__lottie_element_11", children: /* @__PURE__ */ jsx17("path", { id: "Vector", d: "M140 0H0V140H140V0Z", fill: "white" }) })
+            children: /* @__PURE__ */ jsx18("g", { id: "__lottie_element_11", children: /* @__PURE__ */ jsx18("path", { id: "Vector", d: "M140 0H0V140H140V0Z", fill: "white" }) })
           }
         ),
-        /* @__PURE__ */ jsx17("g", { mask: "url(#mask0_454_24067)", children: /* @__PURE__ */ jsx17("g", { id: "Group", children: /* @__PURE__ */ jsxs13("g", { id: "Clip path group_2", children: [
-          /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18("g", { mask: "url(#mask0_454_24067)", children: /* @__PURE__ */ jsx18("g", { id: "Group", children: /* @__PURE__ */ jsxs13("g", { id: "Clip path group_2", children: [
+          /* @__PURE__ */ jsx18(
             "mask",
             {
               id: "mask1_454_24067",
@@ -1495,11 +1530,11 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
               y: "0",
               width: "140",
               height: "140",
-              children: /* @__PURE__ */ jsx17("g", { id: "__lottie_element_13", children: /* @__PURE__ */ jsx17("path", { id: "Vector_2", d: "M0 0H140V140H0V0Z", fill: "white" }) })
+              children: /* @__PURE__ */ jsx18("g", { id: "__lottie_element_13", children: /* @__PURE__ */ jsx18("path", { id: "Vector_2", d: "M0 0H140V140H0V0Z", fill: "white" }) })
             }
           ),
-          /* @__PURE__ */ jsx17("g", { mask: "url(#mask1_454_24067)", children: /* @__PURE__ */ jsx17("g", { id: "Group_2", children: /* @__PURE__ */ jsxs13("g", { id: "Group_3", children: [
-            /* @__PURE__ */ jsx17("g", { id: "Group_4", children: /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18("g", { mask: "url(#mask1_454_24067)", children: /* @__PURE__ */ jsx18("g", { id: "Group_2", children: /* @__PURE__ */ jsxs13("g", { id: "Group_3", children: [
+            /* @__PURE__ */ jsx18("g", { id: "Group_4", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_3",
@@ -1507,7 +1542,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                 fill: "#B6B2D8"
               }
             ) }),
-            /* @__PURE__ */ jsx17("g", { id: "Group_5", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18("g", { id: "Group_5", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_4",
@@ -1515,7 +1550,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                 fill: "#EECB3A"
               }
             ) }),
-            /* @__PURE__ */ jsx17("g", { id: "Group_6", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18("g", { id: "Group_6", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_5",
@@ -1523,7 +1558,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                 fill: "#F1F1F2"
               }
             ) }),
-            /* @__PURE__ */ jsx17("g", { id: "Group_7", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18("g", { id: "Group_7", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_6",
@@ -1531,7 +1566,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                 fill: "#EECB3A"
               }
             ) }),
-            /* @__PURE__ */ jsx17("g", { id: "Group_8", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18("g", { id: "Group_8", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_7",
@@ -1539,7 +1574,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                 fill: "#B6B2D8"
               }
             ) }),
-            /* @__PURE__ */ jsx17("g", { id: "Group_9", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18("g", { id: "Group_9", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_8",
@@ -1547,7 +1582,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                 fill: "#F6D977"
               }
             ) }),
-            /* @__PURE__ */ jsx17("g", { id: "Group_10", opacity: "0.655813", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18("g", { id: "Group_10", opacity: "0.655813", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_9",
@@ -1555,7 +1590,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                 fill: "#B6B2D8"
               }
             ) }),
-            /* @__PURE__ */ jsx17("g", { id: "Group_11", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18("g", { id: "Group_11", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_10",
@@ -1563,7 +1598,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                 fill: "#FFFEFF"
               }
             ) }),
-            /* @__PURE__ */ jsx17("g", { id: "Group_12", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18("g", { id: "Group_12", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_11",
@@ -1571,7 +1606,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                 fill: "#EECB3A"
               }
             ) }),
-            /* @__PURE__ */ jsx17("g", { id: "Group_13", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18("g", { id: "Group_13", children: /* @__PURE__ */ jsx18(
               "path",
               {
                 id: "Vector_12",
@@ -1580,7 +1615,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
               }
             ) }),
             /* @__PURE__ */ jsxs13("g", { id: "Group_14", children: [
-              /* @__PURE__ */ jsx17("g", { id: "Group_15", children: /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("g", { id: "Group_15", children: /* @__PURE__ */ jsx18(
                 "path",
                 {
                   id: "Vector_13",
@@ -1588,7 +1623,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                   fill: "#BF7F42"
                 }
               ) }),
-              /* @__PURE__ */ jsx17("g", { id: "Group_16", children: /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("g", { id: "Group_16", children: /* @__PURE__ */ jsx18(
                 "path",
                 {
                   id: "Vector_14",
@@ -1596,7 +1631,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                   fill: "#C2D1E0"
                 }
               ) }),
-              /* @__PURE__ */ jsx17("g", { id: "Group_17", children: /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("g", { id: "Group_17", children: /* @__PURE__ */ jsx18(
                 "path",
                 {
                   id: "Vector_15",
@@ -1604,7 +1639,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                   fill: "#D2E0EA"
                 }
               ) }),
-              /* @__PURE__ */ jsx17("g", { id: "Group_18", children: /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("g", { id: "Group_18", children: /* @__PURE__ */ jsx18(
                 "path",
                 {
                   id: "Vector_16",
@@ -1612,7 +1647,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                   fill: "#8EC5EA"
                 }
               ) }),
-              /* @__PURE__ */ jsx17("g", { id: "Group_19", children: /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("g", { id: "Group_19", children: /* @__PURE__ */ jsx18(
                 "path",
                 {
                   id: "Vector_17",
@@ -1620,7 +1655,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                   fill: "#70AFDE"
                 }
               ) }),
-              /* @__PURE__ */ jsx17("g", { id: "Group_20", children: /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("g", { id: "Group_20", children: /* @__PURE__ */ jsx18(
                 "path",
                 {
                   id: "Vector_18",
@@ -1628,7 +1663,7 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
                   fill: "#B5713E"
                 }
               ) }),
-              /* @__PURE__ */ jsx17("g", { id: "Group_21", opacity: "0.2", children: /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18("g", { id: "Group_21", opacity: "0.2", children: /* @__PURE__ */ jsx18(
                 "path",
                 {
                   id: "Vector_19",
@@ -1640,37 +1675,37 @@ var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs13(
           ] }) }) })
         ] }) }) })
       ] }) }),
-      /* @__PURE__ */ jsx17("defs", { children: /* @__PURE__ */ jsx17("clipPath", { id: "clip0_454_24067", children: /* @__PURE__ */ jsx17("rect", { width: "140", height: "140", fill: "white" }) }) })
+      /* @__PURE__ */ jsx18("defs", { children: /* @__PURE__ */ jsx18("clipPath", { id: "clip0_454_24067", children: /* @__PURE__ */ jsx18("rect", { width: "140", height: "140", fill: "white" }) }) })
     ]
   }
 );
 var EmptyGlassIcon_default = SvgEmptyGlassIcon;
 
 // src/components/icons/IconAccount.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var SvgIconAccount = (props) => /* @__PURE__ */ jsxs14("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx18(
+  /* @__PURE__ */ jsx19(
     "path",
     {
       className: "icon-account_svg__st0",
       d: "M672.6 1136.6c-1.6 0-3 1.3-3 2.9s1.4 3 3 3 3-1.4 2.9-2.9c-.1-1.6-1.3-3-2.9-3zM683.4 1136.5c-1.7 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3.1c0-1.7-1.4-2.9-3-2.9z"
     }
   ),
-  /* @__PURE__ */ jsx18(
+  /* @__PURE__ */ jsx19(
     "path",
     {
       className: "icon-account_svg__st0",
       d: "M672.4 1130.2h.9v1.2c0 1.1.9 2 2 2h6.9c-1.6.3-3 1.3-4 2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7-1.2 0-2.3.3-3.3.9v-3.7-.1c.1 0 .2-.1.7-.2m17.2 3.1v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4 0 .7-.1 1.2-.2.2.1.3 0 .3 0m.8-15.1c-.7 0-1.3.5-1.4 1.1v12.1c-.4.1-.7.1-.9.1-.4 0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1 0-1.6.3-1.6 1.6v8.1c-1.6.2-2.4 1-2.4 2.3v6.8c0 .2.2.7.5.7.1 0 .3.1.5.1s.4-.1.6-.4c.8-1.6 2.1-2.4 3.8-2.4s2.9.8 3.7 2.3c.1.3.3.5.7.5h1.9c.5 0 .6-.2.8-.6.8-1.5 2.1-2.3 3.8-2.3 1.7 0 2.9.9 3.7 2.4.5.9.5 1.8.2 3h5.4c.7 0 1.1-.6 1.1-1 0-.7-.3-1.1-.9-1.4-.2-.1-.6-.1-.8-.1h-2.9v-1.1-16.9-.7c-.3-.8-.7-1.2-1.4-1.2zm-15.6 9.9v-7.2h5.5c.1 0 .3.1.3.3 1.4 3.3 2.9 6.6 4.2 9.9v.1h-7.2v-2.3c0-.8-.1-.9-.9-.9-.7.1-1.3.1-1.9.1z"
     }
   ),
-  /* @__PURE__ */ jsx18(
+  /* @__PURE__ */ jsx19(
     "path",
     {
       className: "icon-account_svg__st1",
       d: "M27.3 27.8c1.6 0 3.1-.6 4.2-1.7 1.2-1.2 1.7-2.5 1.7-4.2 0-1.5-.6-2.9-1.7-4.2-1.1-1.1-2.5-1.7-4.2-1.7s-3.1.6-4.2 1.7-1.7 2.5-1.7 4.2.6 3.1 1.7 4.2 2.6 1.7 4.2 1.7zm0-9.4c1 0 1.8.3 2.4.9.5.5 1 1.4 1 2.5s-.3 1.8-1 2.5-1.5 1-2.5 1-1.8-.3-2.5-1-1-1.5-1-2.5.3-1.8 1-2.5c.8-.6 1.6-.9 2.6-.9z"
     }
   ),
-  /* @__PURE__ */ jsx18(
+  /* @__PURE__ */ jsx19(
     "path",
     {
       className: "icon-account_svg__st1",
@@ -1681,8 +1716,8 @@ var SvgIconAccount = (props) => /* @__PURE__ */ jsxs14("svg", { viewBox: "0 0 55
 var IconAccount_default = SvgIconAccount;
 
 // src/components/icons/IconAccounts.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-var SvgIconAccounts = (props) => /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx19(
+import { jsx as jsx20 } from "react/jsx-runtime";
+var SvgIconAccounts = (props) => /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx20(
   "path",
   {
     className: "icon-accounts_svg__st0",
@@ -1692,7 +1727,7 @@ var SvgIconAccounts = (props) => /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 55
 var IconAccounts_default = SvgIconAccounts;
 
 // src/components/icons/IconAvocado.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var SvgIconAvocado = () => /* @__PURE__ */ jsxs15(
   "svg",
   {
@@ -1702,7 +1737,7 @@ var SvgIconAvocado = () => /* @__PURE__ */ jsxs15(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         "path",
         {
           d: "M19 14.3511C19 20.3582 14.9662 22.875 10 22.875C5.03376 22.875 1 20.3582 1 14.3511C1 8.34393 5.03376 1.125 10 1.125C14.9662 1.125 19 8.34393 19 14.3511Z",
@@ -1711,7 +1746,7 @@ var SvgIconAvocado = () => /* @__PURE__ */ jsxs15(
           strokeMiterlimit: "10"
         }
       ),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         "path",
         {
           d: "M10 19.125C12.8995 19.125 15.25 16.7745 15.25 13.875C15.25 10.9755 12.8995 8.625 10 8.625C7.1005 8.625 4.75 10.9755 4.75 13.875C4.75 16.7745 7.1005 19.125 10 19.125Z",
@@ -1726,7 +1761,7 @@ var SvgIconAvocado = () => /* @__PURE__ */ jsxs15(
 var IconAvocado_default = SvgIconAvocado;
 
 // src/components/icons/IconBanana.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var SvgIconBanana = () => /* @__PURE__ */ jsxs16(
   "svg",
   {
@@ -1736,52 +1771,52 @@ var SvgIconBanana = () => /* @__PURE__ */ jsxs16(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx21("g", { clipPath: "url(#clip0_0_2321)", children: /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22("g", { clipPath: "url(#clip0_0_2321)", children: /* @__PURE__ */ jsx22(
         "path",
         {
           d: "M23.0247 5.42267C22.7775 5.12356 22.4901 4.88302 22.1652 4.70103V0H18.8424V4.69592C18.6156 4.83467 18.3894 5.00524 18.1656 5.20705C17.4915 5.81607 16.9872 6.58066 16.7601 7.05064C16.4487 7.6948 15.6291 8.61014 15.3399 8.90835L15.3258 8.92337C13.0806 11.3673 9.5079 12.0928 6.9063 12.2709C4.0155 12.4691 1.6404 12.0544 1.617 12.0502L1.0053 11.9406L0 14.7755L0.1854 15.0752C0.633 15.7983 1.3155 16.438 2.2134 16.977C2.5812 17.1978 2.9691 17.3996 3.3732 17.584L3.2196 20.0912L3.4806 20.3279C4.1103 20.8991 4.9428 21.3252 5.9544 21.5949C6.9639 21.864 8.0517 22 9.1911 22C9.261 22 9.3315 21.9994 9.402 21.9985C12.8361 21.9483 16.1847 20.7919 18.831 18.7423C20.19 17.6897 21.3129 16.4416 22.1685 15.0325C23.0745 13.5403 23.6568 11.9039 23.8992 10.1681C24.0639 8.99004 24.1692 6.80679 23.0247 5.42237V5.42267ZM20.3082 1.46701H20.7V4.25027H20.3082V1.46701ZM4.203 15.2238C3.7473 14.9506 3.3876 14.6454 3.1308 14.3145L3.4125 13.5208C4.1535 13.6166 5.6514 13.7586 7.4016 13.6412C8.8503 13.5442 10.1715 13.2877 11.3289 12.8793C12.8013 12.3598 14.0127 11.5916 14.9295 10.5958C14.9484 10.5763 15.0021 10.5201 15.0792 10.4363C15.0783 10.4384 15.0771 10.4408 15.0762 10.4429C15.0687 10.4588 15.0612 10.4745 15.054 10.4898C15.0525 10.4928 15.051 10.4961 15.0495 10.4991C15.0219 10.5567 14.9958 10.6105 14.9715 10.6585C14.9709 10.6597 14.9703 10.661 14.9697 10.6622C14.9625 10.6769 14.9553 10.6907 14.9484 10.7045C14.9475 10.7063 14.9466 10.7081 14.9457 10.7102C14.9391 10.7234 14.9328 10.7357 14.9265 10.7477C14.9256 10.7492 14.925 10.7507 14.9241 10.7522C14.9103 10.779 14.8974 10.8033 14.8863 10.8243L14.8788 10.8387C14.8509 10.8946 14.8224 10.9498 14.793 11.0045C14.7834 11.0225 14.7732 11.0402 14.7633 11.0583C14.7432 11.0946 14.7234 11.1309 14.7027 11.167C14.6901 11.1886 14.6772 11.2099 14.6646 11.2312C14.646 11.2628 14.6274 11.2946 14.6082 11.3258C14.5941 11.3487 14.5797 11.3712 14.5653 11.3937C14.5467 11.4231 14.5284 11.4526 14.5095 11.4814C14.4945 11.5045 14.4786 11.5273 14.4633 11.5505C14.4444 11.5784 14.4261 11.6066 14.4069 11.6343C14.3907 11.6574 14.3742 11.6802 14.358 11.703C14.3388 11.7297 14.3199 11.7568 14.3004 11.7835C14.2836 11.8066 14.2659 11.8292 14.2488 11.8523C14.2293 11.8781 14.2098 11.9042 14.19 11.9298C14.1723 11.9526 14.154 11.9751 14.136 11.9976C14.1162 12.0229 14.0961 12.0481 14.076 12.0727C14.0574 12.0952 14.0388 12.1174 14.0199 12.14C13.9995 12.1643 13.9791 12.1889 13.9584 12.2129C13.9392 12.2352 13.9197 12.2574 13.9002 12.2793C13.8795 12.3027 13.8588 12.3265 13.8378 12.3499C13.818 12.3718 13.7976 12.3934 13.7775 12.4154C13.7562 12.4382 13.7352 12.4613 13.7136 12.4838C13.6932 12.5054 13.6722 12.5268 13.6515 12.5481C13.6299 12.5703 13.6083 12.5928 13.5864 12.6148C13.5654 12.6361 13.5441 12.6568 13.5228 12.6778C13.5009 12.6994 13.4787 12.7214 13.4565 12.7427C13.4349 12.7634 13.413 12.7841 13.3911 12.8049C13.3686 12.8259 13.3464 12.8472 13.3236 12.8679C13.3014 12.8883 13.2792 12.9085 13.2567 12.9286C13.2339 12.9493 13.2111 12.9697 13.1883 12.9901C13.1658 13.0103 13.1427 13.0301 13.1199 13.0499C13.0968 13.07 13.0737 13.0898 13.0506 13.1097C13.0275 13.1295 13.0041 13.1487 12.9807 13.1682C12.9573 13.1877 12.9339 13.207 12.9105 13.2262C12.8868 13.2454 12.8631 13.2643 12.8394 13.2835C12.8157 13.3025 12.792 13.3214 12.768 13.34C12.744 13.3589 12.7197 13.3775 12.6957 13.3959C12.6717 13.4142 12.6477 13.4328 12.6234 13.4508C12.5991 13.4691 12.5745 13.4875 12.5499 13.5055C12.5256 13.5235 12.5013 13.5412 12.477 13.5589C12.4521 13.5769 12.4272 13.595 12.4023 13.6127C12.378 13.6301 12.3534 13.6472 12.3288 13.6646C12.3036 13.6824 12.2781 13.6998 12.2526 13.7172C12.228 13.734 12.2034 13.7508 12.1785 13.7673C12.153 13.7845 12.1272 13.8016 12.1014 13.8187C12.0765 13.8352 12.0516 13.8514 12.0267 13.8676C12.0009 13.8845 11.9748 13.9013 11.9487 13.9178C11.9238 13.9337 11.8986 13.9496 11.8737 13.9652C11.8476 13.9818 11.8212 13.998 11.7948 14.0142C11.7696 14.0295 11.7444 14.0448 11.7192 14.0601C11.6925 14.0761 11.6661 14.0923 11.6394 14.1079C11.6142 14.1229 11.589 14.1376 11.5635 14.1523C11.5368 14.168 11.5098 14.1836 11.4831 14.1989C11.4579 14.2133 11.4324 14.2277 11.4069 14.2421C11.3799 14.2574 11.3529 14.2725 11.3256 14.2878C11.3001 14.3019 11.2749 14.3157 11.2494 14.3298C11.2221 14.3448 11.1948 14.3596 11.1675 14.3743C11.1423 14.3878 11.1168 14.4013 11.0916 14.4148C11.064 14.4295 11.0364 14.4439 11.0088 14.4584C10.9836 14.4716 10.9581 14.4845 10.9329 14.4974C10.9053 14.5115 10.8774 14.5259 10.8495 14.5397C10.8243 14.5526 10.7988 14.565 10.7733 14.5776C10.7454 14.5914 10.7175 14.6052 10.6896 14.6187C10.6644 14.631 10.6389 14.643 10.6137 14.6554C10.5858 14.6689 10.5576 14.6824 10.5297 14.6956C10.5045 14.7076 10.4793 14.7193 10.4541 14.731C10.4259 14.7442 10.3977 14.7572 10.3695 14.7701C10.3446 14.7815 10.3194 14.7926 10.2945 14.804C10.266 14.8169 10.2375 14.8298 10.209 14.8424C10.1841 14.8536 10.1595 14.8641 10.1346 14.8749C10.1061 14.8875 10.0773 14.8998 10.0488 14.9121C10.0239 14.9226 9.9993 14.9331 9.9747 14.9437C9.9462 14.9557 9.9174 14.968 9.8889 14.98C9.8646 14.9902 9.8403 15.0001 9.816 15.01C9.7872 15.022 9.7584 15.0337 9.7293 15.0455C9.705 15.0554 9.681 15.065 9.6567 15.0746C9.6279 15.086 9.5991 15.0977 9.5703 15.1091C9.5466 15.1184 9.5232 15.1274 9.4995 15.1364C9.4701 15.1479 9.441 15.1593 9.4116 15.1704C9.3888 15.1791 9.3663 15.1875 9.3435 15.1959C9.3138 15.207 9.2838 15.2184 9.2541 15.2295C9.2319 15.2377 9.2097 15.2458 9.1878 15.2539C9.1578 15.265 9.1275 15.2761 9.0975 15.2866C9.0765 15.2941 9.0555 15.3016 9.0345 15.3088C9.0036 15.3199 8.9727 15.3307 8.9418 15.3416C8.922 15.3485 8.9025 15.3551 8.883 15.362C8.8512 15.3731 8.8191 15.3839 8.7876 15.3947C8.7702 15.4004 8.7531 15.4061 8.736 15.4121C8.7021 15.4235 8.6682 15.435 8.6346 15.4461C8.6274 15.4485 8.6199 15.4509 8.6127 15.4533C8.4822 15.4962 8.3535 15.5368 8.2266 15.5755C8.2137 15.5794 8.2005 15.5836 8.1876 15.5875C8.1573 15.5965 8.1276 15.6055 8.0976 15.6142C8.0787 15.6199 8.0598 15.6257 8.0409 15.6311C8.0133 15.6392 7.986 15.647 7.9587 15.6548C7.938 15.6608 7.917 15.6671 7.8963 15.6728C7.8696 15.6803 7.8432 15.6878 7.8165 15.6953C7.7958 15.701 7.7748 15.7073 7.7541 15.713C7.728 15.7202 7.7025 15.7272 7.6767 15.7344C7.6557 15.7401 7.6347 15.7461 7.6137 15.7515C7.5888 15.7581 7.5639 15.7647 7.5393 15.7713C7.5183 15.777 7.497 15.7827 7.476 15.7881C7.4517 15.7944 7.4277 15.8007 7.4037 15.807C7.3827 15.8124 7.3614 15.8181 7.3407 15.8233C7.3176 15.8293 7.2948 15.835 7.2717 15.8407C7.2504 15.8461 7.2291 15.8515 7.2078 15.8566C7.1853 15.8623 7.1631 15.8677 7.1409 15.8731C7.1199 15.8782 7.0989 15.8833 7.0782 15.8884C7.0563 15.8938 7.0347 15.8989 7.0128 15.904C6.9921 15.9088 6.9714 15.9139 6.951 15.9188C6.9297 15.9239 6.9087 15.9287 6.8874 15.9335C6.8673 15.938 6.8472 15.9428 6.8274 15.9473C6.8067 15.9521 6.7863 15.9566 6.7656 15.9611C6.7458 15.9656 6.726 15.9701 6.7065 15.9743C6.6867 15.9788 6.6675 15.983 6.648 15.9872C6.6282 15.9914 6.6084 15.9959 6.5889 16.0001C6.5703 16.004 6.552 16.0079 6.5337 16.0118C6.5139 16.0161 6.4941 16.0203 6.4746 16.0245C6.4569 16.0281 6.4395 16.0317 6.4224 16.0353C6.4029 16.0392 6.3834 16.0434 6.3645 16.0473C6.3477 16.0506 6.3312 16.0539 6.3147 16.0575C6.2958 16.0614 6.2769 16.065 6.2583 16.0689C6.2421 16.0722 6.2262 16.0752 6.2106 16.0782C6.1992 16.0803 6.1881 16.0827 6.1767 16.0848C5.4552 15.8656 4.7916 15.5758 4.2021 15.222L4.203 15.2238ZM21.7242 10.2258C20.9643 15.6665 15.8076 19.8363 9.7296 19.9252C8.7369 19.9396 7.7952 19.8303 6.9309 19.5999C6.3408 19.4429 5.847 19.22 5.4582 18.936L5.5173 17.969C5.667 17.9458 5.8437 17.917 6.0429 17.8813H6.0441L6.2007 17.8524C6.2448 17.8443 6.2895 17.8356 6.3348 17.8269C7.1979 17.6608 8.3028 17.4002 9.4947 16.9987C10.2474 16.7449 11.0349 16.4353 11.8182 16.0575C14.3601 14.8319 16.1742 13.2211 17.2134 11.2679C17.247 11.2048 17.2797 11.1414 17.3115 11.0778C17.3808 10.9474 18.063 9.64561 18.2292 8.68012C18.2418 8.60624 18.2598 8.52546 18.282 8.44017C18.4971 7.61582 19.1388 6.35333 19.86 6.35333C19.9008 6.35333 19.9443 6.35453 19.9962 6.35723C20.5296 6.38366 20.9292 6.56594 21.2172 6.9146C21.7362 7.54285 21.9258 8.78042 21.7239 10.2258H21.7242Z",
           fill: colors.neutral800
         }
       ) }),
-      /* @__PURE__ */ jsx21("defs", { children: /* @__PURE__ */ jsx21("clipPath", { id: "clip0_0_2321", children: /* @__PURE__ */ jsx21("rect", { width: "24", height: "22", fill: "white" }) }) })
+      /* @__PURE__ */ jsx22("defs", { children: /* @__PURE__ */ jsx22("clipPath", { id: "clip0_0_2321", children: /* @__PURE__ */ jsx22("rect", { width: "24", height: "22", fill: "white" }) }) })
     ]
   }
 );
 var IconBanana_default = SvgIconBanana;
 
 // src/components/icons/IconBuying.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var SvgIconBuying = (props) => /* @__PURE__ */ jsxs17("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx22(
+  /* @__PURE__ */ jsx23(
     "path",
     {
       className: "icon-buying_svg__st0",
       d: "M672.6 1136.6c-1.6 0-3 1.3-3 2.9s1.4 3 3 3 3-1.4 2.9-2.9c-.1-1.6-1.3-3-2.9-3zM683.4 1136.5c-1.7 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3.1c0-1.7-1.4-2.9-3-2.9z"
     }
   ),
-  /* @__PURE__ */ jsx22(
+  /* @__PURE__ */ jsx23(
     "path",
     {
       className: "icon-buying_svg__st0",
       d: "M672.4 1130.2h.9v1.2c0 1.1.9 2 2 2h6.9c-1.6.3-3 1.3-4 2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7-1.2 0-2.3.3-3.3.9v-3.7-.1c.1 0 .2-.1.7-.2m17.2 3.1v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4 0 .7-.1 1.2-.2.2.1.3 0 .3 0m.8-15.1c-.7 0-1.3.5-1.4 1.1v12.1c-.4.1-.7.1-.9.1-.4 0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1 0-1.6.3-1.6 1.6v8.1c-1.6.2-2.4 1-2.4 2.3v6.8c0 .2.2.7.5.7.1 0 .3.1.5.1s.4-.1.6-.4c.8-1.6 2.1-2.4 3.8-2.4s2.9.8 3.7 2.3c.1.3.3.5.7.5h1.9c.5 0 .6-.2.8-.6.8-1.5 2.1-2.3 3.8-2.3 1.7 0 2.9.9 3.7 2.4.5.9.5 1.8.2 3h5.4c.7 0 1.1-.6 1.1-1 0-.7-.3-1.1-.9-1.4-.2-.1-.6-.1-.8-.1h-2.9v-1.1-16.9-.7c-.3-.8-.7-1.2-1.4-1.2zm-15.6 9.9v-7.2h5.5c.1 0 .3.1.3.3 1.4 3.3 2.9 6.6 4.2 9.9v.1h-7.2v-2.3c0-.8-.1-.9-.9-.9-.7.1-1.3.1-1.9.1zM39 18.7c-.3-.1-.7-.1-.9-.1H21.2c-.5 0-.6-.1-.7-.4-.1-.3-.3-.6-.4-.8-.1-.2-.2-.5-.4-.8l-.1-.1c-.1-.1-.2-.3-.3-.3h-3.9v2.7h2.1c.2 0 .4 0 .5.3.5.9.9 1.9 1.4 2.8.9 1.8 1.9 3.7 2.7 5.7 0 0 .1.1.1.2s0 .2-.1.2c-.2.5-.5 1-.8 1.5-.2.3-.3.5-.5.9-.5.9-.6 2-.1 2.8.5.8 1.3 1.3 2.4 1.3h14.4V32H23.4c-.3 0-.5 0-.5-.1s.1-.3.1-.5c.3-.3.5-.7.7-1.2.2-.3.4-.4.8-.4h8.3c1.1 0 2-.5 2.6-1.7.7-1.3 1.4-2.7 2.3-4.1.6-1.1 1.3-2.3 1.9-3.5.4-.8-.1-1.5-.6-1.8zm-2.2 2.1c-.4.7-.8 1.4-1.1 2-.8 1.4-1.6 2.8-2.3 4.1-.3.5-.4.5-.6.5H24.2c0-.3-.1-.7-.3-.9-.8-2-1.8-3.8-2.7-5.7v-.1h15.6zM22.8 35.5c-1.4 0-2.6 1.2-2.6 2.6s1.2 2.6 2.6 2.6 2.6-1.2 2.6-2.6-1.2-2.6-2.6-2.6z"
     }
   ),
-  /* @__PURE__ */ jsx22("circle", { className: "icon-buying_svg__st0", cx: 34.7, cy: 38.1, r: 2.6 })
+  /* @__PURE__ */ jsx23("circle", { className: "icon-buying_svg__st0", cx: 34.7, cy: 38.1, r: 2.6 })
 ] });
 var IconBuying_default = SvgIconBuying;
 
 // src/components/icons/IconContentManagement.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var IconContentManagement = (props) => /* @__PURE__ */ jsxs18("svg", { viewBox: "0 0 55 56.7", ...props, fill: "0000", strokeWidth: "0px", children: [
-  /* @__PURE__ */ jsx23(
+  /* @__PURE__ */ jsx24(
     "path",
     {
       className: "cls-1",
       d: "M33,38.1c0,1.2-1.2,2.2-2.8,2.2h-11c-1.6,0-2.8-1.2-2.8-2.8v-18.3c0-1.5,1.1-2.8,2.5-2.9,1.1-.1,3.2-.1,4.4-.1h1.6v2.1h-5.2c-1.2,0-1.3.1-1.3,1.3v16.9c0,1.1.2,1.3,1.3,1.3h9.7c1.2,0,1.3,0,1.3-1.4v-5.9h2.2v2.6c0,1.7.2,3.4,0,5Z"
     }
   ),
-  /* @__PURE__ */ jsx23("rect", { className: "cls-1", x: "21.6", y: "34.1", width: "3.6", height: "5.2" }),
-  /* @__PURE__ */ jsx23(
+  /* @__PURE__ */ jsx24("rect", { className: "cls-1", x: "21.6", y: "34.1", width: "3.6", height: "5.2" }),
+  /* @__PURE__ */ jsx24(
     "path",
     {
       className: "cls-1",
@@ -1792,23 +1827,23 @@ var IconContentManagement = (props) => /* @__PURE__ */ jsxs18("svg", { viewBox:
 var IconContentManagement_default = IconContentManagement;
 
 // src/components/icons/IconGoodsin.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 var SvgIconGoodsin = (props) => /* @__PURE__ */ jsxs19("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx24(
+  /* @__PURE__ */ jsx25(
     "path",
     {
       className: "icon-goodsin_svg__st0",
       d: "M672.6 1136.6c-1.6 0-3 1.3-3 2.9s1.4 3 3 3 3-1.4 2.9-2.9c-.1-1.6-1.3-3-2.9-3zM683.4 1136.5c-1.7 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3.1c0-1.7-1.4-2.9-3-2.9z"
     }
   ),
-  /* @__PURE__ */ jsx24(
+  /* @__PURE__ */ jsx25(
     "path",
     {
       className: "icon-goodsin_svg__st0",
       d: "M672.4 1130.2h.9v1.2c0 1.1.9 2 2 2h6.9c-1.6.3-3 1.3-4 2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7-1.2 0-2.3.3-3.3.9v-3.7-.1c.1 0 .2-.1.7-.2m17.2 3.1v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4 0 .7-.1 1.2-.2.2.1.3 0 .3 0m.8-15.1c-.7 0-1.3.5-1.4 1.1v12.1c-.4.1-.7.1-.9.1-.4 0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1 0-1.6.3-1.6 1.6v8.1c-1.6.2-2.4 1-2.4 2.3v6.8c0 .2.2.7.5.7.1 0 .3.1.5.1s.4-.1.6-.4c.8-1.6 2.1-2.4 3.8-2.4s2.9.8 3.7 2.3c.1.3.3.5.7.5h1.9c.5 0 .6-.2.8-.6.8-1.5 2.1-2.3 3.8-2.3 1.7 0 2.9.9 3.7 2.4.5.9.5 1.8.2 3h5.4c.7 0 1.1-.6 1.1-1 0-.7-.3-1.1-.9-1.4-.2-.1-.6-.1-.8-.1h-2.9v-1.1-16.9-.7c-.3-.8-.7-1.2-1.4-1.2zm-15.6 9.9v-7.2h5.5c.1 0 .3.1.3.3 1.4 3.3 2.9 6.6 4.2 9.9v.1h-7.2v-2.3c0-.8-.1-.9-.9-.9-.7.1-1.3.1-1.9.1zM19.5 34.6c-1.6 0-3 1.3-3 2.9s1.4 3 3 3 3-1.4 2.9-2.9c0-1.6-1.3-3-2.9-3zM30.4 34.5c-1.7 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3.1c-.1-1.7-1.4-2.9-3-2.9z"
     }
   ),
-  /* @__PURE__ */ jsx24(
+  /* @__PURE__ */ jsx25(
     "path",
     {
       className: "icon-goodsin_svg__st0",
@@ -1819,8 +1854,8 @@ var SvgIconGoodsin = (props) => /* @__PURE__ */ jsxs19("svg", { viewBox: "0 0 55
 var IconGoodsin_default = SvgIconGoodsin;
 
 // src/components/icons/IconGrape.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-var SvgIconGrape = (props) => /* @__PURE__ */ jsx25(
+import { jsx as jsx26 } from "react/jsx-runtime";
+var SvgIconGrape = (props) => /* @__PURE__ */ jsx26(
   "svg",
   {
     width: "24",
@@ -1829,7 +1864,7 @@ var SvgIconGrape = (props) => /* @__PURE__ */ jsx25(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx25(
+    children: /* @__PURE__ */ jsx26(
       "path",
       {
         d: "M21 12C20.9984 10.6744 20.4711 9.40355 19.5338 8.46621C18.5964 7.52888 17.3256 7.00158 16 6.99999C14.9141 7.00504 13.86 7.36695 13 8.02999C13 8.02099 13.005 8.01399 13.005 8.00499C12.9832 7.60549 13.0456 7.20586 13.1882 6.83205C13.3309 6.45824 13.5506 6.11862 13.833 5.83523C14.1154 5.55185 14.4543 5.33104 14.8277 5.18714C15.201 5.04325 15.6004 4.97948 16 4.99999C16.2652 4.99999 16.5196 4.89464 16.7071 4.7071C16.8946 4.51956 17 4.26521 17 3.99999C17 3.73478 16.8946 3.48042 16.7071 3.29289C16.5196 3.10535 16.2652 2.99999 16 2.99999C15.3032 2.96439 14.6071 3.08408 13.9622 3.35041C13.3173 3.61675 12.7396 4.02307 12.271 4.53999C11.8704 3.47457 11.1471 2.56079 10.2022 1.92617C9.25727 1.29156 8.1378 0.967771 6.99999 0.999994C6.73478 0.999994 6.48042 1.10535 6.29289 1.29289C6.10535 1.48042 5.99999 1.73478 5.99999 1.99999C5.99703 3.81487 6.5846 5.58144 7.67399 7.03299C6.45538 7.10841 5.30691 7.62879 4.44673 8.49528C3.58655 9.36177 3.07458 10.514 3.00807 11.7331C2.94156 12.9523 3.32514 14.1534 4.08596 15.1083C4.84677 16.0632 5.93182 16.7055 7.13499 16.913C7.04927 17.2691 7.00398 17.6337 6.99999 18C6.99557 18.7054 7.14048 19.4038 7.4252 20.0493C7.70991 20.6947 8.12799 21.2726 8.65196 21.745C9.17592 22.2174 9.79392 22.5735 10.4653 22.79C11.1367 23.0065 11.8464 23.0785 12.5476 23.0012C13.2488 22.924 13.9257 22.6992 14.5339 22.3417C15.142 21.9841 15.6676 21.502 16.0762 20.9268C16.4847 20.3517 16.7669 19.6967 16.9042 19.0047C17.0416 18.3127 17.0309 17.5995 16.873 16.912C18.0277 16.7072 19.0738 16.1031 19.8282 15.2052C20.5826 14.3073 20.9974 13.1728 21 12ZM10.882 6.85099C8.99399 6.30899 8.34299 4.40599 8.11799 3.15099C10.006 3.69099 10.657 5.59299 10.882 6.85099ZM4.99999 12C4.99999 11.2043 5.31606 10.4413 5.87867 9.87867C6.44128 9.31606 7.20434 8.99999 7.99999 8.99999C8.79564 8.99999 9.55871 9.31606 10.1213 9.87867C10.6839 10.4413 11 11.2043 11 12C11 15.975 4.99999 15.976 4.99999 12ZM12 21C11.2043 21 10.4413 20.6839 9.87867 20.1213C9.31606 19.5587 8.99999 18.7956 8.99999 18C8.9999 17.5953 9.08544 17.1952 9.25099 16.826C10.3394 16.5388 11.3007 15.8961 11.982 15C12.4994 15.0066 13.0067 15.1437 13.457 15.3985C13.9073 15.6534 14.286 16.0178 14.558 16.458C14.8368 16.911 14.9893 17.4304 14.9996 17.9622C15.01 18.494 14.8778 19.0189 14.6167 19.4824C14.3557 19.9459 13.9754 20.331 13.5152 20.5979C13.0551 20.8648 12.5319 21.0036 12 21ZM16 15H15.982C15.3229 14.1283 14.3951 13.4979 13.342 13.206C13.311 13.197 13.282 13.182 13.251 13.174C13.0854 12.8047 12.9999 12.4047 13 12C13 11.4066 13.1759 10.8266 13.5056 10.3333C13.8352 9.83994 14.3038 9.45542 14.8519 9.22835C15.4001 9.00129 16.0033 8.94188 16.5853 9.05764C17.1672 9.17339 17.7018 9.45912 18.1213 9.87867C18.5409 10.2982 18.8266 10.8328 18.9424 11.4147C19.0581 11.9967 18.9987 12.5999 18.7716 13.148C18.5446 13.6962 18.1601 14.1648 17.6667 14.4944C17.1734 14.824 16.5933 15 16 15Z",
@@ -1841,23 +1876,23 @@ var SvgIconGrape = (props) => /* @__PURE__ */ jsx25(
 var IconGrape_default = SvgIconGrape;
 
 // src/components/icons/IconHome.tsx
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var SvgIconHome = (props) => /* @__PURE__ */ jsxs20("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx26(
+  /* @__PURE__ */ jsx27(
     "path",
     {
       className: "icon-home_svg__st0",
       d: "M672.6 1136.6c-1.6 0-3 1.3-3 2.9s1.4 3 3 3 3-1.4 2.9-2.9c-.1-1.6-1.3-3-2.9-3zM683.4 1136.5c-1.7 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3.1c0-1.7-1.4-2.9-3-2.9z"
     }
   ),
-  /* @__PURE__ */ jsx26(
+  /* @__PURE__ */ jsx27(
     "path",
     {
       className: "icon-home_svg__st0",
       d: "M672.4 1130.2h.9v1.2c0 1.1.9 2 2 2h6.9c-1.6.3-3 1.3-4 2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7-1.2 0-2.3.3-3.3.9v-3.7-.1c.1 0 .2-.1.7-.2m17.2 3.1v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4 0 .7-.1 1.2-.2.2.1.3 0 .3 0m.8-15.1c-.7 0-1.3.5-1.4 1.1v12.1c-.4.1-.7.1-.9.1-.4 0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1 0-1.6.3-1.6 1.6v8.1c-1.6.2-2.4 1-2.4 2.3v6.8c0 .2.2.7.5.7.1 0 .3.1.5.1s.4-.1.6-.4c.8-1.6 2.1-2.4 3.8-2.4s2.9.8 3.7 2.3c.1.3.3.5.7.5h1.9c.5 0 .6-.2.8-.6.8-1.5 2.1-2.3 3.8-2.3 1.7 0 2.9.9 3.7 2.4.5.9.5 1.8.2 3h5.4c.7 0 1.1-.6 1.1-1 0-.7-.3-1.1-.9-1.4-.2-.1-.6-.1-.8-.1h-2.9v-1.1-16.9-.7c-.3-.8-.7-1.2-1.4-1.2zm-15.6 9.9v-7.2h5.5c.1 0 .3.1.3.3 1.4 3.3 2.9 6.6 4.2 9.9v.1h-7.2v-2.3c0-.8-.1-.9-.9-.9-.7.1-1.3.1-1.9.1z"
     }
   ),
-  /* @__PURE__ */ jsx26(
+  /* @__PURE__ */ jsx27(
     "path",
     {
       className: "icon-home_svg__st1",
@@ -1868,8 +1903,8 @@ var SvgIconHome = (props) => /* @__PURE__ */ jsxs20("svg", { viewBox: "0 0 55 56
 var IconHome_default = SvgIconHome;
 
 // src/components/icons/IconImport.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
-var SvgIconImport = (props) => /* @__PURE__ */ jsx27("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-8 -8 40 40", ...props, children: /* @__PURE__ */ jsx27(
+import { jsx as jsx28 } from "react/jsx-runtime";
+var SvgIconImport = (props) => /* @__PURE__ */ jsx28("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-8 -8 40 40", ...props, children: /* @__PURE__ */ jsx28(
   "path",
   {
     className: "icon-runs_svg__st0",
@@ -1879,16 +1914,16 @@ var SvgIconImport = (props) => /* @__PURE__ */ jsx27("svg", { xmlns: "http://www
 var IconImport_default = SvgIconImport;
 
 // src/components/icons/IconLocation.tsx
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 var SvgIconLocation = (props) => /* @__PURE__ */ jsxs21("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx28(
+  /* @__PURE__ */ jsx29(
     "path",
     {
       className: "icon-location_svg__st0",
       d: "M36.8 25.4c-.1-2.5-1.1-4.8-2.9-6.5-1.8-1.8-4.1-2.7-6.6-2.7-5.1 0-9.2 4.2-9.2 9.3 0 1.8.5 3.5 1.6 5.1 1.6 2.6 3.4 5.3 5.5 8.5.8 1.1 1.7 1.4 2.3 1.4h.1c.6 0 1.5-.3 2.2-1.4.5-.7.9-1.4 1.4-2.2l.1-.2c1.2-1.9 2.5-3.8 3.7-5.7 1.3-1.7 1.9-3.6 1.8-5.6zm-9.4-6.6h.1c1.7 0 3.4.7 4.6 1.9 1.3 1.3 2.1 3 2.1 4.8.1 1.7-.7 3.1-1.3 4l-.1.1c-1.2 1.9-2.4 3.8-3.7 5.7-.5.8-1 1.5-1.5 2.3-.1.1-.1.2-.2.2l-.2-.2c-2.1-3.1-3.8-5.8-5.5-8.4-.8-1.1-1.1-2.4-1.1-3.7.1-3.7 3.1-6.7 6.8-6.7zm.1 21.3z"
     }
   ),
-  /* @__PURE__ */ jsx28(
+  /* @__PURE__ */ jsx29(
     "path",
     {
       className: "icon-location_svg__st0",
@@ -1899,16 +1934,16 @@ var SvgIconLocation = (props) => /* @__PURE__ */ jsxs21("svg", { viewBox: "0 0 5
 var IconLocation_default = SvgIconLocation;
 
 // src/components/icons/IconLogin.tsx
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 var SvgIconLogin = (props) => /* @__PURE__ */ jsxs22("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx29(
+  /* @__PURE__ */ jsx30(
     "path",
     {
       className: "icon-login_svg__st0",
       d: "M24.4 35.7h-4.1c-1.4 0-2.2-.9-2.2-2.2v-9.9c0-1.4.9-2.2 2.2-2.2h4.2c.6 0 1-.4 1-1v-.5c0-.8-.4-1-1-1H20c-1 0-2 .4-2.9 1.2-.8.7-1.2 1.8-1.4 2.6v11.4c0 .1 0 .2.1.3v.1c.4 1.9 2.1 3.4 3.9 3.4h4.8c.2 0 .6 0 .6-.3.1-.4.2-1 .1-1.3 0-.5-.7-.6-.8-.6z"
     }
   ),
-  /* @__PURE__ */ jsx29(
+  /* @__PURE__ */ jsx30(
     "path",
     {
       className: "icon-login_svg__st0",
@@ -1919,16 +1954,16 @@ var SvgIconLogin = (props) => /* @__PURE__ */ jsxs22("svg", { viewBox: "0 0 55 5
 var IconLogin_default = SvgIconLogin;
 
 // src/components/icons/IconNotification.tsx
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 var SvgIconNotification = (props) => /* @__PURE__ */ jsxs23("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx30(
+  /* @__PURE__ */ jsx31(
     "path",
     {
       className: "icon-notification_svg__st0",
       d: "M33 38.1c-.1 1.2-1.2 2.2-2.8 2.2h-11c-1.6 0-2.8-1.2-2.8-2.8V19.2c0-1.5 1.1-2.8 2.5-2.9 1.1-.1 3.2-.1 4.4-.1H24.9v2.1H19.7c-1.2 0-1.3.1-1.3 1.3v16.9c0 1.1.2 1.3 1.3 1.3h9.7c1.2 0 1.3-.1 1.3-1.4v-5.9h2.2v2.6c.1 1.7.2 3.4.1 5z"
     }
   ),
-  /* @__PURE__ */ jsx30(
+  /* @__PURE__ */ jsx31(
     "path",
     {
       className: "icon-notification_svg__st0",
@@ -1939,24 +1974,24 @@ var SvgIconNotification = (props) => /* @__PURE__ */ jsxs23("svg", { viewBox: "0
 var IconNotification_default = SvgIconNotification;
 
 // src/components/icons/IconOpsMetrics.tsx
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 var SvgIconOpsMetrics = (props) => /* @__PURE__ */ jsxs24("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx31("path", { d: "M672.6 1136.6c-1.6 0-3 1.3-3 2.9s1.4 3 3 3 3-1.4 2.9-2.9c-.1-1.6-1.3-3-2.9-3zM683.4 1136.5c-1.7 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3.1c0-1.7-1.4-2.9-3-2.9z" }),
-  /* @__PURE__ */ jsx31("path", { d: "M672.4 1130.2h.9v1.2c0 1.1.9 2 2 2h6.9c-1.6.3-3 1.3-4 2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7-1.2 0-2.3.3-3.3.9v-3.7-.1c.1 0 .2-.1.7-.2m17.2 3.1v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4 0 .7-.1 1.2-.2.2.1.3 0 .3 0m.8-15.1c-.7 0-1.3.5-1.4 1.1v12.1c-.4.1-.7.1-.9.1-.4 0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1 0-1.6.3-1.6 1.6v8.1c-1.6.2-2.4 1-2.4 2.3v6.8c0 .2.2.7.5.7.1 0 .3.1.5.1s.4-.1.6-.4c.8-1.6 2.1-2.4 3.8-2.4s2.9.8 3.7 2.3c.1.3.3.5.7.5h1.9c.5 0 .6-.2.8-.6.8-1.5 2.1-2.3 3.8-2.3s2.9.9 3.7 2.4c.5.9.5 1.8.2 3h5.4c.7 0 1.1-.6 1.1-1 0-.7-.3-1.1-.9-1.4-.2-.1-.6-.1-.8-.1h-2.9v-1.1-16.9-.7c-.3-.8-.7-1.2-1.4-1.2zm-15.6 9.9v-7.2h5.5c.1 0 .3.1.3.3 1.4 3.3 2.9 6.6 4.2 9.9v.1h-7.2v-2.3c0-.8-.1-.9-.9-.9-.7.1-1.3.1-1.9.1zM39.5 40.7H29V28.2h10.5v12.5zm-8-2.5H37v-7.5h-5.5v7.5zm-6 2.5H15v-8.5h10.5v8.5zm-8-2.5H23v-3.5h-5.5v3.5zm8-9.5H15V16.2h10.5v12.5zm-8-2.5H23v-7.5h-5.5v7.5zm22-1.5H29v-8.5h10.5v8.5zm-8-2.5H37v-3.5h-5.5v3.5z" })
+  /* @__PURE__ */ jsx32("path", { d: "M672.6 1136.6c-1.6 0-3 1.3-3 2.9s1.4 3 3 3 3-1.4 2.9-2.9c-.1-1.6-1.3-3-2.9-3zM683.4 1136.5c-1.7 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3.1c0-1.7-1.4-2.9-3-2.9z" }),
+  /* @__PURE__ */ jsx32("path", { d: "M672.4 1130.2h.9v1.2c0 1.1.9 2 2 2h6.9c-1.6.3-3 1.3-4 2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7-1.2 0-2.3.3-3.3.9v-3.7-.1c.1 0 .2-.1.7-.2m17.2 3.1v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4 0 .7-.1 1.2-.2.2.1.3 0 .3 0m.8-15.1c-.7 0-1.3.5-1.4 1.1v12.1c-.4.1-.7.1-.9.1-.4 0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1 0-1.6.3-1.6 1.6v8.1c-1.6.2-2.4 1-2.4 2.3v6.8c0 .2.2.7.5.7.1 0 .3.1.5.1s.4-.1.6-.4c.8-1.6 2.1-2.4 3.8-2.4s2.9.8 3.7 2.3c.1.3.3.5.7.5h1.9c.5 0 .6-.2.8-.6.8-1.5 2.1-2.3 3.8-2.3s2.9.9 3.7 2.4c.5.9.5 1.8.2 3h5.4c.7 0 1.1-.6 1.1-1 0-.7-.3-1.1-.9-1.4-.2-.1-.6-.1-.8-.1h-2.9v-1.1-16.9-.7c-.3-.8-.7-1.2-1.4-1.2zm-15.6 9.9v-7.2h5.5c.1 0 .3.1.3.3 1.4 3.3 2.9 6.6 4.2 9.9v.1h-7.2v-2.3c0-.8-.1-.9-.9-.9-.7.1-1.3.1-1.9.1zM39.5 40.7H29V28.2h10.5v12.5zm-8-2.5H37v-7.5h-5.5v7.5zm-6 2.5H15v-8.5h10.5v8.5zm-8-2.5H23v-3.5h-5.5v3.5zm8-9.5H15V16.2h10.5v12.5zm-8-2.5H23v-7.5h-5.5v7.5zm22-1.5H29v-8.5h10.5v8.5zm-8-2.5H37v-3.5h-5.5v3.5z" })
 ] });
 var IconOpsMetrics_default = SvgIconOpsMetrics;
 
 // src/components/icons/IconOrders.tsx
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 var SvgIconOrders = (props) => /* @__PURE__ */ jsxs25("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx32(
+  /* @__PURE__ */ jsx33(
     "path",
     {
       className: "icon-orders_svg__st0",
       d: "M36.1 23.3l-6.6-6.6c-.2-.2-.5-.3-.8-.3h-8.8c-1.8 0-3.3 1.5-3.3 3.3v17.7c0 1.8 1.5 3.3 3.3 3.3h13.2c1.8 0 3.3-1.5 3.3-3.3V24.1c0-.3-.1-.6-.3-.8zm-1.9 14.1c0 .6-.5 1.1-1.1 1.1H19.9c-.6 0-1.1-.5-1.1-1.1V19.7c0-.6.5-1.1 1.1-1.1h8.4l6 6-.1 12.8z"
     }
   ),
-  /* @__PURE__ */ jsx32(
+  /* @__PURE__ */ jsx33(
     "path",
     {
       className: "icon-orders_svg__st0",
@@ -1967,8 +2002,8 @@ var SvgIconOrders = (props) => /* @__PURE__ */ jsxs25("svg", { viewBox: "0 0 55
 var IconOrders_default = SvgIconOrders;
 
 // src/components/icons/IconPhone.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
-var SvgIconPhone = (props) => /* @__PURE__ */ jsx33("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx33(
+import { jsx as jsx34 } from "react/jsx-runtime";
+var SvgIconPhone = (props) => /* @__PURE__ */ jsx34("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx34(
   "path",
   {
     className: "icon-phone_svg__st0",
@@ -1978,30 +2013,30 @@ var SvgIconPhone = (props) => /* @__PURE__ */ jsx33("svg", { viewBox: "0 0 55 56
 var IconPhone_default = SvgIconPhone;
 
 // src/components/icons/IconPriceList.tsx
-import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
 var SvgIconPriceList = (props) => /* @__PURE__ */ jsxs26("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx34(
+  /* @__PURE__ */ jsx35(
     "path",
     {
       className: "icon-price-list_svg__st0",
       d: "M672.6 1136.6c-1.6 0-3 1.3-3 2.9s1.4 3 3 3 3-1.4 2.9-2.9c-.1-1.6-1.3-3-2.9-3zM683.4 1136.5c-1.7 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3.1c0-1.7-1.4-2.9-3-2.9z"
     }
   ),
-  /* @__PURE__ */ jsx34(
+  /* @__PURE__ */ jsx35(
     "path",
     {
       className: "icon-price-list_svg__st0",
       d: "M672.4 1130.2h.9v1.2c0 1.1.9 2 2 2h6.9c-1.6.3-3 1.3-4 2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7-1.2 0-2.3.3-3.3.9v-3.7-.1c.1 0 .2-.1.7-.2m17.2 3.1v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4 0 .7-.1 1.2-.2.2.1.3 0 .3 0m.8-15.1c-.7 0-1.3.5-1.4 1.1v12.1c-.4.1-.7.1-.9.1-.4 0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1 0-1.6.3-1.6 1.6v8.1c-1.6.2-2.4 1-2.4 2.3v6.8c0 .2.2.7.5.7.1 0 .3.1.5.1s.4-.1.6-.4c.8-1.6 2.1-2.4 3.8-2.4s2.9.8 3.7 2.3c.1.3.3.5.7.5h1.9c.5 0 .6-.2.8-.6.8-1.5 2.1-2.3 3.8-2.3 1.7 0 2.9.9 3.7 2.4.5.9.5 1.8.2 3h5.4c.7 0 1.1-.6 1.1-1 0-.7-.3-1.1-.9-1.4-.2-.1-.6-.1-.8-.1h-2.9v-1.1-16.9-.7c-.3-.8-.7-1.2-1.4-1.2zm-15.6 9.9v-7.2h5.5c.1 0 .3.1.3.3 1.4 3.3 2.9 6.6 4.2 9.9v.1h-7.2v-2.3c0-.8-.1-.9-.9-.9-.7.1-1.3.1-1.9.1z"
     }
   ),
-  /* @__PURE__ */ jsx34(
+  /* @__PURE__ */ jsx35(
     "path",
     {
       className: "icon-price-list_svg__st1",
       d: "M27.3 33c2.6 0 4.8-2.1 4.8-4.7 0-2.5-2.1-4.6-4.8-4.6-2.6 0-4.8 2.1-4.8 4.7 0 1.2.5 2.3 1.4 3.2.9.9 2.1 1.4 3.4 1.4zm-2.4-4.6c0-1.3 1.1-2.3 2.4-2.3 1.3 0 2.4 1 2.4 2.2 0 1.3-1.1 2.3-2.4 2.3-.7 0-1.3-.3-1.7-.7-.5-.4-.7-1-.7-1.5z"
     }
   ),
-  /* @__PURE__ */ jsx34(
+  /* @__PURE__ */ jsx35(
     "path",
     {
       className: "icon-price-list_svg__st1",
@@ -2012,16 +2047,16 @@ var SvgIconPriceList = (props) => /* @__PURE__ */ jsxs26("svg", { viewBox: "0 0
 var IconPriceList_default = SvgIconPriceList;
 
 // src/components/icons/IconProducts.tsx
-import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 var SvgIconProducts = (props) => /* @__PURE__ */ jsxs27("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx35(
+  /* @__PURE__ */ jsx36(
     "path",
     {
       className: "icon-products_svg__st0",
       d: "M23.2 30.2c0-.9-.6-1.5-1.5-1.5-.8 0-1.7.8-1.7 1.5 0 1 .8 1.6 1.6 1.7h.2c.3 0 .6-.1.8-.3.4-.3.6-.8.6-1.4zM23.1 32c-.3-.1-.6 0-.8.1-.3.2-.5.6-.5 1 .1.5.3 1 1.1 1 .7 0 1.1-.4 1.1-1.1 0-.7-.6-.9-.9-1zM22.5 23.4c-1.4 0-2.5 1.1-2.5 2.5s1 2.3 2.5 2.4h.2c.6 0 1.2-.3 1.7-.8.4-.5.6-1.1.5-1.6-.2-1.5-1.1-2.5-2.4-2.5z"
     }
   ),
-  /* @__PURE__ */ jsx35(
+  /* @__PURE__ */ jsx36(
     "path",
     {
       className: "icon-products_svg__st0",
@@ -2032,79 +2067,79 @@ var SvgIconProducts = (props) => /* @__PURE__ */ jsxs27("svg", { viewBox: "0 0 5
 var IconProducts_default = SvgIconProducts;
 
 // src/components/icons/IconPromoCode.tsx
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 var SvgIconPromoCode = (props) => /* @__PURE__ */ jsxs28("svg", { viewBox: "0 0 42.5 42.5", ...props, children: [
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M11.5,15.9c1.2,0,0.8-1,0.8-1.7c0-1.5,0.2-1.5,1.7-1.7c0.7,0,1.7,0.3,1.7-0.8c0,0,0,0,0-0.1\n      c0-0.3-0.1-0.4-0.2-0.5c-0.3-0.4-1.1-0.2-1.5-0.2c-2.7,0-3.5,0.8-3.3,3.3c0,0.3,0,0.6,0,0.8C10.7,15.6,10.8,16,11.5,15.9z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M14.9,17.5C14.9,17.6,14.9,17.6,14.9,17.5C14.9,17.6,14.9,17.6,14.9,17.5c0,1.5,1.1,2.5,2.5,2.5c0,0,0,0,0,0\n      c0,0,0,0,0,0s0,0,0,0c1.4,0,2.5-1.1,2.5-2.4c0,0,0-0.1,0-0.1c0-1.4-1.1-2.5-2.5-2.5c0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0\n      C16,15.1,14.9,16.2,14.9,17.5z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M26.7,24.4C26.7,24.4,26.7,24.4,26.7,24.4C26.7,24.4,26.7,24.4,26.7,24.4c0-1.4-1.1-2.5-2.5-2.5\n      c-0.1,0-0.1,0-0.2,0c-1.4,0-2.5,1.2-2.5,2.7c0,1.4,1.2,2.5,2.7,2.5C25.6,27,26.8,25.9,26.7,24.4z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M30,18.4c-0.5,0-0.8,0.4-0.8,0.8v0v3.5v0c0,0.5,0.4,0.8,0.8,0.8s0.8-0.4,0.8-0.8v0v-1.7v0v0v-1.8v0\n      C30.9,18.8,30.5,18.4,30,18.4z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M25.9,16.8c0-0.3-0.2-0.5-0.5-0.7c-0.5-0.3-0.8,0-1.2,0.3c0,0-0.1,0.1-0.1,0.1L16,24.6\n      c-0.1,0.1-0.2,0.1-0.3,0.2c-0.2,0.3-0.2,0.8,0.1,1c0,0,0,0,0.1,0.1c0.5,0.5,1,0.2,1.3-0.2l0.2-0.2c0,0,0,0,0,0l8-8\n      C25.7,17.4,25.9,17.1,25.9,16.8z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M19,12.6L19,12.6C19.1,12.6,19.1,12.6,19,12.6c0.1,0,0.1,0,0.2,0h3.3c0.4,0,0.8-0.3,0.8-0.7c0,0,0-0.1,0-0.1\n      c0-0.4-0.3-0.8-0.7-0.8c0,0-0.1,0-0.1,0h-0.2c0,0,0,0,0,0h-1.5h-1.7c-0.7,0-1,0.2-1,0.8c0,0,0,0.1,0,0.1\n      C18.2,12.3,18.6,12.6,19,12.6z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M12.4,19.2c0-0.4-0.4-0.8-0.8-0.7c0,0-0.1,0-0.1,0c-0.4,0-0.8,0.4-0.7,0.8v0.2v3.2v0.1v0.1\n      c0,0.4,0.3,0.8,0.7,0.8c0,0,0.1,0,0.1,0c0.4,0,0.8-0.3,0.8-0.7c0,0,0-0.1,0-0.1l0-1.7v-1.7c0,0,0,0,0,0V19.2\n      C12.4,19.2,12.4,19.2,12.4,19.2z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M22.4,29.4H22h-1.3h-1.2h-0.3c-0.5,0-0.9,0.3-1,0.8c0,0.4,0.3,0.8,0.7,0.8c0,0,0.1,0,0.1,0h0.3h2.8h0.3\n      c0,0,0.1,0,0.1,0c0.4,0,0.8-0.4,0.7-0.8C23.3,29.8,22.9,29.4,22.4,29.4z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M27.5,12.6L27.5,12.6c1.5,0,1.7,0.2,1.7,1.6v0.1c0,0.7-0.3,1.6,0.8,1.6c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0\n      c0.2,0,0.3,0,0.4-0.1c0,0,0,0,0,0c0.6-0.2,0.4-1,0.4-1.6l0-0.2c0.1-0.8-0.1-1.6-0.5-2.3c-1.1-0.9-2.6-1.2-4-0.8\n      c-0.1,0-0.1,0.1-0.1,0.1c-0.2,0.1-0.4,0.3-0.4,0.7C25.9,12.9,26.9,12.6,27.5,12.6z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
       d: "M30.1,26.1C30.1,26.1,30.1,26.1,30.1,26.1C30,26.1,30,26.1,30.1,26.1c-1.2,0-0.8,1-0.8,1.7\n      c0,0.5,0,0.9-0.1,1.1c0,0.1-0.1,0.2-0.2,0.3c0,0,0,0,0,0c-0.1,0.1-0.2,0.1-0.3,0.2c-0.2,0.1-0.6,0.1-1.1,0.1h-0.1\n      c-0.4,0-0.9-0.1-1.2,0c-0.3,0.1-0.6,0.4-0.6,0.7c0,0,0,0.1,0,0.1c0,0.5,0.3,0.7,0.7,0.8c1.6,0.5,2.8,0.2,3.6-0.6\n      c0.4-0.4,0.7-0.9,0.8-1.6c0,0,0,0,0,0c0-0.2,0.1-0.5,0.1-0.7c0-0.1,0-0.1,0-0.2v-0.2C30.9,27.1,31.2,26.1,30.1,26.1z"
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx37(
     "path",
     {
       className: "promo_code_svg_st0",
@@ -2115,8 +2150,8 @@ var SvgIconPromoCode = (props) => /* @__PURE__ */ jsxs28("svg", { viewBox: "0 0
 var IconPromoCode_default = SvgIconPromoCode;
 
 // src/components/icons/IconQc.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
-var SvgIconQc = (props) => /* @__PURE__ */ jsx37("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx37(
+import { jsx as jsx38 } from "react/jsx-runtime";
+var SvgIconQc = (props) => /* @__PURE__ */ jsx38("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx38(
   "path",
   {
     className: "icon-qc_svg__st0",
@@ -2126,8 +2161,8 @@ var SvgIconQc = (props) => /* @__PURE__ */ jsx37("svg", { viewBox: "0 0 55 56.7"
 var IconQc_default = SvgIconQc;
 
 // src/components/icons/IconReports.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-var SvgIconReports = (props) => /* @__PURE__ */ jsx38("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx38(
+import { jsx as jsx39 } from "react/jsx-runtime";
+var SvgIconReports = (props) => /* @__PURE__ */ jsx39("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx39(
   "path",
   {
     className: "icon-reports_svg__st0",
@@ -2137,23 +2172,23 @@ var SvgIconReports = (props) => /* @__PURE__ */ jsx38("svg", { viewBox: "0 0 55
 var IconReports_default = SvgIconReports;
 
 // src/components/icons/IconRetail.tsx
-import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 var SvgIconRetail = (props) => /* @__PURE__ */ jsxs29("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx39(
+  /* @__PURE__ */ jsx40(
     "path",
     {
       className: "icon-retail_svg__st0",
       d: "M38.2 25.5c1 0 1.7-.2 2.5-1 .7-.7 1-1.5 1-2.5s-.4-1.7-1-2.5c-.7-.7-1.6-1-2.5-1-1 0-1.7.2-2.5 1-.6.6-1 1.5-1 2.5s.2 1.7 1 2.5 1.6 1 2.5 1zm-1.1-4.6c.3-.3.5-.4 1.1-.4.4 0 .7.1 1 .4.4.5.5.8.5 1.1 0 .6-.1.8-.4 1.1-.3.3-.5.4-1.1.4-.5 0-.8-.1-1.1-.4-.3-.3-.4-.5-.4-1.1 0-.4.2-.8.4-1.1zM27.5 28.5c1.1 0 2.1-.4 3-1.2.9-.9 1.2-1.7 1.2-3 0-1.1-.5-2.1-1.2-3-.9-.9-1.9-1.2-3-1.2s-2.1.4-3 1.2c-.9.9-1.2 1.9-1.2 3s.4 2.1 1.2 3c.9.8 1.9 1.2 3 1.2zm-1.6-5.8c.5-.5.9-.7 1.6-.7.6 0 1.1.2 1.5.6.5.6.7 1.1.7 1.6 0 .7-.2 1.1-.7 1.6-.5.5-.9.7-1.6.7-.6 0-1.1-.2-1.6-.7-.5-.5-.7-.9-.7-1.6.2-.6.4-1.1.8-1.5zM16.8 25.7c1 0 1.7-.2 2.5-1 .7-.7 1-1.5 1-2.5s-.4-1.7-1-2.5c-.7-.7-1.6-1-2.5-1-1 0-1.7.2-2.5 1-.6.6-1 1.5-1 2.5s.2 1.7 1 2.5 1.6 1 2.5 1zm-1.1-4.5c.3-.3.5-.4 1.1-.4.4 0 .7.1 1 .4.4.5.5.8.5 1.1 0 .6-.1.8-.4 1.1-.3.3-.5.4-1.1.4-.5 0-.8-.1-1.1-.4-.3-.3-.4-.5-.4-1.1 0-.5.2-.8.4-1.1z"
     }
   ),
-  /* @__PURE__ */ jsx39(
+  /* @__PURE__ */ jsx40(
     "path",
     {
       className: "icon-retail_svg__st0",
       d: "M44.4 29.1c-.1-.4-.1-.7-.2-1-.1-.2-.2-.6-.4-.9-.1-.2-.2-.5-.5-.7-.2-.2-.5-.4-.7-.5-.2 0-.6-.1-1-.1-.1 0-.1 0-.4.2-.2.2-.5.2-.7.5s-.6.4-1 .5c-.4.1-.9.2-1.2.2s-.9 0-1.2-.2c-.4-.2-.7-.4-1-.5-.2-.2-.5-.4-.7-.5-.4-.1-.4-.2-.6-.2-.4 0-.7 0-1 .1s-.5.2-.7.5c-.1.2-.4.5-.5.7-.1.2-.2.6-.4.9-.1.2-.1.5-.2.8.2 0 .4.1.6.1.4.1.7.4 1 .6.2.4.4.6.6 1 .2.4.4.7.5 1.1.1.4.2.7.2 1.1 0 0 .1.1.1.4h-.9c-.7 0-1.2-.2-1.7-.6-.5-.4-.7-1-.7-1.7V30c0-.2 0-.6.1-1h-.4c-.1 0-.2 0-.5.2-.2.2-.6.4-.9.6s-.7.4-1.2.6c-.5.1-1 .2-1.5.2s-1 0-1.5-.2-1-.4-1.2-.6c-.2-.2-.6-.4-.9-.6-.2-.1-.4-.2-.5-.2h-.4c.1.1.1.2.1.4 0 0 .2 1.1.2 1.9s-.1 1.2-.6 1.7c-.4.5-1 .6-1.7.7h-1.1c0-.2.1-.4.1-.6 0-.5.1-.9.2-1.2 0-.1.1-.3.1-.4v-.2.2l.3-.6c.1-.4.4-.7.6-1 .4-.4.6-.5 1-.6.2-.1.5-.1.7-.1h-.1c0-.2-.1-.4-.1-.6-.1-.2-.2-.6-.4-.9-.1-.2-.2-.5-.5-.7s-.5-.4-.7-.5c-.2 0-.6-.1-1-.1-.1 0-.1.1-.4.2-.2.2-.5.2-.7.5-.2.2-.6.4-1 .5s-.9.2-1.2.2-.9-.1-1.2-.2c-.4-.2-.7-.4-1-.5-.2-.2-.5-.4-.7-.5s-.2-.2-.4-.2c-.4 0-.7 0-1 .1-.2.1-.5.2-.7.5-.1.2-.4.5-.5.7-.1.2-.2.6-.4.9-.1.2-.1.6-.2 1 0 .4-.1.7-.1 1v.9c0 .7.2 1.2.7 1.7.4.4 1 .6 1.7.6h6.8c-.1.2-.1.4-.1.6v1.1c0 .9.2 1.5.9 2.1.5.5 1.1.7 2.1.7h9.8c.9 0 1.5-.2 2.1-.7.6-.5.9-1.1.9-2.1 0-.6-.1-1.5-.2-2h7.1c.7 0 1.2-.1 1.7-.6s.7-1 .7-1.7c.1-.9-.2-2.1-.2-2.1zm-25.6.5c-.3.3-.6.8-.6 1.3 0 .1-.1.2-.1.3 0 .1-.1.2-.1.4h-5.5c-.2-.2-.2-.2-.2-.3v-.8-.1c0-.2.1-.4.1-.6 0-.2.1-.3.1-.5v-.1c.1-.1.1-.3.2-.5 0-.1.1-.2.1-.2l.1-.1v-.1c.2.2.3.3.5.4.1.1.2.1.4.2s.3.1.4.2c.1.1.3.2.5.2.5.2 1.2.4 1.9.4s1.4-.2 1.9-.4c.2-.1.4-.1.6-.2-.1.1-.2.3-.3.5zm14.5 6.2c-.4.3-.6.4-.9.4h-9.8c-.5 0-.6-.1-.7-.2-.2-.2-.2-.3-.3-.4.8-.2 1.7-.4 2.5-1.3.6-.6.9-1.2 1.1-1.9.9.4 1.6.4 2.2.4.7 0 1.4-.2 2-.3.1 0 .3-.1.4-.2.1 0 .1 0 .2-.1.2.8.7 1.5 1.4 2 .5.4 1.1.8 2.1.9v.2c-.2.4-.2.5-.2.5zm9.2-4.5h-5.8c0-.1-.1-.2-.1-.2-.1-.4-.3-1-.7-1.6-.1-.2-.2-.3-.3-.4-.1-.2-.2-.4-.4-.6 0 0 .1 0 .2.1.2.1.3.1.4.2.9.6 1.8.6 2.4.6.7 0 1.4-.2 1.9-.4s1.1-.4 1.7-.9c.1 0 .1-.1.2-.1 0 0 0 .1.1.1 0 .1.1.2.1.3.1.2.1.3.2.5v.1c0 .2.1.4.1.6.1.5.2 1.1.2 1.4 0 .1 0 .1-.2.3z"
     }
   ),
-  /* @__PURE__ */ jsx39(
+  /* @__PURE__ */ jsx40(
     "path",
     {
       className: "icon-retail_svg__st0",
@@ -2164,8 +2199,8 @@ var SvgIconRetail = (props) => /* @__PURE__ */ jsxs29("svg", { viewBox: "0 0 55
 var IconRetail_default = SvgIconRetail;
 
 // src/components/icons/IconRuns.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
-var SvgIconRuns = (props) => /* @__PURE__ */ jsx40("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx40(
+import { jsx as jsx41 } from "react/jsx-runtime";
+var SvgIconRuns = (props) => /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx41(
   "path",
   {
     className: "icon-runs_svg__st0",
@@ -2175,23 +2210,23 @@ var SvgIconRuns = (props) => /* @__PURE__ */ jsx40("svg", { viewBox: "0 0 55 56.
 var IconRuns_default = SvgIconRuns;
 
 // src/components/icons/IconScales.tsx
-import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
 var SvgIconScales = (props) => /* @__PURE__ */ jsxs30("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx41(
+  /* @__PURE__ */ jsx42(
     "path",
     {
       className: "icon-scales_svg__st0",
       d: "M27.7 28.9c-2.7 0-4.9 2.2-4.9 4.9s2.2 4.9 4.9 4.9 4.9-2.2 4.9-4.9-2.2-4.9-4.9-4.9z"
     }
   ),
-  /* @__PURE__ */ jsx41(
+  /* @__PURE__ */ jsx42(
     "path",
     {
       className: "icon-scales_svg__st0",
       d: "M34.1 25.5h-2.5c-.1-.2-.2-.3-.2-.5 0-.3.2-.6.4-.9 3.2-.6 4.6-1.7 4.6-1.7 1.8-1.3 2-2.4 2-2.8 0-.6-.5-1.1-1.1-1.1H18.2c-.6 0-1.1.5-1.1 1.1 0 .5.3 1.5 2 2.8.2.1 1.6 1.1 4.7 1.7.2.3.4.6.4.9 0 .2-.1.4-.2.5h-2.7c-1.4 0-2.6 1.2-2.6 2.5l-1.5 11.4v.1c0 1.4 1.2 2.6 2.6 2.6h15.9c1.4 0 2.6-1.2 2.6-2.7L36.7 28c0-1.4-1.2-2.5-2.6-2.5zm.7-4.8c-.5.3-2.6 1.6-7.1 1.6-.2 0-1.3 0-2.3-.1h-.2c-2.7-.4-4.2-1.1-4.6-1.4h14.2zm.8 19.1H19.7c-.2 0-.4-.2-.4-.3l1.5-11.3v-.1c0-.2.2-.4.4-.4h12.9c.2 0 .4.2.4.4L36 39.4c0 .3-.2.4-.4.4z"
     }
   ),
-  /* @__PURE__ */ jsx41(
+  /* @__PURE__ */ jsx42(
     "path",
     {
       className: "icon-scales_svg__st1",
@@ -2202,8 +2237,8 @@ var SvgIconScales = (props) => /* @__PURE__ */ jsxs30("svg", { viewBox: "0 0 55
 var IconScales_default = SvgIconScales;
 
 // src/components/icons/IconSearchCategories.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
-var SvgIconSearchCategories = (props) => /* @__PURE__ */ jsx42("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx42(
+import { jsx as jsx43 } from "react/jsx-runtime";
+var SvgIconSearchCategories = (props) => /* @__PURE__ */ jsx43("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx43(
   "path",
   {
     className: "icon-search-categories_svg__st0",
@@ -2213,8 +2248,8 @@ var SvgIconSearchCategories = (props) => /* @__PURE__ */ jsx42("svg", { viewBox:
 var IconSearchCategories_default = SvgIconSearchCategories;
 
 // src/components/icons/IconSetting.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
-var SvgIconSetting = (props) => /* @__PURE__ */ jsx43("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx43(
+import { jsx as jsx44 } from "react/jsx-runtime";
+var SvgIconSetting = (props) => /* @__PURE__ */ jsx44("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx44(
   "path",
   {
     className: "icon-setting_svg__st0",
@@ -2224,8 +2259,8 @@ var SvgIconSetting = (props) => /* @__PURE__ */ jsx43("svg", { viewBox: "0 0 55
 var IconSetting_default = SvgIconSetting;
 
 // src/components/icons/IconSnail.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
-var SvgIconSnail = (props) => /* @__PURE__ */ jsx44(
+import { jsx as jsx45 } from "react/jsx-runtime";
+var SvgIconSnail = (props) => /* @__PURE__ */ jsx45(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2233,36 +2268,36 @@ var SvgIconSnail = (props) => /* @__PURE__ */ jsx44(
     height: "24",
     viewBox: "0 0 24 24",
     ...props,
-    children: /* @__PURE__ */ jsx44("path", { d: "M20.31 8.03L21.24 4.95C21.67 4.85 22 4.47 22 4C22 3.45 21.55 3 21 3C20.45 3 20 3.45 20 4C20 4.26 20.11 4.5 20.27 4.68L19.5 7.26L18.73 4.68C18.89 4.5 19 4.26 19 4C19 3.45 18.55 3 18 3C17.45 3 17 3.45 17 4C17 4.47 17.33 4.85 17.76 4.95L18.69 8.03C17.73 8.18 17 9 17 10V12.25C15.65 9.16 12.63 7 9.11 7C5.19 7 2 10.26 2 14.26C2 16.1 2.82 17.75 4.1 18.85L2.88 19C2.38 19.06 2 19.5 2 20C2 20.55 2.45 21 3 21H19.12C20.16 21 21 20.16 21 19.12V11.72C21.6 11.38 22 10.74 22 10C22 9 21.27 8.18 20.31 8.03ZM15.6 17.41L12.07 17.86C12.5 17.1 12.8 16.21 12.8 15.26C12.8 12.94 10.95 11.06 8.67 11.06C8.14 11.06 7.62 11.18 7.14 11.41C6.65 11.66 6.44 12.26 6.69 12.75C6.93 13.25 7.53 13.45 8.03 13.21C8.23 13.11 8.45 13.06 8.67 13.06C9.85 13.06 10.8 14.04 10.8 15.26C10.8 16.92 9.5 18.27 7.89 18.27C5.75 18.27 4 16.47 4 14.26C4 11.36 6.29 9 9.11 9C12.77 9 15.75 12.06 15.75 15.82C15.75 16.36 15.69 16.89 15.6 17.41Z" })
+    children: /* @__PURE__ */ jsx45("path", { d: "M20.31 8.03L21.24 4.95C21.67 4.85 22 4.47 22 4C22 3.45 21.55 3 21 3C20.45 3 20 3.45 20 4C20 4.26 20.11 4.5 20.27 4.68L19.5 7.26L18.73 4.68C18.89 4.5 19 4.26 19 4C19 3.45 18.55 3 18 3C17.45 3 17 3.45 17 4C17 4.47 17.33 4.85 17.76 4.95L18.69 8.03C17.73 8.18 17 9 17 10V12.25C15.65 9.16 12.63 7 9.11 7C5.19 7 2 10.26 2 14.26C2 16.1 2.82 17.75 4.1 18.85L2.88 19C2.38 19.06 2 19.5 2 20C2 20.55 2.45 21 3 21H19.12C20.16 21 21 20.16 21 19.12V11.72C21.6 11.38 22 10.74 22 10C22 9 21.27 8.18 20.31 8.03ZM15.6 17.41L12.07 17.86C12.5 17.1 12.8 16.21 12.8 15.26C12.8 12.94 10.95 11.06 8.67 11.06C8.14 11.06 7.62 11.18 7.14 11.41C6.65 11.66 6.44 12.26 6.69 12.75C6.93 13.25 7.53 13.45 8.03 13.21C8.23 13.11 8.45 13.06 8.67 13.06C9.85 13.06 10.8 14.04 10.8 15.26C10.8 16.92 9.5 18.27 7.89 18.27C5.75 18.27 4 16.47 4 14.26C4 11.36 6.29 9 9.11 9C12.77 9 15.75 12.06 15.75 15.82C15.75 16.36 15.69 16.89 15.6 17.41Z" })
   }
 );
 var IconSnail_default = SvgIconSnail;
 
 // src/components/icons/IconSpecialPrice.tsx
-import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
 var SvgIconSpecialPrice = (props) => /* @__PURE__ */ jsxs31("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx45(
+  /* @__PURE__ */ jsx46(
     "path",
     {
       className: "icon-special-price_svg__st0",
       d: "M672.6 1136.6c-1.6 0-3 1.3-3 2.9s1.4 3 3 3 3-1.4 2.9-2.9c-.1-1.6-1.3-3-2.9-3zM683.4 1136.5c-1.7 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3.1c0-1.7-1.4-2.9-3-2.9z"
     }
   ),
-  /* @__PURE__ */ jsx45(
+  /* @__PURE__ */ jsx46(
     "path",
     {
       className: "icon-special-price_svg__st0",
       d: "M672.4 1130.2h.9v1.2c0 1.1.9 2 2 2h6.9c-1.6.3-3 1.3-4 2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7-1.2 0-2.3.3-3.3.9v-3.7-.1c.1 0 .2-.1.7-.2m17.2 3.1v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4 0 .7-.1 1.2-.2.2.1.3 0 .3 0m.8-15.1c-.7 0-1.3.5-1.4 1.1v12.1c-.4.1-.7.1-.9.1-.4 0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1 0-1.6.3-1.6 1.6v8.1c-1.6.2-2.4 1-2.4 2.3v6.8c0 .2.2.7.5.7.1 0 .3.1.5.1s.4-.1.6-.4c.8-1.6 2.1-2.4 3.8-2.4s2.9.8 3.7 2.3c.1.3.3.5.7.5h1.9c.5 0 .6-.2.8-.6.8-1.5 2.1-2.3 3.8-2.3 1.7 0 2.9.9 3.7 2.4.5.9.5 1.8.2 3h5.4c.7 0 1.1-.6 1.1-1 0-.7-.3-1.1-.9-1.4-.2-.1-.6-.1-.8-.1h-2.9v-1.1-16.9-.7c-.3-.8-.7-1.2-1.4-1.2zm-15.6 9.9v-7.2h5.5c.1 0 .3.1.3.3 1.4 3.3 2.9 6.6 4.2 9.9v.1h-7.2v-2.3c0-.8-.1-.9-.9-.9-.7.1-1.3.1-1.9.1zM28.5 38.1h-.1c-.7-.4-6.9-6.2-8.9-8.7-2.1-2.6-2.6-5.6-2.6-5.6l-.2-1.3-.3 1.3c-.7 3.2 4.9 15.6 5.6 16.3.3.3.8.5 1.3.5.4 0 .7-.1.7-.1 4.7-1.9 4.7-1.9 4.7-2.1l-.2-.3z"
     }
   ),
-  /* @__PURE__ */ jsx45(
+  /* @__PURE__ */ jsx46(
     "path",
     {
       className: "icon-special-price_svg__st0",
       d: "M38.5 28.6l-.1-.1.1-.1-10.3-10.3c-2.1-1.2-4.2-1.9-6.3-1.9-2.3 0-3.6.7-3.7.7l-.4.4v.1c-.1.2-2.2 4.2 1.1 10l10.2 10.2c.1.1.4.6 1 .6.4 0 .7-.2 1.1-.6l7.2-7.2c.8-.8.3-1.5.1-1.8zm-2.6.7L30 35.2 20.8 26c-1.9-3.4-1.4-5.9-1.1-7 .4-.1 1.2-.3 2.1-.3 1.6 0 3.2.5 4.8 1.4l9.3 9.2z"
     }
   ),
-  /* @__PURE__ */ jsx45(
+  /* @__PURE__ */ jsx46(
     "path",
     {
       className: "icon-special-price_svg__st0",
@@ -2273,16 +2308,16 @@ var SvgIconSpecialPrice = (props) => /* @__PURE__ */ jsxs31("svg", { viewBox: "0
 var IconSpecialPrice_default = SvgIconSpecialPrice;
 
 // src/components/icons/IconStock.tsx
-import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
 var SvgIconStock = (props) => /* @__PURE__ */ jsxs32("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx46(
+  /* @__PURE__ */ jsx47(
     "path",
     {
       className: "icon-stock_svg__st0",
       d: "M29.5 16.4v8.8H38v-8.8h-8.5zm6.6 6.8h-4.5v-4.8h4.5v4.8zM29.5 36H38v-8.9h-8.5V36zm2-6.9H36V34h-4.5v-4.9zM18.9 36.2h8.5v-8.9h-8.5v8.9zm2-6.9h4.5v4.9h-4.5v-4.9z"
     }
   ),
-  /* @__PURE__ */ jsx46(
+  /* @__PURE__ */ jsx47(
     "path",
     {
       className: "icon-stock_svg__st0",
@@ -2293,8 +2328,8 @@ var SvgIconStock = (props) => /* @__PURE__ */ jsxs32("svg", { viewBox: "0 0 55 5
 var IconStock_default = SvgIconStock;
 
 // src/components/icons/IconStrawberry.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
-var SvgIconStrawberry = () => /* @__PURE__ */ jsx47(
+import { jsx as jsx48 } from "react/jsx-runtime";
+var SvgIconStrawberry = () => /* @__PURE__ */ jsx48(
   "svg",
   {
     width: "24",
@@ -2302,7 +2337,7 @@ var SvgIconStrawberry = () => /* @__PURE__ */ jsx47(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx47(
+    children: /* @__PURE__ */ jsx48(
       "path",
       {
         fillRule: "evenodd",
@@ -2316,23 +2351,23 @@ var SvgIconStrawberry = () => /* @__PURE__ */ jsx47(
 var IconStrawberry_default = SvgIconStrawberry;
 
 // src/components/icons/IconSupplier.tsx
-import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
 var SvgIconSupplier = (props) => /* @__PURE__ */ jsxs33("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx48(
+  /* @__PURE__ */ jsx49(
     "path",
     {
       className: "icon-supplier_svg__st0",
       d: "M18.3 27.5c-2.9 0-5.3 2.4-5.3 5.3s2.3 5.3 5.3 5.3 5.4-2.3 5.3-5.2c.1-2.9-2.3-5.4-5.3-5.4zm-.1 7.6c-1.2 0-2.1-1-2.1-2.1 0-1.2 1-2.1 2.1-2.1 1.3 0 2.2 1 2.1 2.1.1 1.1-.9 2.1-2.1 2.1z"
     }
   ),
-  /* @__PURE__ */ jsx48(
+  /* @__PURE__ */ jsx49(
     "path",
     {
       className: "icon-supplier_svg__st0",
       d: "M32.9 29.2c1.2-1.2 2.6-1.6 4.2-1.6 0-1.1-.6-1.8-1.8-1.9-.8 0-1.4-.1-2.2-.1-1.4-.1-2.7-.1-4.1-.2-.1-1.6-.2-3.1-.3-4.7 0-.2.1-.4.2-.5.4-.4.3-.8-.1-1.1-.3-.1-.8-.3-1.1-.3-2.3-.1-4.4-.1-6.6-.1-1.4 0-1.7.4-1.8 1.8-.1 1.4-.2 2.8-.4 4.3h-2.4c-1.4.1-1.9 1-1.6 2.3 2.5-1.6 5-1.6 7.4-.2 2.6 1.4 3.2 3.9 2.9 6.8h6.4c-.2-1.8.3-3.4 1.3-4.5zm-10-4.2c-1.2-.1-1.8-.1-3.1-.2.1-1.6.2-3.1.3-4.6h2.8V25zm3.5 4.2c-.1-.1-.3-.2-.4-.4-.6-1.1-1.4-2.2-2-3.3-.1-.2-.2-.4-.2-.6v-4.6h4.4c.1 2.9.3 5.9.5 9.1-.9-.2-1.6-.2-2.3-.2z"
     }
   ),
-  /* @__PURE__ */ jsx48(
+  /* @__PURE__ */ jsx49(
     "path",
     {
       className: "icon-supplier_svg__st0",
@@ -2343,23 +2378,23 @@ var SvgIconSupplier = (props) => /* @__PURE__ */ jsxs33("svg", { viewBox: "0 0 5
 var IconSupplier_default = SvgIconSupplier;
 
 // src/components/icons/IconSupplierPrices.tsx
-import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
 var SvgIconSupplierPrices = (props) => /* @__PURE__ */ jsxs34("svg", { viewBox: "0 0 55 56.7", ...props, children: [
-  /* @__PURE__ */ jsx49(
+  /* @__PURE__ */ jsx50(
     "path",
     {
       className: "icon-supplier-prices_svg__st0",
       d: "M13.9 30.6c.2 0 5.7-2.6 7.7-4 2-1.3 2.9-3.2 2.9-3.2-.2 2.1-6.2 9.1-6.8 9.4-.6.3-1.2-.1-1.2-.1s-2.7-2.2-2.6-2.1z"
     }
   ),
-  /* @__PURE__ */ jsx49(
+  /* @__PURE__ */ jsx50(
     "path",
     {
       className: "icon-supplier-prices_svg__st0",
       d: "M20.3 18.8c1.5 0 2.5.5 3 .8 0 .7-.2 2.4-2.1 4.2l-7.8 4.1-1.2-2.2-.2-.3-1.2-2.3 7.8-4.1c.7-.1 1.2-.2 1.7-.2m0-1.6c-.7 0-1.4.1-2.2.3l-8.7 4.6c0 .2-.8.4-.3 1.2.5.9 1.6 2.9 1.6 2.9l.2.3s1.1 2.1 1.6 2.9c.2.4.5.5.7.5.3 0 .5-.2.5-.2l8.7-4.6c3.3-3.1 2.7-6.2 2.7-6.2l-.2-.3c-.1.1-1.7-1.4-4.6-1.4z"
     }
   ),
-  /* @__PURE__ */ jsx49(
+  /* @__PURE__ */ jsx50(
     "path",
     {
       className: "icon-supplier-prices_svg__st0",
@@ -2367,21 +2402,21 @@ var SvgIconSupplierPrices = (props) => /* @__PURE__ */ jsxs34("svg", { viewBox:
     }
   ),
   /* @__PURE__ */ jsxs34("g", { children: [
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       "path",
       {
         className: "icon-supplier-prices_svg__st0",
         d: "M24.2 29.7c-2.7 0-4.9 2.2-4.9 4.9s2.2 4.9 4.9 4.9 5-2.2 4.9-4.8c0-2.8-2.2-5-4.9-5zm-.1 7c-1.1 0-2-.9-2-2s.9-2 2-2c1.2 0 2.1.9 2 2 0 1.1-.9 2-2 2z"
       }
     ),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       "path",
       {
         className: "icon-supplier-prices_svg__st0",
         d: "M37.7 31.2c1.1-1.1 2.4-1.5 3.9-1.5 0-1-.6-1.7-1.7-1.8-.7 0-1.3-.1-2-.1-1.3-.1-2.5-.1-3.8-.2-.1-1.5-.2-2.9-.3-4.4 0-.2.1-.4.2-.5.4-.4.3-.7-.1-1-.3-.1-.7-.3-1-.3-2.1-.1-4.1-.1-6.1-.1-1.3 0-1.6.4-1.7 1.7-.1 1.3-.2 2.6-.4 4h-2.2c-1.3.1-1.8.9-1.5 2.1 2.3-1.5 4.6-1.5 6.9-.2 2.4 1.3 3 3.6 2.7 6.3h5.9c-.2-1.5.2-2.9 1.2-4zm-9.3-3.9c-1.1-.1-1.7-.1-2.9-.2.1-1.5.2-2.9.3-4.3h2.6v4.5zm3.2 3.9c-.1-.1-.3-.2-.4-.4-.6-1-1.3-2-1.9-3.1-.1-.2-.2-.4-.2-.6v-4.3h4.1c.1 2.7.3 5.5.5 8.4h-2.1z"
       }
     ),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       "path",
       {
         className: "icon-supplier-prices_svg__st0",
@@ -2393,18 +2428,18 @@ var SvgIconSupplierPrices = (props) => /* @__PURE__ */ jsxs34("svg", { viewBox:
 var IconSupplierPrices_default = SvgIconSupplierPrices;
 
 // src/components/icons/IconUserManagement.tsx
-import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
-var SvgIconUserManagement = () => /* @__PURE__ */ jsx50("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 55 56.7", children: /* @__PURE__ */ jsx50("g", { children: /* @__PURE__ */ jsxs35("g", { id: "Layer_1", children: [
-  /* @__PURE__ */ jsx50("path", { d: "M672.6,1136.6c-1.6,0-3,1.3-3,2.9s1.4,3,3,3,3-1.4,2.9-2.9c0-1.6-1.3-3-2.9-3h0Z" }),
-  /* @__PURE__ */ jsx50("path", { d: "M683.4,1136.5c-1.7,0-3,1.4-3,3s1.4,3,3,3,3-1.4,3-3.1-1.4-2.9-3-2.9h0Z" }),
-  /* @__PURE__ */ jsx50("path", { d: "M672.4,1130.2h.9v1.2c0,1.1.9,2,2,2h6.9c-1.6.3-3,1.3-4,2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7s-2.3.3-3.3.9v-3.7h0c0,0,.2-.2.7-.3M687.2,1133.4v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4,0,.7,0,1.2-.2.2,0,.3,0,.3,0M688,1118.3c-.7,0-1.3.5-1.4,1.1v12.1c-.4,0-.7,0-.9,0-.4,0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1,0-1.6.3-1.6,1.6v8.1c-1.6.2-2.4,1-2.4,2.3v6.8c0,.2.2.7.5.7s.3,0,.5,0,.4,0,.6-.4c.8-1.6,2.1-2.4,3.8-2.4s2.9.8,3.7,2.3c0,.3.3.5.7.5h1.9c.5,0,.6-.2.8-.6.8-1.5,2.1-2.3,3.8-2.3s2.9.9,3.7,2.4c.5.9.5,1.8.2,3h5.4c.7,0,1.1-.6,1.1-1,0-.7-.3-1.1-.9-1.4-.2,0-.6,0-.8,0h-2.9v-18.7c-.3-.8-.7-1.2-1.4-1.2h0ZM672.4,1128.2v-7.2h5.5c0,0,.3,0,.3.3,1.4,3.3,2.9,6.6,4.2,9.9h0c-2.3,0-4.7,0-7.2,0v-2.3c0-.8,0-.9-.9-.9-.7,0-1.3,0-1.9,0h0Z" }),
-  /* @__PURE__ */ jsx50("path", { d: "M29.3,26.7c1-1.3,1.5-3,1.5-4.6s-.5-3.3-1.5-4.6c.9-.6,2-.9,3.1-.9,1.5,0,2.9.6,3.9,1.6,1,1,1.6,2.5,1.6,3.9s-.6,2.9-1.6,3.9-2.5,1.6-3.9,1.6c-1.1,0-2.2-.3-3.1-.9ZM17.3,22.1c0-1.1.3-2.2.9-3.1.6-.9,1.5-1.6,2.5-2,1-.4,2.1-.5,3.2-.3,1.1.2,2.1.7,2.8,1.5.8.8,1.3,1.8,1.5,2.8.2,1.1.1,2.2-.3,3.2-.4,1-1.1,1.9-2,2.5-.9.6-2,.9-3.1.9s-2.9-.6-3.9-1.6-1.6-2.5-1.6-3.9ZM20.5,22.1c0,.5.1.9.4,1.3.3.4.6.7,1.1.9.4.2.9.2,1.4.1.5,0,.9-.3,1.2-.7.3-.3.6-.8.7-1.2,0-.5,0-.9-.1-1.4-.2-.4-.5-.8-.9-1.1-.4-.3-.9-.4-1.3-.4s-1.2.3-1.7.7c-.4.4-.7,1.1-.7,1.7ZM34,37.1v3.2H11.8v-3.2s0-6.3,11.1-6.3,11.1,6.3,11.1,6.3ZM30.8,37.1c-.2-1.2-2.1-3.2-7.9-3.2s-7.8,2.1-7.9,3.2M33.9,30.8c1,.8,1.8,1.7,2.3,2.8.6,1.1.9,2.3.9,3.5v3.2h6.3v-3.2s0-5.8-9.6-6.3h0Z" })
+import { jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
+var SvgIconUserManagement = () => /* @__PURE__ */ jsx51("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 55 56.7", children: /* @__PURE__ */ jsx51("g", { children: /* @__PURE__ */ jsxs35("g", { id: "Layer_1", children: [
+  /* @__PURE__ */ jsx51("path", { d: "M672.6,1136.6c-1.6,0-3,1.3-3,2.9s1.4,3,3,3,3-1.4,2.9-2.9c0-1.6-1.3-3-2.9-3h0Z" }),
+  /* @__PURE__ */ jsx51("path", { d: "M683.4,1136.5c-1.7,0-3,1.4-3,3s1.4,3,3,3,3-1.4,3-3.1-1.4-2.9-3-2.9h0Z" }),
+  /* @__PURE__ */ jsx51("path", { d: "M672.4,1130.2h.9v1.2c0,1.1.9,2,2,2h6.9c-1.6.3-3,1.3-4,2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7s-2.3.3-3.3.9v-3.7h0c0,0,.2-.2.7-.3M687.2,1133.4v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4,0,.7,0,1.2-.2.2,0,.3,0,.3,0M688,1118.3c-.7,0-1.3.5-1.4,1.1v12.1c-.4,0-.7,0-.9,0-.4,0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1,0-1.6.3-1.6,1.6v8.1c-1.6.2-2.4,1-2.4,2.3v6.8c0,.2.2.7.5.7s.3,0,.5,0,.4,0,.6-.4c.8-1.6,2.1-2.4,3.8-2.4s2.9.8,3.7,2.3c0,.3.3.5.7.5h1.9c.5,0,.6-.2.8-.6.8-1.5,2.1-2.3,3.8-2.3s2.9.9,3.7,2.4c.5.9.5,1.8.2,3h5.4c.7,0,1.1-.6,1.1-1,0-.7-.3-1.1-.9-1.4-.2,0-.6,0-.8,0h-2.9v-18.7c-.3-.8-.7-1.2-1.4-1.2h0ZM672.4,1128.2v-7.2h5.5c0,0,.3,0,.3.3,1.4,3.3,2.9,6.6,4.2,9.9h0c-2.3,0-4.7,0-7.2,0v-2.3c0-.8,0-.9-.9-.9-.7,0-1.3,0-1.9,0h0Z" }),
+  /* @__PURE__ */ jsx51("path", { d: "M29.3,26.7c1-1.3,1.5-3,1.5-4.6s-.5-3.3-1.5-4.6c.9-.6,2-.9,3.1-.9,1.5,0,2.9.6,3.9,1.6,1,1,1.6,2.5,1.6,3.9s-.6,2.9-1.6,3.9-2.5,1.6-3.9,1.6c-1.1,0-2.2-.3-3.1-.9ZM17.3,22.1c0-1.1.3-2.2.9-3.1.6-.9,1.5-1.6,2.5-2,1-.4,2.1-.5,3.2-.3,1.1.2,2.1.7,2.8,1.5.8.8,1.3,1.8,1.5,2.8.2,1.1.1,2.2-.3,3.2-.4,1-1.1,1.9-2,2.5-.9.6-2,.9-3.1.9s-2.9-.6-3.9-1.6-1.6-2.5-1.6-3.9ZM20.5,22.1c0,.5.1.9.4,1.3.3.4.6.7,1.1.9.4.2.9.2,1.4.1.5,0,.9-.3,1.2-.7.3-.3.6-.8.7-1.2,0-.5,0-.9-.1-1.4-.2-.4-.5-.8-.9-1.1-.4-.3-.9-.4-1.3-.4s-1.2.3-1.7.7c-.4.4-.7,1.1-.7,1.7ZM34,37.1v3.2H11.8v-3.2s0-6.3,11.1-6.3,11.1,6.3,11.1,6.3ZM30.8,37.1c-.2-1.2-2.1-3.2-7.9-3.2s-7.8,2.1-7.9,3.2M33.9,30.8c1,.8,1.8,1.7,2.3,2.8.6,1.1.9,2.3.9,3.5v3.2h6.3v-3.2s0-5.8-9.6-6.3h0Z" })
 ] }) }) });
 var IconUserManagement_default = SvgIconUserManagement;
 
 // src/components/icons/IconVkc.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
-var SvgIconVkc = (props) => /* @__PURE__ */ jsx51("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx51(
+import { jsx as jsx52 } from "react/jsx-runtime";
+var SvgIconVkc = (props) => /* @__PURE__ */ jsx52("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx52(
   "path",
   {
     className: "icon-vkc_svg__st0",
@@ -2414,16 +2449,16 @@ var SvgIconVkc = (props) => /* @__PURE__ */ jsx51("svg", { viewBox: "0 0 55 56.7
 var IconVkc_default = SvgIconVkc;
 
 // src/components/icons/SamsaraLogo.tsx
-import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
 var SvgSamsaraLogo = (props) => /* @__PURE__ */ jsxs36("svg", { viewBox: "0 0 36 52.4", ...props, children: [
-  /* @__PURE__ */ jsx52(
+  /* @__PURE__ */ jsx53(
     "path",
     {
       className: "samsara_logo_svg__st0",
       d: "M27.2 17.6c-.4.9-1 1.6-1.8 2.2-.7.5-1.5.7-2.4.7-.4 0-.7-.3-.7-.6 0-.4.3-.7.6-.7.6 0 1.2-.2 1.7-.5.6-.4 1-.9 1.3-1.6.2-.4.1-.8-.1-1.2-.2-.4-.6-.6-1-.6-.9-.1-1.6.2-2.2.8-.9 1-1.3 2.7-1.5 3.4-.1.6-1.7 7.4-2.3 10.1-.1.4-.5.7-.9.7s-.8-.3-.9-.7l-.2-1c-.7-3.1-2-8.6-2.1-9.1-.2-.7-.5-2.4-1.5-3.4-.6-.6-1.3-.9-2.2-.8-.4 0-.8.2-1 .6-.2.4-.3.8-.1 1.2.3.7.7 1.2 1.3 1.6.5.3 1.1.5 1.7.5.4 0 .7.3.6.7 0 .4-.3.7-.7.6-.9 0-1.7-.3-2.4-.7-.8-.5-1.4-1.2-1.8-2.2-.3-.8-.3-1.7.2-2.5.4-.7 1.2-1.2 2.1-1.3 1.3-.1 2.4.3 3.2 1.2 1.2 1.2 1.7 3.2 1.8 4 .1.5 1.2 5.3 2 8.4.7-3.2 1.8-7.9 2-8.4.2-.8.6-2.8 1.8-4 .8-.9 2-1.3 3.2-1.2.8 0 1.6.5 2.1 1.3s.6 1.7.2 2.5M21.3 7c-.9 0-1.8.2-2.7.5-.4.1-.9.1-1.3 0-.8-.4-1.7-.5-2.6-.5-5.1 0-9.4 5.2-9.4 11.3 0 6.8 5.1 12.8 12.5 14.6h.5c7.4-1.8 12.5-7.8 12.5-14.6C30.7 12.1 26.4 7 21.3 7"
     }
   ),
-  /* @__PURE__ */ jsx52(
+  /* @__PURE__ */ jsx53(
     "path",
     {
       className: "samsara_logo_svg__st0",
@@ -2476,8 +2511,8 @@ var icons = {
 var icons_default = icons;
 
 // src/components/icons/IconAirplane.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
-var SvgIconAirplane = (props) => /* @__PURE__ */ jsx53(
+import { jsx as jsx54 } from "react/jsx-runtime";
+var SvgIconAirplane = (props) => /* @__PURE__ */ jsx54(
   "svg",
   {
     width: "24",
@@ -2486,7 +2521,7 @@ var SvgIconAirplane = (props) => /* @__PURE__ */ jsx53(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx53(
+    children: /* @__PURE__ */ jsx54(
       "path",
       {
         d: "M20.56 3.90998C21.15 4.49998 21.15 5.44998 20.56 6.02998L16.67 9.91998L18.79 19.11L17.38 20.53L13.5 13.1L9.6 17L9.96 19.47L8.89 20.53L7.13 17.35L3.94 15.58L5 14.5L7.5 14.87L11.37 11L3.94 7.08998L5.36 5.67998L14.55 7.79998L18.44 3.90998C19 3.32998 20 3.32998 20.56 3.90998Z",
@@ -2498,8 +2533,8 @@ var SvgIconAirplane = (props) => /* @__PURE__ */ jsx53(
 var IconAirplane_default = SvgIconAirplane;
 
 // src/components/icons/IconBicycle.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
-var SvgIconBicycle = () => /* @__PURE__ */ jsx54(
+import { jsx as jsx55 } from "react/jsx-runtime";
+var SvgIconBicycle = () => /* @__PURE__ */ jsx55(
   "svg",
   {
     width: "24",
@@ -2507,7 +2542,7 @@ var SvgIconBicycle = () => /* @__PURE__ */ jsx54(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx54(
+    children: /* @__PURE__ */ jsx55(
       "path",
       {
         d: "M19 10C18.44 10 17.91 10.11 17.41 10.28L14.46 4.5H11V6H13.54L14.42 7.72L12 13.13L10.23 8.95C10.5 8.85 10.74 8.58 10.74 8.25C10.74 7.84 10.41 7.5 10 7.5H8C7.58 7.5 7.24 7.84 7.24 8.25C7.24 8.66 7.58 9 8 9H8.61L10.86 14.25H9.92C9.56 11.85 7.5 10 5 10C2.24 10 0 12.24 0 15C0 17.76 2.24 20 5 20C7.5 20 9.56 18.15 9.92 15.75H12.5L15.29 9.43L16.08 10.96C14.82 11.87 14 13.34 14 15C14 17.76 16.24 20 19 20C21.76 20 24 17.76 24 15C24 12.24 21.76 10 19 10ZM5 18.5C3.07 18.5 1.5 16.93 1.5 15C1.5 13.07 3.07 11.5 5 11.5C6.67 11.5 8.07 12.68 8.41 14.25H4V15.75H8.41C8.07 17.32 6.67 18.5 5 18.5ZM19 18.5C17.07 18.5 15.5 16.93 15.5 15C15.5 13.92 16 12.97 16.77 12.33L18.57 15.85L19.89 15.13L18.1 11.63C18.39 11.56 18.69 11.5 19 11.5C20.93 11.5 22.5 13.07 22.5 15C22.5 16.93 20.93 18.5 19 18.5Z",
@@ -2519,8 +2554,8 @@ var SvgIconBicycle = () => /* @__PURE__ */ jsx54(
 var IconBicycle_default = SvgIconBicycle;
 
 // src/components/icons/IconBus.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
-var SvgIconBus = () => /* @__PURE__ */ jsx55(
+import { jsx as jsx56 } from "react/jsx-runtime";
+var SvgIconBus = () => /* @__PURE__ */ jsx56(
   "svg",
   {
     width: "24",
@@ -2528,7 +2563,7 @@ var SvgIconBus = () => /* @__PURE__ */ jsx55(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx55(
+    children: /* @__PURE__ */ jsx56(
       "path",
       {
         d: "M3 4C1.89 4 1 4.89 1 6V17H3C3 17.7956 3.31607 18.5587 3.87868 19.1213C4.44129 19.6839 5.20435 20 6 20C6.79565 20 7.55871 19.6839 8.12132 19.1213C8.68393 18.5587 9 17.7956 9 17H15C15 17.7956 15.3161 18.5587 15.8787 19.1213C16.4413 19.6839 17.2044 20 18 20C18.7956 20 19.5587 19.6839 20.1213 19.1213C20.6839 18.5587 21 17.7956 21 17H23V14C23 12.89 22.11 12 21 12H19V9.5H23V6C23 4.89 22.11 4 21 4H3ZM2.5 5.5H6.5V8H2.5V5.5ZM8 5.5H12V8H8V5.5ZM13.5 5.5H17.5V8H13.5V5.5ZM19 5.5H21.5V8H19V5.5ZM13.5 9.5H17.5V12H13.5V9.5ZM2.5 9.5H6.5V12H2.5V9.5ZM8 9.5H12V12H8V9.5ZM6 15.5C6.39782 15.5 6.77936 15.658 7.06066 15.9393C7.34196 16.2206 7.5 16.6022 7.5 17C7.5 17.3978 7.34196 17.7794 7.06066 18.0607C6.77936 18.342 6.39782 18.5 6 18.5C5.60218 18.5 5.22064 18.342 4.93934 18.0607C4.65804 17.7794 4.5 17.3978 4.5 17C4.5 16.6022 4.65804 16.2206 4.93934 15.9393C5.22064 15.658 5.60218 15.5 6 15.5ZM18 15.5C18.3978 15.5 18.7794 15.658 19.0607 15.9393C19.342 16.2206 19.5 16.6022 19.5 17C19.5 17.3978 19.342 17.7794 19.0607 18.0607C18.7794 18.342 18.3978 18.5 18 18.5C17.6022 18.5 17.2206 18.342 16.9393 18.0607C16.658 17.7794 16.5 17.3978 16.5 17C16.5 16.6022 16.658 16.2206 16.9393 15.9393C17.2206 15.658 17.6022 15.5 18 15.5Z",
@@ -2540,8 +2575,8 @@ var SvgIconBus = () => /* @__PURE__ */ jsx55(
 var IconBus_default = SvgIconBus;
 
 // src/components/icons/IconCar.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
-var SvgIconCar = () => /* @__PURE__ */ jsx56(
+import { jsx as jsx57 } from "react/jsx-runtime";
+var SvgIconCar = () => /* @__PURE__ */ jsx57(
   "svg",
   {
     width: "24",
@@ -2549,7 +2584,7 @@ var SvgIconCar = () => /* @__PURE__ */ jsx56(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx56(
+    children: /* @__PURE__ */ jsx57(
       "path",
       {
         d: "M3 6H16L19 10H21C22.11 10 23 10.89 23 12V15H21C21 15.7956 20.6839 16.5587 20.1213 17.1213C19.5587 17.6839 18.7956 18 18 18C17.2044 18 16.4413 17.6839 15.8787 17.1213C15.3161 16.5587 15 15.7956 15 15H9C9 15.7956 8.68393 16.5587 8.12132 17.1213C7.55871 17.6839 6.79565 18 6 18C5.20435 18 4.44129 17.6839 3.87868 17.1213C3.31607 16.5587 3 15.7956 3 15H1V8C1 6.89 1.89 6 3 6ZM2.5 7.5V10H10.5V7.5H2.5ZM12 7.5V10H17.14L15.25 7.5H12ZM6 13.5C5.60218 13.5 5.22064 13.658 4.93934 13.9393C4.65804 14.2206 4.5 14.6022 4.5 15C4.5 15.3978 4.65804 15.7794 4.93934 16.0607C5.22064 16.342 5.60218 16.5 6 16.5C6.39782 16.5 6.77936 16.342 7.06066 16.0607C7.34196 15.7794 7.5 15.3978 7.5 15C7.5 14.6022 7.34196 14.2206 7.06066 13.9393C6.77936 13.658 6.39782 13.5 6 13.5ZM18 13.5C17.6022 13.5 17.2206 13.658 16.9393 13.9393C16.658 14.2206 16.5 14.6022 16.5 15C16.5 15.3978 16.658 15.7794 16.9393 16.0607C17.2206 16.342 17.6022 16.5 18 16.5C18.3978 16.5 18.7794 16.342 19.0607 16.0607C19.342 15.7794 19.5 15.3978 19.5 15C19.5 14.6022 19.342 14.2206 19.0607 13.9393C18.7794 13.658 18.3978 13.5 18 13.5Z",
@@ -2561,8 +2596,8 @@ var SvgIconCar = () => /* @__PURE__ */ jsx56(
 var IconCar_default = SvgIconCar;
 
 // src/components/icons/IconFork.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
-var SvgIconFork = () => /* @__PURE__ */ jsx57(
+import { jsx as jsx58 } from "react/jsx-runtime";
+var SvgIconFork = () => /* @__PURE__ */ jsx58(
   "svg",
   {
     width: "20",
@@ -2570,7 +2605,7 @@ var SvgIconFork = () => /* @__PURE__ */ jsx57(
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx57(
+    children: /* @__PURE__ */ jsx58(
       "path",
       {
         d: "M2.17501 19.235L0.765015 17.825L10.415 8.16502L10.215 7.94501C9.43501 7.17501 9.43501 5.91501 10.215 5.13501L14.555 0.765015L15.485 1.68501L12.245 4.94501L13.205 5.88501L16.445 2.63501L17.365 3.55501L14.115 6.79502L15.055 7.75502L18.315 4.50501L19.235 5.44501L14.865 9.78502C14.085 10.565 12.825 10.565 12.055 9.78502L11.835 9.58502L2.17501 19.235Z",
@@ -2582,8 +2617,8 @@ var SvgIconFork = () => /* @__PURE__ */ jsx57(
 var IconFork_default = SvgIconFork;
 
 // src/components/icons/IconHeart.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
-var SvgIconHeart = () => /* @__PURE__ */ jsx58(
+import { jsx as jsx59 } from "react/jsx-runtime";
+var SvgIconHeart = () => /* @__PURE__ */ jsx59(
   "svg",
   {
     width: "20",
@@ -2591,7 +2626,7 @@ var SvgIconHeart = () => /* @__PURE__ */ jsx58(
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx58(
+    children: /* @__PURE__ */ jsx59(
       "path",
       {
         d: "M10 19.175L8.55 17.855C3.4 13.185 0 10.095 0 6.32501C0 3.23501 2.42 0.825012 5.5 0.825012C7.24 0.825012 8.91 1.63501 10 2.90501C11.09 1.63501 12.76 0.825012 14.5 0.825012C17.58 0.825012 20 3.23501 20 6.32501C20 10.095 16.6 13.185 11.45 17.855L10 19.175Z",
@@ -2603,8 +2638,8 @@ var SvgIconHeart = () => /* @__PURE__ */ jsx58(
 var IconHeart_default = SvgIconHeart;
 
 // src/components/icons/IconKnife.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
-var SvgIconKnife = (props) => /* @__PURE__ */ jsx59(
+import { jsx as jsx60 } from "react/jsx-runtime";
+var SvgIconKnife = (props) => /* @__PURE__ */ jsx60(
   "svg",
   {
     width: "20",
@@ -2613,7 +2648,7 @@ var SvgIconKnife = (props) => /* @__PURE__ */ jsx59(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx59(
+    children: /* @__PURE__ */ jsx60(
       "path",
       {
         d: "M18.6191 0C21.9691 5.61 10.4691 18.15 10.4691 18.15L7.5991 15.28L2.9091 20L0.769104 17.86L18.6191 0Z",
@@ -2625,8 +2660,8 @@ var SvgIconKnife = (props) => /* @__PURE__ */ jsx59(
 var IconKnife_default = SvgIconKnife;
 
 // src/components/icons/IconSpoon.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
-var SvgIconSpoon = () => /* @__PURE__ */ jsx60(
+import { jsx as jsx61 } from "react/jsx-runtime";
+var SvgIconSpoon = () => /* @__PURE__ */ jsx61(
   "svg",
   {
     width: "20",
@@ -2634,7 +2669,7 @@ var SvgIconSpoon = () => /* @__PURE__ */ jsx60(
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx60(
+    children: /* @__PURE__ */ jsx61(
       "path",
       {
         d: "M12.093 9.31795L2.33303 19.0779L0.923035 17.6679L10.683 7.90795C9.97303 6.37795 10.473 4.22795 12.063 2.63795C13.973 0.717946 16.713 0.357947 18.173 1.81795C19.643 3.28795 19.283 6.02795 17.363 7.93795C15.773 9.52795 13.623 10.0279 12.093 9.31795Z",
@@ -2646,8 +2681,8 @@ var SvgIconSpoon = () => /* @__PURE__ */ jsx60(
 var IconSpoon_default = SvgIconSpoon;
 
 // src/resources/icons/BulkIcon.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
-var BulkIcon = (props) => /* @__PURE__ */ jsx61(
+import { jsx as jsx62 } from "react/jsx-runtime";
+var BulkIcon = (props) => /* @__PURE__ */ jsx62(
   "svg",
   {
     height: 24,
@@ -2655,13 +2690,13 @@ var BulkIcon = (props) => /* @__PURE__ */ jsx61(
     width: 24,
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx61("path", { d: "M4 3h14a2 2 0 012 2v7.08a6.01 6.01 0 00-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 01-2-2V5c0-1.1.9-2 2-2zm0 4v4h6V7H4zm8 0v4h6V7h-6zm-8 6v4h6v-4H4zM18 19h-2l3 3 3-3h-2v-4h-2v4z" })
+    children: /* @__PURE__ */ jsx62("path", { d: "M4 3h14a2 2 0 012 2v7.08a6.01 6.01 0 00-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 01-2-2V5c0-1.1.9-2 2-2zm0 4v4h6V7H4zm8 0v4h6V7h-6zm-8 6v4h6v-4H4zM18 19h-2l3 3 3-3h-2v-4h-2v4z" })
   }
 );
 var BulkIcon_default = BulkIcon;
 
 // src/components/Buttons/RoundButton/RoundButton.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var useStyles11 = makeStyles11()(() => ({
   base: {
     backgroundColor: "transparent",
@@ -2779,48 +2814,48 @@ var RoundButton = ({
   const { classes, cx } = useStyles11();
   const iconSize = size === "small" ? "small" : "medium";
   const iconComponentMap = {
-    add: /* @__PURE__ */ jsx62(Add3, { fontSize: iconSize }),
-    apps: /* @__PURE__ */ jsx62(Apps, { fontSize: iconSize }),
-    arrowBack: /* @__PURE__ */ jsx62(ArrowBack, { fontSize: iconSize }),
-    arrowForward: /* @__PURE__ */ jsx62(ArrowForward, { fontSize: iconSize }),
-    avocado: /* @__PURE__ */ jsx62(IconAvocado_default, {}),
-    backspaceOutlined: /* @__PURE__ */ jsx62(BackspaceOutlined, { fontSize: iconSize }),
-    banana: /* @__PURE__ */ jsx62(IconBanana_default, {}),
-    block: /* @__PURE__ */ jsx62(Block, { fontSize: iconSize }),
-    bulk: /* @__PURE__ */ jsx62(BulkIcon_default, { fill: colors.contrast }),
-    callSplit: /* @__PURE__ */ jsx62(CallSplit, { fontSize: iconSize }),
-    chevronRight: /* @__PURE__ */ jsx62(ChevronRight2, { fontSize: iconSize }),
-    chevronUp: /* @__PURE__ */ jsx62(KeyboardArrowUp, { fontSize: iconSize }),
-    chevronDown: /* @__PURE__ */ jsx62(KeyboardArrowDown, { fontSize: iconSize }),
-    close: /* @__PURE__ */ jsx62(Close, { fontSize: iconSize }),
-    delete: /* @__PURE__ */ jsx62(Delete2, { fontSize: iconSize, fill: colors.neutral800 }),
-    done: /* @__PURE__ */ jsx62(Done, { fontSize: iconSize }),
-    edit: /* @__PURE__ */ jsx62(Edit2, { fontSize: iconSize }),
-    email: /* @__PURE__ */ jsx62(Email, { fontSize: iconSize }),
-    grape: /* @__PURE__ */ jsx62(IconGrape_default, {}),
-    groupAdd: /* @__PURE__ */ jsx62(GroupAdd, { fontSize: iconSize }),
-    history: /* @__PURE__ */ jsx62(History, { fontSize: iconSize }),
-    menu: /* @__PURE__ */ jsx62(Menu, { fontSize: iconSize }),
-    threeDots: /* @__PURE__ */ jsx62(MoreHoriz, { fontSize: iconSize, color: iconColor }),
-    notes: /* @__PURE__ */ jsx62(Comment, { fontSize: iconSize }),
-    refresh: /* @__PURE__ */ jsx62(Refresh2, { fontSize: iconSize }),
-    remove: /* @__PURE__ */ jsx62(Remove, { fontSize: iconSize }),
-    search: /* @__PURE__ */ jsx62(Search, { fontSize: iconSize }),
-    send: /* @__PURE__ */ jsx62(Send, { fontSize: iconSize }),
-    strawberry: /* @__PURE__ */ jsx62(IconStrawberry_default, {}),
-    thumbDown: /* @__PURE__ */ jsx62(ThumbDown, { fontSize: iconSize }),
-    thumbUp: /* @__PURE__ */ jsx62(ThumbUp, { fontSize: iconSize }),
-    undo: /* @__PURE__ */ jsx62(Undo, { fontSize: iconSize }),
-    play: /* @__PURE__ */ jsx62(PlayArrowRounded, { fontSize: iconSize }),
-    snail: /* @__PURE__ */ jsx62(icons_default.SvgIconSnail, { fontSize: iconSize, fill: colors.muiPrimary }),
-    bus: /* @__PURE__ */ jsx62(IconBus_default, {}),
-    spoon: /* @__PURE__ */ jsx62(IconSpoon_default, {}),
-    fork: /* @__PURE__ */ jsx62(IconFork_default, {}),
-    car: /* @__PURE__ */ jsx62(IconCar_default, {}),
-    knife: /* @__PURE__ */ jsx62(IconKnife_default, {}),
-    bicycle: /* @__PURE__ */ jsx62(IconBicycle_default, {}),
-    heart: /* @__PURE__ */ jsx62(IconHeart_default, {}),
-    airplane: /* @__PURE__ */ jsx62(IconAirplane_default, {})
+    add: /* @__PURE__ */ jsx63(Add3, { fontSize: iconSize }),
+    apps: /* @__PURE__ */ jsx63(Apps, { fontSize: iconSize }),
+    arrowBack: /* @__PURE__ */ jsx63(ArrowBack, { fontSize: iconSize }),
+    arrowForward: /* @__PURE__ */ jsx63(ArrowForward, { fontSize: iconSize }),
+    avocado: /* @__PURE__ */ jsx63(IconAvocado_default, {}),
+    backspaceOutlined: /* @__PURE__ */ jsx63(BackspaceOutlined, { fontSize: iconSize }),
+    banana: /* @__PURE__ */ jsx63(IconBanana_default, {}),
+    block: /* @__PURE__ */ jsx63(Block, { fontSize: iconSize }),
+    bulk: /* @__PURE__ */ jsx63(BulkIcon_default, { fill: colors.contrast }),
+    callSplit: /* @__PURE__ */ jsx63(CallSplit, { fontSize: iconSize }),
+    chevronRight: /* @__PURE__ */ jsx63(ChevronRight2, { fontSize: iconSize }),
+    chevronUp: /* @__PURE__ */ jsx63(KeyboardArrowUp, { fontSize: iconSize }),
+    chevronDown: /* @__PURE__ */ jsx63(KeyboardArrowDown, { fontSize: iconSize }),
+    close: /* @__PURE__ */ jsx63(Close, { fontSize: iconSize }),
+    delete: /* @__PURE__ */ jsx63(Delete2, { fontSize: iconSize, fill: colors.neutral800 }),
+    done: /* @__PURE__ */ jsx63(Done, { fontSize: iconSize }),
+    edit: /* @__PURE__ */ jsx63(Edit2, { fontSize: iconSize }),
+    email: /* @__PURE__ */ jsx63(Email, { fontSize: iconSize }),
+    grape: /* @__PURE__ */ jsx63(IconGrape_default, {}),
+    groupAdd: /* @__PURE__ */ jsx63(GroupAdd, { fontSize: iconSize }),
+    history: /* @__PURE__ */ jsx63(History, { fontSize: iconSize }),
+    menu: /* @__PURE__ */ jsx63(Menu, { fontSize: iconSize }),
+    threeDots: /* @__PURE__ */ jsx63(MoreHoriz, { fontSize: iconSize, color: iconColor }),
+    notes: /* @__PURE__ */ jsx63(Comment, { fontSize: iconSize }),
+    refresh: /* @__PURE__ */ jsx63(Refresh2, { fontSize: iconSize }),
+    remove: /* @__PURE__ */ jsx63(Remove, { fontSize: iconSize }),
+    search: /* @__PURE__ */ jsx63(Search, { fontSize: iconSize }),
+    send: /* @__PURE__ */ jsx63(Send, { fontSize: iconSize }),
+    strawberry: /* @__PURE__ */ jsx63(IconStrawberry_default, {}),
+    thumbDown: /* @__PURE__ */ jsx63(ThumbDown, { fontSize: iconSize }),
+    thumbUp: /* @__PURE__ */ jsx63(ThumbUp, { fontSize: iconSize }),
+    undo: /* @__PURE__ */ jsx63(Undo, { fontSize: iconSize }),
+    play: /* @__PURE__ */ jsx63(PlayArrowRounded, { fontSize: iconSize }),
+    snail: /* @__PURE__ */ jsx63(icons_default.SvgIconSnail, { fontSize: iconSize, fill: colors.muiPrimary }),
+    bus: /* @__PURE__ */ jsx63(IconBus_default, {}),
+    spoon: /* @__PURE__ */ jsx63(IconSpoon_default, {}),
+    fork: /* @__PURE__ */ jsx63(IconFork_default, {}),
+    car: /* @__PURE__ */ jsx63(IconCar_default, {}),
+    knife: /* @__PURE__ */ jsx63(IconKnife_default, {}),
+    bicycle: /* @__PURE__ */ jsx63(IconBicycle_default, {}),
+    heart: /* @__PURE__ */ jsx63(IconHeart_default, {}),
+    airplane: /* @__PURE__ */ jsx63(IconAirplane_default, {})
   };
   const filteredSize = size === "double" ? void 0 : size;
   const handleClick = (e) => {
@@ -2828,7 +2863,7 @@ var RoundButton = ({
       onClick(e);
     }
   };
-  const Button14 = /* @__PURE__ */ jsx62(
+  const Button14 = /* @__PURE__ */ jsx63(
     Fab,
     {
       className: cx(
@@ -2852,7 +2887,7 @@ var RoundButton = ({
       children: icon ? iconComponentMap[icon] : children || ""
     }
   );
-  return tooltip ? /* @__PURE__ */ jsx62(Tooltip2, { title: tooltip, children: Button14 }) : Button14;
+  return tooltip ? /* @__PURE__ */ jsx63(Tooltip2, { title: tooltip, children: Button14 }) : Button14;
 };
 var RoundButton_default = RoundButton;
 
@@ -2860,7 +2895,7 @@ var RoundButton_default = RoundButton;
 import { memo as memo8 } from "react";
 import { Pin } from "mdi-material-ui";
 import { makeStyles as makeStyles12 } from "tss-react/mui";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var useStyles12 = makeStyles12()(() => ({
   root: {
     opacity: 0.5
@@ -2871,14 +2906,14 @@ var useStyles12 = makeStyles12()(() => ({
 }));
 var PinButton = () => {
   const { classes } = useStyles12();
-  return /* @__PURE__ */ jsx63(Pin, { className: classes.root });
+  return /* @__PURE__ */ jsx64(Pin, { className: classes.root });
 };
 var Pin_default = memo8(PinButton);
 
 // src/components/Buttons/PinnedApp.tsx
 import { Fab as Fab2, Icon } from "@mui/material";
 import { makeStyles as makeStyles13 } from "tss-react/mui";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var useStyles13 = makeStyles13()((theme) => ({
   root: {
     "& > *": {
@@ -2892,12 +2927,12 @@ var useStyles13 = makeStyles13()((theme) => ({
 function ActionButton(props) {
   const { app } = props;
   const { classes } = useStyles13();
-  return /* @__PURE__ */ jsx64("div", { className: classes.root, children: /* @__PURE__ */ jsx64(Fab2, { color: "primary", "aria-label": "add", children: /* @__PURE__ */ jsx64(Icon, { children: app.icon }) }) });
+  return /* @__PURE__ */ jsx65("div", { className: classes.root, children: /* @__PURE__ */ jsx65(Fab2, { color: "primary", "aria-label": "add", children: /* @__PURE__ */ jsx65(Icon, { children: app.icon }) }) });
 }
 
 // src/components/CompanyLogo/CompanyLogo.tsx
 import { makeStyles as makeStyles14 } from "tss-react/mui";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var useStyles14 = makeStyles14()((theme, { imageLogoDarkSmall, imageLogoLightSmall }) => ({
   logoSmall: {
     height: 46,
@@ -2930,14 +2965,14 @@ var CompanyLogo = ({
     [classes.logoLight]: color === "light",
     [classes.logoDark]: color === "dark"
   });
-  return /* @__PURE__ */ jsx65("div", { className });
+  return /* @__PURE__ */ jsx66("div", { className });
 };
 var CompanyLogo_default = CompanyLogo;
 
 // src/components/ConfirmationDialog/ConfirmationDialog.tsx
 import { Box as Box9, Dialog as Dialog3, DialogActions as DialogActions2, Divider, Typography as Typography6 } from "@mui/material";
 import { makeStyles as makeStyles15 } from "tss-react/mui";
-import { jsx as jsx66, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs37 } from "react/jsx-runtime";
 var useStyles15 = makeStyles15()((theme) => ({
   content: {
     width: "660px"
@@ -2975,14 +3010,14 @@ var ConfirmationDialog = ({
   };
   const contentComponent = () => {
     if (typeof content === "string") {
-      return /* @__PURE__ */ jsx66(Typography6, { variant: "body1", children: content });
+      return /* @__PURE__ */ jsx67(Typography6, { variant: "body1", children: content });
     }
     return content;
   };
   return /* @__PURE__ */ jsxs37(Dialog3, { onClose: closeModal, open: isOpen, maxWidth: "lg", children: [
     /* @__PURE__ */ jsxs37(Box9, { className: classes.content, children: [
-      /* @__PURE__ */ jsx66(Typography6, { className: classes.title, variant: "h6", children: title }),
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67(Typography6, { className: classes.title, variant: "h6", children: title }),
+      /* @__PURE__ */ jsx67(
         Box9,
         {
           sx: {
@@ -2995,9 +3030,9 @@ var ConfirmationDialog = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx66(Divider, {}),
+    /* @__PURE__ */ jsx67(Divider, {}),
     /* @__PURE__ */ jsxs37(DialogActions2, { className: classes.footer, children: [
-      !hideCancel && /* @__PURE__ */ jsx66(
+      !hideCancel && /* @__PURE__ */ jsx67(
         FilledButton_default,
         {
           className: classes.button,
@@ -3007,7 +3042,7 @@ var ConfirmationDialog = ({
           onClick: closeModal
         }
       ),
-      !hideConfirm && /* @__PURE__ */ jsx66(
+      !hideConfirm && /* @__PURE__ */ jsx67(
         FilledButton_default,
         {
           className: classes.button,
@@ -3032,7 +3067,7 @@ var ConfirmationDialog_default = ConfirmationDialog;
 // src/components/ControlledCheckbox/ControlledCheckbox.tsx
 import { Controller } from "react-hook-form";
 import { Checkbox, FormControlLabel, Tooltip as Tooltip3 } from "@mui/material";
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var ControlledCheckbox = ({
   name,
   label,
@@ -3044,18 +3079,18 @@ var ControlledCheckbox = ({
   color,
   handleChange,
   disabled
-}) => /* @__PURE__ */ jsx67(
+}) => /* @__PURE__ */ jsx68(
   Controller,
   {
     name,
     control,
     render: ({ field }) => {
-      const checkbox = /* @__PURE__ */ jsx67(
+      const checkbox = /* @__PURE__ */ jsx68(
         FormControlLabel,
         {
           label,
           className,
-          control: /* @__PURE__ */ jsx67(
+          control: /* @__PURE__ */ jsx68(
             Checkbox,
             {
               ...field,
@@ -3069,7 +3104,7 @@ var ControlledCheckbox = ({
           )
         }
       );
-      return tooltipDescription ? /* @__PURE__ */ jsx67(Tooltip3, { title: tooltipDescription, children: /* @__PURE__ */ jsx67("span", { children: checkbox }) }) : checkbox;
+      return tooltipDescription ? /* @__PURE__ */ jsx68(Tooltip3, { title: tooltipDescription, children: /* @__PURE__ */ jsx68("span", { children: checkbox }) }) : checkbox;
     }
   }
 );
@@ -3079,7 +3114,7 @@ var ControlledCheckbox_default = ControlledCheckbox;
 import { Controller as Controller2 } from "react-hook-form";
 import { TextField as TextField2 } from "@mui/material";
 import { makeStyles as makeStyles16 } from "tss-react/mui";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var useStyles16 = makeStyles16()(() => ({
   selectInput: {
     minWidth: 122
@@ -3112,12 +3147,12 @@ var ControlledNumberInput = ({
     "Backspace",
     "Tab"
   ].includes(input.key) && input.preventDefault();
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     Controller2,
     {
       control,
       name,
-      render: ({ field: { onChange, value }, fieldState }) => /* @__PURE__ */ jsx68(
+      render: ({ field: { onChange, value }, fieldState }) => /* @__PURE__ */ jsx69(
         TextField2,
         {
           variant: "standard",
@@ -3163,7 +3198,7 @@ import {
   TextField as TextField3
 } from "@mui/material";
 import { makeStyles as makeStyles17 } from "tss-react/mui";
-import { jsx as jsx69, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs38 } from "react/jsx-runtime";
 var convertUnderscoreToHyphen = (str) => str.replace(/_/g, "-");
 var useStyles17 = makeStyles17()((theme) => ({
   textFieldButtons: {
@@ -3264,17 +3299,17 @@ var ControlledNumericField = ({
       decrementValue(field)();
     }
   };
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     Box10,
     {
       className,
       "data-testid": dataTestId || `${convertUnderscoreToHyphen(fieldName)}`,
-      children: /* @__PURE__ */ jsx69(
+      children: /* @__PURE__ */ jsx70(
         Controller3,
         {
           control,
           name: fieldName,
-          render: ({ field, fieldState }) => /* @__PURE__ */ jsx69(
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsx70(
             TextField3,
             {
               ...field,
@@ -3309,25 +3344,25 @@ var ControlledNumericField = ({
               slotProps: {
                 htmlInput: { min, max, step },
                 input: {
-                  endAdornment: /* @__PURE__ */ jsx69(InputAdornment, { position: "end", children: /* @__PURE__ */ jsxs38(Box10, { className: classes.textFieldButtons, children: [
-                    /* @__PURE__ */ jsx69(
+                  endAdornment: /* @__PURE__ */ jsx70(InputAdornment, { position: "end", children: /* @__PURE__ */ jsxs38(Box10, { className: classes.textFieldButtons, children: [
+                    /* @__PURE__ */ jsx70(
                       IconButton,
                       {
                         disableRipple: true,
                         className: classes.arrowButton,
                         onClick: incrementValue(field),
                         "data-testid": "arrow-up",
-                        children: /* @__PURE__ */ jsx69(KeyboardArrowUpIcon, { sx: { fontSize: 15 } })
+                        children: /* @__PURE__ */ jsx70(KeyboardArrowUpIcon, { sx: { fontSize: 15 } })
                       }
                     ),
-                    /* @__PURE__ */ jsx69(
+                    /* @__PURE__ */ jsx70(
                       IconButton,
                       {
                         disableRipple: true,
                         className: classes.arrowButton,
                         onClick: decrementValue(field),
                         "data-testid": "arrow-down",
-                        children: /* @__PURE__ */ jsx69(KeyboardArrowDownIcon, { sx: { fontSize: 15 } })
+                        children: /* @__PURE__ */ jsx70(KeyboardArrowDownIcon, { sx: { fontSize: 15 } })
                       }
                     )
                   ] }) })
@@ -3346,7 +3381,7 @@ var ControlledNumericField_default = ControlledNumericField;
 import { Controller as Controller4 } from "react-hook-form";
 import { FormControl, FormHelperText, InputLabel, Select } from "@mui/material";
 import { makeStyles as makeStyles18 } from "tss-react/mui";
-import { jsx as jsx70, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs39 } from "react/jsx-runtime";
 var useStyles18 = makeStyles18()(() => ({
   selectInput: {
     minWidth: 122
@@ -3363,7 +3398,7 @@ var ControlledSelectWithArray = ({
   revalidateFormFunction
 }) => {
   const { classes } = useStyles18();
-  return /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx71(
     Controller4,
     {
       control,
@@ -3377,7 +3412,7 @@ var ControlledSelectWithArray = ({
           className: className || classes.selectInput,
           variant: "standard",
           children: [
-            /* @__PURE__ */ jsx70(InputLabel, { shrink: true, error: !!fieldState.error, children: label }),
+            /* @__PURE__ */ jsx71(InputLabel, { shrink: true, error: !!fieldState.error, children: label }),
             /* @__PURE__ */ jsxs39(
               Select,
               {
@@ -3397,12 +3432,12 @@ var ControlledSelectWithArray = ({
                 },
                 error: !!fieldState.error,
                 children: [
-                  /* @__PURE__ */ jsx70("option", { "aria-label": "None" }),
-                  options?.map((item) => /* @__PURE__ */ jsx70("option", { value: item, children: item }, item))
+                  /* @__PURE__ */ jsx71("option", { "aria-label": "None" }),
+                  options?.map((item) => /* @__PURE__ */ jsx71("option", { value: item, children: item }, item))
                 ]
               }
             ),
-            /* @__PURE__ */ jsx70(FormHelperText, { error: !!fieldState.error, children: fieldState.error?.message || error })
+            /* @__PURE__ */ jsx71(FormHelperText, { error: !!fieldState.error, children: fieldState.error?.message || error })
           ]
         }
       )
@@ -3415,7 +3450,7 @@ var ControlledSelectWithArray_default = ControlledSelectWithArray;
 import { Controller as Controller5 } from "react-hook-form";
 import { FormControl as FormControl2, FormHelperText as FormHelperText2, InputLabel as InputLabel2, Select as Select2 } from "@mui/material";
 import { makeStyles as makeStyles19 } from "tss-react/mui";
-import { jsx as jsx71, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs40 } from "react/jsx-runtime";
 var useStyles19 = makeStyles19()(() => ({
   selectInput: {
     minWidth: 122
@@ -3433,7 +3468,7 @@ var ControlledSelectWithObject = ({
   revalidateFormFunction
 }) => {
   const { classes } = useStyles19();
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     Controller5,
     {
       control,
@@ -3447,7 +3482,7 @@ var ControlledSelectWithObject = ({
           className: className || classes.selectInput,
           variant: "standard",
           children: [
-            /* @__PURE__ */ jsx71(InputLabel2, { error: !!fieldState.error, children: label }),
+            /* @__PURE__ */ jsx72(InputLabel2, { error: !!fieldState.error, children: label }),
             /* @__PURE__ */ jsxs40(
               Select2,
               {
@@ -3467,8 +3502,8 @@ var ControlledSelectWithObject = ({
                 },
                 error: !!fieldState.error,
                 children: [
-                  /* @__PURE__ */ jsx71("option", { "aria-label": "None" }),
-                  options?.map((option) => /* @__PURE__ */ jsx71(
+                  /* @__PURE__ */ jsx72("option", { "aria-label": "None" }),
+                  options?.map((option) => /* @__PURE__ */ jsx72(
                     "option",
                     {
                       disabled: listToDisableFromOptions ? listToDisableFromOptions.includes(option.value) : false,
@@ -3480,7 +3515,7 @@ var ControlledSelectWithObject = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx71(FormHelperText2, { error: !!fieldState.error, children: fieldState.error?.message || error })
+            /* @__PURE__ */ jsx72(FormHelperText2, { error: !!fieldState.error, children: fieldState.error?.message || error })
           ]
         }
       )
@@ -3496,7 +3531,7 @@ import {
 import { Box as Box11, TextField as TextField4 } from "@mui/material";
 import classNames from "classnames";
 import { makeStyles as makeStyles20 } from "tss-react/mui";
-import { jsx as jsx72, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs41 } from "react/jsx-runtime";
 var useStyles20 = makeStyles20()(() => ({
   fullWidthWrapper: {
     maxWidth: "100%"
@@ -3544,17 +3579,17 @@ var ControlledValidTextInput = ({
       defaultHandleBlurValidationAndSubmit(controlledField, fieldState.isDirty);
     }
   };
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     Box11,
     {
       className,
       "data-testid": dataTestId || `${convertUnderscoreToHyphen2(fieldName)}`,
-      children: /* @__PURE__ */ jsx72(
+      children: /* @__PURE__ */ jsx73(
         Controller6,
         {
           control,
           name: fieldName,
-          render: ({ field: controlledField, fieldState }) => /* @__PURE__ */ jsx72(Box11, { className: classes.fullWidthWrapper, children: /* @__PURE__ */ jsx72(
+          render: ({ field: controlledField, fieldState }) => /* @__PURE__ */ jsx73(Box11, { className: classes.fullWidthWrapper, children: /* @__PURE__ */ jsx73(
             TextField4,
             {
               ...controlledField,
@@ -3578,7 +3613,7 @@ var ControlledValidTextInput = ({
                   }),
                   "data-testid": `${dataTestId}-helper-text` || `${convertUnderscoreToHyphen2(fieldName)}-helper-text`,
                   children: [
-                    /* @__PURE__ */ jsx72(
+                    /* @__PURE__ */ jsx73(
                       Box11,
                       {
                         component: "span",
@@ -3588,7 +3623,7 @@ var ControlledValidTextInput = ({
                         children: fieldState.error?.message ?? helperText
                       }
                     ),
-                    !!maxLength && /* @__PURE__ */ jsx72(Box11, { component: "span", children: `${watch(fieldName)?.length ?? 0}/${maxLength}` })
+                    !!maxLength && /* @__PURE__ */ jsx73(Box11, { component: "span", children: `${watch(fieldName)?.length ?? 0}/${maxLength}` })
                   ]
                 }
               ),
@@ -3607,7 +3642,7 @@ import { useState as useState3 } from "react";
 import { Paper as Paper2, Skeleton } from "@mui/material";
 import { DataGrid as MUIDataGrid } from "@mui/x-data-grid";
 import { makeStyles as makeStyles21 } from "tss-react/mui";
-import { Fragment, jsx as jsx73, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx74, jsxs as jsxs42 } from "react/jsx-runtime";
 var useStyles21 = makeStyles21()(() => ({
   root: {
     justifyContent: "space-between",
@@ -3654,14 +3689,14 @@ var DataGrid = ({
   ]);
   const rowHeight = 56;
   const headerAndFooterHeight = 52 + 56;
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "div",
     {
       className: classes.root,
       style: {
         height: height || rows.length * rowHeight + headerAndFooterHeight
       },
-      children: /* @__PURE__ */ jsx73(Paper2, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx73("div", { children: [...Array(Math.floor(10))].map((i) => /* @__PURE__ */ jsx73(
+      children: /* @__PURE__ */ jsx74(Paper2, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx74("div", { children: [...Array(Math.floor(10))].map((i) => /* @__PURE__ */ jsx74(
         Skeleton,
         {
           animation: "pulse",
@@ -3671,7 +3706,7 @@ var DataGrid = ({
         },
         i
       )) }) : /* @__PURE__ */ jsxs42(Fragment, { children: [
-        /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx74(
           MUIDataGrid,
           {
             rows,
@@ -3776,10 +3811,10 @@ localizedMoment.locale(constants_default.locale);
 var moment_default = localizedMoment;
 
 // src/components/Date/Date.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var Date = ({ datetime, format = "L" }) => {
   const formattedDate = moment_default(datetime).format(format);
-  return /* @__PURE__ */ jsx74("span", { children: formattedDate === "Invalid date" ? "-" : formattedDate });
+  return /* @__PURE__ */ jsx75("span", { children: formattedDate === "Invalid date" ? "-" : formattedDate });
 };
 var Date_default = Date;
 
@@ -3787,7 +3822,7 @@ var Date_default = Date;
 import { memo as memo9 } from "react";
 import { Alert, AlertTitle, Typography as Typography7, Box as Box12 } from "@mui/material";
 import { makeStyles as makeStyles22 } from "tss-react/mui";
-import { Fragment as Fragment2, jsx as jsx75, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx76, jsxs as jsxs43 } from "react/jsx-runtime";
 var useStyles22 = makeStyles22()(() => ({
   alert: { marginBottom: 16 },
   bottomBar: {
@@ -3814,10 +3849,10 @@ var DeleteSubstitutionDialogContent = ({
       ] }),
       "This action will permanently remove all data and history associated with this substitution, and it cannot be undone."
     ] }),
-    /* @__PURE__ */ jsx75(Typography7, { variant: "body1", children: "Please confirm if you wish to proceed." }),
+    /* @__PURE__ */ jsx76(Typography7, { variant: "body1", children: "Please confirm if you wish to proceed." }),
     /* @__PURE__ */ jsxs43(Box12, { className: classes.bottomBar, children: [
-      /* @__PURE__ */ jsx75(ExtendedButton_default, { copy: "Cancel", onClick: closeDialog }),
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx76(ExtendedButton_default, { copy: "Cancel", onClick: closeDialog }),
+      /* @__PURE__ */ jsx76(
         ExtendedButton_default,
         {
           copy: "Confirm",
@@ -3835,7 +3870,7 @@ var DeleteSubstitutionDialogContent_default = memo9(DeleteSubstitutionDialogCont
 import { memo as memo10 } from "react";
 import { Alert as Alert2, AlertTitle as AlertTitle2, Typography as Typography8, Box as Box13 } from "@mui/material";
 import { makeStyles as makeStyles23 } from "tss-react/mui";
-import { Fragment as Fragment3, jsx as jsx76, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx77, jsxs as jsxs44 } from "react/jsx-runtime";
 var useStyles23 = makeStyles23()(() => ({
   alert: { marginBottom: 16 },
   bottomBar: {
@@ -3862,10 +3897,10 @@ var DeleteUserDialogContent = ({
       ] }),
       "This action will permanently remove all data and history associated with this user, and it cannot be undone."
     ] }),
-    /* @__PURE__ */ jsx76(Typography8, { variant: "body1", children: "Please confirm if you wish to proceed." }),
+    /* @__PURE__ */ jsx77(Typography8, { variant: "body1", children: "Please confirm if you wish to proceed." }),
     /* @__PURE__ */ jsxs44(Box13, { className: classes.bottomBar, children: [
-      /* @__PURE__ */ jsx76(ExtendedButton_default, { color: "default", copy: "Cancel", onClick: closeDialog }),
-      /* @__PURE__ */ jsx76(
+      /* @__PURE__ */ jsx77(ExtendedButton_default, { color: "default", copy: "Cancel", onClick: closeDialog }),
+      /* @__PURE__ */ jsx77(
         ExtendedButton_default,
         {
           copy: "Confirm",
@@ -3882,7 +3917,7 @@ var DeleteUserDialogContent_default = memo10(DeleteUserDialogContent);
 // src/components/FileCard/FileCard.tsx
 import { Description as DescriptionIcon } from "@mui/icons-material";
 import { Typography as Typography9, Box as Box14 } from "@mui/material";
-import { jsx as jsx77, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs45 } from "react/jsx-runtime";
 var getFileMetadata = (file) => {
   const fullFilename = file.substring(file.lastIndexOf("/") + 1);
   const extension = file.substring(file.lastIndexOf("."));
@@ -3907,7 +3942,7 @@ var FileCard = ({ document: document2 }) => {
         minWidth: "250px"
       },
       children: [
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78(
           Box14,
           {
             sx: {
@@ -3915,10 +3950,10 @@ var FileCard = ({ document: document2 }) => {
               justifyContent: "center",
               alignItems: "center"
             },
-            children: /* @__PURE__ */ jsx77(DescriptionIcon, { fontSize: "medium", color: "action" })
+            children: /* @__PURE__ */ jsx78(DescriptionIcon, { fontSize: "medium", color: "action" })
           }
         ),
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78(
           Box14,
           {
             sx: {
@@ -3944,7 +3979,7 @@ import { Typography as Typography10 } from "@mui/material";
 import brown from "@mui/material/colors/brown";
 import teal from "@mui/material/colors/teal";
 import { makeStyles as makeStyles24 } from "tss-react/mui";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var useStyles24 = makeStyles24()((theme) => ({
   siteOne: {
     backgroundColor: teal["50"],
@@ -3972,7 +4007,7 @@ var useStyles24 = makeStyles24()((theme) => ({
 var FilledLabel = (props) => {
   const { color, copy } = props;
   const { classes } = useStyles24();
-  return /* @__PURE__ */ jsx78(Typography10, { variant: "caption", className: classes[color], children: copy });
+  return /* @__PURE__ */ jsx79(Typography10, { variant: "caption", className: classes[color], children: copy });
 };
 var FilledLabel_default = memo11(FilledLabel);
 
@@ -3988,7 +4023,7 @@ import {
   ListItemText,
   Divider as Divider2
 } from "@mui/material";
-import { Fragment as Fragment4, jsx as jsx79, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx80, jsxs as jsxs46 } from "react/jsx-runtime";
 var FilterGroupSelector = ({
   name = "Filter Selector",
   optionsList = [{ category: "Category", options: ["Option 1"] }],
@@ -4023,8 +4058,8 @@ var FilterGroupSelector = ({
         onClick: handleClick,
         sx: { cursor: "pointer" },
         children: [
-          /* @__PURE__ */ jsx79(Typography11, { variant: "button", fontSize: 12, children: name }),
-          /* @__PURE__ */ jsx79(FilterListIcon, {})
+          /* @__PURE__ */ jsx80(Typography11, { variant: "button", fontSize: 12, children: name }),
+          /* @__PURE__ */ jsx80(FilterListIcon, {})
         ]
       }
     ),
@@ -4037,10 +4072,10 @@ var FilterGroupSelector = ({
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
         transformOrigin: { vertical: "top", horizontal: "left" },
         children: [
-          /* @__PURE__ */ jsx79(Box15, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ jsx79(Typography11, { variant: "button", children: `Search ${name}` }) }),
-          /* @__PURE__ */ jsx79(Divider2, {}),
-          /* @__PURE__ */ jsx79(Box15, { overflow: "auto", height: 450, children: optionsList.map(({ category, options }, index) => /* @__PURE__ */ jsxs46(Box15, { children: [
-            /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx80(Box15, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ jsx80(Typography11, { variant: "button", children: `Search ${name}` }) }),
+          /* @__PURE__ */ jsx80(Divider2, {}),
+          /* @__PURE__ */ jsx80(Box15, { overflow: "auto", height: 450, children: optionsList.map(({ category, options }, index) => /* @__PURE__ */ jsxs46(Box15, { children: [
+            /* @__PURE__ */ jsx80(
               Typography11,
               {
                 variant: "subtitle2",
@@ -4051,13 +4086,13 @@ var FilterGroupSelector = ({
             options.map((value) => {
               const key = `${category.replaceAll(" ", "_").toLocaleLowerCase()}${categoryIdentification ? `_${categoryIdentification}` : ""}: ${value}`;
               return /* @__PURE__ */ jsxs46(MenuItem, { onClick: () => toggleOption(key), children: [
-                /* @__PURE__ */ jsx79(Checkbox2, { checked: values.includes(key) }),
-                /* @__PURE__ */ jsx79(ListItemText, { primary: value })
+                /* @__PURE__ */ jsx80(Checkbox2, { checked: values.includes(key) }),
+                /* @__PURE__ */ jsx80(ListItemText, { primary: value })
               ] }, value);
             })
           ] }, category)) }),
           /* @__PURE__ */ jsxs46(Box15, { display: "flex", children: [
-            /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsx80(
               ExtendedButton_default,
               {
                 variant: "text",
@@ -4069,7 +4104,7 @@ var FilterGroupSelector = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsx80(
               ExtendedButton_default,
               {
                 color: "primary",
@@ -4101,7 +4136,7 @@ import {
   ListItemText as ListItemText2,
   Divider as Divider3
 } from "@mui/material";
-import { Fragment as Fragment5, jsx as jsx80, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx81, jsxs as jsxs47 } from "react/jsx-runtime";
 var FilterSimpleSelector = ({
   name = "Filter Selector",
   options = ["No Options"],
@@ -4135,8 +4170,8 @@ var FilterSimpleSelector = ({
         onClick: handleClick,
         sx: { cursor: "pointer" },
         children: [
-          /* @__PURE__ */ jsx80(Typography12, { variant: "button", fontSize: 12, children: name }),
-          /* @__PURE__ */ jsx80(FilterListIcon2, {})
+          /* @__PURE__ */ jsx81(Typography12, { variant: "button", fontSize: 12, children: name }),
+          /* @__PURE__ */ jsx81(FilterListIcon2, {})
         ]
       }
     ),
@@ -4149,15 +4184,15 @@ var FilterSimpleSelector = ({
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
         transformOrigin: { vertical: "top", horizontal: "left" },
         children: [
-          /* @__PURE__ */ jsx80(Box16, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ jsx80(Typography12, { variant: "button", children: `Search ${name}` }) }),
-          /* @__PURE__ */ jsx80(Divider3, {}),
-          /* @__PURE__ */ jsx80(Box16, { overflow: "auto", height: 450, children: options.map((option) => /* @__PURE__ */ jsxs47(MenuItem2, { onClick: () => toggleOption(option), children: [
-            /* @__PURE__ */ jsx80(Checkbox3, { checked: values.includes(option) }),
-            /* @__PURE__ */ jsx80(ListItemText2, { primary: option })
+          /* @__PURE__ */ jsx81(Box16, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ jsx81(Typography12, { variant: "button", children: `Search ${name}` }) }),
+          /* @__PURE__ */ jsx81(Divider3, {}),
+          /* @__PURE__ */ jsx81(Box16, { overflow: "auto", height: 450, children: options.map((option) => /* @__PURE__ */ jsxs47(MenuItem2, { onClick: () => toggleOption(option), children: [
+            /* @__PURE__ */ jsx81(Checkbox3, { checked: values.includes(option) }),
+            /* @__PURE__ */ jsx81(ListItemText2, { primary: option })
           ] }, option)) }),
-          /* @__PURE__ */ jsx80(Divider3, {}),
+          /* @__PURE__ */ jsx81(Divider3, {}),
           /* @__PURE__ */ jsxs47(Box16, { display: "flex", children: [
-            /* @__PURE__ */ jsx80(
+            /* @__PURE__ */ jsx81(
               ExtendedButton_default,
               {
                 variant: "text",
@@ -4169,7 +4204,7 @@ var FilterSimpleSelector = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx80(
+            /* @__PURE__ */ jsx81(
               ExtendedButton_default,
               {
                 color: "primary",
@@ -4193,7 +4228,7 @@ var FilterSimpleSelector_default = FilterSimpleSelector;
 import * as React from "react";
 import { Box as Box17 } from "@mui/material";
 import { makeStyles as makeStyles25 } from "tss-react/mui";
-import { jsx as jsx81, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs48 } from "react/jsx-runtime";
 var footerHeight = "64px";
 var useStyles25 = makeStyles25()((theme) => ({
   root: {
@@ -4215,8 +4250,8 @@ var useStyles25 = makeStyles25()((theme) => ({
 var FixedFooter = ({ justifyContent, children }) => {
   const { classes } = useStyles25();
   return /* @__PURE__ */ jsxs48(Box17, { children: [
-    /* @__PURE__ */ jsx81(Box17, { className: classes.fixedOffset }),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx82(Box17, { className: classes.fixedOffset }),
+    /* @__PURE__ */ jsx82(
       Box17,
       {
         className: classes.root,
@@ -4233,7 +4268,7 @@ var FixedFooter_default = React.memo(FixedFooter);
 // src/components/Header/Header.tsx
 import { Paper as Paper3 } from "@mui/material";
 import { makeStyles as makeStyles26 } from "tss-react/mui";
-import { jsx as jsx82, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs49 } from "react/jsx-runtime";
 var useStyles26 = makeStyles26()((theme) => ({
   container: {
     margin: theme.spacing(1)
@@ -4256,7 +4291,7 @@ var Header = ({
   wrappedHeader = false
 }) => {
   const { classes, cx } = useStyles26();
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     Paper3,
     {
       className: cx({
@@ -4264,8 +4299,8 @@ var Header = ({
       }),
       elevation: wrappedHeader ? 0 : 1,
       children: /* @__PURE__ */ jsxs49("header", { className: classes.header, children: [
-        /* @__PURE__ */ jsx82(AppLabel_default, { appName }),
-        children ? /* @__PURE__ */ jsx82("div", { className: classes.rightContent, children }) : null
+        /* @__PURE__ */ jsx83(AppLabel_default, { appName }),
+        children ? /* @__PURE__ */ jsx83("div", { className: classes.rightContent, children }) : null
       ] })
     }
   );
@@ -4294,9 +4329,9 @@ import { makeStyles as makeStyles27 } from "tss-react/mui";
 // src/components/UserBust/UserBust.tsx
 import { memo as memo13 } from "react";
 import { Avatar, Typography as Typography13 } from "@mui/material";
-import { jsx as jsx83, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs50 } from "react/jsx-runtime";
 var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs50("div", { children: [
-  /* @__PURE__ */ jsx83(
+  /* @__PURE__ */ jsx84(
     Avatar,
     {
       src: user.profile_picture,
@@ -4305,8 +4340,8 @@ var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs5
     }
   ),
   /* @__PURE__ */ jsxs50("div", { style: { paddingTop: 16 }, children: [
-    /* @__PURE__ */ jsx83(Typography13, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
-    /* @__PURE__ */ jsx83(Typography13, { ...typographyProps.username, children: user.username })
+    /* @__PURE__ */ jsx84(Typography13, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
+    /* @__PURE__ */ jsx84(Typography13, { ...typographyProps.username, children: user.username })
   ] })
 ] });
 var UserBust_default = memo13(UserBust);
@@ -4345,7 +4380,7 @@ var featureName = {
 var featureName_default = featureName;
 
 // src/components/LeftDrawer/helpers/drawerAppList.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 var drawerAppList = [
   {
     groupName: "Home",
@@ -4356,7 +4391,7 @@ var drawerAppList = [
         alwaysDisplay: true,
         featureNames: [],
         pinned: null,
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconHome, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconHome, {}),
         url: `/`
       }
     ]
@@ -4370,7 +4405,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.NOTIFICATIONS],
         pinned: null,
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconNotification, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconNotification, {}),
         url: `/notifications`
       },
       {
@@ -4379,7 +4414,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.PROMO_CODES],
         pinned: null,
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconPromoCode, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconPromoCode, {}),
         url: "/react/promo_codes"
       },
       {
@@ -4388,7 +4423,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.SEARCH_CATEGORIES],
         pinned: null,
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconSearchCategories, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconSearchCategories, {}),
         url: "/react/search-categories"
       },
       {
@@ -4397,7 +4432,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: ["cms"],
         pinned: null,
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconContentManagement, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconContentManagement, {}),
         url: "/react/content-management"
       }
     ]
@@ -4411,7 +4446,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.AIRCALL],
         pinned: "recorded_calls",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconPhone, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconPhone, {}),
         url: "/react/air-call"
       },
       {
@@ -4420,7 +4455,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.CUSTOMERS],
         pinned: "customers",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconAccount, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconAccount, {}),
         url: `/customer-list`,
         children: [
           {
@@ -4443,7 +4478,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.ORDERS],
         pinned: "orders",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconOrders, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconOrders, {}),
         url: `/orders`
       },
       {
@@ -4452,7 +4487,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.PRICE_LIST],
         pinned: "price_list",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconPriceList, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconPriceList, {}),
         url: `/price-list`
       },
       {
@@ -4461,7 +4496,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.SPECIAL_PRICES],
         pinned: "special_prices",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconSpecialPrice, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconSpecialPrice, {}),
         url: `/pricing/special-prices`
       }
     ]
@@ -4475,7 +4510,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.PURCHASE_ORDERS],
         pinned: "purchase_orders",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconBuying, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconBuying, {}),
         url: "/react/purchase-orders"
       },
       {
@@ -4484,7 +4519,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.PRODUCTS],
         pinned: "products",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconProducts, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconProducts, {}),
         url: `/product-base-list`
       },
       {
@@ -4493,7 +4528,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.SUPPLIERS],
         pinned: "suppliers",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconSupplier, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconSupplier, {}),
         url: "/react/suppliers"
       },
       {
@@ -4502,7 +4537,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.SUPPLIER_PRICES],
         pinned: "supplier_prices",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconSupplierPrices, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconSupplierPrices, {}),
         url: `/supplier-prices`
       },
       {
@@ -4511,7 +4546,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.BULK_UPDATE],
         pinned: "bulk-update",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconImport, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconImport, {}),
         url: "/react/bulk_update"
       }
     ]
@@ -4525,7 +4560,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.GOODS_IN],
         pinned: "goods_in",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconGoodsin, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconGoodsin, {}),
         url: "/react/goodsin-list"
       },
       {
@@ -4534,7 +4569,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.RETURNS],
         pinned: "goods_in",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconGoodsin, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconGoodsin, {}),
         url: "/react/returns"
       },
       {
@@ -4543,11 +4578,11 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.KANBAN],
         pinned: "kanbancards",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconVkc, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconVkc, {}),
         url: `/kanban`
       },
       {
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconLocation, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconLocation, {}),
         name: "Stock and Locations",
         pinned: "locations",
         routeName: "locations",
@@ -4569,7 +4604,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.PICKING_STATIONS],
         pinned: "picking_stations",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconScales, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconScales, {}),
         url: `/pickingstation`
       },
       {
@@ -4578,7 +4613,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.QUALITY_CONTROL],
         pinned: "quality_control",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconQc, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconQc, {}),
         url: `/quality-control`
       },
       {
@@ -4587,7 +4622,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.RETAIL],
         pinned: "retail",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconRetail, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconRetail, {}),
         url: `/retail/product-availability`
       },
       {
@@ -4596,7 +4631,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.SERVICE_DELIVERY],
         pinned: "runs",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconRuns, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconRuns, {}),
         url: `/runs`
       },
       {
@@ -4605,7 +4640,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.OPS_METRICS],
         pinned: "ops-metrics",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconOpsMetrics, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconOpsMetrics, {}),
         url: "/react/ops-metrics"
       }
     ]
@@ -4619,7 +4654,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.ACCOUNTS],
         pinned: "accounts",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconAccounts, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconAccounts, {}),
         url: `/accounts`
       },
       {
@@ -4628,7 +4663,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.REPORTS],
         pinned: "reports",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconReports, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconReports, {}),
         url: `/reports`
       }
     ]
@@ -4642,7 +4677,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.ADMIN],
         pinned: "admin",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconSetting, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconSetting, {}),
         url: `/admin`
       },
       {
@@ -4651,7 +4686,7 @@ var drawerAppList = [
         alwaysDisplay: false,
         featureNames: [featureName_default.USER_MANAGEMENT],
         pinned: "users",
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconUserManagement, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconUserManagement, {}),
         url: "/react/user-management"
       },
       {
@@ -4660,7 +4695,7 @@ var drawerAppList = [
         alwaysDisplay: true,
         featureNames: [],
         pinned: null,
-        icon: /* @__PURE__ */ jsx84(icons_default.SvgIconLogin, {}),
+        icon: /* @__PURE__ */ jsx85(icons_default.SvgIconLogin, {}),
         url: "/react/logout"
       }
     ]
@@ -4702,7 +4737,7 @@ var useGetFilteredDrawerAppList = (featureSettings) => {
 var useGetFilteredDrawerAppList_default = useGetFilteredDrawerAppList;
 
 // src/components/LeftDrawer/LeftDrawer.tsx
-import { jsx as jsx85, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs51 } from "react/jsx-runtime";
 var useStyles27 = makeStyles27()((theme) => ({
   subheader: {
     textTransform: "uppercase",
@@ -4785,8 +4820,8 @@ var LeftDrawer = ({
       onOpen: handleOpen,
       open,
       children: [
-        /* @__PURE__ */ jsx85(AppBar, { position: "static", children: /* @__PURE__ */ jsxs51(Toolbar, { className: classes.topBar, children: [
-          /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsx86(AppBar, { position: "static", children: /* @__PURE__ */ jsxs51(Toolbar, { className: classes.topBar, children: [
+          /* @__PURE__ */ jsx86(
             UserBust_default,
             {
               user,
@@ -4797,7 +4832,7 @@ var LeftDrawer = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx85(Box18, { children: /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx86(Box18, { children: /* @__PURE__ */ jsx86(
             RoundButton_default,
             {
               icon: "edit",
@@ -4808,8 +4843,8 @@ var LeftDrawer = ({
             }
           ) })
         ] }) }),
-        /* @__PURE__ */ jsx85(List, { children: filteredDrawerAppList.map((group) => /* @__PURE__ */ jsxs51(Fragment6, { children: [
-          /* @__PURE__ */ jsx85(ListSubheader, { disableSticky: true, className: classes.subheader, children: group.groupName }),
+        /* @__PURE__ */ jsx86(List, { children: filteredDrawerAppList.map((group) => /* @__PURE__ */ jsxs51(Fragment6, { children: [
+          /* @__PURE__ */ jsx86(ListSubheader, { disableSticky: true, className: classes.subheader, children: group.groupName }),
           group.apps.map((app) => /* @__PURE__ */ jsxs51(Fragment6, { children: [
             /* @__PURE__ */ jsxs51(
               ListItem,
@@ -4822,8 +4857,8 @@ var LeftDrawer = ({
                   return window.location.assign(app.url);
                 },
                 children: [
-                  /* @__PURE__ */ jsx85(ListItemIcon, { children: /* @__PURE__ */ jsx85(Icon2, { className: classes.iconMenu, children: app.icon }) }),
-                  /* @__PURE__ */ jsx85(
+                  /* @__PURE__ */ jsx86(ListItemIcon, { children: /* @__PURE__ */ jsx86(Icon2, { className: classes.iconMenu, children: app.icon }) }),
+                  /* @__PURE__ */ jsx86(
                     ListItemText3,
                     {
                       className: classes.appName,
@@ -4833,13 +4868,13 @@ var LeftDrawer = ({
                       }
                     }
                   ),
-                  app.children?.length > 0 && (openCollapse[app.routeName] ? /* @__PURE__ */ jsx85(
+                  app.children?.length > 0 && (openCollapse[app.routeName] ? /* @__PURE__ */ jsx86(
                     ExpandLess,
                     {
                       "data-testid": "svg-close-collapse",
                       onClick: (e) => handleCollapse(e, app.routeName)
                     }
-                  ) : /* @__PURE__ */ jsx85(
+                  ) : /* @__PURE__ */ jsx86(
                     ExpandMore,
                     {
                       "data-testid": "svg-open-collapse",
@@ -4850,7 +4885,7 @@ var LeftDrawer = ({
               },
               app.name
             ),
-            app.children?.length > 0 && /* @__PURE__ */ jsx85(Collapse, { in: openCollapse[app.routeName], children: /* @__PURE__ */ jsx85(List, { children: app.children.map((child) => /* @__PURE__ */ jsxs51(
+            app.children?.length > 0 && /* @__PURE__ */ jsx86(Collapse, { in: openCollapse[app.routeName], children: /* @__PURE__ */ jsx86(List, { children: app.children.map((child) => /* @__PURE__ */ jsxs51(
               ListItemButton,
               {
                 className: classes.nested,
@@ -4858,8 +4893,8 @@ var LeftDrawer = ({
                 onClick: () => window.location.assign(child.url),
                 title: child.url,
                 children: [
-                  /* @__PURE__ */ jsx85(ListItemIcon, { children: /* @__PURE__ */ jsx85(FiberManualRecord, { style: { height: 12 } }) }),
-                  /* @__PURE__ */ jsx85(
+                  /* @__PURE__ */ jsx86(ListItemIcon, { children: /* @__PURE__ */ jsx86(FiberManualRecord, { style: { height: 12 } }) }),
+                  /* @__PURE__ */ jsx86(
                     ListItemText3,
                     {
                       primary: child.name,
@@ -4883,20 +4918,20 @@ var LeftDrawer_default = memo14(LeftDrawer);
 // src/components/List/List.tsx
 import { FixedSizeList } from "react-window";
 import { ListItem as ListItem2, ListItemText as ListItemText4 } from "@mui/material";
-import { Fragment as Fragment7, jsx as jsx86, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx87, jsxs as jsxs52 } from "react/jsx-runtime";
 var ListHeader = (props) => {
   const headers = props.headers || [];
-  return /* @__PURE__ */ jsx86(ListItem2, { children: headers.map((header, i) => (
+  return /* @__PURE__ */ jsx87(ListItem2, { children: headers.map((header, i) => (
     // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ jsx86(ListItemText4, { primary: header.text }, i)
+    /* @__PURE__ */ jsx87(ListItemText4, { primary: header.text }, i)
   )) });
 };
 function VirtualizedList(props) {
   const { innerWidth, innerHeight } = window;
   const { headers, items, renderItem } = props;
   return /* @__PURE__ */ jsxs52(Fragment7, { children: [
-    /* @__PURE__ */ jsx86(ListHeader, { headers }),
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx87(ListHeader, { headers }),
+    /* @__PURE__ */ jsx87(
       FixedSizeList,
       {
         height: innerHeight - 150,
@@ -4916,7 +4951,7 @@ import { Box as Box19, Chip, Typography as Typography14 } from "@mui/material";
 import { purple } from "@mui/material/colors";
 import classNames2 from "classnames";
 import { makeStyles as makeStyles28 } from "tss-react/mui";
-import { jsx as jsx87, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs53 } from "react/jsx-runtime";
 var useStyles28 = makeStyles28()(() => ({
   container: {
     display: "flex",
@@ -4963,7 +4998,7 @@ var LocationsSectionInfo = ({
     return "STOCK";
   };
   return /* @__PURE__ */ jsxs53(Box19, { className: classes.container, children: [
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx88(
       Chip,
       {
         className: classNames2(classes.defaultChip, {
@@ -4974,10 +5009,10 @@ var LocationsSectionInfo = ({
         label: getLocationLabel()
       }
     ),
-    /* @__PURE__ */ jsx87(Typography14, { className: classes.locationText, color: "primary", children: principalLocation }),
+    /* @__PURE__ */ jsx88(Typography14, { className: classes.locationText, color: "primary", children: principalLocation }),
     secondaryLocation?.map((loc) => /* @__PURE__ */ jsxs53(Fragment8, { children: [
-      /* @__PURE__ */ jsx87(Typography14, { className: classes.smallTitle, children: "/" }),
-      /* @__PURE__ */ jsx87(Typography14, { className: classes.locationText, children: loc })
+      /* @__PURE__ */ jsx88(Typography14, { className: classes.smallTitle, children: "/" }),
+      /* @__PURE__ */ jsx88(Typography14, { className: classes.locationText, children: loc })
     ] }, loc))
   ] });
 };
@@ -4987,7 +5022,7 @@ var LocationsSectionInfo_default = LocationsSectionInfo;
 import { useEffect as useEffect3, useState as useState7 } from "react";
 import { FormControl as FormControl3, Input, InputAdornment as InputAdornment2, InputLabel as InputLabel3 } from "@mui/material";
 import { makeStyles as makeStyles29 } from "tss-react/mui";
-import { jsx as jsx88, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs54 } from "react/jsx-runtime";
 var useStyles29 = makeStyles29()((theme) => ({
   wrapper: {
     padding: theme.spacing(3),
@@ -5030,13 +5065,13 @@ var Notes2 = ({
     }
   };
   const { classes } = useStyles29();
-  return /* @__PURE__ */ jsx88("div", { className: classes.wrapper, children: /* @__PURE__ */ jsxs54(FormControl3, { fullWidth: true, children: [
-    /* @__PURE__ */ jsx88(InputLabel3, { htmlFor: "notes", children: "Notes" }),
-    /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89("div", { className: classes.wrapper, children: /* @__PURE__ */ jsxs54(FormControl3, { fullWidth: true, children: [
+    /* @__PURE__ */ jsx89(InputLabel3, { htmlFor: "notes", children: "Notes" }),
+    /* @__PURE__ */ jsx89(
       Input,
       {
         disabled: isDisabled || isLoading,
-        endAdornment: isEditable && notes.length > 0 && /* @__PURE__ */ jsx88(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx88(
+        endAdornment: isEditable && notes.length > 0 && /* @__PURE__ */ jsx89(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx89(
           RoundButton_default,
           {
             disabled: isLoading,
@@ -5062,7 +5097,7 @@ var Notes2 = ({
 var Notes_default = Notes2;
 
 // src/components/Numpad/Numpad.tsx
-import { jsx as jsx89, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs55 } from "react/jsx-runtime";
 var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
   "div",
   {
@@ -5077,7 +5112,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
     children: [
       /* @__PURE__ */ jsxs55("div", { children: [
         /* @__PURE__ */ jsxs55("div", { children: [
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("1"),
@@ -5086,7 +5121,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
               children: "1"
             }
           ),
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("2"),
@@ -5095,7 +5130,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
               children: "2"
             }
           ),
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("3"),
@@ -5106,7 +5141,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
           )
         ] }),
         /* @__PURE__ */ jsxs55("div", { children: [
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("4"),
@@ -5115,7 +5150,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
               children: "4"
             }
           ),
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("5"),
@@ -5124,7 +5159,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
               children: "5"
             }
           ),
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("6"),
@@ -5135,7 +5170,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
           )
         ] }),
         /* @__PURE__ */ jsxs55("div", { children: [
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("7"),
@@ -5144,7 +5179,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
               children: "7"
             }
           ),
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("8"),
@@ -5153,7 +5188,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
               children: "8"
             }
           ),
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("9"),
@@ -5164,7 +5199,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
           )
         ] }),
         /* @__PURE__ */ jsxs55("div", { children: [
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("0"),
@@ -5173,7 +5208,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
               children: "0"
             }
           ),
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               onClick: () => handleClick("."),
@@ -5184,7 +5219,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx89(
+      /* @__PURE__ */ jsx90(
         "div",
         {
           style: {
@@ -5193,7 +5228,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs55(
             justifyContent: "space-between",
             borderLeft: `1px solid ${colors.neutral250}`
           },
-          children: /* @__PURE__ */ jsx89(
+          children: /* @__PURE__ */ jsx90(
             RoundButton_default,
             {
               icon: "backspaceOutlined",
@@ -5213,7 +5248,7 @@ var Numpad_default = Numpad;
 import { memo as memo15, useState as useState8 } from "react";
 import { TextField as TextField5, Typography as Typography15 } from "@mui/material";
 import { makeStyles as makeStyles30 } from "tss-react/mui";
-import { jsx as jsx90, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs56 } from "react/jsx-runtime";
 var useStyles30 = makeStyles30()(() => ({
   c_numpadinput__textfield: {
     "& .MuiInputLabel-outlined.MuiInputLabel-shrink": {
@@ -5251,12 +5286,12 @@ var NumpadInput = (props) => {
     handleNextClick?.(state);
   }
   const DefaultInput = /* @__PURE__ */ jsxs56("div", { children: [
-    /* @__PURE__ */ jsx90(Typography15, { variant: "h5", style: { padding: "16px 0 3rem" }, children: inputLabel }),
-    /* @__PURE__ */ jsx90("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91(Typography15, { variant: "h5", style: { padding: "16px 0 3rem" }, children: inputLabel }),
+    /* @__PURE__ */ jsx91("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsx91(
       TextField5,
       {
         id: "outlined-basic",
-        label: /* @__PURE__ */ jsx90(Typography15, { style: { fontSize: "1.5rem" }, children: "Insert" }),
+        label: /* @__PURE__ */ jsx91(Typography15, { style: { fontSize: "1.5rem" }, children: "Insert" }),
         value: state,
         variant: "outlined",
         autoFocus: true,
@@ -5274,16 +5309,16 @@ var NumpadInput = (props) => {
   return /* @__PURE__ */ jsxs56("div", { children: [
     /* @__PURE__ */ jsxs56("div", { className: classes.c_numpadinput__body, children: [
       children || DefaultInput,
-      /* @__PURE__ */ jsx90(Numpad_default, { handleClick: handleNumpadClick, handleUndo })
+      /* @__PURE__ */ jsx91(Numpad_default, { handleClick: handleNumpadClick, handleUndo })
     ] }),
-    state ? /* @__PURE__ */ jsx90(
+    state ? /* @__PURE__ */ jsx91(
       FilledButtonLg_default,
       {
         color: "primary",
         copy: "next",
         handleClick: handleSubmit
       }
-    ) : /* @__PURE__ */ jsx90(FilledButtonLg_default, { copy: "next", disabled: true })
+    ) : /* @__PURE__ */ jsx91(FilledButtonLg_default, { copy: "next", disabled: true })
   ] });
 };
 var NumpadInput_default = memo15(NumpadInput);
@@ -5291,7 +5326,7 @@ var NumpadInput_default = memo15(NumpadInput);
 // src/components/NumpadPlus/NumpadPlus.tsx
 import { Box as Box20 } from "@mui/material";
 import { makeStyles as makeStyles31 } from "tss-react/mui";
-import { jsx as jsx91, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs57 } from "react/jsx-runtime";
 var useStyles31 = makeStyles31()(() => ({
   numpadContainer: {
     display: "flex",
@@ -5326,7 +5361,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
   return /* @__PURE__ */ jsxs57(Box20, { className: styles.numpadContainer, children: [
     /* @__PURE__ */ jsxs57(Box20, { className: styles.numpadNumbersContainer, children: [
       /* @__PURE__ */ jsxs57(Box20, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("1"),
@@ -5335,7 +5370,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "1"
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("2"),
@@ -5344,7 +5379,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "2"
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("3"),
@@ -5355,7 +5390,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
         )
       ] }),
       /* @__PURE__ */ jsxs57(Box20, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("4"),
@@ -5364,7 +5399,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "4"
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("5"),
@@ -5373,7 +5408,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "5"
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("6"),
@@ -5384,7 +5419,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
         )
       ] }),
       /* @__PURE__ */ jsxs57(Box20, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("7"),
@@ -5393,7 +5428,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "7"
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("8"),
@@ -5402,7 +5437,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "8"
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("9"),
@@ -5413,7 +5448,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
         )
       ] }),
       /* @__PURE__ */ jsxs57(Box20, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("0"),
@@ -5422,7 +5457,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "0"
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("."),
@@ -5431,7 +5466,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "."
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           RoundButton_default,
           {
             onClick: () => handleClick("-"),
@@ -5442,7 +5477,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx91(Box20, { className: styles.numpadBackspace, children: /* @__PURE__ */ jsx91(
+    /* @__PURE__ */ jsx92(Box20, { className: styles.numpadBackspace, children: /* @__PURE__ */ jsx92(
       RoundButton_default,
       {
         icon: "backspaceOutlined",
@@ -5458,7 +5493,7 @@ var NumpadPlus_default = NumpadPlus;
 // src/components/Pagination/Pagination.tsx
 import { Pagination, Paper as Paper4, Typography as Typography16 } from "@mui/material";
 import { makeStyles as makeStyles32 } from "tss-react/mui";
-import { jsx as jsx92, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs58 } from "react/jsx-runtime";
 var paginationHeight = "56px";
 var useStyles32 = makeStyles32()((theme) => ({
   root: {
@@ -5501,7 +5536,7 @@ var PaginationForTable = ({
     updateFilters({ ...appliedFilters, page: value });
   };
   const isFixed = position === "fixed";
-  return /* @__PURE__ */ jsx92(Paper4, { children: /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsx93(Paper4, { children: /* @__PURE__ */ jsxs58(
     "div",
     {
       style,
@@ -5513,7 +5548,7 @@ var PaginationForTable = ({
           "Page: ",
           page
         ] }),
-        /* @__PURE__ */ jsx92(
+        /* @__PURE__ */ jsx93(
           Pagination,
           {
             count: pagination.num_pages,
@@ -5530,8 +5565,8 @@ var Pagination_default = PaginationForTable;
 // src/components/PhoneInput/PhoneInput.tsx
 import ReactPhoneInput from "react-phone-input-material-ui";
 import { Box as Box21, TextField as TextField6, Typography as Typography17 } from "@mui/material";
-import { jsx as jsx93, jsxs as jsxs59 } from "react/jsx-runtime";
-var TextInput = (props) => /* @__PURE__ */ jsx93(TextField6, { ...props, variant: "standard" });
+import { jsx as jsx94, jsxs as jsxs59 } from "react/jsx-runtime";
+var TextInput = (props) => /* @__PURE__ */ jsx94(TextField6, { ...props, variant: "standard" });
 var PhoneInput = ({
   value,
   onChange,
@@ -5548,7 +5583,7 @@ var PhoneInput = ({
     },
     className,
     children: [
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94(
         ReactPhoneInput,
         {
           label,
@@ -5563,7 +5598,7 @@ var PhoneInput = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94(
         Typography17,
         {
           variant: "caption",
@@ -5592,7 +5627,7 @@ import {
   Typography as Typography18
 } from "@mui/material";
 import { makeStyles as makeStyles33 } from "tss-react/mui";
-import { jsx as jsx94, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs60 } from "react/jsx-runtime";
 var useStyles33 = makeStyles33()((theme) => ({
   container: {
     position: "relative",
@@ -5735,7 +5770,7 @@ var PlusMinusInput = ({
     updateInputValue(value);
   };
   const { classes, cx } = useStyles33();
-  return /* @__PURE__ */ jsx94("div", { className: classes.container, children: /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsx95("div", { className: classes.container, children: /* @__PURE__ */ jsxs60(
     FormGroup,
     {
       className: cx(classes.wrapper, {
@@ -5743,7 +5778,7 @@ var PlusMinusInput = ({
         [classes.rightButtons]: buttonsPosition === "right"
       }),
       children: [
-        /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx95(
           RoundButton_default,
           {
             className: classes.minus,
@@ -5754,17 +5789,17 @@ var PlusMinusInput = ({
           }
         ),
         /* @__PURE__ */ jsxs60("div", { children: [
-          /* @__PURE__ */ jsx94(
+          /* @__PURE__ */ jsx95(
             Controller7,
             {
               control,
               name: "inputValue",
-              render: ({ field }) => /* @__PURE__ */ jsx94(
+              render: ({ field }) => /* @__PURE__ */ jsx95(
                 FormControlLabel2,
                 {
                   ...field,
                   className: classes.formControlLabel,
-                  control: /* @__PURE__ */ jsx94(
+                  control: /* @__PURE__ */ jsx95(
                     TextField7,
                     {
                       className: classes.input,
@@ -5781,7 +5816,7 @@ var PlusMinusInput = ({
               )
             }
           ),
-          errors.inputValue && /* @__PURE__ */ jsx94(
+          errors.inputValue && /* @__PURE__ */ jsx95(
             Typography18,
             {
               className: classes.errorText,
@@ -5792,7 +5827,7 @@ var PlusMinusInput = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx95(
           RoundButton_default,
           {
             className: classes.plus,
@@ -5816,21 +5851,21 @@ import { withStyles as withStyles4 } from "tss-react/mui";
 // src/components/ProductImage/ProductImage.tsx
 import { CardMedia } from "@mui/material";
 import { withStyles as withStyles3 } from "tss-react/mui";
-import { jsx as jsx95, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs61 } from "react/jsx-runtime";
 var PImage = ({
   classes,
   image,
   size = "c_productbust__image_xs",
   status
 }) => /* @__PURE__ */ jsxs61("div", { className: classes.c_productbust__image, children: [
-  /* @__PURE__ */ jsx95(
+  /* @__PURE__ */ jsx96(
     CardMedia,
     {
       className: classes[size],
       image: image || "@/resources/img/peas.jpg"
     }
   ),
-  status && status !== "ACTIVE" && /* @__PURE__ */ jsx95("div", { className: classes.c_productbust__label_status, children: status })
+  status && status !== "ACTIVE" && /* @__PURE__ */ jsx96("div", { className: classes.c_productbust__label_status, children: status })
 ] });
 var ProductImage = withStyles3(PImage, (theme) => ({
   c_productbust__label_status: {
@@ -5912,7 +5947,7 @@ var ProductImage = withStyles3(PImage, (theme) => ({
 var ProductImage_default = ProductImage;
 
 // src/components/ProductBust/ProductBust.tsx
-import { Fragment as Fragment9, jsx as jsx96, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx97, jsxs as jsxs62 } from "react/jsx-runtime";
 var PBust = ({
   classes,
   size,
@@ -5955,7 +5990,7 @@ var PBust = ({
       break;
   }
   const [historyVisible, setHistoryVisible] = useState9(false);
-  const historyDataIcon = () => /* @__PURE__ */ jsx96(
+  const historyDataIcon = () => /* @__PURE__ */ jsx97(
     RoundButton_default,
     {
       icon: "history",
@@ -5964,7 +5999,7 @@ var PBust = ({
     }
   );
   return /* @__PURE__ */ jsxs62("div", { className: classes.c_productbust, children: [
-    /* @__PURE__ */ jsx96(
+    /* @__PURE__ */ jsx97(
       ProductImage_default,
       {
         image: product?.image,
@@ -5975,7 +6010,7 @@ var PBust = ({
     /* @__PURE__ */ jsxs62("div", { className: classes.c_productbust__container, children: [
       /* @__PURE__ */ jsxs62("div", { className: classes.c_productbust__heading, children: [
         /* @__PURE__ */ jsxs62("div", { children: [
-          /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsx97(
             Typography19,
             {
               component: "span",
@@ -5984,10 +6019,10 @@ var PBust = ({
               children: !!locationData && locationData
             }
           ),
-          /* @__PURE__ */ jsx96(Typography19, { component: "span", className: classes[titleSize], children: product?.name }),
-          !product && /* @__PURE__ */ jsx96(Typography19, { component: "span", className: classes[titleSize], children: "Empty Position" }),
+          /* @__PURE__ */ jsx97(Typography19, { component: "span", className: classes[titleSize], children: product?.name }),
+          !product && /* @__PURE__ */ jsx97(Typography19, { component: "span", className: classes[titleSize], children: "Empty Position" }),
           primaryData || /* @__PURE__ */ jsxs62(Fragment9, { children: [
-            /* @__PURE__ */ jsx96(
+            /* @__PURE__ */ jsx97(
               Typography19,
               {
                 style: { color: "#555" },
@@ -5995,7 +6030,7 @@ var PBust = ({
                 children: product?.category.name
               }
             ),
-            /* @__PURE__ */ jsx96(
+            /* @__PURE__ */ jsx97(
               Typography19,
               {
                 style: { color: "#A42966", textTransform: "uppercase" },
@@ -6006,13 +6041,13 @@ var PBust = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs62("div", { className: classes.c_productbust__btns, children: [
-          /* @__PURE__ */ jsx96("div", { children: buttonData }),
-          /* @__PURE__ */ jsx96("div", { children: !!locationId && historyDataIcon() })
+          /* @__PURE__ */ jsx97("div", { children: buttonData }),
+          /* @__PURE__ */ jsx97("div", { children: !!locationId && historyDataIcon() })
         ] })
       ] }),
-      /* @__PURE__ */ jsx96("div", { children: !!secondaryData && secondaryData })
+      /* @__PURE__ */ jsx97("div", { children: !!secondaryData && secondaryData })
     ] }),
-    /* @__PURE__ */ jsx96(
+    /* @__PURE__ */ jsx97(
       LocationHistoryDialog,
       {
         handleVisible: setHistoryVisible,
@@ -6116,7 +6151,7 @@ var ProductBust_default = ProductBust;
 // src/components/RenderAvatar/RenderAvatar.tsx
 import { Avatar as Avatar2, Badge, Box as Box22, Typography as Typography20 } from "@mui/material";
 import { withStyles as withStyles5 } from "tss-react/mui";
-import { jsx as jsx97, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs63 } from "react/jsx-runtime";
 var RenderAvatar = ({ active }) => {
   const StyledBadge = withStyles5(Badge, () => ({
     root: {
@@ -6130,7 +6165,7 @@ var RenderAvatar = ({ active }) => {
     {
       sx: { display: "flex", flexDirection: "column", alignItems: "center" },
       children: [
-        /* @__PURE__ */ jsx97(
+        /* @__PURE__ */ jsx98(
           StyledBadge,
           {
             overlap: "circular",
@@ -6139,10 +6174,10 @@ var RenderAvatar = ({ active }) => {
               horizontal: "right"
             },
             variant: "dot",
-            children: /* @__PURE__ */ jsx97(Avatar2, {})
+            children: /* @__PURE__ */ jsx98(Avatar2, {})
           }
         ),
-        /* @__PURE__ */ jsx97(Typography20, { variant: "caption", children: active ? "Active" : "Disabled" })
+        /* @__PURE__ */ jsx98(Typography20, { variant: "caption", children: active ? "Active" : "Disabled" })
       ]
     }
   );
@@ -6166,7 +6201,7 @@ import { useEffect as useEffect5, useState as useState10 } from "react";
 var transformNameToID = (name) => name.replaceAll(" ", "-").toLocaleLowerCase();
 
 // src/components/RenderContentList/RenderContentList.tsx
-import { jsx as jsx98, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs64 } from "react/jsx-runtime";
 var useStyles34 = makeStyles34()(
   (_theme, _params, classes) => ({
     root: {
@@ -6220,12 +6255,12 @@ var RenderContentList = ({
       observer.current?.disconnect();
     };
   }, [items]);
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(
     List2,
     {
       component: "nav",
       "aria-labelledby": "nested-list-subheader",
-      subheader: /* @__PURE__ */ jsx98(ListSubheader2, { component: "div", id: "nested-list-subheader", children: "Contents" }),
+      subheader: /* @__PURE__ */ jsx99(ListSubheader2, { component: "div", id: "nested-list-subheader", children: "Contents" }),
       children: items.map((item) => {
         const id = transformNameToID(item);
         return /* @__PURE__ */ jsxs64(
@@ -6237,8 +6272,8 @@ var RenderContentList = ({
             selected: active === id,
             classes: { root: classes.root, selected: classes.selected },
             children: [
-              /* @__PURE__ */ jsx98(ListItemText5, { primary: item }),
-              warningItems?.includes(item) && /* @__PURE__ */ jsx98(Tooltip4, { title: warningMessage, children: /* @__PURE__ */ jsx98(WarningAmber, { color: "warning" }) })
+              /* @__PURE__ */ jsx99(ListItemText5, { primary: item }),
+              warningItems?.includes(item) && /* @__PURE__ */ jsx99(Tooltip4, { title: warningMessage, children: /* @__PURE__ */ jsx99(WarningAmber, { color: "warning" }) })
             ]
           },
           id
@@ -6252,7 +6287,7 @@ var RenderContentList_default = RenderContentList;
 // src/components/RowProductCard/RowProductCard.tsx
 import { Box as Box23, Divider as Divider4, Paper as Paper5, Typography as Typography21 } from "@mui/material";
 import { makeStyles as makeStyles35 } from "tss-react/mui";
-import { Fragment as Fragment10, jsx as jsx99, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx100, jsxs as jsxs65 } from "react/jsx-runtime";
 var useStyles35 = makeStyles35()((theme) => ({
   wrapper: {
     display: "flex",
@@ -6292,7 +6327,7 @@ var RowProductCard = ({
     large: "c_productbust__image_lg"
   };
   return /* @__PURE__ */ jsxs65(Paper5, { className: classes.wrapper, children: [
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(
       ProductImage_default,
       {
         image: product.image,
@@ -6318,16 +6353,16 @@ var RowProductCard = ({
               },
               children: [
                 /* @__PURE__ */ jsxs65("div", { children: [
-                  location ? /* @__PURE__ */ jsx99(Typography21, { className: classes.smallTitle, variant: "caption", children: `Location: ${location}` }) : null,
-                  /* @__PURE__ */ jsx99(Typography21, { variant: "h6", children: product.name })
+                  location ? /* @__PURE__ */ jsx100(Typography21, { className: classes.smallTitle, variant: "caption", children: `Location: ${location}` }) : null,
+                  /* @__PURE__ */ jsx100(Typography21, { variant: "h6", children: product.name })
                 ] }),
                 children
               ]
             }
           ),
           hasColumns ? /* @__PURE__ */ jsxs65(Fragment10, { children: [
-            /* @__PURE__ */ jsx99(Divider4, { className: classes.divider }),
-            /* @__PURE__ */ jsx99(
+            /* @__PURE__ */ jsx100(Divider4, { className: classes.divider }),
+            /* @__PURE__ */ jsx100(
               Box23,
               {
                 sx: {
@@ -6335,8 +6370,8 @@ var RowProductCard = ({
                   gap: "24px"
                 },
                 children: columns.map((column) => /* @__PURE__ */ jsxs65("div", { children: [
-                  /* @__PURE__ */ jsx99(Typography21, { className: classes.smallTitle, variant: "caption", children: column.title }),
-                  typeof column.value === "string" ? /* @__PURE__ */ jsx99(Typography21, { variant: "body1", children: column.value }) : column.value
+                  /* @__PURE__ */ jsx100(Typography21, { className: classes.smallTitle, variant: "caption", children: column.title }),
+                  typeof column.value === "string" ? /* @__PURE__ */ jsx100(Typography21, { variant: "body1", children: column.value }) : column.value
                 ] }, column.title))
               }
             )
@@ -6352,7 +6387,7 @@ var RowProductCard_default = RowProductCard;
 import { useEffect as useEffect7, useState as useState12 } from "react";
 import { Box as Box24, Dialog as Dialog4, Divider as Divider5, Fade, Paper as Paper6, Typography as Typography22 } from "@mui/material";
 import { makeStyles as makeStyles36 } from "tss-react/mui";
-import { jsx as jsx100, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs66 } from "react/jsx-runtime";
 var useStyles36 = makeStyles36()((theme) => ({
   dialog: {
     margin: "0 auto",
@@ -6445,10 +6480,10 @@ var ScrollableDialog = ({
       setDialogBodyMaxHeight();
     }
   }, [isOpen, maxDialogHeight, header]);
-  return /* @__PURE__ */ jsx100(Dialog4, { className: classes.dialog, fullWidth: true, maxWidth: false, open: isOpen, children: /* @__PURE__ */ jsx100(Fade, { in: isOpen, children: /* @__PURE__ */ jsxs66(Paper6, { className: classes.wrapper, children: [
-    header ? /* @__PURE__ */ jsx100("div", { className: classes.header, id: "dialog-header", children: header }) : null,
+  return /* @__PURE__ */ jsx101(Dialog4, { className: classes.dialog, fullWidth: true, maxWidth: false, open: isOpen, children: /* @__PURE__ */ jsx101(Fade, { in: isOpen, children: /* @__PURE__ */ jsxs66(Paper6, { className: classes.wrapper, children: [
+    header ? /* @__PURE__ */ jsx101("div", { className: classes.header, id: "dialog-header", children: header }) : null,
     /* @__PURE__ */ jsxs66("div", { className: classes.body, children: [
-      /* @__PURE__ */ jsx100(
+      /* @__PURE__ */ jsx101(
         Typography22,
         {
           className: classes.title,
@@ -6457,7 +6492,7 @@ var ScrollableDialog = ({
           children: title
         }
       ),
-      /* @__PURE__ */ jsx100(
+      /* @__PURE__ */ jsx101(
         "div",
         {
           className: cx(classes.scrollableContainer, {
@@ -6471,8 +6506,8 @@ var ScrollableDialog = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx100(Divider5, {}),
-    footer ? /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx101(Divider5, {}),
+    footer ? /* @__PURE__ */ jsx101(
       Box24,
       {
         className: classes.footer,
@@ -6502,7 +6537,7 @@ import {
 } from "@mui/icons-material";
 import { Button as Button11, Divider as Divider6, InputBase, Paper as Paper7 } from "@mui/material";
 import { makeStyles as makeStyles37 } from "tss-react/mui";
-import { jsx as jsx101, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs67 } from "react/jsx-runtime";
 var useStyles37 = makeStyles37()((theme) => ({
   searchContainer: {
     height: 46,
@@ -6563,8 +6598,8 @@ var SearchWithFilters = ({
     setSearchText(searchValue);
   }, [searchValue]);
   return /* @__PURE__ */ jsxs67(Paper7, { className: classes.searchContainer, children: [
-    /* @__PURE__ */ jsx101(SearchIcon, { className: classes.icon, fontSize: "small" }),
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx102(SearchIcon, { className: classes.icon, fontSize: "small" }),
+    /* @__PURE__ */ jsx102(
       InputBase,
       {
         className: classes.input,
@@ -6576,7 +6611,7 @@ var SearchWithFilters = ({
         inputProps: { "aria-label": "search" }
       }
     ),
-    /* @__PURE__ */ jsx101(Divider6, { className: classes.divider, orientation: "vertical" }),
+    /* @__PURE__ */ jsx102(Divider6, { className: classes.divider, orientation: "vertical" }),
     /* @__PURE__ */ jsxs67(
       Button11,
       {
@@ -6585,7 +6620,7 @@ var SearchWithFilters = ({
         disabled,
         children: [
           "Filters",
-          showFilters ? /* @__PURE__ */ jsx101(ArrowDropUpIcon, {}) : /* @__PURE__ */ jsx101(ArrowDropDownIcon, {})
+          showFilters ? /* @__PURE__ */ jsx102(ArrowDropUpIcon, {}) : /* @__PURE__ */ jsx102(ArrowDropDownIcon, {})
         ]
       }
     )
@@ -6594,7 +6629,7 @@ var SearchWithFilters = ({
 var SearchWithFilters_default = React2.memo(SearchWithFilters);
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeader.tsx
-import { jsx as jsx102, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs68 } from "react/jsx-runtime";
 var useStyles38 = makeStyles38()((theme) => ({
   wrapper: {
     display: "flex",
@@ -6630,11 +6665,11 @@ var SearchAndFilterHeader = ({
   searchValue
 }) => {
   const { classes } = useStyles38();
-  return /* @__PURE__ */ jsx102(Paper8, { children: /* @__PURE__ */ jsxs68(Box25, { className: classes.wrapper, children: [
+  return /* @__PURE__ */ jsx103(Paper8, { children: /* @__PURE__ */ jsxs68(Box25, { className: classes.wrapper, children: [
     /* @__PURE__ */ jsxs68(Box25, { className: classes.container, children: [
       /* @__PURE__ */ jsxs68(Box25, { className: classes.leftSection, children: [
-        /* @__PURE__ */ jsx102(AppLabel_default, { appName }),
-        /* @__PURE__ */ jsx102(
+        /* @__PURE__ */ jsx103(AppLabel_default, { appName }),
+        /* @__PURE__ */ jsx103(
           SearchWithFilters_default,
           {
             searchValue,
@@ -6645,9 +6680,9 @@ var SearchAndFilterHeader = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx102(Box25, { children: extraButton })
+      /* @__PURE__ */ jsx103(Box25, { children: extraButton })
     ] }),
-    showFilters ? /* @__PURE__ */ jsx102(Box25, { children: filtersComponent }) : null,
+    showFilters ? /* @__PURE__ */ jsx103(Box25, { children: filtersComponent }) : null,
     appliedFiltersComponent
   ] }) });
 };
@@ -6667,7 +6702,7 @@ import {
 } from "@mui/icons-material";
 import { Box as Box26, Button as Button12, Divider as Divider7, InputBase as InputBase2, Paper as Paper9 } from "@mui/material";
 import { makeStyles as makeStyles39 } from "tss-react/mui";
-import { Fragment as Fragment11, jsx as jsx103, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx104, jsxs as jsxs69 } from "react/jsx-runtime";
 var useStyles39 = makeStyles39()((theme) => ({
   c_search: {
     height: 46,
@@ -6743,8 +6778,8 @@ var SearchWithFiltersForTable = (props) => {
   };
   const ArrowIcon = isOpen ? ArrowDropUpIcon2 : ArrowDropDownIcon2;
   return /* @__PURE__ */ jsxs69(Paper9, { className: classes.c_search, children: [
-    /* @__PURE__ */ jsx103(Box26, { className: classes.c_search__icon, children: /* @__PURE__ */ jsx103(SearchIcon2, { className: classes.icon, fontSize: "small" }) }),
-    /* @__PURE__ */ jsx103(
+    /* @__PURE__ */ jsx104(Box26, { className: classes.c_search__icon, children: /* @__PURE__ */ jsx104(SearchIcon2, { className: classes.icon, fontSize: "small" }) }),
+    /* @__PURE__ */ jsx104(
       InputBase2,
       {
         className: classes.c_search__input,
@@ -6755,7 +6790,7 @@ var SearchWithFiltersForTable = (props) => {
       }
     ),
     showFilterButton && /* @__PURE__ */ jsxs69(Fragment11, { children: [
-      /* @__PURE__ */ jsx103(
+      /* @__PURE__ */ jsx104(
         Divider7,
         {
           className: classes.c_search__divider,
@@ -6769,7 +6804,7 @@ var SearchWithFiltersForTable = (props) => {
           onClick: handleFilterButtonClick,
           children: [
             "Filters",
-            /* @__PURE__ */ jsx103(ArrowIcon, { className: classes.c_search__bt_icon_filter })
+            /* @__PURE__ */ jsx104(ArrowIcon, { className: classes.c_search__bt_icon_filter })
           ]
         }
       )
@@ -6779,7 +6814,7 @@ var SearchWithFiltersForTable = (props) => {
 var SearchWithFiltersForTable_default = memo17(SearchWithFiltersForTable);
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
-import { jsx as jsx104, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs70 } from "react/jsx-runtime";
 var useStyles40 = makeStyles40()((theme) => ({
   container: {
     display: "flex",
@@ -6813,8 +6848,8 @@ var SearchAndFilterHeaderForTable = (props) => {
   const { classes } = useStyles40();
   return /* @__PURE__ */ jsxs70(Box27, { className: classes.container, children: [
     /* @__PURE__ */ jsxs70(Box27, { className: classes.leftSection, children: [
-      /* @__PURE__ */ jsx104(AppLabel_default, { appName }),
-      /* @__PURE__ */ jsx104(
+      /* @__PURE__ */ jsx105(AppLabel_default, { appName }),
+      /* @__PURE__ */ jsx105(
         SearchWithFiltersForTable_default,
         {
           onFilterButtonClick,
@@ -6825,17 +6860,17 @@ var SearchAndFilterHeaderForTable = (props) => {
           searchedValue
         }
       ),
-      copy && /* @__PURE__ */ jsx104(
+      copy && /* @__PURE__ */ jsx105(
         Box27,
         {
           sx: {
             margin: 0.5
           },
-          children: /* @__PURE__ */ jsx104(OutlinedButton_default, { copy })
+          children: /* @__PURE__ */ jsx105(OutlinedButton_default, { copy })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx104(Box27, { children: button })
+    /* @__PURE__ */ jsx105(Box27, { children: button })
   ] });
 };
 var SearchAndFilterHeaderForTable_default = React3.memo(SearchAndFilterHeaderForTable);
@@ -6844,7 +6879,7 @@ var SearchAndFilterHeaderForTable_default = React3.memo(SearchAndFilterHeaderFor
 import { History as History2, Info as InfoIcon } from "@mui/icons-material";
 import { Box as Box28, Divider as Divider8, IconButton as IconButton2, Tooltip as Tooltip5, Typography as Typography23 } from "@mui/material";
 import { makeStyles as makeStyles41 } from "tss-react/mui";
-import { jsx as jsx105, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs71 } from "react/jsx-runtime";
 var useStyles41 = makeStyles41()((theme) => ({
   container: {
     display: "flex",
@@ -6889,7 +6924,7 @@ var SectionName = ({
   const { classes } = useStyles41();
   return /* @__PURE__ */ jsxs71(Box28, { className: classes.container, children: [
     /* @__PURE__ */ jsxs71(Box28, { className: classes.titleContainer, children: [
-      /* @__PURE__ */ jsx105(
+      /* @__PURE__ */ jsx106(
         Typography23,
         {
           variant: "h5",
@@ -6899,7 +6934,7 @@ var SectionName = ({
           children: name
         }
       ),
-      tooltipDescription ? /* @__PURE__ */ jsx105(Tooltip5, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ jsx105(
+      tooltipDescription ? /* @__PURE__ */ jsx106(Tooltip5, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ jsx106(
         InfoIcon,
         {
           fontSize: "small",
@@ -6909,7 +6944,7 @@ var SectionName = ({
       ) }) : null
     ] }),
     /* @__PURE__ */ jsxs71(Box28, { className: classes.actionButtons, children: [
-      buttonText ? /* @__PURE__ */ jsx105(
+      buttonText ? /* @__PURE__ */ jsx106(
         ExtendedButton_default,
         {
           type: buttonType,
@@ -6922,8 +6957,8 @@ var SectionName = ({
           variant: "text"
         }
       ) : null,
-      openHistoryLog && buttonText && /* @__PURE__ */ jsx105(Divider8, { orientation: "vertical", sx: { height: "24px" } }),
-      openHistoryLog && /* @__PURE__ */ jsx105(IconButton2, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx105(History2, {}) })
+      openHistoryLog && buttonText && /* @__PURE__ */ jsx106(Divider8, { orientation: "vertical", sx: { height: "24px" } }),
+      openHistoryLog && /* @__PURE__ */ jsx106(IconButton2, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx106(History2, {}) })
     ] })
   ] });
 };
@@ -6940,7 +6975,7 @@ import {
   Select as Select3
 } from "@mui/material";
 import { makeStyles as makeStyles42 } from "tss-react/mui";
-import { jsx as jsx106, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs72 } from "react/jsx-runtime";
 var useStyles42 = makeStyles42()(() => ({
   container: {
     display: "flex",
@@ -7017,7 +7052,7 @@ var SmartSelect = forwardRef3(
         "data-testid": dataTestId,
         disabled,
         children: [
-          inputLabel && /* @__PURE__ */ jsx106(
+          inputLabel && /* @__PURE__ */ jsx107(
             InputLabel4,
             {
               id: "smart-select-label",
@@ -7042,17 +7077,17 @@ var SmartSelect = forwardRef3(
               MenuProps: menuProps,
               label: inputLabel,
               children: [
-                isFetching && /* @__PURE__ */ jsx106(
+                isFetching && /* @__PURE__ */ jsx107(
                   MenuItem3,
                   {
                     disabled: true,
                     "data-testid": `${dataTestId}-loading`,
                     id: `${dataTestId}-loading`,
-                    children: /* @__PURE__ */ jsx106(CircularProgress5, { size: 24 })
+                    children: /* @__PURE__ */ jsx107(CircularProgress5, { size: 24 })
                   }
                 ),
-                (defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ jsx106(MenuItem3, { disabled: true, "data-testid": `${dataTestId}-empty-message`, children: emptyMessage }),
-                localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ jsx106(
+                (defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ jsx107(MenuItem3, { disabled: true, "data-testid": `${dataTestId}-empty-message`, children: emptyMessage }),
+                localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ jsx107(
                   MenuItem3,
                   {
                     value: defaultOption?.value,
@@ -7060,7 +7095,7 @@ var SmartSelect = forwardRef3(
                     children: defaultOption?.label
                   }
                 ),
-                !isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ jsx106(
+                !isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ jsx107(
                   MenuItem3,
                   {
                     value: option?.value,
@@ -7073,7 +7108,7 @@ var SmartSelect = forwardRef3(
               ]
             }
           ),
-          helperText && /* @__PURE__ */ jsx106(FormHelperText3, { "data-testid": `${dataTestId}-helper-text`, children: helperText })
+          helperText && /* @__PURE__ */ jsx107(FormHelperText3, { "data-testid": `${dataTestId}-helper-text`, children: helperText })
         ]
       }
     );
@@ -7086,7 +7121,7 @@ import { memo as memo19 } from "react";
 import { Typography as Typography24 } from "@mui/material";
 import red2 from "@mui/material/colors/red";
 import { makeStyles as makeStyles43 } from "tss-react/mui";
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var useStyles43 = makeStyles43()((theme) => ({
   red: {
     backgroundColor: red2["50"],
@@ -7101,7 +7136,7 @@ var useStyles43 = makeStyles43()((theme) => ({
 }));
 var SquareLabel = ({ color, copy }) => {
   const { classes } = useStyles43();
-  return /* @__PURE__ */ jsx107(Typography24, { className: classes[color], children: copy });
+  return /* @__PURE__ */ jsx108(Typography24, { className: classes[color], children: copy });
 };
 var SquareLabel_default = memo19(SquareLabel);
 
@@ -7109,7 +7144,7 @@ var SquareLabel_default = memo19(SquareLabel);
 import { memo as memo20 } from "react";
 import { Grid2, Switch } from "@mui/material";
 import { withStyles as withStyles6 } from "tss-react/mui";
-import { jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs73 } from "react/jsx-runtime";
 var LSwitch = ({
   checked,
   labelOn,
@@ -7117,7 +7152,7 @@ var LSwitch = ({
   handleChange,
   classes,
   disabled
-}) => /* @__PURE__ */ jsx108("div", { className: classes.c_switch, children: /* @__PURE__ */ jsxs73(
+}) => /* @__PURE__ */ jsx109("div", { className: classes.c_switch, children: /* @__PURE__ */ jsxs73(
   Grid2,
   {
     component: "label",
@@ -7127,8 +7162,8 @@ var LSwitch = ({
       alignItems: "center"
     },
     children: [
-      labelOff && /* @__PURE__ */ jsx108(Grid2, { children: labelOff }),
-      /* @__PURE__ */ jsx108(Grid2, { children: /* @__PURE__ */ jsx108(
+      labelOff && /* @__PURE__ */ jsx109(Grid2, { children: labelOff }),
+      /* @__PURE__ */ jsx109(Grid2, { children: /* @__PURE__ */ jsx109(
         Switch,
         {
           checked,
@@ -7137,7 +7172,7 @@ var LSwitch = ({
           disabled
         }
       ) }),
-      labelOn && /* @__PURE__ */ jsx108(Grid2, { children: labelOn })
+      labelOn && /* @__PURE__ */ jsx109(Grid2, { children: labelOn })
     ]
   }
 ) });
@@ -7165,7 +7200,7 @@ var Switch_default = memo20(LabelledSwitch);
 import { memo as memo21 } from "react";
 import { TableCell, TableHead, TableRow, TableSortLabel } from "@mui/material";
 import { makeStyles as makeStyles44 } from "tss-react/mui";
-import { jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs74 } from "react/jsx-runtime";
 var useStyles44 = makeStyles44()(() => ({
   root: {
     backgroundColor: colors.neutral100,
@@ -7199,7 +7234,7 @@ var SmartTableHeader = (props) => {
   const createSortHandler = (property) => (event) => {
     onRequestSort?.(event, property);
   };
-  return /* @__PURE__ */ jsx109(TableHead, { className: classes.root, children: /* @__PURE__ */ jsx109(TableRow, { children: props.headCells.map((headCell) => /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(TableHead, { className: classes.root, children: /* @__PURE__ */ jsx110(TableRow, { children: props.headCells.map((headCell) => /* @__PURE__ */ jsx110(
     TableCell,
     {
       className: classes.containerTh,
@@ -7213,7 +7248,7 @@ var SmartTableHeader = (props) => {
           onClick: createSortHandler(headCell.id),
           children: [
             headCell.label,
-            orderBy === headCell.id ? /* @__PURE__ */ jsx109("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
+            orderBy === headCell.id ? /* @__PURE__ */ jsx110("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
           ]
         }
       )
@@ -7277,8 +7312,8 @@ function calculateRowsPerPage(rowHeight) {
 
 // src/components/Table/TableLoading.tsx
 import { Box as Box29, Skeleton as Skeleton2 } from "@mui/material";
-import { jsx as jsx110 } from "react/jsx-runtime";
-var TableLoading = ({ rowsPerPage = 0, rowHeight }) => /* @__PURE__ */ jsx110(Box29, { children: Array.from({ length: rowsPerPage }).map((x, i) => /* @__PURE__ */ jsx110(
+import { jsx as jsx111 } from "react/jsx-runtime";
+var TableLoading = ({ rowsPerPage = 0, rowHeight }) => /* @__PURE__ */ jsx111(Box29, { children: Array.from({ length: rowsPerPage }).map((x, i) => /* @__PURE__ */ jsx111(
   Skeleton2,
   {
     animation: "pulse",
@@ -7291,7 +7326,7 @@ var TableLoading = ({ rowsPerPage = 0, rowHeight }) => /* @__PURE__ */ jsx110(Bo
 var TableLoading_default = TableLoading;
 
 // src/components/Table/Table.tsx
-import { jsx as jsx111, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs75 } from "react/jsx-runtime";
 var useStyles45 = makeStyles45()(() => ({
   root: {
     height: "calc(100vh - 262px)",
@@ -7369,24 +7404,24 @@ var Table = ({
     );
     const rowsComponents = rows.map((row) => {
       if (RenderItem) {
-        return /* @__PURE__ */ jsx111(RenderItem, { ...row }, row.id);
+        return /* @__PURE__ */ jsx112(RenderItem, { ...row }, row.id);
       }
-      return /* @__PURE__ */ jsx111(TableRow2, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx111(TableCell2, { children: row[column.id] }, column.id)) }, row.id);
+      return /* @__PURE__ */ jsx112(TableRow2, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx112(TableCell2, { children: row[column.id] }, column.id)) }, row.id);
     });
     if (emptyRows > 0 && rowsPerPage > emptyRows) {
       rowsComponents.push(
-        /* @__PURE__ */ jsx111(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx111(TableCell2, { colSpan: 8 }) }, uuidv4())
+        /* @__PURE__ */ jsx112(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx112(TableCell2, { colSpan: 8 }) }, uuidv4())
       );
     }
     return rowsComponents;
   };
-  return /* @__PURE__ */ jsx111(Paper10, { className: classes.root, children: /* @__PURE__ */ jsx111(Box30, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx111(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx111(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs75(MUITable, { size: "medium", stickyHeader: true, children: [
-    /* @__PURE__ */ jsx111(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx111(TableRow2, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(Paper10, { className: classes.root, children: /* @__PURE__ */ jsx112(Box30, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx112(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx112(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs75(MUITable, { size: "medium", stickyHeader: true, children: [
+    /* @__PURE__ */ jsx112(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx112(TableRow2, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx112(
       TableCell2,
       {
         align: "left",
         sortDirection: orderBy === headCell.id ? order : void 0,
-        children: /* @__PURE__ */ jsx111(
+        children: /* @__PURE__ */ jsx112(
           TableSortLabel2,
           {
             active: orderBy === headCell.id,
@@ -7400,7 +7435,7 @@ var Table = ({
     )) }) }),
     /* @__PURE__ */ jsxs75(TableBody, { children: [
       getTableRows(),
-      rowsPerPage === emptyRows && /* @__PURE__ */ jsx111(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx111(TableCell2, { colSpan: 8, align: "center", children: "Nothing to display" }) })
+      rowsPerPage === emptyRows && /* @__PURE__ */ jsx112(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx112(TableCell2, { colSpan: 8, align: "center", children: "Nothing to display" }) })
     ] })
   ] }) }) }) });
 };
@@ -7421,7 +7456,7 @@ import { v4 as uuidv42 } from "uuid";
 // src/components/Table/TableEmptyResult.tsx
 import { TableCell as TableCell3, TableRow as TableRow3, Typography as Typography25 } from "@mui/material";
 import { makeStyles as makeStyles46 } from "tss-react/mui";
-import { jsx as jsx112, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs76 } from "react/jsx-runtime";
 var useStyles46 = makeStyles46()(() => ({
   tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
   tableCellDefault: { padding: 24 }
@@ -7432,11 +7467,11 @@ var TableEmptyResult = ({
   }
 }) => {
   const { classes } = useStyles46();
-  return showClearFilterButton ? /* @__PURE__ */ jsx112(TableRow3, { children: /* @__PURE__ */ jsxs76(TableCell3, { className: classes.tableCellIcon, colSpan: 8, align: "center", children: [
-    /* @__PURE__ */ jsx112(EmptyGlassIcon_default, {}),
-    /* @__PURE__ */ jsx112(Typography25, { variant: "h6", children: "No results found." }),
-    /* @__PURE__ */ jsx112(Typography25, { variant: "subtitle1", children: "Search without applied filters?" }),
-    /* @__PURE__ */ jsx112(
+  return showClearFilterButton ? /* @__PURE__ */ jsx113(TableRow3, { children: /* @__PURE__ */ jsxs76(TableCell3, { className: classes.tableCellIcon, colSpan: 8, align: "center", children: [
+    /* @__PURE__ */ jsx113(EmptyGlassIcon_default, {}),
+    /* @__PURE__ */ jsx113(Typography25, { variant: "h6", children: "No results found." }),
+    /* @__PURE__ */ jsx113(Typography25, { variant: "subtitle1", children: "Search without applied filters?" }),
+    /* @__PURE__ */ jsx113(
       FilledButton_default,
       {
         copy: "Search",
@@ -7445,7 +7480,7 @@ var TableEmptyResult = ({
         onClick: handleClickOnClearFiltersButton
       }
     )
-  ] }) }) : /* @__PURE__ */ jsx112(TableRow3, { children: /* @__PURE__ */ jsx112(
+  ] }) }) : /* @__PURE__ */ jsx113(TableRow3, { children: /* @__PURE__ */ jsx113(
     TableCell3,
     {
       className: classes.tableCellDefault,
@@ -7458,7 +7493,7 @@ var TableEmptyResult = ({
 var TableEmptyResult_default = TableEmptyResult;
 
 // src/components/Table/TableDesktop.tsx
-import { Fragment as Fragment12, jsx as jsx113, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx114, jsxs as jsxs77 } from "react/jsx-runtime";
 var useStyles47 = makeStyles47()(() => ({
   root: {
     justifyContent: "space-between",
@@ -7521,7 +7556,7 @@ var TableDesktop = ({
     updateSort(property, orderDir);
   };
   const emptyRows = rowsPerPage - data.length;
-  return /* @__PURE__ */ jsx113("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsx113(Paper11, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx113("div", { children: [...Array(Math.floor(rowsPerPage))].map(() => /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx114("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsx114(Paper11, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx114("div", { children: [...Array(Math.floor(rowsPerPage))].map(() => /* @__PURE__ */ jsx114(
     Skeleton3,
     {
       animation: "pulse",
@@ -7531,14 +7566,14 @@ var TableDesktop = ({
     },
     Math.random()
   )) }) : /* @__PURE__ */ jsxs77(Fragment12, { children: [
-    /* @__PURE__ */ jsx113(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs77(
+    /* @__PURE__ */ jsx114(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs77(
       Table2,
       {
         "aria-labelledby": "tableTitle",
         "aria-label": "sticky table",
         stickyHeader: true,
         children: [
-          /* @__PURE__ */ jsx113(
+          /* @__PURE__ */ jsx114(
             SmartTableHeader_default,
             {
               headCells,
@@ -7548,14 +7583,14 @@ var TableDesktop = ({
             }
           ),
           /* @__PURE__ */ jsxs77(TableBody2, { children: [
-            stableSort2(data, getSorting2(order, orderBy)).slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((item, index) => /* @__PURE__ */ jsx113(
+            stableSort2(data, getSorting2(order, orderBy)).slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((item, index) => /* @__PURE__ */ jsx114(
               RenderItem,
               {
                 ...{ ...item, index, deleteItem }
               },
               item[keyField] || uuidv42()
             )),
-            rowsPerPage === emptyRows && /* @__PURE__ */ jsx113(
+            rowsPerPage === emptyRows && /* @__PURE__ */ jsx114(
               TableEmptyResult_default,
               {
                 showClearFilterButton,
@@ -7576,7 +7611,7 @@ import { memo as memo22, useEffect as useEffect10, useState as useState18 } from
 import { ImportExport as ImportExportIcon } from "@mui/icons-material";
 import { TableCell as TableCell4, TableHead as TableHead3, TableRow as TableRow4, TableSortLabel as TableSortLabel3 } from "@mui/material";
 import { makeStyles as makeStyles48 } from "tss-react/mui";
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var useStyles48 = makeStyles48()(() => ({
   sortLabel: {
     "& .MuiTableSortLabel-icon": {
@@ -7621,7 +7656,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     });
     setSortableCells(sortedCells);
   };
-  return /* @__PURE__ */ jsx114(TableHead3, { children: /* @__PURE__ */ jsx114(TableRow4, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx114(TableCell4, { children: cell.isSortable ? /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx115(TableHead3, { children: /* @__PURE__ */ jsx115(TableRow4, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx115(TableCell4, { children: cell.isSortable ? /* @__PURE__ */ jsx115(
     TableSortLabel3,
     {
       className: classes.sortLabel,
@@ -7637,7 +7672,7 @@ var TableHeader_default = memo22(TableHeader);
 // src/components/TextDivider/TextDivider.tsx
 import { Box as Box31, Typography as Typography26, Divider as Divider9, Button as Button13 } from "@mui/material";
 import { makeStyles as makeStyles49 } from "tss-react/mui";
-import { jsx as jsx115, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs78 } from "react/jsx-runtime";
 var useStyles49 = makeStyles49()(() => ({
   icon: {
     fontSize: 20
@@ -7682,10 +7717,10 @@ var TextDivider = ({
       justifyContent: "space-between",
       className: classes.container,
       children: [
-        /* @__PURE__ */ jsx115(Divider9, { className: classes.leftDivider }),
-        /* @__PURE__ */ jsx115(Button13, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs78(Box31, { className: classes.center, children: [
-          Icon3 && iconPosition === "left" && /* @__PURE__ */ jsx115(Icon3, { className: classes.icon, style: { color: iconColor } }),
-          /* @__PURE__ */ jsx115(
+        /* @__PURE__ */ jsx116(Divider9, { className: classes.leftDivider }),
+        /* @__PURE__ */ jsx116(Button13, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs78(Box31, { className: classes.center, children: [
+          Icon3 && iconPosition === "left" && /* @__PURE__ */ jsx116(Icon3, { className: classes.icon, style: { color: iconColor } }),
+          /* @__PURE__ */ jsx116(
             Typography26,
             {
               color: "textSecondary",
@@ -7694,9 +7729,9 @@ var TextDivider = ({
               children: title
             }
           ),
-          Icon3 && iconPosition === "right" && /* @__PURE__ */ jsx115(Icon3, { className: classes.icon, style: { color: iconColor } })
+          Icon3 && iconPosition === "right" && /* @__PURE__ */ jsx116(Icon3, { className: classes.icon, style: { color: iconColor } })
         ] }) }),
-        /* @__PURE__ */ jsx115(Divider9, { className: classes.rightDivider })
+        /* @__PURE__ */ jsx116(Divider9, { className: classes.rightDivider })
       ]
     }
   );
@@ -7708,8 +7743,7 @@ import { DateRangePicker } from "react-dates";
 import { makeStyles as makeStyles50 } from "tss-react/mui";
 import "react-dates/initialize";
 import "react-dates/lib/css/_datepicker.css";
-import classNames3 from "classnames";
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var useStyles50 = makeStyles50()((theme) => ({
   wrapper: {
     "& .DateRangePicker": {
@@ -7723,7 +7757,8 @@ var useStyles50 = makeStyles50()((theme) => ({
     "& .DateRangePickerInput": {
       backgroundColor: "transparent",
       color: theme.palette.mode === "dark" ? "theme.palette.common.white" : theme.palette.text.primary,
-      borderRadius: 4
+      borderRadius: 4,
+      paddingTop: "2px"
     },
     "& .DateInput": {
       backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[900] : colors.neutral100,
@@ -7803,8 +7838,8 @@ var ThemedDateRangePicker = ({
   className,
   ...props
 }) => {
-  const { classes } = useStyles50();
-  return /* @__PURE__ */ jsx116("div", { className: classNames3(classes.wrapper, className), children: /* @__PURE__ */ jsx116(DateRangePicker, { ...props }) });
+  const { classes, cx } = useStyles50();
+  return /* @__PURE__ */ jsx117("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx117(DateRangePicker, { ...props }) });
 };
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
@@ -7812,7 +7847,7 @@ var ThemedDateRangePicker_default = ThemedDateRangePicker;
 import { memo as memo23 } from "react";
 import { AppBar as AppBar2, Box as Box32, Toolbar as Toolbar2 } from "@mui/material";
 import { makeStyles as makeStyles51 } from "tss-react/mui";
-import { jsx as jsx117, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs79 } from "react/jsx-runtime";
 var useStyles51 = makeStyles51()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
@@ -7852,8 +7887,8 @@ var TheToolbar = ({
 }) => {
   const { classes } = useStyles51();
   return /* @__PURE__ */ jsxs79(Box32, { children: [
-    /* @__PURE__ */ jsx117(AppBar2, { children: /* @__PURE__ */ jsxs79(Toolbar2, { className: classes.topBar, children: [
-      /* @__PURE__ */ jsx117(
+    /* @__PURE__ */ jsx118(AppBar2, { children: /* @__PURE__ */ jsxs79(Toolbar2, { className: classes.topBar, children: [
+      /* @__PURE__ */ jsx118(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -7862,7 +7897,7 @@ var TheToolbar = ({
           onClick: handleOpen
         }
       ),
-      /* @__PURE__ */ jsx117(
+      /* @__PURE__ */ jsx118(
         CompanyLogo_default,
         {
           size: "small",
@@ -7872,7 +7907,7 @@ var TheToolbar = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx117(Box32, { className: classes.offset }),
+    /* @__PURE__ */ jsx118(Box32, { className: classes.offset }),
     LeftDrawer2
   ] });
 };
@@ -7880,20 +7915,20 @@ var TheToolbar_default = memo23(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
 import { Alert as MuiAlert, Snackbar } from "@mui/material";
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var ToastMessage = ({
   toastType,
   toastMessage,
   open,
   onClose
-}) => /* @__PURE__ */ jsx118(
+}) => /* @__PURE__ */ jsx119(
   Snackbar,
   {
     open,
     autoHideDuration: 1500,
     onClose,
     anchorOrigin: { vertical: "top", horizontal: "right" },
-    children: /* @__PURE__ */ jsx118(
+    children: /* @__PURE__ */ jsx119(
       MuiAlert,
       {
         elevation: 6,
@@ -7930,7 +7965,7 @@ import {
   Fade as Fade2
 } from "@mui/material";
 import { makeStyles as makeStyles52 } from "tss-react/mui";
-import { jsx as jsx119, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs80 } from "react/jsx-runtime";
 var useStyles52 = makeStyles52()((theme) => ({
   paper: {
     padding: theme.spacing(2)
@@ -7960,7 +7995,7 @@ var TwoButtonDialog = ({
   cancelButton
 }) => {
   const { classes } = useStyles52();
-  return /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(
     Dialog5,
     {
       open,
@@ -7972,9 +8007,9 @@ var TwoButtonDialog = ({
       BackdropProps: {
         timeout: 500
       },
-      children: /* @__PURE__ */ jsx119(Fade2, { in: open, children: /* @__PURE__ */ jsxs80(Paper12, { className: classes.paper, children: [
+      children: /* @__PURE__ */ jsx120(Fade2, { in: open, children: /* @__PURE__ */ jsxs80(Paper12, { className: classes.paper, children: [
         /* @__PURE__ */ jsxs80(Box33, { className: classes.mb, children: [
-          /* @__PURE__ */ jsx119(Typography27, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx119(
+          /* @__PURE__ */ jsx120(Typography27, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx120(
             Box33,
             {
               sx: {
@@ -7991,15 +8026,15 @@ var TwoButtonDialog = ({
                 fontWeight: 600
               },
               children: [
-                subtitle1 && /* @__PURE__ */ jsx119(Typography27, { variant: "subtitle1", children: subtitle1 }),
-                subtitle2 && /* @__PURE__ */ jsx119(Typography27, { variant: "subtitle1", children: subtitle2 })
+                subtitle1 && /* @__PURE__ */ jsx120(Typography27, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ jsx120(Typography27, { variant: "subtitle1", children: subtitle2 })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx119(Divider10, {}),
+        /* @__PURE__ */ jsx120(Divider10, {}),
         /* @__PURE__ */ jsxs80(Box33, { className: classes.buttonContainer, children: [
-          /* @__PURE__ */ jsx119(
+          /* @__PURE__ */ jsx120(
             FilledButton_default,
             {
               copy: cancelLabel,
@@ -8012,7 +8047,7 @@ var TwoButtonDialog = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx119(
+          /* @__PURE__ */ jsx120(
             FilledButton_default,
             {
               color: "primary",
@@ -8021,17 +8056,42 @@ var TwoButtonDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx119(Loading_default, { isLoading: dialogLoading })
+        /* @__PURE__ */ jsx120(Loading_default, { isLoading: dialogLoading })
       ] }) })
     }
   );
 };
 var TwoButtonDialog_default = TwoButtonDialog;
+
+// src/components/icons/IconChart.tsx
+import { jsx as jsx121 } from "react/jsx-runtime";
+var SvgIconChart = (props) => {
+  const { fill } = props;
+  return /* @__PURE__ */ jsx121(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx121(
+        "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",
+          fill: fill ?? "#1976D2"
+        }
+      )
+    }
+  );
+};
+var IconChart_default = SvgIconChart;
 export {
   AlertDialog_default as AlertDialog,
   AlertDialogFullScreen_default as AlertDialogFullScreen,
   AppLabel_default as AppLabel,
-  AutoComplete_default as AutoComplete,
+  Autocomplete_default as Autocomplete,
   BackHeader_default as BackHeader,
   BottomBar_default as BottomBar,
   BoxButton_default as BoxButton,
@@ -8056,6 +8116,8 @@ export {
   FilterSimpleSelector_default as FilterSimpleSelector,
   FixedFooter_default as FixedFooter,
   Header_default as Header,
+  IconChart_default as IconChart,
+  IconCompare_default as IconCompare,
   ImageButton_default as ImageButton,
   LeftDrawer_default as LeftDrawer,
   VirtualizedList as List,