mayak-common-library 0.0.27 → 0.0.28

package/dist/index.js

@@ -9,21 +9,15 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) =>
-  key in obj
-    ? __defProp(obj, key, {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value,
-      })
-    : (obj[key] = value);
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
     for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
@@ -45,31 +39,22 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 var __copyProps = (to, from, except, desc) => {
-  if ((from && typeof from === "object") || typeof from === "function") {
+  if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
       if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, {
-          get: () => from[key],
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
-        });
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (
-  (target = mod != null ? __create(__getProtoOf(mod)) : {}),
-  __copyProps(
-    // If the importer is in node compatibility mode or this is not an ESM
-    // file that has been converted to a CommonJS file using a Babel-
-    // compatible transform (i.e. "__esModule" has not been set), then set
-    // "default" to the CommonJS "module.exports" for node compatibility.
-    isNodeMode || !mod || !mod.__esModule
-      ? __defProp(target, "default", { value: mod, enumerable: true })
-      : target,
-    mod,
-  )
-);
-var __toCommonJS = (mod) =>
-  __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var src_exports = {};
@@ -101,7 +86,7 @@ __export(src_exports, {
   Slider: () => Slider_default,
   Switch: () => Switch_default,
   TeamPersonCard: () => TeamPersonCard_default,
-  Text: () => Text_default,
+  Text: () => Text_default
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -122,28 +107,18 @@ var StyledButton = (0, import_material.styled)(import_Button.default)(() => ({
   "&:hover": {
     backgroundColor: "unset",
     svg: {
-      filter:
-        "brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)",
-    },
+      filter: "brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)"
+    }
   },
   transition: "transform 0.1s ease-in-out",
   "&:active": {
     // p: {
     // transform: "scale(0.99)",
     // },
-  },
+  }
 }));
 var Button = (props) => {
-  const _a = props,
-    { children, base, bolt, border, small, large } = _a,
-    rest = __objRest(_a, [
-      "children",
-      "base",
-      "bolt",
-      "border",
-      "small",
-      "large",
-    ]);
+  const _a = props, { children, base, bolt, border, small, large } = _a, rest = __objRest(_a, ["children", "base", "bolt", "border", "small", "large"]);
   return /* @__PURE__ */ React.createElement(
     StyledButton,
     __spreadProps(__spreadValues({}, rest), {
@@ -151,45 +126,36 @@ var Button = (props) => {
       className: `${base ? "bg-accent-dark rounded-none text-white hover:bg-accent-beige text-base" : ""}
 ${small ? "py-1.5 px-4" : ""}
       ${large ? "py-5 px-10" : ""}   
-        ${border ? "border-b border-solid rounded-none" : ""}`,
+        ${border ? "border-b border-solid rounded-none" : ""}`
     }),
     /* @__PURE__ */ React.createElement(
       import_Typography.default,
       {
-        className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`,
+        className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`
       },
-      children,
-    ),
+      children
+    )
   );
 };
 var Button_default = Button;
 
 // src/components/Button/IconButton.tsx
 var import_material2 = require("@mui/material");
-var StyledButton2 = (0, import_material2.styled)(import_material2.IconButton)(
-  () => ({
-    width: "fit-content",
-    borderRadius: 0,
+var StyledButton2 = (0, import_material2.styled)(import_material2.IconButton)(() => ({
+  width: "fit-content",
+  borderRadius: 0,
+  svg: {
+    margin: "1px 0 0 0px"
+  },
+  "&:hover": {
     svg: {
-      margin: "1px 0 0 0px",
-    },
-    "&:hover": {
-      svg: {
-        filter:
-          "brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)",
-      },
-    },
-  }),
-);
+      filter: "brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)"
+    }
+  }
+}));
 var IconButton = (props) => {
-  const _a = props,
-    { children } = _a,
-    rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ React.createElement(
-    StyledButton2,
-    __spreadProps(__spreadValues({}, rest), { disableRipple: true }),
-    children,
-  );
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ React.createElement(StyledButton2, __spreadProps(__spreadValues({}, rest), { disableRipple: true }), children);
 };
 var IconButton_default = IconButton;
 
@@ -199,70 +165,48 @@ var import_material3 = require("@mui/material");
 
 // src/icons/dropdown-arrow.svg
 var React2 = __toESM(require("react"));
-var SvgDropdownArrow = (props) =>
-  /* @__PURE__ */ React2.createElement(
-    "svg",
-    __spreadValues(
-      {
-        width: 13,
-        height: 7,
-        viewBox: "0 0 13 7",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /* @__PURE__ */ React2.createElement("path", {
-      d: "M12 6.25L6.5 0.75L1 6.25",
-      stroke: "#343434",
-      strokeLinecap: "round",
-    }),
-  );
+var SvgDropdownArrow = (props) => /* @__PURE__ */ React2.createElement("svg", __spreadValues({ width: 13, height: 7, viewBox: "0 0 13 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React2.createElement("path", { d: "M12 6.25L6.5 0.75L1 6.25", stroke: "#343434", strokeLinecap: "round" }));
 var dropdown_arrow_default = SvgDropdownArrow;
 
 // src/components/Select/Select.tsx
-var StyledSelect = (0, import_material3.styled)(import_material3.Select)(
-  ({ open }) => ({
-    minWidth: 250,
-    "&.MuiInputBase-root": {
-      borderRadius: "0",
-      transition: "0.3s ease-in-out",
-      "&.Mui-focused": {
-        backgroundColor: open ? "white" : "transparent",
-      },
-    },
-    svg: {
-      // Added '&' to the beginning of the selector
-      position: "absolute",
-      right: "18px",
-      transform: `${open ? "rotate(180deg)" : "rotate(0deg)"}`,
-      // Moved the transform style here and added a condition based on the 'open' prop
-    },
+var StyledSelect = (0, import_material3.styled)(import_material3.Select)(({ open }) => ({
+  minWidth: 250,
+  "&.MuiInputBase-root": {
+    borderRadius: "0",
+    transition: "0.3s ease-in-out",
+    "&.Mui-focused": {
+      backgroundColor: open ? "white" : "transparent"
+    }
+  },
+  svg: {
+    // Added '&' to the beginning of the selector
+    position: "absolute",
+    right: "18px",
+    transform: `${open ? "rotate(180deg)" : "rotate(0deg)"}`
+    // Moved the transform style here and added a condition based on the 'open' prop
+  },
+  ".MuiOutlinedInput-notchedOutline": {
+    // transition: '0.3s ease-in-out',
+    borderColor: "#343434 "
+  },
+  // '.MuiSvgIcon-root':{
+  //     transition: '0.3s ease-in-out',
+  // },
+  ":hover": {
     ".MuiOutlinedInput-notchedOutline": {
-      // transition: '0.3s ease-in-out',
-      borderColor: "#343434 ",
-    },
-    // '.MuiSvgIcon-root':{
-    //     transition: '0.3s ease-in-out',
-    // },
-    ":hover": {
-      ".MuiOutlinedInput-notchedOutline": {
-        borderColor: "#343434",
-      },
-    },
-    "&.Mui-focused fieldset": {
-      "&.MuiOutlinedInput-notchedOutline": {
-        // borderColor: 'accent-dark',
-        border: "none",
-        // all: 'unset'
-      },
-    },
-  }),
-);
+      borderColor: "#343434"
+    }
+  },
+  "&.Mui-focused fieldset": {
+    "&.MuiOutlinedInput-notchedOutline": {
+      // borderColor: 'accent-dark',
+      border: "none"
+      // all: 'unset'
+    }
+  }
+}));
 var CustomSelect = (props) => {
-  const _a = props,
-    { children, placeholder } = _a,
-    rest = __objRest(_a, ["children", "placeholder"]);
+  const _a = props, { children, placeholder } = _a, rest = __objRest(_a, ["children", "placeholder"]);
   const myRef = (0, import_react.useRef)(null);
   const [open, setOpen] = (0, import_react.useState)(false);
   const uniqueId = "select_" + Math.random().toFixed(5).slice(2);
@@ -274,10 +218,7 @@ var CustomSelect = (props) => {
   };
   (0, import_react.useEffect)(() => {
     var _a2;
-    if (!open)
-      (_a2 = myRef.current) == null
-        ? void 0
-        : _a2.classList.remove("Mui-focused");
+    if (!open) (_a2 = myRef.current) == null ? void 0 : _a2.classList.remove("Mui-focused");
   }, [open]);
   return /* @__PURE__ */ React.createElement(
     StyledSelect,
@@ -287,12 +228,10 @@ var CustomSelect = (props) => {
       onOpen: handleOpen,
       onClose: handleClose,
       sx: {
-        "& .MuiSelect-select .notranslate::after": placeholder
-          ? {
-              content: `"${placeholder}"`,
-              // opacity: 0.42,
-            }
-          : {},
+        "& .MuiSelect-select .notranslate::after": placeholder ? {
+          content: `"${placeholder}"`
+          // opacity: 0.42,
+        } : {}
       },
       inputProps: { "aria-labelledby": uniqueId },
       className: `h-12 `,
@@ -302,41 +241,20 @@ var CustomSelect = (props) => {
         id: uniqueId,
         PaperProps: {
           classes: {
-            root: `menu ${open ? "menu--open" : "menu--close"}`,
-          },
-        },
+            root: `menu ${open ? "menu--open" : "menu--close"}`
+          }
+        }
       },
-      IconComponent: () =>
-        /* @__PURE__ */ React.createElement(dropdown_arrow_default, null),
+      IconComponent: () => /* @__PURE__ */ React.createElement(dropdown_arrow_default, null)
     }),
-    children,
+    children
   );
 };
 var Select_default = CustomSelect;
 
 // src/icons/search.svg
 var React3 = __toESM(require("react"));
-var SvgSearch = (props) =>
-  /* @__PURE__ */ React3.createElement(
-    "svg",
-    __spreadValues(
-      {
-        width: 24,
-        height: 25,
-        viewBox: "0 0 24 25",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /* @__PURE__ */ React3.createElement("path", {
-      d: "M21 12.5L12 3.5L3 12.5H5V19.5C5 20.0304 5.21071 20.5391 5.58579 20.9142C5.96086 21.2893 6.46957 21.5 7 21.5H11.7M9 21.5V15.5C9 14.9696 9.21071 14.4609 9.58579 14.0858C9.96086 13.7107 10.4696 13.5 11 13.5H13M20.1992 20.6992L21.9992 22.4992M15 18.5C15 19.2956 15.3161 20.0587 15.8787 20.6213C16.4413 21.1839 17.2044 21.5 18 21.5C18.7956 21.5 19.5587 21.1839 20.1213 20.6213C20.6839 20.0587 21 19.2956 21 18.5C21 17.7044 20.6839 16.9413 20.1213 16.3787C19.5587 15.8161 18.7956 15.5 18 15.5C17.2044 15.5 16.4413 15.8161 15.8787 16.3787C15.3161 16.9413 15 17.7044 15 18.5Z",
-      stroke: "#C8BCA1",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-    }),
-  );
+var SvgSearch = (props) => /* @__PURE__ */ React3.createElement("svg", __spreadValues({ width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React3.createElement("path", { d: "M21 12.5L12 3.5L3 12.5H5V19.5C5 20.0304 5.21071 20.5391 5.58579 20.9142C5.96086 21.2893 6.46957 21.5 7 21.5H11.7M9 21.5V15.5C9 14.9696 9.21071 14.4609 9.58579 14.0858C9.96086 13.7107 10.4696 13.5 11 13.5H13M20.1992 20.6992L21.9992 22.4992M15 18.5C15 19.2956 15.3161 20.0587 15.8787 20.6213C16.4413 21.1839 17.2044 21.5 18 21.5C18.7956 21.5 19.5587 21.1839 20.1213 20.6213C20.6839 20.0587 21 19.2956 21 18.5C21 17.7044 20.6839 16.9413 20.1213 16.3787C19.5587 15.8161 18.7956 15.5 18 15.5C17.2044 15.5 16.4413 15.8161 15.8787 16.3787C15.3161 16.9413 15 17.7044 15 18.5Z", stroke: "#C8BCA1", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
 var search_default = SvgSearch;
 
 // src/components/Select/SelectPro.tsx
@@ -345,34 +263,7 @@ var import_material4 = require("@mui/material");
 
 // src/icons/close.svg
 var React4 = __toESM(require("react"));
-var SvgClose = (props) =>
-  /* @__PURE__ */ React4.createElement(
-    "svg",
-    __spreadValues(
-      {
-        width: 9,
-        height: 9,
-        viewBox: "0 0 9 9",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /* @__PURE__ */ React4.createElement("path", {
-      d: "M1 7.5L7.5 1",
-      stroke: "#343434",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-    }),
-    /* @__PURE__ */ React4.createElement("path", {
-      d: "M7.5 7.5L1 1",
-      stroke: "#343434",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-    }),
-  );
+var SvgClose = (props) => /* @__PURE__ */ React4.createElement("svg", __spreadValues({ width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React4.createElement("path", { d: "M1 7.5L7.5 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React4.createElement("path", { d: "M7.5 7.5L1 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
 var close_default = SvgClose;
 
 // src/components/Select/SelectPro.tsx
@@ -384,7 +275,7 @@ var SelectPro = ({
   clickComponent,
   fullContainerWidth = false,
   overButton = false,
-  small = false,
+  small = false
 }) => {
   const [btn, setAnchorEl] = (0, import_react2.useState)(null);
   const [open, setOpen] = (0, import_react2.useState)(false);
@@ -403,128 +294,97 @@ var SelectPro = ({
       setAnchorEl(null);
     }, 200);
   };
-  const childrenWithHandleChange = (0, import_react2.isValidElement)(children)
-    ? (0, import_react2.cloneElement)(children, {
-        collapseParent: handleClose,
-      })
-    : children;
-  return /* @__PURE__ */ React.createElement(
-    import_material4.ClickAwayListener,
-    { onClickAway: handleClose },
+  const childrenWithHandleChange = (0, import_react2.isValidElement)(children) ? (0, import_react2.cloneElement)(children, {
+    collapseParent: handleClose
+  }) : children;
+  return /* @__PURE__ */ React.createElement(import_material4.ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React.createElement(import_material4.Box, null, clickComponent ? (0, import_react2.cloneElement)(clickComponent, {
+    ref: btn,
+    onClick: handleClick
+    // onClick: (e) => {
+    //   clickComponent.props.onClick(e);
+    //   // e.preventDefault();
+    //   handleClick(e);
+    // },
+  }) : /* @__PURE__ */ React.createElement(
+    import_material4.Button,
+    {
+      ref: btn,
+      "aria-controls": open ? "basic-menu" : void 0,
+      "aria-haspopup": "true",
+      "aria-expanded": open ? "true" : void 0,
+      onClick: handleClick,
+      disableRipple: true,
+      fullWidth: true,
+      sx: {
+        height: small ? "34px" : "49px",
+        padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
+      },
+      className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`
+    },
     /* @__PURE__ */ React.createElement(
-      import_material4.Box,
-      null,
-      clickComponent
-        ? (0, import_react2.cloneElement)(clickComponent, {
-            ref: btn,
-            onClick: handleClick,
-            // onClick: (e) => {
-            //   clickComponent.props.onClick(e);
-            //   // e.preventDefault();
-            //   handleClick(e);
-            // },
-          })
-        : /* @__PURE__ */ React.createElement(
-            import_material4.Button,
-            {
-              ref: btn,
-              "aria-controls": open ? "basic-menu" : void 0,
-              "aria-haspopup": "true",
-              "aria-expanded": open ? "true" : void 0,
-              onClick: handleClick,
-              disableRipple: true,
-              fullWidth: true,
-              sx: {
-                height: small ? "34px" : "49px",
-                padding: small ? "0 10px 0 6px" : "0 20px 0 19px",
-              },
-              className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
-            },
-            /* @__PURE__ */ React.createElement(
-              import_material4.Typography,
-              {
-                className: "text-sm leading-4",
-              },
-              `${placeholder}`,
-            ),
-            colorBorder
-              ? /* @__PURE__ */ React.createElement(search_default, null)
-              : /* @__PURE__ */ React.createElement(dropdown_arrow_default, {
-                  style: {
-                    transform: open ? "scaleY(-1)" : "scaleY(1)",
-                    transition: "0.3s ease-in-out",
-                  },
-                }),
-          ),
-      btn
-        ? /* @__PURE__ */ React.createElement(
-            import_material4.Paper,
-            {
-              sx: {
-                position: "absolute",
-                width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
-                left: fullContainerWidth ? 0 : "initial",
-                right: fullContainerWidth ? 0 : "initial",
-                top: overButton ? 0 : "initial",
-              },
-              className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`,
-            },
-            /* @__PURE__ */ React.createElement(
-              import_material4.Box,
-              { className: `flex flex-col p-3 gap-3` },
-              overButton
-                ? /* @__PURE__ */ React.createElement(
-                    IconButton_default,
-                    {
-                      className: "bg-accent-silver p-1 self-end absolute",
-                      onClick: handleClose,
-                    },
-                    /* @__PURE__ */ React.createElement(close_default, null),
-                  )
-                : null,
-              childTitle
-                ? /* @__PURE__ */ React.createElement(
-                    import_material4.Typography,
-                    {
-                      className: "text-sm font-normal text-accent-silver-2",
-                    },
-                    childTitle,
-                  )
-                : null,
-              childrenWithHandleChange,
-            ),
-          )
-        : null,
+      import_material4.Typography,
+      {
+        className: "text-sm leading-4"
+      },
+      `${placeholder}`
     ),
-  );
+    colorBorder ? /* @__PURE__ */ React.createElement(search_default, null) : /* @__PURE__ */ React.createElement(
+      dropdown_arrow_default,
+      {
+        style: {
+          transform: open ? "scaleY(-1)" : "scaleY(1)",
+          transition: "0.3s ease-in-out"
+        }
+      }
+    )
+  ), btn ? /* @__PURE__ */ React.createElement(
+    import_material4.Paper,
+    {
+      sx: {
+        position: "absolute",
+        width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
+        left: fullContainerWidth ? 0 : "initial",
+        right: fullContainerWidth ? 0 : "initial",
+        top: overButton ? 0 : "initial"
+      },
+      className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`
+    },
+    /* @__PURE__ */ React.createElement(import_material4.Box, { className: `flex flex-col p-3 gap-3` }, overButton ? /* @__PURE__ */ React.createElement(
+      IconButton_default,
+      {
+        className: "bg-accent-silver p-1 self-end absolute",
+        onClick: handleClose
+      },
+      /* @__PURE__ */ React.createElement(close_default, null)
+    ) : null, childTitle ? /* @__PURE__ */ React.createElement(
+      import_material4.Typography,
+      {
+        className: "text-sm font-normal text-accent-silver-2"
+      },
+      childTitle
+    ) : null, childrenWithHandleChange)
+  ) : null));
 };
 var SelectPro_default = SelectPro;
 
 // src/components/Chip/Chip.tsx
 var import_material5 = require("@mui/material");
-var StyledChip = (0, import_material5.styled)(import_material5.Chip)(
-  ({ theme: theme2 }) => ({
-    borderRadius: theme2.shape.borderRadius,
-  }),
-);
+var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme: theme2 }) => ({
+  borderRadius: theme2.shape.borderRadius
+}));
 var ChipViews = {
   black: "bg-accent-dark text-accent-white py-1.5 px-4",
   line: "border border-solid border-accent-dark bg-accent-white",
   white: "bg-accent-white text-accent-dark",
-  silver: "bg-accent-silver",
+  silver: "bg-accent-silver"
 };
 var CustomChip = (props) => {
-  const _a = props,
-    { view } = _a,
-    rest = __objRest(_a, ["view"]);
+  const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
   return /* @__PURE__ */ React.createElement(
     StyledChip,
-    __spreadValues(
-      {
-        className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`,
-      },
-      rest,
-    ),
+    __spreadValues({
+      className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`
+    }, rest)
   );
 };
 var Chip_default = CustomChip;
