@natoora-libs/core 0.0.2 → 0.0.31

package/dist/components/index.js

@@ -0,0 +1,4738 @@
+import {
+  featuresAreEnabled_default
+} from "../chunk-BRRN6KSW.js";
+import {
+  Loading_default,
+  colors,
+  isDarkModeEnabled
+} from "../chunk-RHG2EMI3.js";
+
+// src/components/alerts/AlertDialog.tsx
+import { Box, Button, Dialog, Typography } from "@mui/material";
+import { makeStyles } from "tss-react/mui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var useStyles = makeStyles()((theme) => ({
+  dialog: {
+    padding: 24
+  },
+  topSection: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    gap: 8,
+    marginBottom: 20
+  },
+  title: {
+    color: theme.palette.text.secondary
+  },
+  bottomSection: {
+    display: "flex",
+    justifyContent: "center",
+    gap: 8
+  }
+}));
+var AlertDialog = ({
+  alertTitle,
+  description,
+  maxWidth,
+  fullWidth,
+  handleAlertAccept,
+  handleAlertReject,
+  fullScreen,
+  open,
+  rejectCopy,
+  acceptCopy,
+  content
+}) => {
+  const { classes } = useStyles();
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onClose: handleAlertReject,
+      maxWidth,
+      fullScreen,
+      fullWidth,
+      children: /* @__PURE__ */ jsxs(Box, { className: classes.dialog, children: [
+        /* @__PURE__ */ jsxs(Box, { className: classes.topSection, children: [
+          alertTitle ? /* @__PURE__ */ jsx(Typography, { variant: "h5", className: classes.title, children: alertTitle }) : null,
+          description ? /* @__PURE__ */ jsx(Typography, { variant: "body1", children: description }) : null
+        ] }),
+        content || null,
+        rejectCopy || acceptCopy ? /* @__PURE__ */ jsxs(Box, { className: classes.bottomSection, children: [
+          /* @__PURE__ */ jsx(Button, { onClick: handleAlertReject, children: rejectCopy || "Reject" }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleAlertAccept, color: "primary", autoFocus: true, children: acceptCopy || "Accept" })
+        ] }) : null
+      ] })
+    }
+  );
+};
+var AlertDialog_default = AlertDialog;
+
+// src/components/alerts/AlertDialogFullScreen.js
+import React from "react";
+import { Button as Button2, Dialog as Dialog2, DialogActions, DialogContent } from "@mui/material";
+import { any } from "prop-types";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var AlertDialogFullScreen = ({
+  handleAlertAccept,
+  handleAlertReject,
+  fullScreen,
+  open,
+  rejectCopy,
+  acceptCopy,
+  content
+}) => /* @__PURE__ */ jsx2(
+  Dialog2,
+  {
+    "aria-describedby": "alert-dialog-description",
+    "aria-labelledby": "alert-dialog-title",
+    fullScreen,
+    open: open || false,
+    children: /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx2(DialogContent, { style: { padding: 0 }, children: content }),
+      (rejectCopy || acceptCopy) && /* @__PURE__ */ jsxs2(DialogActions, { style: { padding: 24 }, children: [
+        /* @__PURE__ */ jsx2(Button2, { onClick: handleAlertReject, children: rejectCopy || "Reject" }),
+        /* @__PURE__ */ jsx2(Button2, { onClick: handleAlertAccept, color: "primary", autoFocus: true, children: acceptCopy || "Accept" })
+      ] })
+    ] })
+  }
+);
+AlertDialogFullScreen.propTypes = {
+  acceptCopy: any,
+  content: any,
+  fullScreen: any,
+  handleAlertAccept: any,
+  handleAlertReject: any,
+  open: any,
+  rejectCopy: any
+};
+var AlertDialogFullScreen_default = AlertDialogFullScreen;
+
+// src/components/AppLabel/AppLabel.tsx
+import { Box as Box2, Typography as Typography2 } from "@mui/material";
+import { makeStyles as makeStyles2 } from "tss-react/mui";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var useStyles2 = makeStyles2()(() => ({
+  wrapper: {
+    opacity: 0.7
+  },
+  asset: {
+    color: colors.contrast,
+    height: 10
+  },
+  name: {
+    fontWeight: 600,
+    textTransform: "uppercase",
+    maxWidth: 100,
+    lineHeight: 1.2
+  }
+}));
+var AppLabel = ({ appName }) => {
+  const { classes } = useStyles2();
+  return /* @__PURE__ */ jsx3(
+    Box2,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        paddingLeft: 1,
+        paddingRight: 2
+      },
+      children: /* @__PURE__ */ jsx3("div", { className: classes.wrapper, children: /* @__PURE__ */ jsx3(Typography2, { className: classes.name, variant: "subtitle2", children: appName }) })
+    }
+  );
+};
+var AppLabel_default = AppLabel;
+
+// src/components/BackHeader/BackHeader.tsx
+import { useNavigate } from "react-router-dom";
+import KeyboardBackspaceIcon from "@mui/icons-material/KeyboardBackspace";
+import { Box as Box3, Button as Button3, Typography as Typography3 } from "@mui/material";
+import { makeStyles as makeStyles3 } from "tss-react/mui";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var useStyles3 = makeStyles3()((theme) => ({
+  header: {
+    padding: theme.spacing(2, 3),
+    borderBottom: `1px solid ${colors.borderColor}`,
+    backgroundColor: colors.backgroundContentLayer
+  },
+  icon: {
+    color: colors.muiPrimary
+  },
+  button: {
+    padding: 0,
+    "&:hover": {
+      background: "inherit"
+    }
+  },
+  text: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(2),
+    textTransform: "none"
+  }
+}));
+var BackHeader = ({ appName, onGoBackClick }) => {
+  const { classes } = useStyles3();
+  const navigate = useNavigate();
+  const handleBackClick = () => {
+    if (onGoBackClick) {
+      return onGoBackClick();
+    }
+    return navigate(-1);
+  };
+  return /* @__PURE__ */ jsx4(Box3, { component: "header", className: classes.header, children: /* @__PURE__ */ jsx4(Button3, { className: classes.button, onClick: handleBackClick, children: /* @__PURE__ */ jsxs3(Box3, { component: "span", className: classes.text, children: [
+    /* @__PURE__ */ jsx4(KeyboardBackspaceIcon, { className: classes.icon }),
+    /* @__PURE__ */ jsx4(Typography3, { variant: "body1", children: appName })
+  ] }) }) });
+};
+var BackHeader_default = BackHeader;
+
+// src/components/BottomBar/BottomBar.tsx
+import { Box as Box5, Paper } from "@mui/material";
+import { bool as bool2, func as func2, node, string as string2 } from "prop-types";
+import { makeStyles as makeStyles5 } from "tss-react/mui";
+
+// src/components/Buttons/ExtendedButton/ExtendedButton.tsx
+import { memo } from "react";
+import {
+  Add,
+  ChildCare,
+  CloudUpload,
+  Delete,
+  Edit,
+  ImportExport,
+  Notes,
+  Print,
+  Save,
+  Refresh,
+  GetApp,
+  Publish
+} from "@mui/icons-material";
+import AppsIcon from "@mui/icons-material/Apps";
+import { Box as Box4 } from "@mui/material";
+import Button4 from "@mui/material/Button";
+import Tooltip from "@mui/material/Tooltip";
+import { bool, func, oneOf, string } from "prop-types";
+import { makeStyles as makeStyles4 } from "tss-react/mui";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var useStyles4 = makeStyles4()((theme) => ({
+  default: {
+    boxShadow: "none",
+    borderRadius: 25,
+    border: `1px solid ${colors.grey300}`,
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
+    maxHeight: 36,
+    minHeight: 36,
+    minWidth: "min-content",
+    margin: 8,
+    textTransform: "capitalize"
+  },
+  noOutline: {
+    boxShadow: "none",
+    borderRadius: 25,
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
+    maxHeight: 36,
+    minHeight: 36,
+    minWidth: "min-content",
+    margin: 8,
+    textTransform: "capitalize"
+  },
+  primary: {
+    boxShadow: "none",
+    color: isDarkModeEnabled ? "black" : "white",
+    background: theme.palette.primary.main,
+    border: `1px solid ${theme.palette.primary.main}`,
+    borderRadius: 25,
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
+    maxHeight: 36,
+    minHeight: 36,
+    minWidth: "min-content",
+    margin: 8,
+    textTransform: "capitalize",
+    "&:hover": {
+      background: theme.palette.primary.dark
+    },
+    "&:disabled": {
+      background: colors.disabledColor
+    }
+  },
+  icon: {
+    marginRight: 8,
+    color: colors.muiPrimary
+  },
+  copy: {
+    display: "flex",
+    flexDirection: "column",
+    lineHeight: "initial",
+    textTransform: "uppercase",
+    whiteSpace: "nowrap",
+    "& span": {
+      fontSize: ".750rem",
+      fontWeight: 200
+    }
+  }
+}));
+var ExtendedButton = ({
+  buttonType,
+  className,
+  color,
+  copy,
+  disabled,
+  href,
+  onClick,
+  subcopy,
+  type,
+  variant,
+  component,
+  tooltip
+}) => {
+  const { classes, cx } = useStyles4();
+  const icons2 = {
+    add: Add,
+    apps: AppsIcon,
+    childCare: ChildCare,
+    delete: Delete,
+    edit: Edit,
+    importExport: ImportExport,
+    notes: Notes,
+    print: Print,
+    save: Save,
+    upload: CloudUpload,
+    refresh: Refresh,
+    download: GetApp,
+    publish: Publish
+  };
+  const IconComponent = icons2[type];
+  return /* @__PURE__ */ jsx5(Tooltip, { title: tooltip, children: /* @__PURE__ */ jsx5(Box4, { children: /* @__PURE__ */ jsxs4(
+    Button4,
+    {
+      className: cx(classes[color], className),
+      color: color === "noOutline" ? "default" : color,
+      component,
+      "data-testid": copy ? `extended-button-${copy.toLowerCase()}` : "extended-button",
+      disabled,
+      href,
+      onClick,
+      type: buttonType,
+      variant,
+      children: [
+        type ? /* @__PURE__ */ jsx5(IconComponent, { fontSize: "small", className: classes.icon }) : null,
+        /* @__PURE__ */ jsxs4("div", { className: classes.copy, children: [
+          copy,
+          /* @__PURE__ */ jsx5("span", { children: subcopy })
+        ] })
+      ]
+    }
+  ) }) });
+};
+ExtendedButton.defaultProps = {
+  buttonType: "button",
+  color: "default",
+  disabled: false,
+  href: "",
+  tooltip: "",
+  component: "button",
+  type: void 0,
+  className: void 0,
+  onClick: void 0,
+  subcopy: void 0,
+  variant: "outlined"
+};
+ExtendedButton.propTypes = {
+  buttonType: oneOf(["button", "submit"]),
+  className: string,
+  color: oneOf(["default", "inherit", "primary", "secondary", "noOutline"]),
+  copy: string.isRequired,
+  disabled: bool,
+  href: string,
+  onClick: func,
+  subcopy: string,
+  tooltip: string,
+  component: string,
+  type: oneOf([
+    "add",
+    "apps",
+    "childCare",
+    "delete",
+    "edit",
+    "importExport",
+    "notes",
+    "print",
+    "save",
+    "upload",
+    "refresh",
+    "download",
+    "publish"
+  ]),
+  variant: oneOf(["contained", "outlined", "text"])
+};
+var ExtendedButton_default = memo(ExtendedButton);
+
+// src/components/BottomBar/BottomBar.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var useStyles5 = makeStyles5()((theme) => ({
+  footer: {
+    backgroundColor: colors.tableRow1,
+    borderRadius: theme.spacing(0, 0, 0.5, 0.5),
+    borderTop: `1px solid ${colors.brightGray}`,
+    padding: theme.spacing(2)
+  },
+  insideWrapper: {
+    height: "100%"
+  },
+  button: {
+    margin: 0
+  }
+}));
+var BottomBar = ({ className, children, isLoading, onRefreshClick }) => {
+  const { classes, cx } = useStyles5();
+  return /* @__PURE__ */ jsx6(Paper, { className: cx(classes.footer, className), elevation: 1, children: /* @__PURE__ */ jsxs5(
+    Box5,
+    {
+      className: classes.insideWrapper,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between"
+      },
+      children: [
+        onRefreshClick ? /* @__PURE__ */ jsx6(
+          ExtendedButton_default,
+          {
+            className: classes.button,
+            copy: "Refresh",
+            disabled: isLoading,
+            onClick: () => onRefreshClick(),
+            type: "refresh",
+            variant: "outlined"
+          }
+        ) : null,
+        children
+      ]
+    }
+  ) });
+};
+BottomBar.defaultProps = {
+  className: "",
+  children: null,
+  isLoading: false,
+  onRefreshClick: null
+};
+BottomBar.propTypes = {
+  className: string2,
+  children: node,
+  isLoading: bool2,
+  onRefreshClick: func2
+};
+var BottomBar_default = BottomBar;
+
+// src/components/BoxButton/BoxButton.tsx
+import React3 from "react";
+import { Grid2 as Grid, Typography as Typography4, ButtonBase } from "@mui/material";
+import green from "@mui/material/colors/green";
+import orange from "@mui/material/colors/orange";
+import red from "@mui/material/colors/red";
+import PropTypes from "prop-types";
+import { makeStyles as makeStyles6 } from "tss-react/mui";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var useStyles6 = makeStyles6()((theme) => ({
+  boxTab: {
+    minWidth: 130,
+    width: "100%",
+    textAlign: "start",
+    alignItems: "normal",
+    flexDirection: "column",
+    padding: theme.spacing(1),
+    paddingLeft: theme.spacing(1.5),
+    paddingRight: theme.spacing(1.5),
+    backgroundColor: colors.background,
+    borderRadius: theme.spacing(0.5),
+    boxShadow: `0px 3px 1px -2px ${colors.transparent.black20}, 0px 2px 2px 0px ${colors.transparent.black10}, 0px 1px 5px 0px ${colors.transparent.black10}`,
+    "& .MuiGrid-container": {
+      marginTop: theme.spacing(0.5)
+    }
+  },
+  none: {},
+  main: {
+    borderColor: theme.palette.primary.main,
+    borderWidth: 3,
+    borderStyle: "solid"
+  },
+  green: {
+    borderColor: green["500"],
+    borderWidth: 3,
+    borderStyle: "solid"
+  },
+  red: {
+    borderColor: red["500"],
+    borderWidth: 3,
+    borderStyle: "solid"
+  },
+  orange: {
+    borderColor: orange["500"],
+    borderWidth: 3,
+    borderStyle: "solid"
+  },
+  c_box_button__extra: {
+    display: "flex",
+    justifyContent: "flex-end"
+  }
+}));
+var BoxButton = (props) => {
+  const { classes } = useStyles6();
+  const { label, onClick, main, extra, borderColor } = props;
+  return /* @__PURE__ */ jsxs6(
+    ButtonBase,
+    {
+      component: "button",
+      className: [classes.boxTab, classes[borderColor]].join(" "),
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx7(Typography4, { variant: "button", children: label }),
+        /* @__PURE__ */ jsxs6(
+          Grid,
+          {
+            container: true,
+            direction: "row",
+            sx: {
+              justifyContent: "center",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx7(Grid, { size: 9, children: main }),
+              /* @__PURE__ */ jsx7(Grid, { className: classes.c_box_button__extra, size: 3, children: extra })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+BoxButton.propTypes = {
+  label: PropTypes.any,
+  onClick: PropTypes.any,
+  main: PropTypes.any,
+  extra: PropTypes.any,
+  borderColor: PropTypes.any
+};
+var BoxButton_default = React3.memo(BoxButton);
+
+// src/components/Buttons/FilledButton/FilledButton.tsx
+import { memo as memo2 } from "react";
+import { CircularProgress } from "@mui/material";
+import Button5 from "@mui/material/Button";
+import { bool as bool3, func as func3, oneOf as oneOf2, string as string3 } from "prop-types";
+import { makeStyles as makeStyles7 } from "tss-react/mui";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var useStyles7 = makeStyles7()((theme) => ({
+  button: {
+    background: colors.muiDefault,
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
+    margin: theme.spacing(1),
+    borderRadius: 25,
+    "&:disabled": {
+      color: theme.palette.common.white,
+      opacity: "0.32"
+    }
+  },
+  primary: {
+    color: colors.white,
+    background: colors.muiPrimary,
+    "&:disabled": {
+      color: colors.white,
+      opacity: "0.32"
+    }
+  },
+  secondary: {
+    color: theme.palette.primary.light,
+    background: `linear-gradient(45deg, ${theme.palette.secondary.main}, ${theme.palette.secondary.alternate})`,
+    "&:hover": {
+      background: `linear-gradient(45deg, ${theme.palette.secondary.main} 40%, ${theme.palette.secondary.alternate})`
+    }
+  },
+  success: {
+    color: theme.palette.common.white,
+    background: theme.palette.success.main,
+    "&:hover": {
+      background: theme.palette.success.main
+    }
+  },
+  disabled: {
+    color: theme.palette.common.white,
+    background: "#A8A8A8",
+    "&:disabled": {
+      opacity: "1"
+    }
+  },
+  default: {
+    background: theme.palette.common.white,
+    color: theme.palette.common.black,
+    "&:disabled": {
+      opacity: "1"
+    }
+  },
+  loading: {
+    paddingRight: theme.spacing(1.5)
+  },
+  loadingText: {
+    marginLeft: theme.spacing(1)
+  }
+}));
+var FilledButton = ({
+  autoFocus = false,
+  className,
+  color = "primary",
+  copy,
+  disabled = false,
+  href = "",
+  isLoading = false,
+  onClick,
+  type,
+  variant = "contained"
+}) => {
+  const { classes, cx } = useStyles7();
+  return /* @__PURE__ */ jsxs7(
+    Button5,
+    {
+      autoFocus,
+      className: cx(classes.button, className, classes[color], {
+        [classes.loading]: isLoading
+      }),
+      disabled: disabled || isLoading,
+      focusRipple: autoFocus,
+      href,
+      onClick,
+      type,
+      variant,
+      children: [
+        copy,
+        isLoading && /* @__PURE__ */ jsx8(
+          CircularProgress,
+          {
+            className: classes.loadingText,
+            color: "inherit",
+            size: 18
+          }
+        )
+      ]
+    }
+  );
+};
+FilledButton.propTypes = {
+  autoFocus: bool3,
+  className: string3,
+  color: oneOf2([
+    "default",
+    "error",
+    "info",
+    "inherit",
+    "primary",
+    "secondary",
+    "success",
+    "warning"
+  ]),
+  copy: string3.isRequired,
+  isLoading: bool3,
+  disabled: bool3,
+  href: string3,
+  onClick: func3,
+  type: oneOf2(["button", "submit"]),
+  variant: oneOf2(["contained", "outlined", "text"])
+};
+var FilledButton_default = memo2(FilledButton);
+
+// src/components/Buttons/FilledButton/FilledButtonLg.tsx
+import React5 from "react";
+import { Box as Box6, CircularProgress as CircularProgress2 } from "@mui/material";
+import Button6 from "@mui/material/Button";
+import PropTypes2 from "prop-types";
+import { withStyles } from "tss-react/mui";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var FilledButtonLg = ({
+  classes,
+  disabled,
+  variant,
+  color,
+  copy,
+  handleClick,
+  loading = false,
+  loadingProps
+}) => /* @__PURE__ */ jsx9(
+  Button6,
+  {
+    variant,
+    className: classes[color],
+    onClick: handleClick,
+    disabled: disabled || loading,
+    children: /* @__PURE__ */ jsxs8(
+      Box6,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: [
+          copy,
+          loading && /* @__PURE__ */ jsx9(
+            CircularProgress2,
+            {
+              color: loadingProps?.color || "inherit",
+              size: loadingProps?.size || 22,
+              style: { marginLeft: "15px", ...loadingProps?.style }
+            }
+          )
+        ]
+      }
+    )
+  }
+);
+var ActionButtonLg = withStyles(FilledButtonLg, (theme) => ({
+  default: {
+    backgroundColor: colors.muiDefault,
+    borderRadius: 48,
+    paddingLeft: 22,
+    paddingRight: 22,
+    margin: 16,
+    minHeight: 56,
+    height: 56,
+    fontWeight: 600,
+    minWidth: "calc(100% - 32px)",
+    fontSize: "1.3rem",
+    display: "block",
+    boxShadow: `0px 3px 1px -2px ${colors.transparent.black20}, 0px 2px 2px 0px ${colors.transparent.black10}, 0px 1px 5px 0px ${colors.transparent.black10}`,
+    "&:hover": {
+      background: `linear-gradient(45deg, ${colors.transparent.white10} 40%, ${colors.transparent.white20})`
+    }
+  },
+  primary: {
+    color: colors.white,
+    background: colors.muiPrimary,
+    borderRadius: 48,
+    paddingLeft: 22,
+    paddingRight: 22,
+    margin: 16,
+    minHeight: 56,
+    height: 56,
+    fontWeight: 600,
+    minWidth: "calc(100% - 32px)",
+    fontSize: "1.3rem",
+    display: "block",
+    "&:hover": {
+      background: colors.muiPrimaryHover
+    },
+    "&:disabled": {
+      color: "white",
+      opacity: "0.32"
+    }
+  },
+  secondary: {
+    color: theme.palette.primary.light,
+    background: `linear-gradient(45deg, ${theme.palette.secondary.main}, ${theme.palette.secondary.alternate})`,
+    borderRadius: 48,
+    paddingLeft: 22,
+    paddingRight: 22,
+    margin: 16,
+    minHeight: 56,
+    height: 56,
+    fontWeight: 600,
+    minWidth: "calc(100% - 32px)",
+    fontSize: "1.3rem",
+    display: "block",
+    "&:hover": {
+      background: `linear-gradient(45deg, ${theme.palette.secondary.main} 40%, ${theme.palette.secondary.alternate})`
+    },
+    "&:disabled": {
+      color: "white",
+      opacity: "0.32"
+    }
+  }
+}));
+FilledButtonLg.propTypes = {
+  classes: PropTypes2.any,
+  disabled: PropTypes2.any,
+  variant: PropTypes2.string,
+  color: PropTypes2.string,
+  copy: PropTypes2.any,
+  handleClick: PropTypes2.any,
+  loading: PropTypes2.bool,
+  loadingProps: PropTypes2.shape({
+    color: PropTypes2.oneOf(["primary", "secondary", "inherit"]),
+    size: PropTypes2.number,
+    style: PropTypes2.string
+  })
+};
+var FilledButtonLg_default = React5.memo(ActionButtonLg);
+
+// src/components/Buttons/OutlinedButton/OutlinedButton.tsx
+import React6 from "react";
+import Button7 from "@mui/material/Button";
+import CircularProgress3 from "@mui/material/CircularProgress";
+import {
+  bool as bool4,
+  func as func4,
+  node as node2,
+  number,
+  oneOf as oneOf3,
+  oneOfType,
+  shape,
+  string as string4
+} from "prop-types";
+import { makeStyles as makeStyles8 } from "tss-react/mui";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var useStyles8 = makeStyles8()((theme) => ({
+  default: {
+    boxShadow: "none",
+    borderRadius: 25,
+    border: `1px solid ${colors.grey300}`,
+    paddingLeft: theme.spacing(3),
+    paddingRight: theme.spacing(3),
+    minHeight: 36,
+    minWidth: "min-content",
+    margin: 8,
+    fontWeight: 500,
+    color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.common.black,
+    "&:hover": {
+      background: theme.palette.mode === "dark" ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.08)"
+    }
+  },
+  primary: {
+    color: colors.muiPrimary,
+    boxShadow: "none",
+    border: `1px solid ${colors.muiPrimary}`,
+    borderRadius: 25,
+    paddingLeft: theme.spacing(3),
+    paddingRight: theme.spacing(3),
+    minHeight: 36,
+    minWidth: "min-content",
+    margin: 8,
+    fontWeight: 600,
+    "&:hover": {
+      background: colors.muiPrimary30
+    }
+  },
+  secondary: {
+    color: colors.muiSecondaryAlternate,
+    boxShadow: "none",
+    border: `1px solid ${colors.muiSecondaryAlternate}`,
+    borderRadius: 25,
+    paddingLeft: theme.spacing(3),
+    paddingRight: theme.spacing(3),
+    minHeight: 36,
+    minWidth: "min-content",
+    margin: 8,
+    fontWeight: 600,
+    "&:hover": {
+      background: colors.muiSecondaryAlternate30
+    }
+  },
+  copy: {
+    display: "flex",
+    flexDirection: "column",
+    lineHeight: "initial",
+    "& span": {
+      fontSize: ".750rem",
+      fontWeight: 200,
+      textTransform: "capitalize"
+    }
+  },
+  loading: {
+    paddingRight: theme.spacing(1.5)
+  },
+  loadingCopy: {
+    flexDirection: "row"
+  },
+  loadingIcon: {
+    marginLeft: theme.spacing(1)
+  }
+}));
+var OutlinedButton = ({
+  className,
+  color,
+  copy,
+  disabled,
+  href = "",
+  isLoading,
+  onClick,
+  startIcon,
+  style,
+  subcopy,
+  type = "button"
+}) => {
+  const { classes, cx } = useStyles8();
+  return /* @__PURE__ */ jsx10(
+    Button7,
+    {
+      className: cx(color ? classes[color] : classes.default, className, {
+        [classes.loading]: isLoading
+      }),
+      disabled: disabled || isLoading,
+      href,
+      onClick,
+      startIcon,
+      style,
+      type,
+      variant: "outlined",
+      children: /* @__PURE__ */ jsxs9(
+        "div",
+        {
+          className: cx(classes.copy, {
+            [classes.loadingCopy]: isLoading
+          }),
+          children: [
+            copy,
+            subcopy && /* @__PURE__ */ jsx10("span", { children: subcopy }),
+            isLoading && /* @__PURE__ */ jsx10(
+              CircularProgress3,
+              {
+                className: classes.loadingIcon,
+                color: "primary",
+                size: 18
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+OutlinedButton.propTypes = {
+  className: string4,
+  color: string4,
+  copy: oneOfType([number, string4]).isRequired,
+  disabled: bool4,
+  href: string4,
+  isLoading: bool4,
+  onClick: func4,
+  startIcon: node2,
+  style: shape({}),
+  subcopy: string4,
+  type: oneOf3(["button", "submit"])
+};
+var OutlinedButton_default = React6.memo(OutlinedButton);
+
+// src/components/Buttons/RoundButton/RoundButton.tsx
+import {
+  Add as Add2,
+  Apps,
+  ArrowBack,
+  ArrowForward,
+  BackspaceOutlined,
+  Block,
+  CallSplit,
+  ChevronRight,
+  Close,
+  Comment,
+  Done,
+  Delete as Delete2,
+  Edit as Edit2,
+  Email,
+  GroupAdd,
+  History,
+  KeyboardArrowUp,
+  KeyboardArrowDown,
+  Menu,
+  MoreHoriz,
+  PlayArrowRounded,
+  Refresh as Refresh2,
+  Remove,
+  Search,
+  Send,
+  ThumbDown,
+  ThumbUp,
+  Undo
+} from "@mui/icons-material";
+import { Fab, Tooltip as Tooltip2 } from "@mui/material";
+import { makeStyles as makeStyles9 } from "tss-react/mui";
+
+// src/components/icons/BallsLogo.js
+import React7 from "react";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var SvgBallsLogo = (props) => /* @__PURE__ */ jsxs10("svg", { viewBox: "0 0 1024 305.8", ...props, fill: "currentColor", children: [
+  /* @__PURE__ */ jsx11("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__ */ jsx11("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__ */ jsx11("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.js
+import React8 from "react";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var SvgEmptyGlassIcon = (props) => /* @__PURE__ */ jsxs11(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "140",
+    height: "140",
+    viewBox: "0 0 140 140",
+    fill: "none",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx12("g", { id: "Frame", clipPath: "url(#clip0_454_24067)", children: /* @__PURE__ */ jsxs11("g", { id: "Clip path group", children: [
+        /* @__PURE__ */ jsx12(
+          "mask",
+          {
+            id: "mask0_454_24067",
+            maskUnits: "userSpaceOnUse",
+            x: "0",
+            y: "0",
+            width: "140",
+            height: "140",
+            children: /* @__PURE__ */ jsx12("g", { id: "__lottie_element_11", children: /* @__PURE__ */ jsx12("path", { id: "Vector", d: "M140 0H0V140H140V0Z", fill: "white" }) })
+          }
+        ),
+        /* @__PURE__ */ jsx12("g", { mask: "url(#mask0_454_24067)", children: /* @__PURE__ */ jsx12("g", { id: "Group", children: /* @__PURE__ */ jsxs11("g", { id: "Clip path group_2", children: [
+          /* @__PURE__ */ jsx12(
+            "mask",
+            {
+              id: "mask1_454_24067",
+              maskUnits: "userSpaceOnUse",
+              x: "0",
+              y: "0",
+              width: "140",
+              height: "140",
+              children: /* @__PURE__ */ jsx12("g", { id: "__lottie_element_13", children: /* @__PURE__ */ jsx12("path", { id: "Vector_2", d: "M0 0H140V140H0V0Z", fill: "white" }) })
+            }
+          ),
+          /* @__PURE__ */ jsx12("g", { mask: "url(#mask1_454_24067)", children: /* @__PURE__ */ jsx12("g", { id: "Group_2", children: /* @__PURE__ */ jsxs11("g", { id: "Group_3", children: [
+            /* @__PURE__ */ jsx12("g", { id: "Group_4", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_3",
+                d: "M18.3421 33.0791C16.7957 33.0791 15.5421 34.3327 15.5421 35.8791C15.5421 37.4255 16.7957 38.6791 18.3421 38.6791C19.8886 38.6791 21.1421 37.4255 21.1421 35.8791C21.1421 34.3327 19.8886 33.0791 18.3421 33.0791Z",
+                fill: "#B6B2D8"
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("g", { id: "Group_5", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_4",
+                d: "M108.08 14C107.307 14 106.68 14.6269 106.68 15.4C106.68 16.1731 107.307 16.8 108.08 16.8C108.853 16.8 109.48 16.1731 109.48 15.4C109.48 14.6269 108.853 14 108.08 14Z",
+                fill: "#EECB3A"
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("g", { id: "Group_6", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_5",
+                d: "M70.28 15.3994C41.6715 15.3994 18.48 38.591 18.48 67.1994C18.48 95.8079 41.6715 118.999 70.28 118.999C98.8884 118.999 122.08 95.8079 122.08 67.1994C122.08 38.591 98.8884 15.3994 70.28 15.3994Z",
+                fill: "#F1F1F2"
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("g", { id: "Group_7", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_6",
+                d: "M116.48 12.9854C113.6 12.9854 111.266 15.3199 111.266 18.1999C111.266 21.0798 113.6 23.4144 116.48 23.4144C119.36 23.4144 121.695 21.0798 121.695 18.1999C121.695 15.3199 119.36 12.9854 116.48 12.9854Z",
+                fill: "#EECB3A"
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("g", { id: "Group_8", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_7",
+                d: "M122.927 31.1133C121.381 31.1133 120.127 32.3668 120.127 33.9133C120.127 35.4597 121.381 36.7133 122.927 36.7133C124.473 36.7133 125.727 35.4597 125.727 33.9133C125.727 32.3668 124.473 31.1133 122.927 31.1133Z",
+                fill: "#B6B2D8"
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("g", { id: "Group_9", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_8",
+                d: "M110.403 100.27C108.964 100.27 107.796 101.438 107.796 102.877C107.796 104.317 108.964 105.485 110.403 105.485C111.843 105.485 113.011 104.317 113.011 102.877C113.011 101.438 111.843 100.27 110.403 100.27ZM24.3639 80.7158C21.4839 80.7158 19.1494 83.0504 19.1494 85.9303C19.1494 88.8103 21.4839 91.1448 24.3639 91.1448C27.2439 91.1448 29.5784 88.8103 29.5784 85.9303C29.5784 83.0504 27.2439 80.7158 24.3639 80.7158Z",
+                fill: "#F6D977"
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("g", { id: "Group_10", opacity: "0.655813", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_9",
+                d: "M35.28 116.2C33.7335 116.2 32.48 117.454 32.48 119C32.48 120.546 33.7335 121.8 35.28 121.8C36.8264 121.8 38.08 120.546 38.08 119C38.08 117.454 36.8264 116.2 35.28 116.2Z",
+                fill: "#B6B2D8"
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("g", { id: "Group_11", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_10",
+                d: "M26.18 68.5996C24.2472 68.5996 22.68 70.1668 22.68 72.0996C22.68 74.0324 24.2472 75.5996 26.18 75.5996C28.1128 75.5996 29.68 74.0324 29.68 72.0996C29.68 70.1668 28.1128 68.5996 26.18 68.5996Z",
+                fill: "#FFFEFF"
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("g", { id: "Group_12", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_11",
+                d: "M32.6867 90.4473C31.9136 90.4473 31.2867 91.0739 31.2867 91.8473C31.2867 92.6206 31.9136 93.2473 32.6867 93.2473C33.4598 93.2473 34.0867 92.6206 34.0867 91.8473C34.0867 91.0739 33.4598 90.4473 32.6867 90.4473Z",
+                fill: "#EECB3A"
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("g", { id: "Group_13", children: /* @__PURE__ */ jsx12(
+              "path",
+              {
+                id: "Vector_12",
+                d: "M112.28 43.3994C111.507 43.3994 110.88 44.0263 110.88 44.7994C110.88 45.5725 111.507 46.1994 112.28 46.1994C113.053 46.1994 113.68 45.5725 113.68 44.7994C113.68 44.0263 113.053 43.3994 112.28 43.3994Z",
+                fill: "#FFFEFF"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs11("g", { id: "Group_14", children: [
+              /* @__PURE__ */ jsx12("g", { id: "Group_15", children: /* @__PURE__ */ jsx12(
+                "path",
+                {
+                  id: "Vector_13",
+                  d: "M109.38 118.149C108.369 121.418 104.765 123.318 101.497 122.307C99.7765 121.774 98.4414 120.607 97.6098 119.03L84.8399 92.0818C84.365 91.1808 84.6845 90.1484 85.5855 89.6735L91.4423 86.5854C92.343 86.1103 93.3751 86.4295 93.8503 87.3308L108.819 113.264C109.704 114.668 109.86 116.601 109.38 118.149Z",
+                  fill: "#BF7F42"
+                }
+              ) }),
+              /* @__PURE__ */ jsx12("g", { id: "Group_16", children: /* @__PURE__ */ jsx12(
+                "path",
+                {
+                  id: "Vector_14",
+                  d: "M90.7249 86.9195L86.2654 89.2707L82.7382 82.5815L87.1975 80.2295L90.7249 86.9195Z",
+                  fill: "#C2D1E0"
+                }
+              ) }),
+              /* @__PURE__ */ jsx12("g", { id: "Group_17", children: /* @__PURE__ */ jsx12(
+                "path",
+                {
+                  id: "Vector_15",
+                  d: "M81.0593 33.0454C66.7827 28.6265 51.691 36.5844 47.272 50.861C42.8531 65.1379 50.8107 80.2296 65.0876 84.6489C79.3642 89.0676 94.4565 81.11 98.8752 66.8333C103.294 52.5564 95.3363 37.4644 81.0593 33.0454ZM66.6847 79.4882C55.3321 75.9742 48.9184 63.8113 52.4324 52.4584C55.9461 41.1055 68.1093 34.6916 79.4622 38.2056C90.8151 41.7193 97.2285 53.8833 93.7145 65.2359C90.2008 76.5888 78.0376 83.0022 66.6847 79.4882Z",
+                  fill: "#D2E0EA"
+                }
+              ) }),
+              /* @__PURE__ */ jsx12("g", { id: "Group_18", children: /* @__PURE__ */ jsx12(
+                "path",
+                {
+                  id: "Vector_16",
+                  d: "M79.4625 38.2053C90.8624 41.7339 97.2433 53.8355 93.7148 65.2354C90.1865 76.6353 78.0843 83.0165 66.6844 79.4879C55.2845 75.9594 48.9036 63.8575 52.4321 52.4576C55.9604 41.0579 68.0626 34.6767 79.4625 38.2053Z",
+                  fill: "#8EC5EA"
+                }
+              ) }),
+              /* @__PURE__ */ jsx12("g", { id: "Group_19", children: /* @__PURE__ */ jsx12(
+                "path",
+                {
+                  id: "Vector_17",
+                  d: "M53.6196 54.7106C57.1336 43.358 69.2971 36.9443 80.6497 40.4583C85.9823 42.1086 89.9877 45.6103 92.8137 49.8778C90.3604 44.406 85.6547 40.1223 79.4622 38.2057C68.1096 34.6917 55.9458 41.1054 52.4321 52.4583C50.5152 58.6505 51.5638 65.0068 54.5206 70.0686C52.5959 65.3262 51.969 60.0429 53.6196 54.7106Z",
+                  fill: "#70AFDE"
+                }
+              ) }),
+              /* @__PURE__ */ jsx12("g", { id: "Group_20", children: /* @__PURE__ */ jsx12(
+                "path",
+                {
+                  id: "Vector_18",
+                  d: "M108.7 113.039L107.935 111.859C108.475 113.158 108.565 114.693 108.139 116.069C107.447 118.306 104.428 118.314 103.36 116.287L90.889 92.6353C90.1764 91.2838 88.628 90.8044 87.2767 91.5173L85.0244 92.7048L97.5443 118.633C98.2572 119.985 99.3669 121.271 100.69 121.869C102.529 122.626 104.634 122.524 106.21 121.693C107.787 120.861 109.061 119.182 109.475 117.237C109.9 115.86 109.413 114.39 108.7 113.039Z",
+                  fill: "#B5713E"
+                }
+              ) }),
+              /* @__PURE__ */ jsx12("g", { id: "Group_21", opacity: "0.2", children: /* @__PURE__ */ jsx12(
+                "path",
+                {
+                  id: "Vector_19",
+                  d: "M72.9785 53.375C69.8053 53.375 67.2329 55.9474 67.2329 59.1206C67.2329 62.2938 69.8053 64.8662 72.9785 64.8662C76.1518 64.8662 78.7244 62.2938 78.7244 59.1206C78.7244 55.9474 76.1518 53.375 72.9785 53.375Z",
+                  fill: "#FFFEFF"
+                }
+              ) })
+            ] })
+          ] }) }) })
+        ] }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsx12("defs", { children: /* @__PURE__ */ jsx12("clipPath", { id: "clip0_454_24067", children: /* @__PURE__ */ jsx12("rect", { width: "140", height: "140", fill: "white" }) }) })
+    ]
+  }
+);
+var EmptyGlassIcon_default = SvgEmptyGlassIcon;
+
+// src/components/icons/IconAccount.js
+import React9 from "react";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+var SvgIconAccount = (props) => /* @__PURE__ */ jsxs12("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx13(
+    "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__ */ jsx13(
+    "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__ */ jsx13(
+    "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__ */ jsx13(
+    "path",
+    {
+      className: "icon-account_svg__st1",
+      d: "M37.8 33.4c-.1-.6-.2-1.1-.4-1.6-.1-.5-.4-1-.6-1.6-.3-.6-.5-.9-1-1.4-.1-.1-.2-.1-.3-.2-.3-.2-.6-.5-1.1-.6-.5-.1-1-.3-1.7-.3-.2 0-.3.1-.5.2-.1.1-.2.1-.3.2l-1 .9c-.4.2-1 .5-1.6.7-.6.2-1.3.4-1.9.4-.6 0-1.4-.1-1.9-.4-.6-.2-1.2-.5-1.6-.7l-1.1-.8c-.1-.1-.2-.1-.3-.2-.2-.1-.3-.2-.5-.2-.6 0-1.2 0-1.7.3-.5.1-.9.4-1.4.9-.1.1-.2.3-.3.4-.2.3-.4.5-.6.9-.3.5-.5 1-.6 1.5-.1.5-.3 1-.4 1.6l-.1.3c-.1.5-.2.9-.2 1.4v1.5c0 1.3.4 2.2 1.2 3.1.9.7 1.8 1.1 3 1.1h13c1.4 0 2.3-.3 3.1-1.1.8-.8 1.2-1.8 1.2-3.1.1-1.1-.4-3.1-.4-3.2zm-16.5-3.1l1.2.7c.6.4 1.3.7 2 1 .8.3 1.9.5 2.8.5.9 0 2-.2 2.8-.5.8-.3 1.5-.6 2-1l1.1-.7c.2 0 .3.1.5.1.1 0 .2.1.2.2.1.1.1.1.2.1.1.2.2.3.4.6.2.4.4.8.5 1.1.1.5.2.9.3 1.5v.1c.1.5.4 2 .4 2.6 0 .7-.2 1-.5 1.3-.2.2-.4.4-1.3.4H21c-.7 0-1.1-.2-1.4-.4-.3-.3-.4-.6-.4-1.3v-1.5c0-.2.1-.5.1-.9l.1-.3c.1-.6.2-1 .4-1.5.1-.3.3-.6.5-1.1.1-.1.2-.3.3-.5.1-.1.2-.2.2-.3l.1-.1c.1 0 .3-.1.4-.1z"
+    }
+  )
+] });
+var IconAccount_default = SvgIconAccount;
+
+// src/components/icons/IconAccounts.js
+import React10 from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var SvgIconAccounts = (props) => /* @__PURE__ */ jsx14("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx14(
+  "path",
+  {
+    className: "icon-accounts_svg__st0",
+    d: "M21.6 27.2h-2.4v8.3h2.4v-8.3zm7.1 0h-2.4v8.3h2.4v-8.3zm10.1 10.6H16.2v2.4h22.5v-2.4zm-3-10.6h-2.4v8.3h2.4v-8.3zm-8.3-8l6.2 3.3H21.3l6.2-3.3m0-2.7l-11.3 5.9v2.4h22.5v-2.4l-11.2-5.9z"
+  }
+) });
+var IconAccounts_default = SvgIconAccounts;
+
+// src/components/icons/IconAvocado.js
+import React11 from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var SvgIconAvocado = () => /* @__PURE__ */ jsxs13(
+  "svg",
+  {
+    width: "20",
+    height: "24",
+    viewBox: "0 0 20 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx15(
+        "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",
+          stroke: colors.grey650,
+          strokeWidth: "2",
+          strokeMiterlimit: "10"
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        "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",
+          stroke: colors.grey650,
+          strokeWidth: "2",
+          strokeMiterlimit: "10"
+        }
+      )
+    ]
+  }
+);
+var IconAvocado_default = SvgIconAvocado;
+
+// src/components/icons/IconBanana.js
+import React12 from "react";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var SvgIconBanana = () => /* @__PURE__ */ jsxs14(
+  "svg",
+  {
+    width: "24",
+    height: "22",
+    viewBox: "0 0 24 22",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx16("g", { clipPath: "url(#clip0_0_2321)", children: /* @__PURE__ */ jsx16(
+        "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.grey650
+        }
+      ) }),
+      /* @__PURE__ */ jsx16("defs", { children: /* @__PURE__ */ jsx16("clipPath", { id: "clip0_0_2321", children: /* @__PURE__ */ jsx16("rect", { width: "24", height: "22", fill: "white" }) }) })
+    ]
+  }
+);
+var IconBanana_default = SvgIconBanana;
+
+// src/components/icons/IconBuying.js
+import React13 from "react";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+var SvgIconBuying = (props) => /* @__PURE__ */ jsxs15("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx17(
+    "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__ */ jsx17(
+    "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__ */ jsx17("circle", { className: "icon-buying_svg__st0", cx: 34.7, cy: 38.1, r: 2.6 })
+] });
+var IconBuying_default = SvgIconBuying;
+
+// src/components/icons/IconContentManagement.js
+import React14 from "react";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+var IconContentManagement = (props) => /* @__PURE__ */ jsxs16("svg", { viewBox: "0 0 55 56.7", ...props, fill: "0000", strokeWidth: "0px", children: [
+  /* @__PURE__ */ jsx18(
+    "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__ */ jsx18("rect", { className: "cls-1", x: "21.6", y: "34.1", width: "3.6", height: "5.2" }),
+  /* @__PURE__ */ jsx18(
+    "path",
+    {
+      className: "cls-1",
+      d: "M31.9,23.5c-.5,0-1-.2-1.3-.5-.3-.3-.5-.8-.5-1.3s.2-.9.5-1.3c.3-.3.8-.5,1.3-.5s1,.2,1.3.5c.3.3.5.8.5,1.3s-.2.9-.5,1.3c-.3.3-.8.5-1.3.5ZM35.8,22.2c0-.2,0-.3,0-.5s0-.3,0-.5l1.1-.8c0,0,.1-.2,0-.3l-1.1-1.8c0-.1-.2-.2-.3-.1l-1.3.5c-.3-.2-.6-.4-.9-.5l-.2-1.4c0-.1-.1-.2-.3-.2h-2.1c-.1,0-.2,0-.3.2l-.2,1.4c-.3.1-.6.3-.9.5l-1.3-.5c-.1,0-.3,0-.3.1l-1.1,1.8c0,.1,0,.3,0,.3l1.1.8c0,.2,0,.3,0,.5s0,.3,0,.5l-1.1.8c0,0-.1.2,0,.3l1.1,1.8c0,.1.2.2.3.1l1.3-.5c.3.2.6.4.9.5l.2,1.4c0,.1.1.2.3.2h2.1c.1,0,.2,0,.3-.2l.2-1.4c.3-.1.6-.3.9-.5l1.3.5c.1,0,.3,0,.3-.1l1.1-1.8c0-.1,0-.3,0-.3l-1.1-.8Z"
+    }
+  )
+] });
+var IconContentManagement_default = IconContentManagement;
+
+// src/components/icons/IconGoodsin.js
+import React15 from "react";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var SvgIconGoodsin = (props) => /* @__PURE__ */ jsxs17("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx19(
+    "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__ */ jsx19(
+    "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__ */ jsx19(
+    "path",
+    {
+      className: "icon-goodsin_svg__st0",
+      d: "M19.3 28.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.3 3.1v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4 0 .7-.1 1.2-.2.1.1.2 0 .3 0m.7-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-.2-.8-.7-1.2-1.4-1.2zm-15.6 9.9V19h5.5c.1 0 .3.1.3.3 1.4 3.3 2.9 6.6 4.2 9.9v.1h-7.2V27c0-.8-.1-.9-.9-.9-.7.1-1.2.1-1.9.1z"
+    }
+  )
+] });
+var IconGoodsin_default = SvgIconGoodsin;
+
+// src/components/icons/IconGrape.js
+import React16 from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var SvgIconGrape = (props) => /* @__PURE__ */ jsx20(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx20(
+      "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",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconGrape_default = SvgIconGrape;
+
+// src/components/icons/IconHome.js
+import React17 from "react";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var SvgIconHome = (props) => /* @__PURE__ */ jsxs18("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx21(
+    "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__ */ jsx21(
+    "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__ */ jsx21(
+    "path",
+    {
+      className: "icon-home_svg__st1",
+      d: "M38 24.3l-9.1-7.6c-.4-.4-.9-.6-1.4-.6-.5 0-1 .2-1.3.5l-9.4 7.9c-.6.5-.8 1.5-.6 2.2.3.9 1.2 1.4 2 1.4h.1v9.2c0 1.9 1.5 3.4 3.4 3.4h2.8c.6 0 1.2-.5 1.2-1.2v-5.7H29v5.7c0 .6.5 1.2 1.2 1.2h3.1c1.9 0 3.4-1.5 3.4-3.4V28h.2c1.1 0 2-1 2-2 0-.7-.4-1.4-.9-1.7zm-4.7 14h-1.9v-4.9c0-1.1-.9-1.9-1.9-1.9h-4.1c-1.1 0-1.9.9-1.9 1.9v4.9h-1.7c-.6 0-1-.5-1-1v-13l6.7-5.7 6.9 5.7v13c-.1.5-.6 1-1.1 1z"
+    }
+  )
+] });
+var IconHome_default = SvgIconHome;
+
+// src/components/icons/IconImport.js
+import React18 from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var SvgIconImport = (props) => /* @__PURE__ */ jsx22("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-8 -8 40 40", ...props, children: /* @__PURE__ */ jsx22(
+  "path",
+  {
+    className: "icon-runs_svg__st0",
+    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6m-.5 14v3h-3v-3H8l4-4 4 4h-2.5M13 9V3.5L18.5 9H13Z"
+  }
+) });
+var IconImport_default = SvgIconImport;
+
+// src/components/icons/IconLocation.js
+import React19 from "react";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+var SvgIconLocation = (props) => /* @__PURE__ */ jsxs19("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx23(
+    "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__ */ jsx23(
+    "path",
+    {
+      className: "icon-location_svg__st0",
+      d: "M27.6 30.2c-2.5 0-4.6-2.1-4.6-4.6 0-2.5 2.1-4.6 4.6-4.6 2.6 0 4.7 2.1 4.6 4.6l-4.6 4.6z"
+    }
+  )
+] });
+var IconLocation_default = SvgIconLocation;
+
+// src/components/icons/IconLogin.js
+import React20 from "react";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+var SvgIconLogin = (props) => /* @__PURE__ */ jsxs20("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx24(
+    "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__ */ jsx24(
+    "path",
+    {
+      className: "icon-login_svg__st0",
+      d: "M39.2 28.1c-.2-.2-.2-.3-.3-.4-.1-.1-.1-.2-.2-.2l-7.9-7.9c-.4-.4-1-.6-1.4-.4-.8.3-.8 1-.8 1.3v3.9h-6.1c-1.1 0-1.5.4-1.5 1.5v5.2c0 1.1.4 1.5 1.5 1.5h6.2v3.9c0 .5.3.9.8 1.1.2.1.3.1.5.1.3 0 .5-.1.8-.4l.2-.2c.9-.9 1.7-1.7 2.6-2.5 1.7-1.6 3.4-3.3 5-5 .1-.1.2-.2.3-.4l.3-.3.1-.1v-.1c0-.1 0-.3-.1-.6zm-10.2 2h-5.4v-3.2h5.3c1.2 0 2.2-1 2.2-2.2v-1.2l5.1 5.1-4.3 4.3-.6.6v-1.1c0-1.3-1-2.3-2.3-2.3z"
+    }
+  )
+] });
+var IconLogin_default = SvgIconLogin;
+
+// src/components/icons/IconNotification.js
+import React21 from "react";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+var SvgIconNotification = (props) => /* @__PURE__ */ jsxs21("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx25(
+    "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__ */ jsx25(
+    "path",
+    {
+      className: "icon-notification_svg__st0",
+      d: "M21.6 34.1h6.6v2.2h-6.6zM37.2 26.8H26.7v-.5l1.2-1.2v-3.4c0-1.9 1.2-3.5 3.1-3.9v-.4c0-.5.4-.9.9-.9.6 0 .9.4.9.9v.4c1.8.4 3.1 2 3.1 3.9v3.4l1.2 1.2.1.5z"
+    }
+  )
+] });
+var IconNotification_default = SvgIconNotification;
+
+// src/components/icons/IconOpsMetrics.js
+import React22 from "react";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+var SvgIconOpsMetrics = (props) => /* @__PURE__ */ jsxs22("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx26("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__ */ jsx26("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.js
+import React23 from "react";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+var SvgIconOrders = (props) => /* @__PURE__ */ jsxs23("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx27(
+    "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__ */ jsx27(
+    "path",
+    {
+      className: "icon-orders_svg__st0",
+      d: "M22.1 33h8.8v2.2h-8.8zM22.1 28.6h8.8v2.2h-8.8zM26.8 25.9h6l-6-6.1z"
+    }
+  )
+] });
+var IconOrders_default = SvgIconOrders;
+
+// src/components/icons/IconPhone.js
+import React24 from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var SvgIconPhone = (props) => /* @__PURE__ */ jsx28("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx28(
+  "path",
+  {
+    className: "icon-phone_svg__st0",
+    d: "M34 22.9c-3 0-5.5 2.5-5.5 5.5 0 1.3.5 2.6 1.3 3.5h-4.5c.8-.9 1.3-2.2 1.3-3.5 0-3-2.5-5.5-5.5-5.5s-5.5 2.5-5.5 5.5 2.5 5.5 5.5 5.5h13c3 0 5.5-2.5 5.5-5.5S37 22.9 34 22.9zm-13 9c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm13 0c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z"
+  }
+) });
+var IconPhone_default = SvgIconPhone;
+
+// src/components/icons/IconPriceList.js
+import React25 from "react";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+var SvgIconPriceList = (props) => /* @__PURE__ */ jsxs24("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx29(
+    "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__ */ jsx29(
+    "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__ */ jsx29(
+    "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__ */ jsx29(
+    "path",
+    {
+      className: "icon-price-list_svg__st1",
+      d: "M39.4 33.9l-2-1.8c.5-1.2.7-2.5.7-3.7 0-1.4-.2-2.6-.7-3.9l1.9-1.9c.4-.4.6-.9.6-1.5s-.3-1.1-.7-1.5l-3.2-3c-.8-.8-2.2-.7-2.9.1l-1.7 1.8c-.7-.3-1.3-.5-2-.6-1-.2-1.9-.2-3-.1-1 .1-2 .3-3 .7l-1.3-1.2-.1-.1-.6-.6c-.8-.7-2.1-.6-2.9.1l-3 3.1c-.4.4-.6.9-.6 1.5s.3 1.1.7 1.5l1.7 1.6c-.5 1.2-.7 2.5-.7 3.8 0 1.4.2 2.6.7 3.9l-1.8 1.8c-.4.4-.6.9-.6 1.5v.6c0 .6.2 1.2.7 1.5l3 2.8c.8.7 2.1.7 2.9-.1l1.9-1.9c1.2.5 2.6.8 4 .8s2.8-.3 4-.8l2.1 2c.4.4.9.6 1.4.6.6 0 1.1-.2 1.5-.6l3-3.1c.4-.4.6-1 .6-1.5.1-.9-.2-1.4-.6-1.8zm-22.1 1.5l2.8-2.9-.1-.2c-.7-1.4-1.1-2.7-1.1-4.2s.4-2.9 1.2-4.1l.1-.2-2.8-2.6 2.7-2.8.5.4 2.4 2.3.2-.1c1.1-.6 2.2-1 3.5-1.1.9-.1 1.6-.1 2.3.1.9.2 1.9.5 2.8 1.1l.2.1 2.7-2.8 2.9 2.7-3 2.9.1.2c.7 1.4 1.1 2.7 1.1 4.2 0 1.4-.4 2.8-1.2 4.1l-.1.2 3.1 2.8-2.7 2.8-3.1-2.9-.2.1c-1.3.8-2.7 1.2-4.3 1.2s-3-.4-4.3-1.2v-.2l-3 3-2.8-2.5v-.4z"
+    }
+  )
+] });
+var IconPriceList_default = SvgIconPriceList;
+
+// src/components/icons/IconProducts.js
+import React26 from "react";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+var SvgIconProducts = (props) => /* @__PURE__ */ jsxs25("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx30(
+    "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__ */ jsx30(
+    "path",
+    {
+      className: "icon-products_svg__st0",
+      d: "M38.7 10.5c-2.5-.4-4.3-.4-5.8 0-2.7.7-4.6 2.6-5.1 5.2-.1-.2-.1-.4-.2-.6l-.3-.5c-.4-.6-.7-1.2-1.2-1.8-.1-.1-.6-.3-.8-.2l-.3.1v.1c-.1.2-.1.4-.1.7 0 .3.2.5.3.6h.1c.8 1 1 1.7 1.2 2.8-.4.1-1.2.2-1.4.2-5.6.8-9.9 6.4-9.1 12.1.8 5.8 5.2 9.8 10.9 9.8.7 0 1.4-.1 2.1-.2 2.8-.5 5.3-2.2 7-4.8 1.7-2.5 2.2-5.7 1.5-8.5-1.1-4.7-4.7-7.8-9.5-8.5 0-.3-.1-.6-.2-.9h.2c.6-.1 1.2-.2 1.9-.2 1.2-.1 2.4-.2 3.4-.5 2-.5 3.5-1.3 4.4-2.5.3-.4.5-.7.7-1.1.1-.3.3-.5.5-.8l.2-.3-.4-.2zM35.4 26c.5 2.3.1 4.7-1.2 6.8-1.3 2-3.2 3.3-5.4 3.8-.6.1-1.2.2-1.7.2-4.5 0-8-3.1-8.6-7.8-.6-4.4 2.7-8.8 7-9.5.6 0 1.2-.2 1.6-.3.2.1.3.1.5.2h.3c3.7.4 6.5 2.8 7.5 6.6zm-8.5-8.9z"
+    }
+  )
+] });
+var IconProducts_default = SvgIconProducts;
+
+// src/components/icons/IconPromoCode.js
+import React27 from "react";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+var SvgIconPromoCode = (props) => /* @__PURE__ */ jsxs26("svg", { viewBox: "0 0 42.5 42.5", ...props, children: [
+  /* @__PURE__ */ jsx31(
+    "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__ */ jsx31(
+    "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__ */ jsx31(
+    "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__ */ jsx31(
+    "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__ */ jsx31(
+    "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__ */ jsx31(
+    "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__ */ jsx31(
+    "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__ */ jsx31(
+    "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__ */ jsx31(
+    "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__ */ jsx31(
+    "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__ */ jsx31(
+    "path",
+    {
+      className: "promo_code_svg_st0",
+      d: "M15.7,30.3c0-1.2-1-0.8-1.7-0.8c-1.5,0-1.7-0.2-1.7-1.7c0-0.7,0.3-1.7-0.8-1.7c-0.8,0-0.9,0.5-0.9,1\n      c-0.4,1.2-0.2,2.3,0.5,3.1c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.1,0.1,0.2,0.1c0.5,0.3,1.2,0.5,2,0.5h0h0.8\n      c0.3,0,0.6-0.1,0.8-0.4c0,0,0,0,0,0c0,0,0-0.1,0.1-0.1c0,0,0-0.1,0-0.2c0,0,0-0.1,0-0.1C15.7,30.4,15.7,30.4,15.7,30.3\n      C15.7,30.3,15.7,30.3,15.7,30.3z"
+    }
+  )
+] });
+var IconPromoCode_default = SvgIconPromoCode;
+
+// src/components/icons/IconQc.js
+import React28 from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var SvgIconQc = (props) => /* @__PURE__ */ jsx32("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx32(
+  "path",
+  {
+    className: "icon-qc_svg__st0",
+    d: "M19.4 24h-4.6v14h4.6V24zM28.6 19.6l-.6 2.9c-.2.8 0 1.5.5 2.1.5.6 1.2.9 2 .9h7.2V27c0 .1-.1.1-.1.2l-3.5 8.1h-10V24l4.5-4.4M29.9 14.7l-7.7 7.7c-.4.4-.6 1-.6 1.7v11.6c0 1.3 1 2.3 2.3 2.3h10.5c.8 0 1.7-.6 2-1.4l3.6-8.3c.1-.4.3-.5.3-.9v-2.2c0-1.2-.9-2.2-2.2-2.2h-7.5l1.2-5.4v-.4c0-.5-.1-.9-.5-1.3l-1.4-1.2z"
+  }
+) });
+var IconQc_default = SvgIconQc;
+
+// src/components/icons/IconReports.js
+import React29 from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var SvgIconReports = (props) => /* @__PURE__ */ jsx33("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx33(
+  "path",
+  {
+    className: "icon-reports_svg__st0",
+    d: "M36.3 18.4l-1.8-1.8-1.8 1.8-1.7-1.8-1.8 1.8-1.8-1.8-1.8 1.8-1.6-1.8-1.8 1.8-1.8-1.8-1.8 1.8-1.8-1.8v23.5l1.8-1.8 1.8 1.8 1.8-1.8 1.8 1.8 1.8-1.8 1.8 1.8 1.8-1.8 1.8 1.8 1.8-1.8 1.8 1.8 1.8-1.8 1.8 1.8V16.6l-2.1 1.8zm-.6 18.3H19.3V20h16.4v16.7zm-15.2-4.8h14.1v2.3H20.5v-2.3zm0-4.7h14.1v2.3H20.5v-2.3zm0-4.7h14.1v2.3H20.5v-2.3z"
+  }
+) });
+var IconReports_default = SvgIconReports;
+
+// src/components/icons/IconRetail.js
+import React30 from "react";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+var SvgIconRetail = (props) => /* @__PURE__ */ jsxs27("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx34(
+    "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__ */ jsx34(
+    "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__ */ jsx34(
+    "path",
+    {
+      className: "icon-retail_svg__st0",
+      d: "M32 28.9h-.2v.1c.1 0 .1 0 .2-.1z"
+    }
+  )
+] });
+var IconRetail_default = SvgIconRetail;
+
+// src/components/icons/IconRuns.js
+import React31 from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var SvgIconRuns = (props) => /* @__PURE__ */ jsx35("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx35(
+  "path",
+  {
+    className: "icon-runs_svg__st0",
+    d: "M37.2 23.5h-3.7v-4.9h-17c-1.3 0-2.4 1.1-2.4 2.4v13.4h2.4c0 2 1.6 3.7 3.7 3.7s3.7-1.6 3.7-3.7h7.3c0 2 1.6 3.7 3.7 3.7s3.7-1.6 3.7-3.7H41v-6.1l-3.8-4.8zm-.6 1.8l2.4 3h-5.4v-3h3zM20.2 35.7c-.7 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2 1.2.5 1.2 1.2-.5 1.2-1.2 1.2zm2.7-3.7c-.7-.7-1.6-1.2-2.7-1.2s-2 .5-2.7 1.2h-.9V21h14.6v11h-8.3zm11.9 3.7c-.7 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2 1.2.5 1.2 1.2-.5 1.2-1.2 1.2z"
+  }
+) });
+var IconRuns_default = SvgIconRuns;
+
+// src/components/icons/IconScales.js
+import React32 from "react";
+import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+var SvgIconScales = (props) => /* @__PURE__ */ jsxs28("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx36(
+    "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__ */ jsx36(
+    "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__ */ jsx36(
+    "path",
+    {
+      className: "icon-scales_svg__st1",
+      d: "M28.2 32.8v-1.1c0-.3-.2-.5-.5-.5s-.5.2-.5.5v1.1c-.3.2-.5.5-.5.9 0 .6.5 1 1 1s1-.5 1-1c0-.3-.2-.7-.5-.9z"
+    }
+  )
+] });
+var IconScales_default = SvgIconScales;
+
+// src/components/icons/IconSearchCategories.js
+import React33 from "react";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var SvgIconSearchCategories = (props) => /* @__PURE__ */ jsx37("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx37(
+  "path",
+  {
+    className: "icon-search-categories_svg__st0",
+    d: "M32.9,31h-1l-0.4-0.4c1.3-1.4,2-3.3,2-5.3c0-4.5-3.7-8.2-8.2-8.2s-8.2,3.7-8.2,8.2s3.7,8.2,8.2,8.2\n	c2,0,3.9-0.8,5.3-2l0.4,0.4v1l6.3,6.3l1.9-1.9L32.9,31z M25.3,31c-3.1,0-5.7-2.5-5.7-5.7s2.5-5.7,5.7-5.7s5.7,2.5,5.7,5.7\n	S28.4,31,25.3,31z"
+  }
+) });
+var IconSearchCategories_default = SvgIconSearchCategories;
+
+// src/components/icons/IconSetting.js
+import React34 from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var SvgIconSetting = (props) => /* @__PURE__ */ jsx38("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx38(
+  "path",
+  {
+    className: "icon-setting_svg__st0",
+    d: "M36.3 29.5c0-.4.1-.8.1-1.2 0-.4 0-.8-.1-1.2l2.5-2c.2-.2.3-.5.1-.8l-2.4-4.1c-.1-.2-.3-.3-.5-.3h-.2l-3 1.2c-.6-.5-1.3-.9-2-1.2l-.3-2.9c0-.3-.3-.5-.6-.5h-4.7c-.3 0-.5.2-.6.5l-.5 3.1c-.7.3-1.4.7-2 1.2l-3-1.2h-.2c-.2 0-.4.1-.5.3L16 24.5c-.2.3-.1.6.1.8l2.5 2c0 .4-.1.8-.1 1.2 0 .4 0 .8.1 1.2l-2.5 2c-.1-.1-.2.3-.1.5l2.4 4.1c.1.2.3.3.5.3h.2l3-1.2c.6.5 1.3.9 2 1.2l.5 3.1c0 .3.3.5.6.5h4.7c.3 0 .5-.2.6-.5l.5-3.1c.7-.3 1.4-.7 2-1.2l3 1.2h.2c.2 0 .4-.1.5-.3l2.4-4.1c.1-.3.1-.6-.1-.8l-2.7-1.9zm-2.3-2c0 .4.1.6.1.9 0 .2 0 .5-.1.9l-.2 1.3 1.1.8 1.3 1-.8 1.4-1.5-.6-1.2-.5-1.1.8c-.5.4-1 .7-1.5.9l-1.3.5-.2 1.3-.2 1.6h-1.7l-.2-1.6-.2-1.3-1.3-.5c-.5-.2-1-.5-1.5-.8l-1.1-.8-1.3.5-1.5.6-.8-1.4 1.3-1 1.1-.8-.2-1.5c0-.4-.1-.6-.1-.9 0-.2 0-.5.1-.9l.2-1.3-1.1-.8-1.3-1 .8-1.4 1.5.6 1.2.5 1.1-.8c.5-.4 1-.7 1.5-.9l1.3-.5.2-1.3.2-1.6h1.6l.2 1.6.2 1.3 1.3.5c.5.2 1 .5 1.5.8l1.1.8 1.3-.5 1.5-.6.8 1.4-1.3 1-1.1.8c.1.1.3 1.5.3 1.5zm-6.5-3.9c-2.6 0-4.7 2.1-4.7 4.7s2.1 4.7 4.7 4.7 4.7-2.1 4.7-4.7-2.1-4.7-4.7-4.7zm0 7.1c-1.3 0-2.4-1.1-2.4-2.4 0-1.3 1.1-2.4 2.4-2.4s2.4 1.1 2.4 2.4c0 1.4-1.1 2.4-2.4 2.4z"
+  }
+) });
+var IconSetting_default = SvgIconSetting;
+
+// src/components/icons/IconSnail.js
+import React35 from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var SvgIconSnail = (props) => /* @__PURE__ */ jsx39(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /* @__PURE__ */ jsx39("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.js
+import React36 from "react";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+var SvgIconSpecialPrice = (props) => /* @__PURE__ */ jsxs29("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx40(
+    "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__ */ jsx40(
+    "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__ */ jsx40(
+    "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__ */ jsx40(
+    "path",
+    {
+      className: "icon-special-price_svg__st0",
+      d: "M21.4 19.3c-.7 0-1.2.6-1.2 1.2s.6 1.2 1.2 1.2c.7 0 1.2-.6 1.2-1.2s-.5-1.2-1.2-1.2z"
+    }
+  )
+] });
+var IconSpecialPrice_default = SvgIconSpecialPrice;
+
+// src/components/icons/IconStock.js
+import React37 from "react";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
+var SvgIconStock = (props) => /* @__PURE__ */ jsxs30("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx41(
+    "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__ */ jsx41(
+    "path",
+    {
+      className: "icon-stock_svg__st0",
+      d: "M40.2 40.3H14.8V21.6h2.3v16.5h23.1z"
+    }
+  )
+] });
+var IconStock_default = SvgIconStock;
+
+// src/components/icons/IconStrawberry.js
+import React38 from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var SvgIconStrawberry = () => /* @__PURE__ */ jsx42(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx42(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M13.4598 4.6821C11.999 4.10603 10.1634 4.03624 8.44724 4.89439C6.74737 5.74439 5.63985 7.23414 4.94838 9.30462C4.24917 11.3983 3.99976 14.0213 3.99976 16.9999C3.99976 17.6747 4.34721 18.4332 4.95687 19.0428C5.56652 19.6525 6.32499 20 6.99976 20C9.8827 20 12.505 19.7575 14.6233 19.06C16.7233 18.3687 18.253 17.258 19.1056 15.5528C19.9679 13.8281 19.9189 11.9841 19.3567 10.5262C19.108 9.88118 18.7767 9.34894 18.4078 8.94001L18.9806 11.8039C19.0889 12.3454 18.7377 12.8723 18.1961 12.9806C17.6546 13.0889 17.1277 12.7377 17.0194 12.1961L16.6363 10.2806L15.9138 11.9061C15.6895 12.4108 15.0985 12.6381 14.5939 12.4138C14.0892 12.1895 13.8619 11.5985 14.0862 11.0939L15.0302 8.96981L12.9061 9.91382C12.4014 10.1381 11.8105 9.91081 11.5862 9.40612C11.3619 8.90143 11.5892 8.31048 12.0939 8.08618L13.7195 7.36372L11.8039 6.98058C11.2623 6.87225 10.9111 6.34542 11.0194 5.80387C11.1277 5.26231 11.6546 4.9111 12.1961 5.01942L14.9778 5.57579C14.5776 5.23353 14.0688 4.92224 13.4598 4.6821ZM18.7737 6.64046C19.8668 7.33898 20.7216 8.50708 21.2227 9.80662C21.9674 11.7378 22.0321 14.1719 20.8944 16.4472C19.7338 18.7684 17.6849 20.1577 15.2488 20.9597C12.8311 21.7557 9.95984 22 6.99976 22C5.67452 22 4.43299 21.3474 3.54265 20.4571C2.6523 19.5667 1.99976 18.3252 1.99976 16.9999C1.99976 13.9461 2.25047 11.0693 3.05138 8.67108C3.86003 6.24973 5.25264 4.25571 7.55276 3.10556C9.83658 1.96357 12.2699 2.06296 14.1936 2.82154C15.4792 3.32855 16.6391 4.17819 17.3412 5.24451L18.2926 4.29301C18.6831 3.90247 19.3163 3.90243 19.7068 4.29293C20.0974 4.68343 20.0974 5.31659 19.7069 5.70714L18.7737 6.64046ZM13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17ZM17 16C17.5523 16 18 15.5523 18 15C18 14.4477 17.5523 14 17 14C16.4477 14 16 14.4477 16 15C16 15.5523 16.4477 16 17 16ZM12 13C12 13.5523 11.5523 14 11 14C10.4477 14 10 13.5523 10 13C10 12.4477 10.4477 12 11 12C11.5523 12 12 12.4477 12 13ZM7 13C7.55228 13 8 12.5523 8 12C8 11.4477 7.55228 11 7 11C6.44772 11 6 11.4477 6 12C6 12.5523 6.44772 13 7 13ZM8 17C8 17.5523 7.55228 18 7 18C6.44772 18 6 17.5523 6 17C6 16.4477 6.44772 16 7 16C7.55228 16 8 16.4477 8 17ZM9 7.99999C9.55228 7.99999 10 7.55228 10 6.99999C10 6.44771 9.55228 5.99999 9 5.99999C8.44772 5.99999 8 6.44771 8 6.99999C8 7.55228 8.44772 7.99999 9 7.99999Z",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconStrawberry_default = SvgIconStrawberry;
+
+// src/components/icons/IconSupplier.js
+import React39 from "react";
+import { jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
+var SvgIconSupplier = (props) => /* @__PURE__ */ jsxs31("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx43(
+    "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__ */ jsx43(
+    "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__ */ jsx43(
+    "path",
+    {
+      className: "icon-supplier_svg__st0",
+      d: "M37.4 29.2c-2.4 0-4.5 2-4.5 4.6s2 4.5 4.6 4.5c2.4 0 4.5-2 4.5-4.6 0-2.5-2-4.5-4.6-4.5zm-.1 6.5c-1.1 0-1.9-.9-1.9-1.9 0-1 .9-1.9 1.9-1.9 1.1 0 1.9.9 1.9 1.9.1 1-.8 1.9-1.9 1.9z"
+    }
+  )
+] });
+var IconSupplier_default = SvgIconSupplier;
+
+// src/components/icons/IconSupplierPrices.js
+import React40 from "react";
+import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
+var SvgIconSupplierPrices = (props) => /* @__PURE__ */ jsxs32("svg", { viewBox: "0 0 55 56.7", ...props, children: [
+  /* @__PURE__ */ jsx44(
+    "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__ */ jsx44(
+    "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__ */ jsx44(
+    "path",
+    {
+      className: "icon-supplier-prices_svg__st0",
+      d: "M21.5 19.9c-.3 0-.6.2-.6.5-.1.4.1.7.4.8h.2c.3 0 .6-.2.6-.5.1-.4-.1-.7-.4-.8h-.2z"
+    }
+  ),
+  /* @__PURE__ */ jsxs32("g", { children: [
+    /* @__PURE__ */ jsx44(
+      "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__ */ jsx44(
+      "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__ */ jsx44(
+      "path",
+      {
+        className: "icon-supplier-prices_svg__st0",
+        d: "M41.8 31.2c-2.3 0-4.1 1.9-4.1 4.2 0 2.3 1.9 4.1 4.2 4.1 2.3 0 4.1-1.9 4.1-4.2.1-2.2-1.8-4.1-4.2-4.1zm-.1 6c-1 0-1.8-.8-1.8-1.8 0-.9.8-1.7 1.8-1.7s1.8.8 1.8 1.7c0 1-.8 1.8-1.8 1.8z"
+      }
+    )
+  ] })
+] });
+var IconSupplierPrices_default = SvgIconSupplierPrices;
+
+// src/components/icons/IconUserManagement.tsx
+import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
+var SvgIconUserManagement = () => /* @__PURE__ */ jsx45("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 55 56.7", children: /* @__PURE__ */ jsx45("g", { children: /* @__PURE__ */ jsxs33("g", { id: "Layer_1", children: [
+  /* @__PURE__ */ jsx45("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__ */ jsx45("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__ */ jsx45("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__ */ jsx45("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.js
+import React41 from "react";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var SvgIconVkc = (props) => /* @__PURE__ */ jsx46("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx46(
+  "path",
+  {
+    className: "icon-vkc_svg__st0",
+    d: "M32.8 16.6h.9c.8 0 1.4.7 1.4 1.4s-.7 1.4-1.4 1.4h-.9c-.8 0-1.4-.7-1.4-1.4s.6-1.4 1.4-1.4zM17.3 16.6h9.2c.8 0 1.4.7 1.4 1.4s-.7 1.4-1.4 1.4h-9.2c-.8 0-1.4-.7-1.4-1.4s.6-1.4 1.4-1.4zM18.2 40.1h-.9c-.8 0-1.4-.7-1.4-1.4 0-.8.7-1.4 1.4-1.4h.9c.8 0 1.4.7 1.4 1.4s-.6 1.4-1.4 1.4zM26.5 40.1h-.9c-.8 0-1.4-.7-1.4-1.4 0-.8.7-1.4 1.4-1.4h.9c.8 0 1.4.7 1.4 1.4.1.7-.6 1.4-1.4 1.4zM38.6 39.7c-.3.3-.7.4-1 .4-.4 0-.8-.1-1-.4-.3-.3-.4-.7-.4-1 0-.4.1-.8.4-1 .5-.5 1.4-.5 2 0 .3.3.4.7.4 1 0 .3-.1.6-.4 1zM37.6 33.2H17.3c-.8 0-1.4-.7-1.4-1.4s.7-1.4 1.4-1.4h20.4c.8 0 1.4.7 1.4 1.4-.1.7-.7 1.4-1.5 1.4zM37.6 26.4H17.3c-.8 0-1.4-.7-1.4-1.4s.7-1.4 1.4-1.4h20.4c.8 0 1.4.7 1.4 1.4s-.7 1.4-1.5 1.4z"
+  }
+) });
+var IconVkc_default = SvgIconVkc;
+
+// src/components/icons/SamsaraLogo.js
+import React42 from "react";
+import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
+var SvgSamsaraLogo = (props) => /* @__PURE__ */ jsxs34("svg", { viewBox: "0 0 36 52.4", ...props, children: [
+  /* @__PURE__ */ jsx47(
+    "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__ */ jsx47(
+    "path",
+    {
+      className: "samsara_logo_svg__st0",
+      d: "M18.5 34.2c-.2 0-.4.1-.5.1-.2 0-.4 0-.5-.1-8-1.9-13.5-8.5-13.5-16C4 11.3 8.9 5.5 14.7 5.5c1 0 2.1.2 3.1.5h.4c1-.3 2.1-.5 3.1-.5 5.8 0 10.7 5.8 10.7 12.7 0 7.5-5.5 14.1-13.5 16zm12.8-1.8c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm0 4.2c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm-4.2 2.2c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm0 4.2c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm-4.2-2.1c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7V40c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm0 4.3c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm-4.3-6.4c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm0 4.2c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm-4.2-2.1c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7V40c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm0 4.3c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm-4.2-6.4c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zm0 4.2c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7.4 0 .7.3.7.7v.9zM6 32.4c0 .3-.3.6-.6.6s-.7-.3-.7-.7v-.9c0-.4.3-.7.7-.7s.6.4.6.7v1zm0 4.2c0 .4-.3.7-.7.7s-.6-.3-.6-.7v-.9c0-.4.3-.7.7-.7s.6.3.6.7v.9zM18 2.2C8.9 2.2 1.5 9.7 1.5 18.9v14.5c0 9.2 7.4 16.7 16.5 16.7s16.5-7.5 16.5-16.7V18.9c0-9.2-7.4-16.7-16.5-16.7z"
+    }
+  )
+] });
+var SamsaraLogo_default = SvgSamsaraLogo;
+
+// src/components/icons/index.js
+var icons = {
+  SvgSamsaraLogo: SamsaraLogo_default,
+  SvgIconHome: IconHome_default,
+  SvgIconNotification: IconNotification_default,
+  SvgIconPhone: IconPhone_default,
+  SvgIconAccount: IconAccount_default,
+  SvgIconOrders: IconOrders_default,
+  SvgIconPriceList: IconPriceList_default,
+  SvgIconSpecialPrice: IconSpecialPrice_default,
+  SvgIconBuying: IconBuying_default,
+  SvgIconContentManagement: IconContentManagement_default,
+  SvgIconProducts: IconProducts_default,
+  SvgIconStock: IconStock_default,
+  SvgIconSupplier: IconSupplier_default,
+  SvgIconSupplierPrices: IconSupplierPrices_default,
+  SvgIconGoodsin: IconGoodsin_default,
+  SvgIconVkc: IconVkc_default,
+  SvgIconLocation: IconLocation_default,
+  SvgIconScales: IconScales_default,
+  SvgIconQc: IconQc_default,
+  SvgIconRetail: IconRetail_default,
+  SvgIconRuns: IconRuns_default,
+  SvgIconAccounts: IconAccounts_default,
+  SvgIconReports: IconReports_default,
+  SvgIconSetting: IconSetting_default,
+  SvgIconLogin: IconLogin_default,
+  SvgBallsLogo: BallsLogo_default,
+  SvgIconAvocado: IconAvocado_default,
+  SvgIconBanana: IconBanana_default,
+  SvgIconGrape: IconGrape_default,
+  SvgIconStrawberry: IconStrawberry_default,
+  SvgIconPromoCode: IconPromoCode_default,
+  SvgIconOpsMetrics: IconOpsMetrics_default,
+  SvgIconSearchCategories: IconSearchCategories_default,
+  SvgIconImport: IconImport_default,
+  SvgIconSnail: IconSnail_default,
+  SvgEmptyGlassIcon: EmptyGlassIcon_default,
+  SvgIconUserManagement: IconUserManagement_default
+};
+var icons_default = icons;
+
+// src/components/icons/IconAirplane.js
+import React43 from "react";
+import { jsx as jsx48 } from "react/jsx-runtime";
+var SvgIconAirplane = (props) => /* @__PURE__ */ jsx48(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx48(
+      "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",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconAirplane_default = SvgIconAirplane;
+
+// src/components/icons/IconBicycle.js
+import React44 from "react";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var SvgIconBicycle = () => /* @__PURE__ */ jsx49(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx49(
+      "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",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconBicycle_default = SvgIconBicycle;
+
+// src/components/icons/IconBus.js
+import React45 from "react";
+import { jsx as jsx50 } from "react/jsx-runtime";
+var SvgIconBus = () => /* @__PURE__ */ jsx50(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx50(
+      "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",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconBus_default = SvgIconBus;
+
+// src/components/icons/IconCar.js
+import React46 from "react";
+import { jsx as jsx51 } from "react/jsx-runtime";
+var SvgIconCar = () => /* @__PURE__ */ jsx51(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx51(
+      "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",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconCar_default = SvgIconCar;
+
+// src/components/icons/IconFork.js
+import React47 from "react";
+import { jsx as jsx52 } from "react/jsx-runtime";
+var SvgIconFork = () => /* @__PURE__ */ jsx52(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx52(
+      "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",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconFork_default = SvgIconFork;
+
+// src/components/icons/IconHeart.js
+import React48 from "react";
+import { jsx as jsx53 } from "react/jsx-runtime";
+var SvgIconHeart = () => /* @__PURE__ */ jsx53(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx53(
+      "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",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconHeart_default = SvgIconHeart;
+
+// src/components/icons/IconKnife.js
+import React49 from "react";
+import { jsx as jsx54 } from "react/jsx-runtime";
+var SvgIconKnife = (props) => /* @__PURE__ */ jsx54(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx54(
+      "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",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconKnife_default = SvgIconKnife;
+
+// src/components/icons/IconSpoon.js
+import React50 from "react";
+import { jsx as jsx55 } from "react/jsx-runtime";
+var SvgIconSpoon = () => /* @__PURE__ */ jsx55(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx55(
+      "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",
+        fill: colors.grey650
+      }
+    )
+  }
+);
+var IconSpoon_default = SvgIconSpoon;
+
+// src/resources/icons/BulkIcon.js
+import React51 from "react";
+import { jsx as jsx56 } from "react/jsx-runtime";
+var BulkIcon = (props) => /* @__PURE__ */ jsx56(
+  "svg",
+  {
+    height: 24,
+    viewBox: "0 0 24 24",
+    width: 24,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx56("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 jsx57 } from "react/jsx-runtime";
+var useStyles9 = makeStyles9()(() => ({
+  base: {
+    backgroundColor: "transparent",
+    zIndex: "auto"
+  },
+  default: {
+    border: `1px solid ${colors.roundButton.default.border}`,
+    color: colors.roundButton.default.color,
+    boxShadow: "none",
+    "&:hover": {
+      backgroundColor: colors.roundButton.default.hover.background
+    },
+    "&:disabled": {
+      color: colors.roundButton.default.disabled.color
+    }
+  },
+  filled: {
+    backgroundColor: colors.roundButton.filled.background,
+    color: colors.roundButton.filled.color,
+    fontWeight: 600,
+    "&:hover": {
+      background: colors.roundButton.filled.hover.background
+    }
+  },
+  active: {
+    color: colors.roundButton.active.color,
+    "&:hover": {
+      backgroundColor: colors.roundButton.active.hover.background,
+      borderColor: "transparent"
+    }
+  },
+  focused: {
+    backgroundColor: colors.roundButton.focused.background,
+    color: colors.roundButton.focused.color,
+    borderColor: "transparent",
+    "&:hover": {
+      backgroundColor: colors.roundButton.focused.hover.background,
+      borderColor: "transparent"
+    }
+  },
+  constrat: {
+    borderColor: colors.roundButton.contrast.border,
+    color: colors.roundButton.contrast.color,
+    "&:hover": {
+      backgroundColor: colors.roundButton.contrast.hover.background
+    }
+  },
+  tableButton: {
+    color: colors.roundButton.tableButton.color
+  },
+  noStroke: {
+    border: "none"
+  },
+  defaultPrimary: {
+    border: `1px solid ${colors.roundButton.focused.color}`,
+    color: colors.roundButton.focused.color,
+    boxShadow: "none",
+    "&:hover": {
+      backgroundColor: colors.roundButton.default.hover.background
+    },
+    "&:disabled": {
+      color: colors.roundButton.default.disabled.color
+    }
+  },
+  defaultError: {
+    border: `1px solid ${colors.roundButton.error}`,
+    color: colors.roundButton.error,
+    boxShadow: "none",
+    "&:hover": {
+      backgroundColor: colors.roundButton.default.hover.background
+    },
+    "&:disabled": {
+      color: colors.roundButton.default.disabled.color
+    }
+  },
+  /**
+   * Overrides the size schema of MUI
+   */
+  small: {
+    maxWidth: 36,
+    maxHeight: 36
+  },
+  medium: {
+    maxWidth: 42,
+    maxHeight: 42
+  },
+  large: {
+    fontSize: "1rem"
+  },
+  double: {
+    width: 125,
+    maxHeight: 56,
+    fontSize: "1rem",
+    borderRadius: 50,
+    background: colors.roundButton.filled.hover.background
+  }
+}));
+var RoundButton = ({
+  active = false,
+  children,
+  className = "",
+  disabled = false,
+  focused = false,
+  icon = void 0,
+  iconColor = "inherit",
+  isContrast = false,
+  isTableButton = false,
+  noStrokes = false,
+  onClick,
+  size = "medium",
+  tooltip = "",
+  variant = "default",
+  testID
+}) => {
+  const { classes, cx } = useStyles9();
+  const iconSize = size === "small" ? "small" : "medium";
+  const iconComponentMap = {
+    add: /* @__PURE__ */ jsx57(Add2, { fontSize: iconSize }),
+    apps: /* @__PURE__ */ jsx57(Apps, { fontSize: iconSize }),
+    arrowBack: /* @__PURE__ */ jsx57(ArrowBack, { fontSize: iconSize }),
+    arrowForward: /* @__PURE__ */ jsx57(ArrowForward, { fontSize: iconSize }),
+    avocado: /* @__PURE__ */ jsx57(IconAvocado_default, {}),
+    backspaceOutlined: /* @__PURE__ */ jsx57(BackspaceOutlined, { fontSize: iconSize }),
+    banana: /* @__PURE__ */ jsx57(IconBanana_default, {}),
+    block: /* @__PURE__ */ jsx57(Block, { fontSize: iconSize }),
+    bulk: /* @__PURE__ */ jsx57(BulkIcon_default, { fill: colors.contrast }),
+    callSplit: /* @__PURE__ */ jsx57(CallSplit, { fontSize: iconSize }),
+    chevronRight: /* @__PURE__ */ jsx57(ChevronRight, { fontSize: iconSize }),
+    chevronUp: /* @__PURE__ */ jsx57(KeyboardArrowUp, { fontSize: iconSize }),
+    chevronDown: /* @__PURE__ */ jsx57(KeyboardArrowDown, { fontSize: iconSize }),
+    close: /* @__PURE__ */ jsx57(Close, { fontSize: iconSize }),
+    delete: /* @__PURE__ */ jsx57(Delete2, { fontSize: iconSize, fill: colors.grey650 }),
+    done: /* @__PURE__ */ jsx57(Done, { fontSize: iconSize }),
+    edit: /* @__PURE__ */ jsx57(Edit2, { fontSize: iconSize }),
+    email: /* @__PURE__ */ jsx57(Email, { fontSize: iconSize }),
+    grape: /* @__PURE__ */ jsx57(IconGrape_default, {}),
+    groupAdd: /* @__PURE__ */ jsx57(GroupAdd, { fontSize: iconSize }),
+    history: /* @__PURE__ */ jsx57(History, { fontSize: iconSize }),
+    menu: /* @__PURE__ */ jsx57(Menu, { fontSize: iconSize }),
+    threeDots: /* @__PURE__ */ jsx57(MoreHoriz, { fontSize: iconSize, color: iconColor }),
+    notes: /* @__PURE__ */ jsx57(Comment, { fontSize: iconSize }),
+    refresh: /* @__PURE__ */ jsx57(Refresh2, { fontSize: iconSize }),
+    remove: /* @__PURE__ */ jsx57(Remove, { fontSize: iconSize }),
+    search: /* @__PURE__ */ jsx57(Search, { fontSize: iconSize }),
+    send: /* @__PURE__ */ jsx57(Send, { fontSize: iconSize }),
+    strawberry: /* @__PURE__ */ jsx57(IconStrawberry_default, {}),
+    thumbDown: /* @__PURE__ */ jsx57(ThumbDown, { fontSize: iconSize }),
+    thumbUp: /* @__PURE__ */ jsx57(ThumbUp, { fontSize: iconSize }),
+    undo: /* @__PURE__ */ jsx57(Undo, { fontSize: iconSize }),
+    play: /* @__PURE__ */ jsx57(PlayArrowRounded, { fontSize: iconSize }),
+    snail: /* @__PURE__ */ jsx57(icons_default.SvgIconSnail, { fontSize: iconSize, fill: colors.muiPrimary }),
+    bus: /* @__PURE__ */ jsx57(IconBus_default, {}),
+    spoon: /* @__PURE__ */ jsx57(IconSpoon_default, {}),
+    fork: /* @__PURE__ */ jsx57(IconFork_default, {}),
+    car: /* @__PURE__ */ jsx57(IconCar_default, {}),
+    knife: /* @__PURE__ */ jsx57(IconKnife_default, {}),
+    bicycle: /* @__PURE__ */ jsx57(IconBicycle_default, {}),
+    heart: /* @__PURE__ */ jsx57(IconHeart_default, {}),
+    airplane: /* @__PURE__ */ jsx57(IconAirplane_default, {})
+  };
+  const filteredSize = size === "double" ? void 0 : size;
+  const handleClick = (e) => {
+    if (onClick) {
+      onClick(e);
+    }
+  };
+  const Button10 = /* @__PURE__ */ jsx57(
+    Fab,
+    {
+      className: cx(
+        classes.base,
+        classes[variant],
+        classes[size],
+        {
+          [classes.active]: active,
+          [classes.constrat]: isContrast,
+          [classes.focused]: focused,
+          [classes.noStroke]: noStrokes,
+          [classes.tableButton]: isTableButton
+        },
+        className
+      ),
+      disabled,
+      onClick: handleClick,
+      size: filteredSize,
+      variant: "circular",
+      "data-testid": testID,
+      children: icon ? iconComponentMap[icon] : children || ""
+    }
+  );
+  return tooltip ? /* @__PURE__ */ jsx57(Tooltip2, { title: tooltip, children: Button10 }) : Button10;
+};
+var RoundButton_default = RoundButton;
+
+// src/components/CompanyLogo/CompanyLogo.tsx
+import { makeStyles as makeStyles10 } from "tss-react/mui";
+import { jsx as jsx58 } from "react/jsx-runtime";
+var useStyles10 = makeStyles10()((theme, { imageLogoDarkSmall, imageLogoLightSmall }) => ({
+  logoSmall: {
+    height: 46,
+    width: 112
+  },
+  logoMedium: {
+    height: 72,
+    width: 160
+  },
+  logoDark: {
+    backgroundImage: `url(${imageLogoDarkSmall})`
+  },
+  logoLight: {
+    backgroundImage: `url(${imageLogoLightSmall})`
+  }
+}));
+var CompanyLogo = ({
+  size,
+  color,
+  imageLogoDarkSmall,
+  imageLogoLightSmall
+}) => {
+  const { classes, cx } = useStyles10({
+    imageLogoDarkSmall,
+    imageLogoLightSmall
+  });
+  const className = cx({
+    [classes.logoSmall]: size === "small",
+    [classes.logoMedium]: size === "medium",
+    [classes.logoLight]: color === "light",
+    [classes.logoDark]: color === "dark"
+  });
+  return /* @__PURE__ */ jsx58("div", { className });
+};
+var CompanyLogo_default = CompanyLogo;
+
+// src/lib/moment.js
+import moment from "moment";
+
+// src/resources/styles/themes/default.js
+import grey from "@mui/material/colors/grey";
+import { createTheme } from "@mui/material/styles";
+var defaultTheme = createTheme({
+  typography: {
+    fontFamily: "ProximaNova, Arial"
+  },
+  palette: {
+    mode: isDarkModeEnabled ? "dark" : "light",
+    default: {
+      main: colors.grey650,
+      background: colors.white
+    },
+    primary: {
+      main: colors.muiPrimary,
+      alternate: colors.muiPrimaryAlternate,
+      light: grey["100"],
+      contrastText: grey["50"]
+    },
+    secondary: {
+      main: colors.muiSecondary,
+      alternate: colors.muiSecondaryAlternate,
+      dark: grey["900"],
+      light: grey["50"]
+    },
+    success: {
+      main: colors.muiSuccess,
+      alternate: colors.muiSuccessAlternate
+    }
+  },
+  components: {
+    MuiPickersDay: {
+      styleOverrides: {
+        root: {
+          "&.Mui-selected": {
+            color: colors.black,
+            backgroundColor: `${colors.muiPrimary} !important`,
+            "&:hover": {
+              backgroundColor: `${colors.muiPrimaryHover} !important`
+            }
+          }
+        }
+      }
+    },
+    MuiListItem: {
+      styleOverrides: {
+        root: {
+          cursor: "pointer",
+          transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+          "&:hover": {
+            backgroundColor: isDarkModeEnabled ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.04)"
+          }
+        }
+      }
+    },
+    MuiListItemButton: {
+      styleOverrides: {
+        root: {
+          cursor: "pointer",
+          transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+          "&:hover": {
+            backgroundColor: isDarkModeEnabled ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.04)"
+          }
+        }
+      }
+    }
+  }
+});
+var default_default = defaultTheme;
+
+// src/config/constants.js
+var WIDTH_TO_SHRINK = default_default.breakpoints.values.md;
+var constants = {
+  locale: process.env.REACT_APP_LOCALE
+};
+var constants_default = constants;
+
+// src/lib/moment.js
+import "moment/dist/locale/en-gb";
+import "moment/dist/locale/fr";
+var localizedMoment = moment;
+localizedMoment.locale(constants_default.locale);
+var moment_default = localizedMoment;
+
+// src/components/Date/Date.tsx
+import { jsx as jsx59 } from "react/jsx-runtime";
+var Date = ({ datetime, format = "L" }) => {
+  const formattedDate = moment_default(datetime).format(format);
+  return /* @__PURE__ */ jsx59("span", { children: formattedDate === "Invalid date" ? "-" : formattedDate });
+};
+var Date_default = Date;
+
+// src/components/DeleteSubstitutionDialogContent/DeleteSubstitutionDialogContent.tsx
+import React52 from "react";
+import { Alert, AlertTitle, Typography as Typography5, Box as Box7 } from "@mui/material";
+import { makeStyles as makeStyles11 } from "tss-react/mui";
+import { Fragment, jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
+var useStyles11 = makeStyles11()(() => ({
+  alert: { marginBottom: 16 },
+  bottomBar: {
+    marginTop: "12px",
+    display: "flex",
+    justifyContent: "center",
+    borderTop: `1px solid ${colors.borderColor}`,
+    padding: "12px 0px 0px",
+    gap: "12px"
+  }
+}));
+var DeleteSubstitutionDialogContent = ({
+  closeDialog,
+  substitutionName,
+  deleteSubstitution
+}) => {
+  const { classes } = useStyles11();
+  return /* @__PURE__ */ jsxs35(Fragment, { children: [
+    /* @__PURE__ */ jsxs35(Alert, { severity: "warning", className: classes.alert, children: [
+      /* @__PURE__ */ jsxs35(AlertTitle, { children: [
+        "Are you sure you want to delete the substitution \u201C",
+        substitutionName,
+        "\u201D?"
+      ] }),
+      "This action will permanently remove all data and history associated with this substitution, and it cannot be undone."
+    ] }),
+    /* @__PURE__ */ jsx60(Typography5, { variant: "body1", children: "Please confirm if you wish to proceed." }),
+    /* @__PURE__ */ jsxs35(Box7, { className: classes.bottomBar, children: [
+      /* @__PURE__ */ jsx60(ExtendedButton_default, { color: "default", copy: "Cancel", onClick: closeDialog }),
+      /* @__PURE__ */ jsx60(
+        ExtendedButton_default,
+        {
+          copy: "Confirm",
+          color: "primary",
+          buttonType: "button",
+          onClick: deleteSubstitution
+        }
+      )
+    ] })
+  ] });
+};
+var DeleteSubstitutionDialogContent_default = React52.memo(DeleteSubstitutionDialogContent);
+
+// src/components/DeleteUserDialogContent/DeleteUserDialogContent.tsx
+import React53 from "react";
+import { Alert as Alert2, AlertTitle as AlertTitle2, Typography as Typography6, Box as Box8 } from "@mui/material";
+import { makeStyles as makeStyles12 } from "tss-react/mui";
+import { Fragment as Fragment2, jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
+var useStyles12 = makeStyles12()(() => ({
+  alert: { marginBottom: 16 },
+  bottomBar: {
+    marginTop: "12px",
+    display: "flex",
+    justifyContent: "center",
+    borderTop: `1px solid ${colors.borderColor}`,
+    padding: "12px 0px 0px",
+    gap: "12px"
+  }
+}));
+var DeleteUserDialogContent = ({
+  closeDialog,
+  userName,
+  deleteUser
+}) => {
+  const { classes } = useStyles12();
+  return /* @__PURE__ */ jsxs36(Fragment2, { children: [
+    /* @__PURE__ */ jsxs36(Alert2, { severity: "warning", className: classes.alert, children: [
+      /* @__PURE__ */ jsxs36(AlertTitle2, { children: [
+        "Are you sure you want to delete the user ",
+        userName,
+        "?"
+      ] }),
+      "This action will permanently remove all data and history associated with this user, and it cannot be undone."
+    ] }),
+    /* @__PURE__ */ jsx61(Typography6, { variant: "body1", children: "Please confirm if you wish to proceed." }),
+    /* @__PURE__ */ jsxs36(Box8, { className: classes.bottomBar, children: [
+      /* @__PURE__ */ jsx61(ExtendedButton_default, { color: "default", copy: "Cancel", onClick: closeDialog }),
+      /* @__PURE__ */ jsx61(
+        ExtendedButton_default,
+        {
+          copy: "Confirm",
+          color: "primary",
+          buttonType: "button",
+          onClick: deleteUser
+        }
+      )
+    ] })
+  ] });
+};
+var DeleteUserDialogContent_default = React53.memo(DeleteUserDialogContent);
+
+// src/components/DesktopContainer/DesktopContainer.tsx
+import { Container, Box as Box11 } from "@mui/material";
+import { makeStyles as makeStyles15 } from "tss-react/mui";
+
+// src/components/TheToolbar/TheToolbar.tsx
+import React58 from "react";
+import { AppBar as AppBar2, Box as Box10, Toolbar as Toolbar2 } from "@mui/material";
+import { makeStyles as makeStyles14 } from "tss-react/mui";
+
+// src/components/LeftDrawer/LeftDrawer.tsx
+import React57, { memo as memo3, useState } from "react";
+import { useDispatch } from "react-redux";
+import { ExpandLess, ExpandMore, FiberManualRecord } from "@mui/icons-material";
+import {
+  AppBar,
+  Collapse,
+  List,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  ListSubheader,
+  SwipeableDrawer,
+  Toolbar,
+  Box as Box9,
+  ListItemButton
+} from "@mui/material";
+import Icon from "@mui/material/Icon";
+import { makeStyles as makeStyles13 } from "tss-react/mui";
+
+// src/components/UserBust/UserBust.tsx
+import React55 from "react";
+import Typography7 from "@mui/material/Typography";
+import PropTypes4 from "prop-types";
+
+// src/components/UserAvatar/UserAvatar.tsx
+import React54 from "react";
+import Avatar from "@mui/material/Avatar";
+import PropTypes3 from "prop-types";
+import { jsx as jsx62 } from "react/jsx-runtime";
+var UserAvatar = ({ src, width, height }) => /* @__PURE__ */ jsx62(Avatar, { alt: "user_avatar", src, style: { width, height } });
+UserAvatar.propTypes = {
+  src: PropTypes3.any,
+  width: PropTypes3.any,
+  height: PropTypes3.any
+};
+var UserAvatar_default = React54.memo(UserAvatar);
+
+// src/components/UserBust/UserBust.tsx
+import { jsx as jsx63, jsxs as jsxs37 } from "react/jsx-runtime";
+var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs37("div", { children: [
+  /* @__PURE__ */ jsx63(UserAvatar_default, { src: user.profile_picture, ...avatarProps }),
+  /* @__PURE__ */ jsxs37("div", { style: { paddingTop: 16 }, children: [
+    /* @__PURE__ */ jsx63(Typography7, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
+    /* @__PURE__ */ jsx63(Typography7, { ...typographyProps.username, children: user.username })
+  ] })
+] });
+UserBust.propTypes = {
+  user: PropTypes4.any,
+  avatarProps: PropTypes4.any,
+  typographyProps: PropTypes4.any
+};
+var UserBust_default = React55.memo(UserBust);
+
+// src/components/LeftDrawer/helpers/useGetFilteredDrawerAppList.tsx
+import { useSelector } from "react-redux";
+
+// src/components/LeftDrawer/helpers/drawerAppList.js
+import React56 from "react";
+
+// src/config/featureName.ts
+var featureName = {
+  ACCOUNTS: "accounts",
+  ADMIN: "admin",
+  AIRCALL: "aircall",
+  BULK_UPDATE: "product_bulk_update",
+  CUSTOMERS: "customers",
+  GOODS_IN: "goods_in",
+  KANBAN: "kanban",
+  LOCATIONS: "locations",
+  NOTIFICATIONS: "notifications",
+  OPS_METRICS: "ops_metrics",
+  ORDERS: "orders",
+  PICKING_STATIONS: "picking_stations",
+  PRICE_LIST: "price_list",
+  PRODUCTS: "products",
+  PROMO_CODES: "promo_codes",
+  PURCHASE_ORDERS: "purchases",
+  QUALITY_CONTROL: "quality_control",
+  REPORTS: "reports",
+  RETAIL: "retail",
+  RETURNS: "returns",
+  SEARCH_CATEGORIES: "search_categories",
+  SERVICE_DELIVERY: "service_delivery",
+  SPECIAL_PRICES: "special_prices",
+  STOCK: "stock",
+  STOCK_MOVEMENTS: "stock_movements",
+  SUPPLIERS: "suppliers",
+  SUPPLIER_PRICES: "supplier_prices",
+  USER_MANAGEMENT: "users"
+};
+var featureName_default = featureName;
+
+// src/components/LeftDrawer/helpers/drawerAppList.js
+import { jsx as jsx64 } from "react/jsx-runtime";
+var drawerAppList = [
+  {
+    groupName: "Home",
+    apps: [
+      {
+        name: "Home",
+        routeName: "home",
+        alwaysDisplay: true,
+        featureNames: [],
+        pinned: null,
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconHome, {}),
+        url: `/#/`
+      }
+    ]
+  },
+  {
+    groupName: "App",
+    apps: [
+      {
+        name: "Notifications",
+        routeName: "appNotifications",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.NOTIFICATIONS],
+        pinned: null,
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconNotification, {}),
+        url: `/#/notifications`
+      },
+      {
+        name: "Promo Codes",
+        routeName: "promo_codes",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.PROMO_CODES],
+        pinned: null,
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconPromoCode, {}),
+        url: "/react/promo_codes"
+      },
+      {
+        name: "Search Categories",
+        routeName: "search-categories",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.SEARCH_CATEGORIES],
+        pinned: null,
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconSearchCategories, {}),
+        url: "/react/search-categories"
+      },
+      {
+        name: "Content Management",
+        routeName: "content-management",
+        alwaysDisplay: false,
+        featureNames: ["cms"],
+        pinned: null,
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconContentManagement, {}),
+        url: "/react/content-management"
+      }
+    ]
+  },
+  {
+    groupName: "Customer Service",
+    apps: [
+      {
+        name: "Aircall",
+        routeName: "recordedcalls",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.AIRCALL],
+        pinned: "recorded_calls",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconPhone, {}),
+        url: "/react/air-call"
+      },
+      {
+        name: "Customers",
+        routeName: "customers",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.CUSTOMERS],
+        pinned: "customers",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconAccount, {}),
+        url: `/#/customer-list`,
+        children: [
+          {
+            name: "Sites",
+            routeName: "customer-sites",
+            pinned: "customer-sites",
+            url: "/react/customers/sites"
+          },
+          {
+            name: "Groups",
+            routeName: "customer-groups",
+            pinned: "customer-groups",
+            url: "/react/customers/groups"
+          }
+        ]
+      },
+      {
+        name: "Orders",
+        routeName: "orders",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.ORDERS],
+        pinned: "orders",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconOrders, {}),
+        url: `/#/orders`
+      },
+      {
+        name: "Price Lists",
+        routeName: "price_list",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.PRICE_LIST],
+        pinned: "price_list",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconPriceList, {}),
+        url: `/#/price-list`
+      },
+      {
+        name: "Special Prices",
+        routeName: "special_prices",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.SPECIAL_PRICES],
+        pinned: "special_prices",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconSpecialPrice, {}),
+        url: `/#/pricing/special-prices`
+      }
+    ]
+  },
+  {
+    groupName: "Buying",
+    apps: [
+      {
+        name: "Purchase Orders",
+        routeName: "purchaseOrders",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.PURCHASE_ORDERS],
+        pinned: "purchase_orders",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconBuying, {}),
+        url: "/react/purchase-orders"
+      },
+      {
+        name: "Products",
+        routeName: "products",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.PRODUCTS],
+        pinned: "products",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconProducts, {}),
+        url: `/#/product-base-list`
+      },
+      {
+        name: "Suppliers",
+        routeName: "suppliers",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.SUPPLIERS],
+        pinned: "suppliers",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconSupplier, {}),
+        url: "/react/suppliers"
+      },
+      {
+        name: "Supplier Prices",
+        routeName: "supplier_prices",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.SUPPLIER_PRICES],
+        pinned: "supplier_prices",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconSupplierPrices, {}),
+        url: `/#/supplier-prices`
+      },
+      {
+        name: "Product Bulk Update",
+        routeName: "bulk-update",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.BULK_UPDATE],
+        pinned: "bulk-update",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconImport, {}),
+        url: "/react/bulk_update"
+      }
+    ]
+  },
+  {
+    groupName: "Operations",
+    apps: [
+      {
+        name: "Goods In",
+        routeName: "goodsin-list",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.GOODS_IN],
+        pinned: "goods_in",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconGoodsin, {}),
+        url: "/react/goodsin-list"
+      },
+      {
+        name: "Returns",
+        routeName: "goods-in-list",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.RETURNS],
+        pinned: "goods_in",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconGoodsin, {}),
+        url: "/react/returns"
+      },
+      {
+        name: "Kanban Cards",
+        routeName: "kanban",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.KANBAN],
+        pinned: "kanbancards",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconVkc, {}),
+        url: `/#/kanban`
+      },
+      {
+        children: [
+          {
+            name: "Movements",
+            routeName: "movements",
+            url: "/react/movements",
+            featureName: featureName_default.STOCK_MOVEMENTS
+          }
+        ],
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconLocation, {}),
+        name: "Stock and Locations",
+        pinned: "locations",
+        routeName: "locations",
+        featureNames: [featureName_default.STOCK, featureName_default.LOCATIONS],
+        alwaysDisplay: false,
+        url: "/react/locations"
+      },
+      {
+        name: "Picking Stations",
+        routeName: "picking",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.PICKING_STATIONS],
+        pinned: "picking_stations",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconScales, {}),
+        url: `/#/pickingstation`
+      },
+      {
+        name: "Quality Control",
+        routeName: "qualityControl",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.QUALITY_CONTROL],
+        pinned: "quality_control",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconQc, {}),
+        url: `/#/quality-control`
+      },
+      {
+        name: "Retail",
+        routeName: "retail",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.RETAIL],
+        pinned: "retail",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconRetail, {}),
+        url: `/retail/product-availability`
+      },
+      {
+        name: "Service Delivery",
+        routeName: "runs",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.SERVICE_DELIVERY],
+        pinned: "runs",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconRuns, {}),
+        url: `/#/runs`
+      },
+      {
+        name: "Ops Metrics",
+        routeName: "ops-metrics",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.OPS_METRICS],
+        pinned: "ops-metrics",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconOpsMetrics, {}),
+        url: "/react/ops-metrics"
+      }
+    ]
+  },
+  {
+    groupName: "Tools",
+    apps: [
+      {
+        name: "Accounts",
+        routeName: "accounts",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.ACCOUNTS],
+        pinned: "accounts",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconAccounts, {}),
+        url: `/#/accounts`
+      },
+      {
+        name: "Reports",
+        routeName: "reports",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.REPORTS],
+        pinned: "reports",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconReports, {}),
+        url: `/reports`
+      }
+    ]
+  },
+  {
+    groupName: "Settings",
+    apps: [
+      {
+        name: "Admin",
+        routeName: "admin",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.ADMIN],
+        pinned: "admin",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconSetting, {}),
+        url: `/admin`
+      },
+      {
+        name: "User Management",
+        routeName: "user-management",
+        alwaysDisplay: false,
+        featureNames: [featureName_default.USER_MANAGEMENT],
+        pinned: "users",
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconUserManagement, {}),
+        url: "/react/user-management"
+      },
+      {
+        name: "Logout",
+        routeName: "logout",
+        alwaysDisplay: true,
+        featureNames: [],
+        pinned: null,
+        icon: /* @__PURE__ */ jsx64(icons_default.SvgIconLogin, {}),
+        url: "/react/logout"
+      }
+    ]
+  }
+];
+var drawerAppList_default = drawerAppList;
+
+// src/components/LeftDrawer/helpers/useGetFilteredDrawerAppList.tsx
+var useGetFilteredDrawerAppList = () => {
+  const featureSettings = useSelector((state) => state.FeatureSettingsReducer);
+  if (!featureSettings) {
+    return [];
+  }
+  return drawerAppList_default.map((group) => {
+    const enabledApps = group.apps.filter(
+      (app) => app.alwaysDisplay || featuresAreEnabled_default(featureSettings, app.featureNames, false)
+    ).map((app) => {
+      if (app.children) {
+        const filteredChildren = app.children.filter((child) => {
+          if (child.featureName) {
+            return featureSettings.enabled_features.includes(
+              child.featureName
+            );
+          }
+          return true;
+        });
+        return {
+          ...app,
+          children: filteredChildren
+        };
+      }
+      return app;
+    });
+    return {
+      ...group,
+      apps: enabledApps
+    };
+  }).filter((group) => group.apps.length > 0);
+};
+var useGetFilteredDrawerAppList_default = useGetFilteredDrawerAppList;
+
+// src/components/LeftDrawer/LeftDrawer.tsx
+import { jsx as jsx65, jsxs as jsxs38 } from "react/jsx-runtime";
+var useStyles13 = makeStyles13()((theme) => ({
+  subheader: {
+    textTransform: "uppercase",
+    fontSize: theme.spacing(1.5)
+  },
+  menuButton: {
+    marginRight: theme.spacing(2)
+  },
+  inputRoot: {
+    color: "inherit"
+  },
+  inputInput: {
+    transition: theme.transitions.create("width"),
+    width: "100%"
+  },
+  topBar: {
+    backgroundColor: theme.palette.secondary.dark,
+    width: theme.spacing(40),
+    padding: theme.spacing(2),
+    display: "flex",
+    alignItems: "end",
+    justifyContent: "space-between"
+  },
+  drawer: {
+    alignContent: "space-between",
+    flexDirection: "column",
+    minWidth: theme.spacing(80)
+  },
+  drawerBody: {
+    minWidth: "300px",
+    flexGrow: 1,
+    padding: theme.spacing(3)
+  },
+  drawerItem: {
+    width: "300px",
+    marginBottom: theme.spacing(1)
+  },
+  button: {
+    color: theme.palette.primary.contrastText
+  },
+  iconMenu: {
+    height: "40px",
+    width: "40px",
+    opacity: 1,
+    fill: colors.grey500
+  },
+  nested: {
+    paddingLeft: theme.spacing(6),
+    border: colors.grey100
+  },
+  appName: {
+    "& .MuiTypography-body2": {
+      fontWeight: 700
+    }
+  }
+}));
+var LeftDrawer = ({ handleClose, handleOpen, open }) => {
+  const [openCollapse, setOpenCollapse] = useState({});
+  const dispatch = useDispatch();
+  const filteredDrawerAppList = useGetFilteredDrawerAppList_default();
+  const handleCollapse = (e, routeName) => {
+    e.stopPropagation();
+    const tempOpenCollapse = { ...openCollapse };
+    tempOpenCollapse[routeName] = !tempOpenCollapse[routeName];
+    setOpenCollapse(tempOpenCollapse);
+  };
+  const { classes } = useStyles13();
+  return /* @__PURE__ */ jsxs38(
+    SwipeableDrawer,
+    {
+      className: classes.drawer,
+      id: "primary-menu",
+      onClose: handleClose,
+      onOpen: handleOpen,
+      open,
+      children: [
+        /* @__PURE__ */ jsx65(AppBar, { position: "static", children: /* @__PURE__ */ jsxs38(Toolbar, { className: classes.topBar, children: [
+          /* @__PURE__ */ jsx65(
+            UserBust_default,
+            {
+              user: {},
+              avatarProps: { height: 50, width: 50 },
+              typographyProps: {
+                name: { variant: "subtitle1" },
+                username: { variant: "caption" }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx65(Box9, { children: /* @__PURE__ */ jsx65(
+            RoundButton_default,
+            {
+              icon: "edit",
+              isContrast: true,
+              onClick: () => window.location.assign("/#/user-settings"),
+              size: "small",
+              tooltip: "User Settings"
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ jsx65(List, { children: filteredDrawerAppList.map((group) => /* @__PURE__ */ jsxs38(React57.Fragment, { children: [
+          /* @__PURE__ */ jsx65(ListSubheader, { disableSticky: true, className: classes.subheader, children: group.groupName }),
+          group.apps.map((app) => /* @__PURE__ */ jsxs38(React57.Fragment, { children: [
+            /* @__PURE__ */ jsxs38(
+              ListItem,
+              {
+                title: app.url,
+                onClick: () => {
+                  if (app.routeName === "logout") {
+                  }
+                  return window.location.assign(app.url);
+                },
+                children: [
+                  /* @__PURE__ */ jsx65(ListItemIcon, { children: /* @__PURE__ */ jsx65(Icon, { className: classes.iconMenu, children: app.icon }) }),
+                  /* @__PURE__ */ jsx65(
+                    ListItemText,
+                    {
+                      className: classes.appName,
+                      primary: app.name,
+                      slotProps: {
+                        primary: { variant: "body2" }
+                      }
+                    }
+                  ),
+                  app.children?.length > 0 && (openCollapse[app.routeName] ? /* @__PURE__ */ jsx65(
+                    ExpandLess,
+                    {
+                      "data-testid": "svg-close-collapse",
+                      onClick: (e) => handleCollapse(e, app.routeName)
+                    }
+                  ) : /* @__PURE__ */ jsx65(
+                    ExpandMore,
+                    {
+                      "data-testid": "svg-open-collapse",
+                      onClick: (e) => handleCollapse(e, app.routeName)
+                    }
+                  ))
+                ]
+              },
+              app.name
+            ),
+            app.children?.length > 0 && /* @__PURE__ */ jsx65(Collapse, { in: openCollapse[app.routeName], children: /* @__PURE__ */ jsx65(List, { children: app.children.map((child) => /* @__PURE__ */ jsxs38(
+              ListItemButton,
+              {
+                className: classes.nested,
+                disabled: child.disabled,
+                onClick: () => window.location.assign(app.url),
+                title: app.url,
+                children: [
+                  /* @__PURE__ */ jsx65(ListItemIcon, { children: /* @__PURE__ */ jsx65(FiberManualRecord, { style: { height: 12 } }) }),
+                  /* @__PURE__ */ jsx65(
+                    ListItemText,
+                    {
+                      primary: child.name,
+                      slotProps: {
+                        primary: { variant: "body2" }
+                      }
+                    }
+                  )
+                ]
+              },
+              child.name
+            )) }) })
+          ] }, `${group.groupName} ${app.name}`))
+        ] }, group.groupName)) })
+      ]
+    }
+  );
+};
+var LeftDrawer_default = memo3(LeftDrawer);
+
+// src/components/TheToolbar/TheToolbar.tsx
+import { jsx as jsx66, jsxs as jsxs39 } from "react/jsx-runtime";
+var useStyles14 = makeStyles14()((theme) => ({
+  menuButton: {
+    color: theme.palette.primary.contrastText
+  },
+  searchNatoora: {
+    width: "100%"
+  },
+  searchIcon: {
+    opacity: ".5"
+  },
+  inputRoot: {
+    color: "inherit"
+  },
+  inputInput: {
+    transition: theme.transitions.create("width"),
+    width: "100%"
+  },
+  topBar: {
+    display: "flex",
+    gap: theme.spacing(1),
+    backgroundColor: colors.topBar
+  },
+  drawer: {
+    backgroundColor: "black"
+  },
+  drawerItem: {
+    maxWidth: "300px",
+    width: "80vw"
+  },
+  offset: theme.mixins.toolbar
+}));
+var TheToolbar = ({ imageLogoDarkSmall, imageLogoLightSmall }) => {
+  const { classes } = useStyles14();
+  const [open, setOpen] = React58.useState(false);
+  const handleOpen = () => setOpen(true);
+  const handleClose = () => setOpen(false);
+  return /* @__PURE__ */ jsxs39(Box10, { children: [
+    /* @__PURE__ */ jsx66(AppBar2, { children: /* @__PURE__ */ jsxs39(Toolbar2, { className: classes.topBar, children: [
+      /* @__PURE__ */ jsx66(
+        RoundButton_default,
+        {
+          className: classes.menuButton,
+          icon: "menu",
+          noStrokes: true,
+          onClick: handleOpen
+        }
+      ),
+      /* @__PURE__ */ jsx66(
+        CompanyLogo_default,
+        {
+          size: "small",
+          color: "light",
+          imageLogoDarkSmall,
+          imageLogoLightSmall
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx66(Box10, { className: classes.offset }),
+    /* @__PURE__ */ jsx66(
+      LeftDrawer_default,
+      {
+        open,
+        handleOpen,
+        handleClose
+      }
+    )
+  ] });
+};
+var TheToolbar_default = React58.memo(TheToolbar);
+
+// src/components/DesktopContainer/DesktopContainer.tsx
+import { jsx as jsx67, jsxs as jsxs40 } from "react/jsx-runtime";
+var useStyles15 = makeStyles15()((theme) => ({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    minHeight: "100vh",
+    maxWidth: 1420,
+    padding: 0
+  },
+  content: {
+    height: "100%",
+    flexGrow: 1
+  },
+  [theme.breakpoints.up("xl")]: {
+    root: {
+      maxWidth: 1720
+    }
+  }
+}));
+var DesktopContainer = ({
+  imageLogoDarkSmall,
+  imageLogoLightSmall,
+  children
+}) => {
+  const { classes } = useStyles15();
+  return /* @__PURE__ */ jsxs40(Container, { className: classes.root, maxWidth: "xl", children: [
+    /* @__PURE__ */ jsx67(
+      TheToolbar_default,
+      {
+        imageLogoDarkSmall,
+        imageLogoLightSmall
+      }
+    ),
+    /* @__PURE__ */ jsx67(
+      Box11,
+      {
+        className: classes.content,
+        id: "mainContainer",
+        sx: {
+          display: "flex",
+          flexDirection: "column"
+        },
+        children
+      }
+    )
+  ] });
+};
+var DesktopContainer_default = DesktopContainer;
+
+// src/components/Dialog/TwoButtonDialog.tsx
+import {
+  Typography as Typography8,
+  Dialog as Dialog3,
+  Backdrop,
+  Box as Box12,
+  Divider,
+  Paper as Paper2
+} from "@mui/material";
+import Fade from "@mui/material/Fade";
+import { makeStyles as makeStyles16 } from "tss-react/mui";
+import { jsx as jsx68, jsxs as jsxs41 } from "react/jsx-runtime";
+var useStyles16 = makeStyles16()((theme) => ({
+  paper: {
+    padding: theme.spacing(2)
+  },
+  mt: {
+    marginTop: theme.spacing(2)
+  },
+  mb: {
+    marginBottom: theme.spacing(2)
+  },
+  buttonContainer: {
+    display: "flex",
+    justifyContent: "center",
+    marginTop: theme.spacing(1)
+  }
+}));
+var TwoButtonDialog = ({
+  confirmButton,
+  dialogLoading = false,
+  title,
+  subtitle1,
+  subtitle2,
+  open,
+  setOpen
+}) => {
+  const { classes } = useStyles16();
+  return /* @__PURE__ */ jsx68(
+    Dialog3,
+    {
+      open,
+      disableEnforceFocus: true,
+      maxWidth: "sm",
+      fullWidth: true,
+      closeAfterTransition: true,
+      BackdropComponent: Backdrop,
+      BackdropProps: {
+        timeout: 500
+      },
+      children: /* @__PURE__ */ jsx68(Fade, { in: open, children: /* @__PURE__ */ jsxs41(Paper2, { className: classes.paper, children: [
+        /* @__PURE__ */ jsxs41(Box12, { className: classes.mb, children: [
+          /* @__PURE__ */ jsx68(Typography8, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx68(
+            Box12,
+            {
+              sx: {
+                fontWeight: 600
+              },
+              children: title
+            }
+          ) }),
+          /* @__PURE__ */ jsxs41(
+            Box12,
+            {
+              className: classes.mt,
+              sx: {
+                fontWeight: 600
+              },
+              children: [
+                subtitle1 && /* @__PURE__ */ jsx68(Typography8, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ jsx68(Typography8, { variant: "subtitle1", children: subtitle2 })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx68(Divider, {}),
+        /* @__PURE__ */ jsxs41(Box12, { className: classes.buttonContainer, children: [
+          /* @__PURE__ */ jsx68(FilledButton_default, { copy: "CANCEL", onClick: () => setOpen(false) }),
+          /* @__PURE__ */ jsx68(
+            FilledButton_default,
+            {
+              color: "primary",
+              copy: "CONFIRM",
+              onClick: confirmButton
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx68(Loading_default, { isLoading: dialogLoading })
+      ] }) })
+    }
+  );
+};
+var TwoButtonDialog_default = TwoButtonDialog;
+
+// src/components/Pagination/PaginationForTable.tsx
+import Pagination from "@mui/material/Pagination";
+import Paper3 from "@mui/material/Paper";
+import Typography9 from "@mui/material/Typography";
+import { any as any2, func as func5, object, oneOf as oneOf4, string as string5 } from "prop-types";
+import { makeStyles as makeStyles17 } from "tss-react/mui";
+import { jsx as jsx69, jsxs as jsxs42 } from "react/jsx-runtime";
+var paginationHeight = "56px";
+var useStyles17 = makeStyles17()((theme) => ({
+  root: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    alignItems: "center",
+    borderTop: `1px solid ${colors.grey200}`,
+    backgroundColor: colors.tableRow2,
+    borderRadius: "0 0 4px 4px",
+    width: "100%",
+    height: paginationHeight,
+    "& > *": {
+      margin: theme.spacing(2)
+    },
+    "& .MuiTypography-body1": {
+      fontSize: ".850rem"
+    }
+  },
+  fixed: {
+    position: "fixed",
+    bottom: 0,
+    left: 0
+  },
+  fixedOffset: {
+    height: paginationHeight
+  }
+}));
+var PaginationForTable = ({
+  appliedFilters,
+  className,
+  page,
+  pagination,
+  position = "relative",
+  style,
+  updateFilters
+}) => {
+  const { classes, cx } = useStyles17();
+  const handleChange = (event, value) => {
+    updateFilters({ ...appliedFilters, page: value });
+  };
+  const isFixed = position === "fixed";
+  return /* @__PURE__ */ jsx69(Paper3, { children: /* @__PURE__ */ jsxs42(
+    "div",
+    {
+      style,
+      className: cx(classes.root, className, {
+        [classes.fixed]: isFixed
+      }),
+      children: [
+        /* @__PURE__ */ jsxs42(Typography9, { variant: "body1", children: [
+          "Page: ",
+          page
+        ] }),
+        /* @__PURE__ */ jsx69(
+          Pagination,
+          {
+            count: pagination.num_pages,
+            page,
+            onChange: handleChange
+          }
+        )
+      ]
+    }
+  ) });
+};
+PaginationForTable.defaultProps = {
+  className: ""
+};
+PaginationForTable.propTypes = {
+  appliedFilters: any2,
+  className: string5,
+  page: any2,
+  pagination: object,
+  position: oneOf4(["relative", "fixed"]),
+  style: any2,
+  updateFilters: func5.isRequired
+};
+var PaginationForTable_default = PaginationForTable;
+
+// src/components/ProductImage/ProductImage.tsx
+import { CardMedia } from "@mui/material";
+import { any as any3, string as string6 } from "prop-types";
+import { withStyles as withStyles2 } from "tss-react/mui";
+import { jsx as jsx70, jsxs as jsxs43 } from "react/jsx-runtime";
+var PImage = ({
+  classes,
+  image,
+  size = "c_productbust__image_xs",
+  status
+}) => /* @__PURE__ */ jsxs43("div", { className: classes.c_productbust__image, children: [
+  /* @__PURE__ */ jsx70(
+    CardMedia,
+    {
+      className: classes[size],
+      image: image || "resources/img/peas.jpg"
+    }
+  ),
+  status && status !== "ACTIVE" && /* @__PURE__ */ jsx70("div", { className: classes.c_productbust__label_status, children: status })
+] });
+var ProductImage = withStyles2(PImage, (theme) => ({
+  c_productbust__label_status: {
+    position: "absolute",
+    color: "white",
+    left: "50%",
+    top: 0,
+    transform: "translateX(-50%)",
+    fontSize: 12,
+    fontWeight: 700,
+    width: "100%",
+    textAlign: "center",
+    padding: "4px 0",
+    backgroundColor: "#A42966",
+    borderRadius: "4px 4px 0 0"
+  },
+  c_productbust__image_sm: {
+    height: 100,
+    width: 132,
+    minWidth: 132,
+    maxWidth: 132,
+    backgroundColor: colors.grey300,
+    borderRadius: theme.spacing(0.5),
+    "& img": {
+      height: 100,
+      width: 132,
+      maxWidth: 132,
+      borderRadius: theme.spacing(0.5)
+    }
+  },
+  c_productbust__image_xs: {
+    height: 84,
+    width: 112,
+    minWidth: 112,
+    maxWidth: 112,
+    backgroundColor: colors.grey300,
+    borderRadius: theme.spacing(0.5),
+    "& img": {
+      height: 84,
+      width: 112,
+      maxWidth: 112,
+      borderRadius: theme.spacing(0.5)
+    }
+  },
+  c_productbust__image_md: {
+    height: 120,
+    width: 160,
+    minWidth: 160,
+    maxWidth: 160,
+    backgroundColor: colors.grey300,
+    borderRadius: theme.spacing(0.5),
+    "& img": {
+      height: 120,
+      width: 160,
+      maxWidth: 160,
+      borderRadius: theme.spacing(0.5)
+    }
+  },
+  c_productbust__image_lg: {
+    height: 140,
+    width: 186,
+    minWidth: 186,
+    maxWidth: 186,
+    backgroundColor: colors.grey300,
+    borderRadius: theme.spacing(0.5),
+    "& img": {
+      height: 140,
+      width: 186,
+      maxWidth: 186,
+      borderRadius: theme.spacing(0.5)
+    }
+  },
+  c_productbust__image: {
+    position: "sticky",
+    left: 0,
+    zIndex: 9
+  }
+}));
+PImage.propTypes = {
+  classes: any3,
+  image: string6,
+  size: string6,
+  status: any3
+};
+var ProductImage_default = ProductImage;
+
+// src/components/RenderContentList/RenderContentList.tsx
+import { useEffect as useEffect2, useState as useState3 } from "react";
+import {
+  List as List2,
+  ListItemButton as ListItemButton2,
+  ListItemText as ListItemText2,
+  ListSubheader as ListSubheader2
+} from "@mui/material";
+import { makeStyles as makeStyles18 } from "tss-react/mui";
+
+// src/utils/useGetActiveSection.ts
+import { useEffect, useState as useState2 } from "react";
+var transformNameToID = (name) => name.replaceAll(" ", "-").toLocaleLowerCase();
+
+// src/components/RenderContentList/RenderContentList.tsx
+import { jsx as jsx71 } from "react/jsx-runtime";
+var useStyles18 = makeStyles18()(
+  (_theme, _params, classes) => ({
+    root: {
+      [`&.${classes.selected}`]: {
+        backgroundColor: colors.transparent.muiPrimary10,
+        "&:hover": {
+          backgroundColor: colors.transparent.muiPrimary20
+        }
+      }
+    },
+    selected: {}
+  })
+);
+var RenderContentList = ({ items, activeSection }) => {
+  const { classes } = useStyles18();
+  const [active, setActive] = useState3(activeSection);
+  useEffect2(() => {
+    setActive(activeSection);
+  }, [activeSection]);
+  return /* @__PURE__ */ jsx71(
+    List2,
+    {
+      component: "nav",
+      "aria-labelledby": "nested-list-subheader",
+      subheader: /* @__PURE__ */ jsx71(ListSubheader2, { component: "div", id: "nested-list-subheader", children: "Contents" }),
+      children: items.map((item) => {
+        const id = transformNameToID(item);
+        return /* @__PURE__ */ jsx71(
+          ListItemButton2,
+          {
+            component: "a",
+            href: `#${id}`,
+            onClick: () => setActive(item),
+            selected: active === item,
+            classes: { root: classes.root },
+            children: /* @__PURE__ */ jsx71(ListItemText2, { primary: item })
+          },
+          id
+        );
+      })
+    }
+  );
+};
+var RenderContentList_default = RenderContentList;
+
+// src/components/RowProductCard/RowProductCard.tsx
+import { Box as Box13, Divider as Divider2, Paper as Paper4, Typography as Typography10 } from "@mui/material";
+import { makeStyles as makeStyles19 } from "tss-react/mui";
+import { arrayOf, node as node3, oneOf as oneOf5, oneOfType as oneOfType2, shape as shape2, string as string7 } from "prop-types";
+import { Fragment as Fragment3, jsx as jsx72, jsxs as jsxs44 } from "react/jsx-runtime";
+var useStyles19 = makeStyles19()((theme) => ({
+  wrapper: {
+    display: "flex",
+    gap: theme.spacing(2),
+    padding: theme.spacing(1)
+  },
+  divider: {
+    margin: theme.spacing(1, 0)
+  },
+  smallTitle: {
+    color: colors.rowProductCard.locationSubtitle,
+    whiteSpace: "nowrap"
+  },
+  upperRow: {
+    width: "100%"
+  },
+  content: {
+    width: "100%"
+  },
+  onlyProductName: {
+    display: "flex",
+    alignItems: "center"
+  }
+}));
+var RowProductCard = ({ children, columns, location, product, size }) => {
+  const { classes, cx } = useStyles19();
+  const hasColumns = columns.length >= 1;
+  const imageSize = {
+    small: "c_productbust__image_sm",
+    medium: "c_productbust__image_md",
+    large: "c_productbust__image_lg"
+  };
+  return /* @__PURE__ */ jsxs44(Paper4, { className: classes.wrapper, children: [
+    /* @__PURE__ */ jsx72(
+      ProductImage_default,
+      {
+        image: product.image,
+        status: product.status,
+        size: imageSize[size]
+      }
+    ),
+    /* @__PURE__ */ jsxs44(
+      "div",
+      {
+        className: cx(classes.content, {
+          [classes.onlyProductName]: !hasColumns && !location
+        }),
+        children: [
+          /* @__PURE__ */ jsxs44(
+            Box13,
+            {
+              className: classes.upperRow,
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center"
+              },
+              children: [
+                /* @__PURE__ */ jsxs44("div", { children: [
+                  location ? /* @__PURE__ */ jsx72(Typography10, { className: classes.smallTitle, variant: "caption", children: `Location: ${location}` }) : null,
+                  /* @__PURE__ */ jsx72(Typography10, { variant: "h6", children: product.name })
+                ] }),
+                children
+              ]
+            }
+          ),
+          hasColumns ? /* @__PURE__ */ jsxs44(Fragment3, { children: [
+            /* @__PURE__ */ jsx72(Divider2, { className: classes.divider }),
+            /* @__PURE__ */ jsx72(
+              Box13,
+              {
+                sx: {
+                  display: "flex",
+                  gap: "24px"
+                },
+                children: columns.map((column) => /* @__PURE__ */ jsxs44("div", { children: [
+                  /* @__PURE__ */ jsx72(Typography10, { className: classes.smallTitle, variant: "caption", children: column.title }),
+                  typeof column.value === "string" ? /* @__PURE__ */ jsx72(Typography10, { variant: "body1", children: column.value }) : column.value
+                ] }, column.title))
+              }
+            )
+          ] }) : null
+        ]
+      }
+    )
+  ] });
+};
+RowProductCard.defaultProps = {
+  children: null,
+  columns: [],
+  location: "",
+  size: "medium"
+};
+RowProductCard.propTypes = {
+  /**
+   * Possible actions or buttons that the card can have
+   */
+  children: node3,
+  /**
+   * Details about the product
+   */
+  columns: arrayOf(
+    shape2({
+      title: string7,
+      value: oneOfType2([string7, node3])
+    })
+  ),
+  /**
+   * Where is the product location
+   */
+  location: string7,
+  /**
+   * Product information
+   */
+  product: shape2({
+    image: string7.isRequired,
+    name: string7.isRequired,
+    status: string7
+  }).isRequired,
+  size: oneOf5(["small", "medium", "large"])
+};
+var RowProductCard_default = RowProductCard;
+
+// src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
+import React61 from "react";
+import Box15 from "@mui/material/Box";
+import PropTypes6 from "prop-types";
+import { makeStyles as makeStyles21 } from "tss-react/mui";
+
+// src/components/SearchWithFilters/SearchWithFiltersForTable.tsx
+import React60 from "react";
+import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
+import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp";
+import SearchIcon from "@mui/icons-material/Search";
+import { Box as Box14, Button as Button8, Divider as Divider3, InputBase, Paper as Paper5 } from "@mui/material";
+import PropTypes5 from "prop-types";
+import { makeStyles as makeStyles20 } from "tss-react/mui";
+import { Fragment as Fragment4, jsx as jsx73, jsxs as jsxs45 } from "react/jsx-runtime";
+var useStyles20 = makeStyles20()((theme) => ({
+  c_search: {
+    height: 46,
+    padding: "4px",
+    display: "flex",
+    alignItems: "center",
+    width: 400,
+    boxShadow: "none",
+    border: "1px solid",
+    borderColor: colors.grey300,
+    margin: "8px 16px",
+    "&:hover": {
+      boxShadow: "0 1px 6px 0 rgba(32,33,36,0.28)"
+    },
+    "&:focus": {
+      boxShadow: "0 1px 6px 0 rgba(32,33,36,0.28)"
+    },
+    "&:active": {
+      boxShadow: "0 1px 6px 0 rgba(32,33,36,0.28)"
+    }
+  },
+  c_search__input: {
+    marginLeft: theme.spacing(1),
+    flex: 1
+  },
+  c_search__icon: {
+    padding: "4px 8px",
+    opacity: 0.5,
+    alignContent: "center",
+    display: "flex"
+  },
+  c_search__bt_icon_filter: {
+    padding: 0,
+    marginLeft: 8
+  },
+  c_search__bt_filter: {
+    textTransform: "capitalize",
+    "&:hover": {
+      background: "none"
+    }
+  },
+  c_search__divider: {
+    height: 28,
+    margin: 4
+  },
+  icon: {
+    fill: colors.iconSearch
+  }
+}));
+var SearchWithFiltersForTable = (props) => {
+  const {
+    onFilterButtonClick,
+    isOpen,
+    updateSearch,
+    showFilterButton,
+    enterPressedInSearch,
+    searchedValue
+  } = props;
+  const { classes } = useStyles20();
+  const [searchText, setSearchText] = React60.useState("");
+  const handleTextChange = (e) => {
+    const { value } = e.target;
+    setSearchText(value);
+    updateSearch(value);
+  };
+  const handleFilterButtonClick = () => {
+    onFilterButtonClick(!isOpen);
+  };
+  const handleKeyPress = (e) => {
+    if (e.key === "Enter" && typeof enterPressedInSearch === "function") {
+      enterPressedInSearch();
+    }
+  };
+  const ArrowIcon = isOpen ? ArrowDropUpIcon : ArrowDropDownIcon;
+  return /* @__PURE__ */ jsxs45(Paper5, { className: classes.c_search, children: [
+    /* @__PURE__ */ jsx73(Box14, { className: classes.c_search__icon, children: /* @__PURE__ */ jsx73(SearchIcon, { className: classes.icon, fontSize: "small" }) }),
+    /* @__PURE__ */ jsx73(
+      InputBase,
+      {
+        className: classes.c_search__input,
+        placeholder: "Search",
+        value: searchedValue || searchText,
+        onChange: handleTextChange,
+        onKeyDown: handleKeyPress
+      }
+    ),
+    showFilterButton && /* @__PURE__ */ jsxs45(Fragment4, { children: [
+      /* @__PURE__ */ jsx73(
+        Divider3,
+        {
+          className: classes.c_search__divider,
+          orientation: "vertical"
+        }
+      ),
+      /* @__PURE__ */ jsxs45(
+        Button8,
+        {
+          className: classes.c_search__bt_filter,
+          onClick: handleFilterButtonClick,
+          children: [
+            "Filters",
+            /* @__PURE__ */ jsx73(ArrowIcon, { className: classes.c_search__bt_icon_filter })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+SearchWithFiltersForTable.propTypes = {
+  onFilterButtonClick: PropTypes5.func,
+  isOpen: PropTypes5.bool,
+  updateSearch: PropTypes5.func,
+  enterPressedInSearch: PropTypes5.func,
+  showFilterButton: PropTypes5.bool,
+  searchedValue: PropTypes5.string
+};
+var SearchWithFiltersForTable_default = React60.memo(SearchWithFiltersForTable);
+
+// src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
+import { jsx as jsx74, jsxs as jsxs46 } from "react/jsx-runtime";
+var useStyles21 = makeStyles21()((theme) => ({
+  container: {
+    display: "flex",
+    alignItems: "center",
+    alignContent: "baseline",
+    flexDirection: "row",
+    padding: theme.spacing(1),
+    justifyContent: "space-between",
+    [theme.breakpoints.down(WIDTH_TO_SHRINK)]: {
+      flexDirection: "column",
+      justifyContent: "start",
+      alignItems: "flex-start"
+    }
+  },
+  leftSection: {
+    display: "flex"
+  }
+}));
+var SearchAndFilterHeaderForTable = (props) => {
+  const {
+    appName,
+    copy,
+    updateSearch,
+    isOpen,
+    onFilterButtonClick,
+    showFilterButton,
+    enterPressedInSearch,
+    button,
+    searchedValue
+  } = props;
+  const { classes } = useStyles21();
+  return /* @__PURE__ */ jsxs46(Box15, { className: classes.container, children: [
+    /* @__PURE__ */ jsxs46(Box15, { className: classes.leftSection, children: [
+      /* @__PURE__ */ jsx74(AppLabel_default, { appName }),
+      /* @__PURE__ */ jsx74(
+        SearchWithFiltersForTable_default,
+        {
+          onFilterButtonClick,
+          isOpen,
+          updateSearch,
+          showFilterButton,
+          enterPressedInSearch,
+          searchedValue
+        }
+      ),
+      copy && /* @__PURE__ */ jsx74(
+        Box15,
+        {
+          sx: {
+            margin: 0.5
+          },
+          children: /* @__PURE__ */ jsx74(OutlinedButton_default, { copy })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx74(Box15, { children: button })
+  ] });
+};
+SearchAndFilterHeaderForTable.propTypes = {
+  appName: PropTypes6.string,
+  button: PropTypes6.node,
+  copy: PropTypes6.string,
+  enterPressedInSearch: PropTypes6.func,
+  isOpen: PropTypes6.bool,
+  onFilterButtonClick: PropTypes6.func,
+  searchedValue: PropTypes6.string,
+  showFilterButton: PropTypes6.bool,
+  updateSearch: PropTypes6.func
+};
+var SearchAndFilterHeaderForTable_default = React61.memo(SearchAndFilterHeaderForTable);
+
+// src/components/SearchWithFilters/SearchWithFilters.tsx
+import React62, { useState as useState4, useEffect as useEffect3 } from "react";
+import ArrowDropDownIcon2 from "@mui/icons-material/ArrowDropDown";
+import ArrowDropUpIcon2 from "@mui/icons-material/ArrowDropUp";
+import SearchIcon2 from "@mui/icons-material/Search";
+import { Button as Button9, Divider as Divider4, InputBase as InputBase2, Paper as Paper6 } from "@mui/material";
+import { makeStyles as makeStyles22 } from "tss-react/mui";
+import { jsx as jsx75, jsxs as jsxs47 } from "react/jsx-runtime";
+var useStyles22 = makeStyles22()((theme) => ({
+  searchContainer: {
+    height: 46,
+    padding: "4px",
+    display: "flex",
+    alignItems: "center",
+    width: 400,
+    border: `1px solid ${colors.grey300}`,
+    boxShadow: "none",
+    "&:hover, &:focus, &:active": {
+      boxShadow: "0 1px 6px rgba(32,33,36,0.28)"
+    }
+  },
+  input: {
+    marginLeft: theme.spacing(1),
+    flex: 1
+  },
+  icon: {
+    margin: "4px 8px",
+    opacity: 0.5
+  },
+  filterButton: {
+    textTransform: "capitalize",
+    padding: 0,
+    marginLeft: 8,
+    "&:hover": {
+      background: "none"
+    }
+  },
+  divider: {
+    height: 28,
+    margin: 4
+  }
+}));
+var SearchWithFilters = ({
+  enterPressedInSearch,
+  filterClick,
+  handleClick,
+  searchValue = "",
+  showFilters,
+  updateFilters = () => {
+  },
+  disabled = false
+}) => {
+  const [searchText, setSearchText] = useState4(searchValue);
+  const { classes } = useStyles22();
+  const handleTextChange = (e) => {
+    const { value } = e.target;
+    setSearchText(value);
+    updateFilters({ search: value });
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      enterPressedInSearch?.();
+    }
+  };
+  useEffect3(() => {
+    setSearchText(searchValue);
+  }, [searchValue]);
+  return /* @__PURE__ */ jsxs47(Paper6, { className: classes.searchContainer, children: [
+    /* @__PURE__ */ jsx75(SearchIcon2, { className: classes.icon, fontSize: "small" }),
+    /* @__PURE__ */ jsx75(
+      InputBase2,
+      {
+        className: classes.input,
+        placeholder: "Search",
+        value: searchText,
+        onChange: handleTextChange,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        inputProps: { "aria-label": "search" }
+      }
+    ),
+    /* @__PURE__ */ jsx75(Divider4, { className: classes.divider, orientation: "vertical" }),
+    /* @__PURE__ */ jsxs47(
+      Button9,
+      {
+        className: classes.filterButton,
+        onClick: filterClick,
+        disabled,
+        children: [
+          "Filters",
+          showFilters ? /* @__PURE__ */ jsx75(ArrowDropUpIcon2, {}) : /* @__PURE__ */ jsx75(ArrowDropDownIcon2, {})
+        ]
+      }
+    )
+  ] });
+};
+var SearchWithFilters_default = React62.memo(SearchWithFilters);
+
+// src/components/SectionName/SectionName.tsx
+import InfoIcon from "@mui/icons-material/Info";
+import { Box as Box16, Tooltip as Tooltip3, Typography as Typography11 } from "@mui/material";
+import { makeStyles as makeStyles23 } from "tss-react/mui";
+import { jsx as jsx76, jsxs as jsxs48 } from "react/jsx-runtime";
+var useStyles23 = makeStyles23()(() => ({
+  container: {
+    display: "flex",
+    alignItems: "flex-end",
+    justifyContent: "space-between"
+  },
+  titleContainer: {
+    display: "flex",
+    padding: "48px 0px 8px 0px",
+    gap: "8px",
+    alignItems: "center",
+    alignSelf: "stretch"
+  },
+  icon: {
+    color: colors.grey400
+  },
+  typography: {
+    cursor: "pointer",
+    textDecoration: "none",
+    color: colors.muiPrimaryBlack
+  },
+  resetButton: {
+    color: colors.muiPrimary,
+    marginBottom: 8
+  }
+}));
+var SectionName = ({
+  name,
+  tooltipDescription,
+  sectionId,
+  handleButtonClick,
+  buttonText,
+  buttonDisabled
+}) => {
+  const { classes } = useStyles23();
+  return /* @__PURE__ */ jsxs48(Box16, { className: classes.container, children: [
+    /* @__PURE__ */ jsxs48(Box16, { className: classes.titleContainer, children: [
+      /* @__PURE__ */ jsx76(
+        Typography11,
+        {
+          variant: "h5",
+          component: "a",
+          href: sectionId,
+          className: classes.typography,
+          children: name
+        }
+      ),
+      tooltipDescription ? /* @__PURE__ */ jsx76(Tooltip3, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ jsx76(
+        InfoIcon,
+        {
+          fontSize: "small",
+          "data-testid": "InfoIcon",
+          className: classes.icon
+        }
+      ) }) : null
+    ] }),
+    buttonText ? /* @__PURE__ */ jsx76(
+      ExtendedButton_default,
+      {
+        type: "add",
+        buttonType: "button",
+        color: "inherit",
+        copy: buttonText || "",
+        disabled: buttonDisabled,
+        onClick: handleButtonClick,
+        variant: "text",
+        className: classes.resetButton
+      }
+    ) : null
+  ] });
+};
+var SectionName_default = SectionName;
+
+// src/components/Shift/Shift.tsx
+import { Box as Box17, Typography as Typography12 } from "@mui/material";
+import { oneOf as oneOf6 } from "prop-types";
+import { makeStyles as makeStyles24 } from "tss-react/mui";
+
+// src/resources/icons/DayIcon.js
+import React63 from "react";
+import { jsx as jsx77 } from "react/jsx-runtime";
+var DayIcon = (props) => /* @__PURE__ */ jsx77(
+  "svg",
+  {
+    fill: "none",
+    height: 22,
+    viewBox: "0 0 22 22",
+    width: 22,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx77(
+      "path",
+      {
+        d: "M2.55 18.09L3.96 19.5L5.76 17.71L4.34 16.29M11 5C7.69 5 5 7.69 5 11C5 14.31 7.69 17 11 17C14.31 17 17 14.31 17 11C17 7.68 14.31 5 11 5ZM19 12H22V10H19M16.24 17.71L18.04 19.5L19.45 18.09L17.66 16.29M19.45 4L18.04 2.6L16.24 4.39L17.66 5.81M12 0H10V3H12M5.76 4.39L3.96 2.6L2.55 4L4.34 5.81L5.76 4.39ZM0 12H3V10H0M12 19H10V22H12",
+        fill: "#F2C53D"
+      }
+    )
+  }
+);
+var DayIcon_default = DayIcon;
+
+// src/resources/icons/NightIcon.js
+import React64 from "react";
+import { jsx as jsx78 } from "react/jsx-runtime";
+var NightIcon = (props) => /* @__PURE__ */ jsx78(
+  "svg",
+  {
+    fill: "none",
+    height: "20",
+    viewBox: "0 0 14 20",
+    width: "14",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx78(
+      "path",
+      {
+        d: "M0.92627 9.99963C0.926174 11.5698 1.29582 13.1179 2.00528 14.5186C2.71474 15.9194 3.74407 17.1334 5.00994 18.0623C6.27582 18.9913 7.74265 19.6091 9.29169 19.8657C10.8407 20.1224 12.4284 20.0107 13.9263 19.5396C11.8959 18.9016 10.122 17.6323 8.86268 15.9165C7.60338 14.2008 6.92434 12.1279 6.92434 9.99963C6.92434 7.87132 7.60338 5.79851 8.86268 4.08274C10.122 2.36696 11.8959 1.09772 13.9263 0.459633C12.4284 -0.0114145 10.8407 -0.123133 9.29169 0.133521C7.74265 0.390176 6.27582 1.00799 5.00994 1.93695C3.74407 2.8659 2.71474 4.07989 2.00528 5.48063C1.29582 6.88136 0.926174 8.42948 0.92627 9.99963Z",
+        fill: "#346C8E"
+      }
+    )
+  }
+);
+var NightIcon_default = NightIcon;
+
+// src/components/Shift/Shift.tsx
+import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
+var ShiftEnum = {
+  DAY: "Day",
+  NIGHT: "Night"
+};
+var useStyles24 = makeStyles24()(() => ({
+  shiftName: {
+    textTransform: "uppercase",
+    fontWeight: 600
+  }
+}));
+var Shift = ({ shift }) => {
+  const shiftIcon = {
+    [ShiftEnum.DAY]: /* @__PURE__ */ jsx79(DayIcon_default, { "data-testid": "shift-day" }),
+    [ShiftEnum.NIGHT]: /* @__PURE__ */ jsx79(NightIcon_default, { "data-testid": "shift-night" })
+  };
+  const { classes } = useStyles24();
+  return /* @__PURE__ */ jsxs49(
+    Box17,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: "16px"
+      },
+      children: [
+        shiftIcon[shift],
+        /* @__PURE__ */ jsxs49(Typography12, { children: [
+          /* @__PURE__ */ jsxs49("span", { className: classes.shiftName, children: [
+            shift,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx79("span", { children: "Shift" })
+        ] })
+      ]
+    }
+  );
+};
+Shift.propTypes = {
+  shift: oneOf6(Object.values(ShiftEnum))
+};
+var Shift_default = Shift;
+
+// src/components/surfaces/FixedFooter/index.js
+import React65 from "react";
+import { Box as Box18 } from "@mui/material";
+import PropTypes7 from "prop-types";
+import { makeStyles as makeStyles25 } from "tss-react/mui";
+import { jsx as jsx80, jsxs as jsxs50 } from "react/jsx-runtime";
+var footerHeight = "64px";
+var useStyles25 = makeStyles25()((theme) => ({
+  root: {
+    position: "fixed",
+    bottom: 0,
+    left: 0,
+    display: "flex",
+    alignItems: "center",
+    backgroundColor: colors.background,
+    borderTop: `1px solid ${colors.grey300}`,
+    width: "100%",
+    height: footerHeight,
+    padding: theme.spacing(0, 2)
+  },
+  fixedOffset: {
+    height: footerHeight
+  }
+}));
+var FixedFooter = ({ justifyContent, children }) => {
+  const { classes } = useStyles25();
+  return /* @__PURE__ */ jsxs50(Box18, { children: [
+    /* @__PURE__ */ jsx80(Box18, { className: classes.fixedOffset }),
+    /* @__PURE__ */ jsx80(
+      Box18,
+      {
+        className: classes.root,
+        sx: {
+          justifyContent
+        },
+        children
+      }
+    )
+  ] });
+};
+FixedFooter.propTypes = {
+  children: PropTypes7.node.isRequired,
+  justifyContent: PropTypes7.string
+};
+var FixedFooter_default = React65.memo(FixedFooter);
+
+// src/components/Table/SmartTableHeader.js
+import React66 from "react";
+import TableCell from "@mui/material/TableCell";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import TableSortLabel from "@mui/material/TableSortLabel";
+import PropTypes8 from "prop-types";
+import { makeStyles as makeStyles26 } from "tss-react/mui";
+import { jsx as jsx81, jsxs as jsxs51 } from "react/jsx-runtime";
+var useStyles26 = makeStyles26()(() => ({
+  root: {
+    backgroundColor: colors.background,
+    "& .MuiTableSortLabel-root": {
+      fontWeight: 600,
+      fontSize: ".875rem"
+    }
+  },
+  visuallyHidden: {
+    border: 0,
+    clip: "rect(0 0 0 0)",
+    height: 1,
+    margin: -1,
+    overflow: "hidden",
+    padding: 0,
+    position: "absolute",
+    top: 20,
+    width: 1
+  },
+  containerTh: {
+    borderBottom: "1px solid",
+    borderBottomColor: colors.brightGray,
+    backgroundColor: colors.background,
+    outline: "1px solid",
+    outlineColor: colors.background
+  }
+}));
+var SmartTableHeader = (props) => {
+  const { classes } = useStyles26();
+  const { order, orderBy, onRequestSort } = props;
+  const createSortHandler = (property) => (event) => {
+    onRequestSort(event, property);
+  };
+  return /* @__PURE__ */ jsx81(TableHead, { className: classes.root, children: /* @__PURE__ */ jsx81(TableRow, { children: props.headCells.map((headCell) => /* @__PURE__ */ jsx81(
+    TableCell,
+    {
+      className: classes.containerTh,
+      align: "left",
+      sortDirection: orderBy === headCell.id ? order : false,
+      children: /* @__PURE__ */ jsxs51(
+        TableSortLabel,
+        {
+          active: orderBy === headCell.id,
+          direction: orderBy === headCell.id ? order : "asc",
+          onClick: createSortHandler(headCell.id),
+          children: [
+            headCell.label,
+            orderBy === headCell.id ? /* @__PURE__ */ jsx81("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
+          ]
+        }
+      )
+    },
+    headCell.id
+  )) }) });
+};
+SmartTableHeader.propTypes = {
+  order: PropTypes8.string,
+  orderBy: PropTypes8.string,
+  onRequestSort: PropTypes8.func,
+  headCells: PropTypes8.any
+};
+var SmartTableHeader_default = React66.memo(SmartTableHeader);
+
+// src/components/Table/TableDesktop.tsx
+import { useState as useState5 } from "react";
+import {
+  Paper as Paper7,
+  Table,
+  TableBody,
+  TableContainer,
+  Skeleton
+} from "@mui/material";
+import { makeStyles as makeStyles28 } from "tss-react/mui";
+
+// src/components/Table/TableEmptyResult.tsx
+import { TableCell as TableCell2, TableRow as TableRow2, Typography as Typography13 } from "@mui/material";
+import { makeStyles as makeStyles27 } from "tss-react/mui";
+import { jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
+var useStyles27 = makeStyles27()(() => ({
+  tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
+  tableCellDefault: { padding: 24 }
+}));
+var TableEmptyResult = ({
+  showClearFilterButton = false,
+  handleClickOnClearFiltersButton = () => {
+  }
+}) => {
+  const { classes } = useStyles27();
+  return showClearFilterButton ? /* @__PURE__ */ jsx82(TableRow2, { children: /* @__PURE__ */ jsxs52(TableCell2, { className: classes.tableCellIcon, colSpan: 8, align: "center", children: [
+    /* @__PURE__ */ jsx82(EmptyGlassIcon_default, {}),
+    /* @__PURE__ */ jsx82(Typography13, { variant: "h6", children: "No results found." }),
+    /* @__PURE__ */ jsx82(Typography13, { variant: "subtitle1", children: "Search without applied filters?" }),
+    /* @__PURE__ */ jsx82(
+      FilledButton_default,
+      {
+        copy: "Search",
+        variant: "contained",
+        color: "primary",
+        onClick: handleClickOnClearFiltersButton
+      }
+    )
+  ] }) }) : /* @__PURE__ */ jsx82(TableRow2, { children: /* @__PURE__ */ jsx82(
+    TableCell2,
+    {
+      className: classes.tableCellDefault,
+      colSpan: 8,
+      align: "center",
+      children: "Nothing to display"
+    }
+  ) });
+};
+var TableEmptyResult_default = TableEmptyResult;
+
+// src/components/Table/TableDesktop.tsx
+import { Fragment as Fragment5, jsx as jsx83, jsxs as jsxs53 } from "react/jsx-runtime";
+var useStyles28 = makeStyles28()(() => ({
+  root: {
+    justifyContent: "space-between",
+    display: "flex",
+    justifyItems: "stretch"
+  },
+  paper: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between"
+  },
+  container: {
+    maxHeight: "100%"
+  }
+}));
+var desc = (a, b, orderBy) => {
+  if (b[orderBy] < a[orderBy]) {
+    return -1;
+  }
+  if (b[orderBy] > a[orderBy]) {
+    return 1;
+  }
+  return 0;
+};
+var stableSort = (array, cmp) => array.map((el, index) => [el, index]).sort((a, b) => {
+  const order = cmp(a[0], b[0]);
+  return order !== 0 ? order : a[1] - b[1];
+}).map((el) => el[0]);
+var getSorting = (order, orderBy) => order === "desc" ? (a, b) => desc(a, b, orderBy) : (a, b) => -desc(a, b, orderBy);
+var TableDesktop = ({
+  appliedFilters,
+  children,
+  data,
+  headCells,
+  height,
+  isLoading,
+  RenderItem,
+  rowsPerPage,
+  updateSort,
+  showClearFilterButton,
+  handleClickOnClearFiltersButton,
+  deleteItem,
+  keyField
+}) => {
+  const [order, setOrder] = useState5(
+    appliedFilters?.sortDir || "desc"
+  );
+  const [orderBy, setOrderBy] = useState5(
+    appliedFilters?.sortField || "delivery_date"
+  );
+  const [page] = useState5(0);
+  const { classes } = useStyles28();
+  const rowHeight = 56;
+  const handleRequestSort = (event, property) => {
+    const isAsc = orderBy === property && order === "asc";
+    const orderDir = isAsc ? "desc" : "asc";
+    setOrder(orderDir);
+    setOrderBy(property);
+    updateSort(property, orderDir);
+  };
+  const emptyRows = rowsPerPage - data.length;
+  return /* @__PURE__ */ jsx83("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsx83(Paper7, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx83("div", { children: [...Array(Math.floor(rowsPerPage))].map(() => /* @__PURE__ */ jsx83(
+    Skeleton,
+    {
+      animation: "pulse",
+      style: { margin: "8px", opacity: 0.4 },
+      variant: "rectangular",
+      height: rowHeight
+    },
+    Math.random()
+  )) }) : /* @__PURE__ */ jsxs53(Fragment5, { children: [
+    /* @__PURE__ */ jsx83(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs53(
+      Table,
+      {
+        "aria-labelledby": "tableTitle",
+        "aria-label": "sticky table",
+        stickyHeader: true,
+        children: [
+          /* @__PURE__ */ jsx83(
+            SmartTableHeader_default,
+            {
+              headCells,
+              order,
+              orderBy,
+              onRequestSort: handleRequestSort
+            }
+          ),
+          /* @__PURE__ */ jsxs53(TableBody, { children: [
+            stableSort(data, getSorting(order, orderBy)).slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((item, index) => /* @__PURE__ */ jsx83(
+              RenderItem,
+              {
+                ...{ ...item, index, deleteItem }
+              },
+              item[keyField]
+            )),
+            rowsPerPage === emptyRows && /* @__PURE__ */ jsx83(
+              TableEmptyResult_default,
+              {
+                showClearFilterButton,
+                handleClickOnClearFiltersButton
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    children
+  ] }) }) });
+};
+var TableDesktop_default = TableDesktop;
+
+// src/components/TableHeader/TableHeader.tsx
+import { memo as memo4, useEffect as useEffect4, useState as useState6 } from "react";
+import ImportExportIcon from "@mui/icons-material/ImportExport";
+import { TableCell as TableCell3, TableHead as TableHead2, TableRow as TableRow3, TableSortLabel as TableSortLabel2 } from "@mui/material";
+import { arrayOf as arrayOf2, bool as bool5, func as func6, oneOf as oneOf7, shape as shape3, string as string8 } from "prop-types";
+import { makeStyles as makeStyles29 } from "tss-react/mui";
+import { jsx as jsx84 } from "react/jsx-runtime";
+var useStyles29 = makeStyles29()(() => ({
+  sortLabel: {
+    "& .MuiTableSortLabel-icon": {
+      opacity: 1
+    }
+  }
+}));
+var TableHeader = ({ cells, onSort }) => {
+  const [sortableCells, setSortableCells] = useState6([]);
+  const { classes } = useStyles29();
+  useEffect4(() => {
+    setSortableCells(cells);
+  }, []);
+  const getNewSortDirection = (direction) => {
+    if (!direction) {
+      return "asc";
+    }
+    if (direction === "asc") {
+      return "desc";
+    }
+    return "";
+  };
+  const handleSortClick = (sortedCell) => {
+    const newDirection = getNewSortDirection(sortedCell?.direction);
+    if (onSort) {
+      onSort({
+        direction: newDirection,
+        name: sortedCell.name
+      });
+    }
+    const sortedCells = sortableCells.map((cell) => {
+      if (cell.name === sortedCell.name) {
+        return {
+          ...cell,
+          direction: newDirection
+        };
+      }
+      return {
+        ...cell,
+        direction: ""
+      };
+    });
+    setSortableCells(sortedCells);
+  };
+  return /* @__PURE__ */ jsx84(TableHead2, { children: /* @__PURE__ */ jsx84(TableRow3, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx84(TableCell3, { children: cell.isSortable ? /* @__PURE__ */ jsx84(
+    TableSortLabel2,
+    {
+      className: classes.sortLabel,
+      direction: cell?.direction || "asc",
+      IconComponent: ImportExportIcon,
+      onClick: () => handleSortClick(cell),
+      children: cell.label
+    }
+  ) : cell.label }, cell.label || key)) }) });
+};
+TableHeader.defaultProps = {
+  onSort: null
+};
+TableHeader.propTypes = {
+  cells: arrayOf2(
+    shape3({
+      direction: oneOf7(["asc", "desc", ""]),
+      isSortable: bool5,
+      label: string8,
+      name: string8
+    })
+  ).isRequired,
+  onSort: func6
+};
+var TableHeader_default = memo4(TableHeader);
+export {
+  AlertDialog_default as AlertDialog,
+  AlertDialogFullScreen_default as AlertDialogFullScreen,
+  AppLabel_default as AppLabel,
+  BackHeader_default as BackHeader,
+  BottomBar_default as BottomBar,
+  BoxButton_default as BoxButton,
+  CompanyLogo_default as CompanyLogo,
+  Date_default as Date,
+  DeleteSubstitutionDialogContent_default as DeleteSubstitutionDialogContent,
+  DeleteUserDialogContent_default as DeleteUserDialogContent,
+  DesktopContainer_default as DesktopContainer,
+  ExtendedButton_default as ExtendedButton,
+  FilledButton_default as FilledButton,
+  FilledButtonLg_default as FilledButtonLg,
+  FixedFooter_default as FixedFooter,
+  LeftDrawer_default as LeftDrawer,
+  Loading_default as Loading,
+  OutlinedButton_default as OutlinedButton,
+  PaginationForTable_default as Pagination,
+  ProductImage_default as ProductImage,
+  RenderContentList_default as RenderContentList,
+  RoundButton_default as RoundButton,
+  RowProductCard_default as RowProductCard,
+  SearchAndFilterHeaderForTable_default as SearchAndFilterHeaderForTable,
+  SearchWithFilters_default as SearchWithFilters,
+  SearchWithFiltersForTable_default as SearchWithFiltersForTable,
+  SectionName_default as SectionName,
+  Shift_default as Shift,
+  SmartTableHeader_default as SmartTableHeader,
+  TableDesktop_default as TableDesktop,
+  TableEmptyResult_default as TableEmptyResult,
+  TableHeader_default as TableHeader,
+  TheToolbar_default as TheToolbar,
+  TwoButtonDialog_default as TwoButtonDialog,
+  UserAvatar_default as UserAvatar,
+  UserBust_default as UserBust,
+  icons_default as icons
+};
+//# sourceMappingURL=index.js.map