@@ -532,64 +392,41 @@ var Chip_default = CustomChip;
 // src/components/Badge/Badge.tsx
 var import_material6 = require("@mui/material");
 var CustomBadge = (props) => {
-  return /* @__PURE__ */ React.createElement(
-    import_material6.Badge,
-    __spreadValues({}, props),
-  );
+  return /* @__PURE__ */ React.createElement(import_material6.Badge, __spreadValues({}, props));
 };
 var Badge_default = CustomBadge;
 
 // src/components/Avatar/Avatar.tsx
 var import_Avatar = __toESM(require("@mui/material/Avatar"));
 var CustomAvatar = (props) => {
-  return /* @__PURE__ */ React.createElement(
-    import_Avatar.default,
-    __spreadValues({}, props),
-  );
+  return /* @__PURE__ */ React.createElement(import_Avatar.default, __spreadValues({}, props));
 };
 var Avatar_default = CustomAvatar;
 
 // src/components/Text/Text.tsx
 var import_Typography2 = __toESM(require("@mui/material/Typography"));
 var Text = (props) => {
-  const _a = props,
-    { children } = _a,
-    rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ React.createElement(
-    import_Typography2.default,
-    __spreadValues({}, rest),
-    children,
-  );
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ React.createElement(import_Typography2.default, __spreadValues({}, rest), children);
 };
 var Text_default = Text;
 
 // src/components/Radio/Radio.tsx
 var import_react3 = __toESM(require("react"));
 var import_Radio = __toESM(require("@mui/material/Radio"));
-var import_FormControlLabel = __toESM(
-  require("@mui/material/FormControlLabel"),
-);
+var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"));
 var CustomRadio = (props) => {
   const { value, label, radioProps, labelProps } = props;
   if (label && value)
     return /* @__PURE__ */ import_react3.default.createElement(
       import_FormControlLabel.default,
-      __spreadValues(
-        {
-          value,
-          control: /* @__PURE__ */ import_react3.default.createElement(
-            import_Radio.default,
-            __spreadValues({}, radioProps),
-          ),
-          label,
-        },
-        labelProps,
-      ),
+      __spreadValues({
+        value,
+        control: /* @__PURE__ */ import_react3.default.createElement(import_Radio.default, __spreadValues({}, radioProps)),
+        label
+      }, labelProps)
     );
-  return /* @__PURE__ */ import_react3.default.createElement(
-    import_Radio.default,
-    __spreadValues({}, radioProps),
-  );
+  return /* @__PURE__ */ import_react3.default.createElement(import_Radio.default, __spreadValues({}, radioProps));
 };
 var Radio_default = CustomRadio;
 
@@ -597,127 +434,81 @@ var Radio_default = CustomRadio;
 var import_react4 = __toESM(require("react"));
 var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"));
 var CustomRadioGroup = (props) => {
-  const _a = props,
-    { children } = _a,
-    rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ import_react4.default.createElement(
-    import_RadioGroup.default,
-    __spreadValues({}, rest),
-    children,
-  );
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ import_react4.default.createElement(import_RadioGroup.default, __spreadValues({}, rest), children);
 };
 var RadioGroup_default = CustomRadioGroup;
 
 // src/components/Switch/Switch.tsx
 var import_material7 = require("@mui/material");
 var import_Typography3 = __toESM(require("@mui/material/Typography"));
-var Switch = (0, import_material7.styled)(import_material7.Switch)(
-  ({ theme: theme2 }) => ({
-    width: 60,
-    height: 30,
-    padding: 0,
-    display: "flex",
-    "&:active": {
-      "& .MuiSwitch-thumb": {
-        width: 20,
-      },
-      "& .MuiSwitch-switchBase.Mui-checked": {
-        transform: "translateX(12px)",
-      },
-    },
-    "& .MuiSwitch-switchBase": {
-      padding: 5.1,
-      color: "#C8BCA1",
-      transform: "translateX(2px)",
-      "&.Mui-checked": {
-        transform: "translateX(30px)",
-        color: "#C8BCA1",
-        "& + .MuiSwitch-track": {
-          opacity: 1,
-          backgroundColor: "#343434",
-        },
-      },
-    },
+var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: theme2 }) => ({
+  width: 60,
+  height: 30,
+  padding: 0,
+  display: "flex",
+  "&:active": {
     "& .MuiSwitch-thumb": {
-      width: 20,
-      height: 20,
-      borderRadius: "100%",
-      transition: theme2.transitions.create(["width"], {
-        duration: 200,
-      }),
-    },
-    "& .MuiSwitch-track": {
-      borderRadius: "22px",
-      opacity: 1,
-      backgroundColor: "#343434",
-      boxSizing: "border-box",
+      width: 20
     },
-  }),
-);
+    "& .MuiSwitch-switchBase.Mui-checked": {
+      transform: "translateX(12px)"
+    }
+  },
+  "& .MuiSwitch-switchBase": {
+    padding: 5.1,
+    color: "#C8BCA1",
+    transform: "translateX(2px)",
+    "&.Mui-checked": {
+      transform: "translateX(30px)",
+      color: "#C8BCA1",
+      "& + .MuiSwitch-track": {
+        opacity: 1,
+        backgroundColor: "#343434"
+      }
+    }
+  },
+  "& .MuiSwitch-thumb": {
+    width: 20,
+    height: 20,
+    borderRadius: "100%",
+    transition: theme2.transitions.create(["width"], {
+      duration: 200
+    })
+  },
+  "& .MuiSwitch-track": {
+    borderRadius: "22px",
+    opacity: 1,
+    backgroundColor: "#343434",
+    boxSizing: "border-box"
+  }
+}));
 var CustomSwitch = (props) => {
-  const _a = props,
-    { beforeText, afterText } = _a,
-    rest = __objRest(_a, ["beforeText", "afterText"]);
-  return /* @__PURE__ */ React.createElement(
-    import_material7.Stack,
-    { direction: "row", spacing: 1, alignItems: "center" },
-    beforeText
-      ? /* @__PURE__ */ React.createElement(
-          import_Typography3.default,
-          { className: "text-base" },
-          beforeText,
-        )
-      : null,
-    /* @__PURE__ */ React.createElement(
-      Switch,
-      __spreadProps(__spreadValues({ defaultChecked: true }, rest), {
-        disableRipple: true,
-      }),
-    ),
-    afterText
-      ? /* @__PURE__ */ React.createElement(
-          import_Typography3.default,
-          { className: "text-base" },
-          afterText,
-        )
-      : null,
-  );
+  const _a = props, { beforeText, afterText } = _a, rest = __objRest(_a, ["beforeText", "afterText"]);
+  return /* @__PURE__ */ React.createElement(import_material7.Stack, { direction: "row", spacing: 1, alignItems: "center" }, beforeText ? /* @__PURE__ */ React.createElement(import_Typography3.default, { className: "text-base" }, beforeText) : null, /* @__PURE__ */ React.createElement(Switch, __spreadProps(__spreadValues({ defaultChecked: true }, rest), { disableRipple: true })), afterText ? /* @__PURE__ */ React.createElement(import_Typography3.default, { className: "text-base" }, afterText) : null);
 };
 var Switch_default = CustomSwitch;
 
 // src/components/Slider/Slider.tsx
 var import_material8 = require("@mui/material");
-var StyledSlider = (0, import_material8.styled)(import_material8.Slider)(
-  () => ({}),
-);
+var StyledSlider = (0, import_material8.styled)(import_material8.Slider)(() => ({}));
 var CustomSlider = (props) => {
-  return /* @__PURE__ */ React.createElement(
-    StyledSlider,
-    __spreadValues({}, props),
-  );
+  return /* @__PURE__ */ React.createElement(StyledSlider, __spreadValues({}, props));
 };
 var Slider_default = CustomSlider;
 
 // src/components/MenuItem/MenuItem.tsx
 var import_material9 = require("@mui/material");
-var StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(
-  () => ({
-    borderRadius: "5px",
-    "&.Mui-selected": {
-      backgroundColor: "unset",
-      color: "purple",
-    },
-  }),
-);
+var StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(() => ({
+  borderRadius: "5px",
+  "&.Mui-selected": {
+    backgroundColor: "unset",
+    color: "purple"
+  }
+}));
 var CustomMenuItem = (props) => {
-  const _a = props,
-    { children } = _a,
-    rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ React.createElement(
-    StyledMenuItem,
-    __spreadValues({}, rest),
-    children,
-  );
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ React.createElement(StyledMenuItem, __spreadValues({}, rest), children);
 };
 var MenuItem_default = CustomMenuItem;
 
@@ -726,50 +517,34 @@ var import_material10 = require("@mui/material");
 var import_Input = __toESM(require("@mui/material/Input"));
 var StyledInput = (0, import_material10.styled)(import_Input.default)(() => ({
   "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button": {
-    display: "none",
+    display: "none"
   },
   "& input[type=number]": {
-    MozAppearance: "textfield",
-  },
+    MozAppearance: "textfield"
+  }
 }));
 var CustomInput = (props) => {
-  const _a = props,
-    { type, adornmentText, value } = _a,
-    rest = __objRest(_a, ["type", "adornmentText", "value"]);
+  const _a = props, { type, adornmentText, value } = _a, rest = __objRest(_a, ["type", "adornmentText", "value"]);
   const handleKeyDown = (event) => {
-    if (
-      type === "number" &&
-      !/[0-9]/.test(event.key) &&
-      event.key !== "Backspace"
-    ) {
+    if (type === "number" && !/[0-9]/.test(event.key) && event.key !== "Backspace") {
       event.preventDefault();
       event.stopPropagation();
     }
   };
   return /* @__PURE__ */ React.createElement(
     StyledInput,
-    __spreadValues(
-      {
-        disableUnderline: true,
-        onKeyDown: handleKeyDown,
-        startAdornment: adornmentText
-          ? /* @__PURE__ */ React.createElement(
-              import_material10.InputAdornment,
-              { position: "start", className: "text-sm" },
-              adornmentText,
-            )
-          : void 0,
-        value,
-        componentsProps: {
-          root: {
-            className:
-              "border border-black rounded-none border-solid py-1.5 px-2.5 h-8",
-          },
-        },
-        type: type || "string",
+    __spreadValues({
+      disableUnderline: true,
+      onKeyDown: handleKeyDown,
+      startAdornment: adornmentText ? /* @__PURE__ */ React.createElement(import_material10.InputAdornment, { position: "start", className: "text-sm" }, adornmentText) : void 0,
+      value,
+      componentsProps: {
+        root: {
+          className: "border border-black rounded-none border-solid py-1.5 px-2.5 h-8"
+        }
       },
-      rest,
-    ),
+      type: type || "string"
+    }, rest)
   );
 };
 var Input_default = CustomInput;
@@ -779,9 +554,7 @@ var import_react_number_format = require("react-number-format");
 var import_react5 = require("react");
 var PhoneInput = (0, import_react5.forwardRef)(
   function NumericFormatCustom(props, ref) {
-    const _a = props,
-      { onChange } = _a,
-      other = __objRest(_a, ["onChange"]);
+    const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
     return /* @__PURE__ */ React.createElement(
       import_react_number_format.PatternFormat,
       __spreadProps(__spreadValues({}, other), {
@@ -791,15 +564,15 @@ var PhoneInput = (0, import_react5.forwardRef)(
           onChange({
             target: {
               name: props.name,
-              value: values.value,
-            },
+              value: values.value
+            }
           });
         },
         placeholder: "000 000 00 00",
-        format: "### ### ## ##",
-      }),
+        format: "### ### ## ##"
+      })
     );
-  },
+  }
 );
 var PhoneInput_default = PhoneInput;
 
@@ -807,31 +580,7 @@ var PhoneInput_default = PhoneInput;
 var import_material11 = require("@mui/material");
 var import_Typography4 = __toESM(require("@mui/material/Typography"));
 var FromToInput = ({ label }) => {
-  return /* @__PURE__ */ React.createElement(
-    import_material11.Stack,
-    null,
-    label
-      ? /* @__PURE__ */ React.createElement(
-          import_Typography4.default,
-          { className: "text-accent-dark text-xs" },
-          label,
-        )
-      : null,
-    /* @__PURE__ */ React.createElement(
-      import_material11.Stack,
-      { direction: "row", spacing: 1 },
-      /* @__PURE__ */ React.createElement(Input_default, {
-        adornmentText: "\u0432\u0456\u0434",
-        fullWidth: true,
-        type: "number",
-      }),
-      /* @__PURE__ */ React.createElement(Input_default, {
-        adornmentText: "\u0434\u043E",
-        fullWidth: true,
-        type: "number",
-      }),
-    ),
-  );
+  return /* @__PURE__ */ React.createElement(import_material11.Stack, null, label ? /* @__PURE__ */ React.createElement(import_Typography4.default, { className: "text-accent-dark text-xs" }, label) : null, /* @__PURE__ */ React.createElement(import_material11.Stack, { direction: "row", spacing: 1 }, /* @__PURE__ */ React.createElement(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }), /* @__PURE__ */ React.createElement(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })));
 };
 var FromToInput_default = FromToInput;
 
@@ -841,9 +590,7 @@ var import_react7 = require("react");
 var import_cache = __toESM(require("@emotion/cache"));
 var import_navigation = require("next/navigation");
 var import_react8 = require("@emotion/react");
-var import_ThemeProvider = __toESM(
-  require("@mui/material/styles/ThemeProvider"),
-);
+var import_ThemeProvider = __toESM(require("@mui/material/styles/ThemeProvider"));
 var import_createTheme = __toESM(require("@mui/material/styles/createTheme"));
 var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"));
 var import_stylis = require("stylis");
@@ -854,11 +601,11 @@ var WINDOW_SIZE = {
   sm: 400,
   md: 700,
   lg: 1200,
-  xl: 1620,
+  xl: 1620
 };
 var _theme = {
   typography: {
-    fontFamily: ["RockStar", "sans-serif"].join(","),
+    fontFamily: ["RockStar", "sans-serif"].join(",")
     // body1: {
     //   fontSize: 14,
     //   lineHeight: "22px",
@@ -870,18 +617,18 @@ var _theme = {
       sm: WINDOW_SIZE.sm,
       md: WINDOW_SIZE.md,
       lg: WINDOW_SIZE.lg,
-      xl: WINDOW_SIZE.xl,
-    },
+      xl: WINDOW_SIZE.xl
+    }
   },
   components: {
     MuiButton: {
       styleOverrides: {
         root: {
-          fontFamily: "RockStar, sans-serif",
-        },
-      },
-    },
-  },
+          fontFamily: "RockStar, sans-serif"
+        }
+      }
+    }
+  }
 };
 
 // src/theme/index.tsx
@@ -891,7 +638,7 @@ function ThemeRegistry(props) {
   const [{ cache, flush }] = (0, import_react7.useState)(() => {
     const cache2 = (0, import_cache.default)({
       key: "mui",
-      stylisPlugins: [import_stylis.prefixer],
+      stylisPlugins: [import_stylis.prefixer]
     });
     cache2.compat = true;
     const prevInsert = cache2.insert;
@@ -917,27 +664,18 @@ function ThemeRegistry(props) {
     for (const name of names) {
       styles += cache.inserted[name];
     }
-    return /* @__PURE__ */ import_react6.default.createElement("style", {
-      key: cache.key,
-      "data-emotion": `${cache.key} ${names.join(" ")}`,
-      dangerouslySetInnerHTML: {
-        __html: styles,
-      },
-    });
+    return /* @__PURE__ */ import_react6.default.createElement(
+      "style",
+      {
+        key: cache.key,
+        "data-emotion": `${cache.key} ${names.join(" ")}`,
+        dangerouslySetInnerHTML: {
+          __html: styles
+        }
+      }
+    );
   });
-  return /* @__PURE__ */ import_react6.default.createElement(
-    import_react8.CacheProvider,
-    { value: cache },
-    /* @__PURE__ */ import_react6.default.createElement(
-      import_ThemeProvider.default,
-      { theme },
-      /* @__PURE__ */ import_react6.default.createElement(
-        import_CssBaseline.default,
-        null,
-      ),
-      children,
-    ),
-  );
+  return /* @__PURE__ */ import_react6.default.createElement(import_react8.CacheProvider, { value: cache }, /* @__PURE__ */ import_react6.default.createElement(import_ThemeProvider.default, { theme }, /* @__PURE__ */ import_react6.default.createElement(import_CssBaseline.default, null), children));
 }
 
 // src/providers/Providers.tsx
@@ -957,41 +695,29 @@ var AppBar = ({ links }) => {
     const indicator = document.querySelector(".nav-indicator");
     const navItem = navItemsRef.current[activeIndex];
     const navItemWidth = navItem.offsetWidth;
-    const navItemLeft =
-      navItem.offsetLeft + navItemWidth / 2 - indicator.offsetWidth / 2;
+    const navItemLeft = navItem.offsetLeft + navItemWidth / 2 - indicator.offsetWidth / 2;
     const navItemTop = navItem.offsetTop - 5;
-    indicator == null
-      ? void 0
-      : indicator.setAttribute(
-          "style",
-          `transform: translate(${navItemLeft}px, ${navItemTop}px);`,
-        );
+    indicator == null ? void 0 : indicator.setAttribute(
+      "style",
+      `transform: translate(${navItemLeft}px, ${navItemTop}px);`
+    );
   }, [activeIndex]);
   const handleClick = (index) => {
     setActiveIndex(index);
   };
-  return /* @__PURE__ */ React.createElement(
-    import_material12.Stack,
-    { direction: "row", spacing: 1, position: "relative" },
-    /* @__PURE__ */ React.createElement(import_material12.Box, {
-      className: "nav-indicator",
-    }),
-    links.map((link, index) =>
-      /* @__PURE__ */ React.createElement(
-        import_link.default,
-        {
-          ref: (el) => {
-            navItemsRef.current[index] = el;
-          },
-          key: index,
-          href: link.path,
-          className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
-          onClick: () => handleClick(index),
-        },
-        link.title,
-      ),
-    ),
-  );
+  return /* @__PURE__ */ React.createElement(import_material12.Stack, { direction: "row", spacing: 1, position: "relative" }, /* @__PURE__ */ React.createElement(import_material12.Box, { className: "nav-indicator" }), links.map((link, index) => /* @__PURE__ */ React.createElement(
+    import_link.default,
+    {
+      ref: (el) => {
+        navItemsRef.current[index] = el;
+      },
+      key: index,
+      href: link.path,
+      className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
+      onClick: () => handleClick(index)
+    },
+    link.title
+  )));
 };
 var AppBar_default = AppBar;
 
@@ -1007,48 +733,26 @@ var ImageContainer = (props) => {
     contentful = true,
     priority = false,
     loading = "lazy",
-    objectFit = "object-cover",
+    objectFit = "object-cover"
   } = props;
-  return /* @__PURE__ */ React.createElement(
-    import_material13.Box,
-    { className: `relative ${width} ${height}` },
-    /* @__PURE__ */ React.createElement(import_image.default, {
+  return /* @__PURE__ */ React.createElement(import_material13.Box, { className: `relative ${width} ${height}` }, /* @__PURE__ */ React.createElement(
+    import_image.default,
+    {
       className: `${objectFit} object-center`,
       src: contentful ? `https:${src}` : src,
       alt,
       fill: true,
       loading,
       sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
-      priority,
-    }),
-  );
+      priority
+    }
+  ));
 };
 var ImageContainer_default = ImageContainer;
 
 // src/icons/map-search.svg
 var React8 = __toESM(require("react"));
-var SvgMapSearch = (props) =>
-  /* @__PURE__ */ React8.createElement(
-    "svg",
-    __spreadValues(
-      {
-        width: 24,
-        height: 24,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /* @__PURE__ */ React8.createElement("path", {
-      d: "M11 18L9 17M9 17L3 20V7L9 4M9 17V4M9 4L15 7M15 7L21 4V11.5M15 7V12M20.1992 20.1992L21.9992 21.9992M15 18C15 18.7956 15.3161 19.5587 15.8787 20.1213C16.4413 20.6839 17.2044 21 18 21C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 17.2044 20.6839 16.4413 20.1213 15.8787C19.5587 15.3161 18.7956 15 18 15C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18Z",
-      stroke: "#343434",
-      className: "stroke-current",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-    }),
-  );
+var SvgMapSearch = (props) => /* @__PURE__ */ React8.createElement("svg", __spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React8.createElement("path", { d: "M11 18L9 17M9 17L3 20V7L9 4M9 17V4M9 4L15 7M15 7L21 4V11.5M15 7V12M20.1992 20.1992L21.9992 21.9992M15 18C15 18.7956 15.3161 19.5587 15.8787 20.1213C16.4413 20.6839 17.2044 21 18 21C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 17.2044 20.6839 16.4413 20.1213 15.8787C19.5587 15.3161 18.7956 15 18 15C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18Z", stroke: "#343434", className: "stroke-current", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
 var map_search_default = SvgMapSearch;
 
 // src/components/Card/CategoryCard.tsx
@@ -1061,36 +765,14 @@ var NO_IMAGE = "/images/no-photo.svg";
 // src/components/Card/CategoryCard.tsx
 var CategoryCard = (props) => {
   const { link, text, title, image_url = NO_IMAGE } = props;
-  return /* @__PURE__ */ React.createElement(
-    import_link2.default,
-    { href: link, className: "group/card" },
-    /* @__PURE__ */ React.createElement(
-      import_material14.Box,
-      { className: "flex flex-col gap-[20px]" },
-      /* @__PURE__ */ React.createElement(ImageContainer_default, {
-        src: image_url,
-        alt: title,
-        height: "h-[300px]",
-      }),
-      /* @__PURE__ */ React.createElement(
-        import_material14.Box,
-        { className: "flex flex-col px-[16px]" },
-        /* @__PURE__ */ React.createElement(
-          import_material14.Typography,
-          {
-            component: "span",
-            className: "font-extrabold text-16 group-hover/card:text-gold2",
-          },
-          title,
-        ),
-        /* @__PURE__ */ React.createElement(
-          import_material14.Typography,
-          { component: "span", className: "group-hover/card:text-gold2" },
-          text,
-        ),
-      ),
-    ),
-  );
+  return /* @__PURE__ */ React.createElement(import_link2.default, { href: link, className: "group/card" }, /* @__PURE__ */ React.createElement(import_material14.Box, { className: "flex flex-col gap-[20px]" }, /* @__PURE__ */ React.createElement(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }), /* @__PURE__ */ React.createElement(import_material14.Box, { className: "flex flex-col px-[16px]" }, /* @__PURE__ */ React.createElement(
+    import_material14.Typography,
+    {
+      component: "span",
+      className: "font-extrabold text-16 group-hover/card:text-gold2"
+    },
+    title
+  ), /* @__PURE__ */ React.createElement(import_material14.Typography, { component: "span", className: "group-hover/card:text-gold2" }, text))));
 };
 var CategoryCard_default = CategoryCard;
 
@@ -1100,44 +782,29 @@ var import_material15 = require("@mui/material");
 var import_Typography5 = __toESM(require("@mui/material/Typography"));
 var ArticleCard = (props) => {
   const { image_src = NO_IMAGE } = props;
-  return /* @__PURE__ */ React.createElement(
-    import_link3.default,
-    { href: "/", className: "group/card bg-gray-light" },
-    /* @__PURE__ */ React.createElement(ImageContainer_default, {
+  return /* @__PURE__ */ React.createElement(import_link3.default, { href: "/", className: "group/card bg-gray-light" }, /* @__PURE__ */ React.createElement(
+    ImageContainer_default,
+    {
       src: image_src,
       alt: "test",
       contentful: false,
-      height: "h-[220px]",
-    }),
-    /* @__PURE__ */ React.createElement(
-      import_material15.Box,
-      {
-        className:
-          "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]",
-      },
-      /* @__PURE__ */ React.createElement(
-        import_Typography5.default,
-        {
-          component: "span",
-          className: "text-16 font-extrabold group-hover/card:text-gold2",
-        },
-        "\u041E\u0441\u043E\u0431\u043B\u0438\u0432\u043E\u0441\u0442\u0456 \u043A\u0443\u043F\u0456\u0432\u043B\u0456 \u0433\u043E\u0442\u0435\u043B\u044E",
-      ),
-      /* @__PURE__ */ React.createElement(
-        import_Typography5.default,
-        {
-          component: "span",
-          className: "text-gray group-hover/card:text-gold2",
-        },
-        "We have built a strong network in Dubai since 2009, which allows us to source the best deal for",
-      ),
-      /* @__PURE__ */ React.createElement(
-        import_Typography5.default,
-        { component: "span", className: "border-gold-block-snack" },
-        "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430",
-      ),
-    ),
-  );
+      height: "h-[220px]"
+    }
+  ), /* @__PURE__ */ React.createElement(import_material15.Box, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]" }, /* @__PURE__ */ React.createElement(
+    import_Typography5.default,
+    {
+      component: "span",
+      className: "text-16 font-extrabold group-hover/card:text-gold2"
+    },
+    "\u041E\u0441\u043E\u0431\u043B\u0438\u0432\u043E\u0441\u0442\u0456 \u043A\u0443\u043F\u0456\u0432\u043B\u0456 \u0433\u043E\u0442\u0435\u043B\u044E"
+  ), /* @__PURE__ */ React.createElement(
+    import_Typography5.default,
+    {
+      component: "span",
+      className: "text-gray group-hover/card:text-gold2"
+    },
+    "We have built a strong network in Dubai since 2009, which allows us to source the best deal for"
+  ), /* @__PURE__ */ React.createElement(import_Typography5.default, { component: "span", className: "border-gold-block-snack" }, "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430")));
 };
 var ArticleCard_default = ArticleCard;
 
@@ -1157,83 +824,21 @@ var RealtorCard_default = RealtorCard;
 var import_material16 = require("@mui/material");
 var import_link4 = __toESM(require("next/link"));
 var RealtyCard = () => {
-  return /* @__PURE__ */ React.createElement(
-    import_link4.default,
-    { href: "/", className: "relative" },
-    /* @__PURE__ */ React.createElement(
-      import_material16.Box,
-      {
-        className:
-          "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]",
-      },
-      /* @__PURE__ */ React.createElement(Chip_default, {
-        view: "white",
-        label: "id: 00154",
-      }),
-      /* @__PURE__ */ React.createElement(Chip_default, {
-        view: "white",
-        label:
-          "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4",
-      }),
-    ),
-    /* @__PURE__ */ React.createElement(ImageContainer_default, {
+  return /* @__PURE__ */ React.createElement(import_link4.default, { href: "/", className: "relative" }, /* @__PURE__ */ React.createElement(import_material16.Box, { className: "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]" }, /* @__PURE__ */ React.createElement(Chip_default, { view: "white", label: "id: 00154" }), /* @__PURE__ */ React.createElement(Chip_default, { view: "white", label: "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4" })), /* @__PURE__ */ React.createElement(
+    ImageContainer_default,
+    {
       src: "/images/test.png",
       alt: "test",
       height: "h-[260px]",
-      contentful: false,
-    }),
-    /* @__PURE__ */ React.createElement(
-      import_material16.Box,
-      { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]" },
-      /* @__PURE__ */ React.createElement(Chip_default, {
-        view: "black",
-        label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C",
-      }),
-      /* @__PURE__ */ React.createElement(
-        import_material16.Typography,
-        { component: "span", className: "font-extrabold" },
-        "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25",
-      ),
-      /* @__PURE__ */ React.createElement(
-        import_material16.Typography,
-        { component: "span", className: "text-12" },
-        "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D",
-      ),
-      /* @__PURE__ */ React.createElement(Chip_default, {
-        view: "silver",
-        label: /* @__PURE__ */ React.createElement(
-          import_material16.Stack,
-          { direction: "row", spacing: 1 },
-          /* @__PURE__ */ React.createElement(
-            import_material16.Typography,
-            null,
-            "\u043C\u0435\u0442\u0440\u043E:",
-          ),
-          /* @__PURE__ */ React.createElement(
-            import_material16.Typography,
-            { className: "font-extrabold" },
-            "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430",
-          ),
-        ),
-      }),
-      /* @__PURE__ */ React.createElement(
-        import_material16.Box,
-        { className: "flex flex-wrap gap-[6px] mt-[6px]" },
-        /* @__PURE__ */ React.createElement(Chip_default, {
-          view: "line",
-          label: "2 \u043A\u0456\u043C\u043D",
-        }),
-        /* @__PURE__ */ React.createElement(Chip_default, {
-          view: "line",
-          label: "60 \u043C\xB2",
-        }),
-        /* @__PURE__ */ React.createElement(Chip_default, {
-          view: "line",
-          label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24",
-        }),
-      ),
-    ),
-  );
+      contentful: false
+    }
+  ), /* @__PURE__ */ React.createElement(import_material16.Box, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]" }, /* @__PURE__ */ React.createElement(Chip_default, { view: "black", label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C" }), /* @__PURE__ */ React.createElement(import_material16.Typography, { component: "span", className: "font-extrabold" }, "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25"), /* @__PURE__ */ React.createElement(import_material16.Typography, { component: "span", className: "text-12" }, "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D"), /* @__PURE__ */ React.createElement(
+    Chip_default,
+    {
+      view: "silver",
+      label: /* @__PURE__ */ React.createElement(import_material16.Stack, { direction: "row", spacing: 1 }, /* @__PURE__ */ React.createElement(import_material16.Typography, null, "\u043C\u0435\u0442\u0440\u043E:"), /* @__PURE__ */ React.createElement(import_material16.Typography, { className: "font-extrabold" }, "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430"))
+    }
+  ), /* @__PURE__ */ React.createElement(import_material16.Box, { className: "flex flex-wrap gap-[6px] mt-[6px]" }, /* @__PURE__ */ React.createElement(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }), /* @__PURE__ */ React.createElement(Chip_default, { view: "line", label: "60 \u043C\xB2" }), /* @__PURE__ */ React.createElement(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" }))));
 };
 var RealtyCard_default = RealtyCard;
 
@@ -1241,66 +846,22 @@ var RealtyCard_default = RealtyCard;
 var import_material17 = require("@mui/material");
 var TeamPersonCard = (props) => {
   const { image_url = NO_IMAGE, name, position, text } = props;
-  return /* @__PURE__ */ React.createElement(
-    import_material17.Box,
-    { className: "group/card" },
-    /* @__PURE__ */ React.createElement(
-      import_material17.Box,
-      { className: "relative h-[300px]" },
-      /* @__PURE__ */ React.createElement(
-        import_material17.Box,
-        {
-          className:
-            "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]",
-        },
-        /* @__PURE__ */ React.createElement(ImageContainer_default, {
-          contentful: false,
-          src: image_url,
-          alt: name,
-          objectFit: "object-contain",
-        }),
-      ),
-      /* @__PURE__ */ React.createElement(
-        import_material17.Box,
-        {
-          className:
-            "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white",
-        },
-        /* @__PURE__ */ React.createElement(
-          import_material17.Typography,
-          { component: "span", className: "text-16 font-extrabold" },
-          position,
-        ),
-        /* @__PURE__ */ React.createElement(
-          import_material17.Typography,
-          { component: "span", className: "mt-[4px]" },
-          name,
-        ),
-        /* @__PURE__ */ React.createElement(
-          import_material17.Typography,
-          {
-            component: "span",
-            className: "mt-[11px] text-12 !leading-[16px]",
-          },
-          text,
-        ),
-      ),
-    ),
-    /* @__PURE__ */ React.createElement(
-      import_material17.Box,
-      { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12" },
-      /* @__PURE__ */ React.createElement(
-        import_material17.Typography,
-        { component: "span", className: "text-16 font-extrabold" },
-        position,
-      ),
-      /* @__PURE__ */ React.createElement(
-        import_material17.Typography,
-        { component: "span", className: "text-gray" },
-        name,
-      ),
-    ),
-  );
+  return /* @__PURE__ */ React.createElement(import_material17.Box, { className: "group/card" }, /* @__PURE__ */ React.createElement(import_material17.Box, { className: "relative h-[300px]" }, /* @__PURE__ */ React.createElement(import_material17.Box, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]" }, /* @__PURE__ */ React.createElement(
+    ImageContainer_default,
+    {
+      contentful: false,
+      src: image_url,
+      alt: name,
+      objectFit: "object-contain"
+    }
+  )), /* @__PURE__ */ React.createElement(import_material17.Box, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white" }, /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "text-16 font-extrabold" }, position), /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "mt-[4px]" }, name), /* @__PURE__ */ React.createElement(
+    import_material17.Typography,
+    {
+      component: "span",
+      className: "mt-[11px] text-12 !leading-[16px]"
+    },
+    text
+  ))), /* @__PURE__ */ React.createElement(import_material17.Box, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12" }, /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "text-16 font-extrabold" }, position), /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "text-gray" }, name)));
 };
 var TeamPersonCard_default = TeamPersonCard;
 
@@ -1308,56 +869,35 @@ var TeamPersonCard_default = TeamPersonCard;
 var import_react10 = require("react");
 var import_material18 = require("@mui/material");
 var import_react_hook_form = require("react-hook-form");
-const React = require("react");
 var RenderInputAutocomplete = (_a) => {
-  var _b = _a,
-    { InputProps: InputProps2, InputLabelProps } = _b,
-    other = __objRest(_b, ["InputProps", "InputLabelProps"]);
-  return /* @__PURE__ */ React.createElement(
-    import_material18.Box,
-    { ref: InputProps2.ref },
-    /* @__PURE__ */ React.createElement(
-      import_material18.Input,
-      __spreadProps(__spreadValues(__spreadValues({}, InputProps2), other), {
-        startAdornment: /* @__PURE__ */ React.createElement(
-          import_material18.Stack,
-          { direction: "row", alignItems: "center" },
-          /* @__PURE__ */ React.createElement(
-            import_material18.InputAdornment,
-            { position: "start" },
-            /* @__PURE__ */ React.createElement(search_default, null),
-          ),
-          InputProps2.startAdornment,
-        ),
-        endAdornment: /* @__PURE__ */ React.createElement(React.Fragment, null),
-        ref: InputProps2.ref,
-        disableUnderline: true,
-        placeholder:
-          "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
-        componentsProps: {
-          root: {
-            className:
-              "border rounded-none border-solid normal-case text-accent-dark hover:bg-white border-accent-beige gap-x-2 px-5 !py-2",
-          },
-          // input: {
-          //   className: "w-full",
-          // },
-        },
-      }),
-    ),
-  );
+  var _b = _a, {
+    InputProps: InputProps2,
+    InputLabelProps
+  } = _b, other = __objRest(_b, [
+    "InputProps",
+    "InputLabelProps"
+  ]);
+  return /* @__PURE__ */ React.createElement(import_material18.Box, { ref: InputProps2.ref }, /* @__PURE__ */ React.createElement(
+    import_material18.Input,
+    __spreadProps(__spreadValues(__spreadValues({}, InputProps2), other), {
+      startAdornment: /* @__PURE__ */ React.createElement(import_material18.Stack, { direction: "row", alignItems: "center" }, /* @__PURE__ */ React.createElement(import_material18.InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(search_default, null)), InputProps2.startAdornment),
+      endAdornment: /* @__PURE__ */ React.createElement(React.Fragment, null),
+      ref: InputProps2.ref,
+      disableUnderline: true,
+      placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
+      componentsProps: {
+        root: {
+          className: "border rounded-none border-solid normal-case text-accent-dark hover:bg-white border-accent-beige gap-x-2 px-5 !py-2"
+        }
+        // input: {
+        //   className: "w-full",
+        // },
+      }
+    })
+  ));
 };
 var CustomPaperComponent = (props) => {
-  return /* @__PURE__ */ React.createElement(
-    import_material18.Paper,
-    __spreadValues({}, props),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      { key: "click-away-wrapper" },
-      "helllooo",
-      props.children,
-    ),
-  );
+  return /* @__PURE__ */ React.createElement(import_material18.Paper, __spreadValues({}, props), /* @__PURE__ */ React.createElement("div", { key: "click-away-wrapper" }, "helllooo", props.children));
 };
 var Autocomplete = (props) => {
   const { values } = props;
@@ -1372,87 +912,75 @@ var Autocomplete = (props) => {
     else setAnchorEl(event.currentTarget);
     setOpen(!open);
   };
-  return /* @__PURE__ */ React.createElement(import_material18.Autocomplete, {
-    multiple: true,
-    ref: anchorEl,
-    open: !!anchorEl,
-    onOpen: handleClick,
-    onClose: handleClick,
-    onChange: (_event, values2) => {
-      field.onChange(values2);
-    },
-    disableCloseOnSelect: true,
-    options: values,
-    PaperComponent: CustomPaperComponent,
-    renderTags: (value, getTagProps) =>
-      value.map((option, index) => {
-        const _a = getTagProps({ index }),
-          { key } = _a,
-          tagProps = __objRest(_a, ["key"]);
+  return /* @__PURE__ */ React.createElement(
+    import_material18.Autocomplete,
+    {
+      multiple: true,
+      ref: anchorEl,
+      open: !!anchorEl,
+      onOpen: handleClick,
+      onClose: handleClick,
+      onChange: (_event, values2) => {
+        field.onChange(values2);
+      },
+      disableCloseOnSelect: true,
+      options: values,
+      PaperComponent: CustomPaperComponent,
+      renderTags: (value, getTagProps) => value.map((option, index) => {
+        const _a = getTagProps({ index }), { key } = _a, tagProps = __objRest(_a, ["key"]);
         return /* @__PURE__ */ React.createElement(
           import_material18.Chip,
-          __spreadProps(
-            __spreadValues(
-              {
-                label: option,
-                key,
-              },
-              tagProps,
-            ),
-            {
-              deleteIcon: /* @__PURE__ */ React.createElement(
-                IconButton_default,
-                { className: "rounded-none bg-accent-silver p-1" },
-                /* @__PURE__ */ React.createElement(close_default, null),
-              ),
-              className: "rounded-none w-fit h-fit bg-transparent p-0",
-            },
-          ),
+          __spreadProps(__spreadValues({
+            label: option,
+            key
+          }, tagProps), {
+            deleteIcon: /* @__PURE__ */ React.createElement(IconButton_default, { className: "rounded-none bg-accent-silver p-1" }, /* @__PURE__ */ React.createElement(close_default, null)),
+            className: "rounded-none w-fit h-fit bg-transparent p-0"
+          })
         );
       }),
-    slotProps: {
-      paper: {
-        sx: {},
-        className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`,
+      slotProps: {
+        paper: {
+          sx: {},
+          className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`
+        }
       },
-    },
-    renderInput: (params) =>
-      /* @__PURE__ */ React.createElement(
+      renderInput: (params) => /* @__PURE__ */ React.createElement(
         RenderInputAutocomplete,
-        __spreadValues({}, params),
-      ),
-  });
+        __spreadValues({}, params)
+      )
+    }
+  );
 };
 var Autocomplete_default = Autocomplete;
 // Annotate the CommonJS export names for ESM import in node:
-0 &&
-  (module.exports = {
-    AppBar,
-    ArticleCard,
-    Autocomplete,
-    Avatar,
-    Badge,
-    Button,
-    CategoryCard,
-    Chip,
-    FromToInput,
-    Greet,
-    IconButton,
-    ImageContainer,
-    Input,
-    JobCard,
-    MapIcon,
-    MenuItem,
-    PhoneInput,
-    Providers,
-    Radio,
-    RadioGroup,
-    RealtorCard,
-    RealtyCard,
-    Select,
-    SelectPro,
-    Slider,
-    Switch,
-    TeamPersonCard,
-    Text,
-  });
+0 && (module.exports = {
+  AppBar,
+  ArticleCard,
+  Autocomplete,
+  Avatar,
+  Badge,
+  Button,
+  CategoryCard,
+  Chip,
+  FromToInput,
+  Greet,
+  IconButton,
+  ImageContainer,
+  Input,
+  JobCard,
+  MapIcon,
+  MenuItem,
+  PhoneInput,
+  Providers,
+  Radio,
+  RadioGroup,
+  RealtorCard,
+  RealtyCard,
+  Select,
+  SelectPro,
+  Slider,
+  Switch,
+  TeamPersonCard,
+  Text
+});