mayak-common-library 0.0.32 → 0.0.34

package/dist/index.mjs

@@ -52,7 +52,7 @@ var StyledButton = styled(ButtonMUI)(() => ({
   "&: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(0%) sepia(95%) saturate(0%) hue-rotate(155deg) brightness(95%) contrast(105%)"
     }
   },
   transition: "transform 0.1s ease-in-out",
@@ -63,15 +63,16 @@ var StyledButton = styled(ButtonMUI)(() => ({
   }
 }));
 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, medium, small, large } = _a, rest = __objRest(_a, ["children", "base", "bolt", "border", "medium", "small", "large"]);
   return /* @__PURE__ */ jsx(
     StyledButton,
     __spreadProps(__spreadValues({}, rest), {
       disableRipple: true,
       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" : ""}`,
+${medium ? "py-3.5 px-4" : ""}
+      ${large ? "h-[38px] py-3.5 px-10" : ""}   
+        ${border ? "text-accent-silver-3 border-b border-solid rounded-none border-accent-silver-3 hover:text-accent-black hover:border-b-2 hover:border-accent-black" : ""}`,
       children: /* @__PURE__ */ jsx(
         Typography,
         {
@@ -189,7 +190,7 @@ var CustomSelect = (props) => {
         id: uniqueId,
         PaperProps: {
           classes: {
-            root: `menu ${open ? "menu--open" : "menu--close"}`
+            root: `select ${open ? "select--open" : "select--close"}`
           }
         }
       },
@@ -239,7 +240,9 @@ var SelectPro = ({
   clickComponent,
   fullContainerWidth = false,
   overButton = false,
-  small = false
+  small = false,
+  fullWidth = false,
+  freeChildWidth = false
 }) => {
   const [btn, setAnchorEl] = useState2(null);
   const [open, setOpen] = useState2(false);
@@ -261,15 +264,11 @@ var SelectPro = ({
   const childrenWithHandleChange = isValidElement(children) ? cloneElement(children, {
     collapseParent: handleClose
   }) : children;
-  return /* @__PURE__ */ jsx7(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs3(Box, { children: [
+  return /* @__PURE__ */ jsx7(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs3(Box, { width: fullWidth ? "100%" : "inherit", children: [
     clickComponent ? cloneElement(clickComponent, {
       ref: btn,
-      onClick: handleClick
-      // onClick: (e) => {
-      //   clickComponent.props.onClick(e);
-      //   // e.preventDefault();
-      //   handleClick(e);
-      // },
+      onClick: handleClick,
+      collapse: open
     }) : /* @__PURE__ */ jsxs3(
       Button2,
       {
@@ -281,7 +280,7 @@ var SelectPro = ({
         disableRipple: true,
         fullWidth: true,
         sx: {
-          height: small ? "34px" : "49px",
+          height: small ? "34px" : "38px",
           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"}`,
@@ -289,8 +288,9 @@ var SelectPro = ({
           /* @__PURE__ */ jsx7(
             Typography2,
             {
-              className: "text-sm leading-4",
-              children: `${placeholder}`
+              width: "200px",
+              className: "text-sm leading-4 truncate text-left",
+              children: placeholder
             }
           ),
           colorBorder ? /* @__PURE__ */ jsx7(search_default, {}) : /* @__PURE__ */ jsx7(
@@ -310,13 +310,17 @@ var SelectPro = ({
       {
         sx: {
           position: "absolute",
-          width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
+          // width: "min-content",
+          width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? (
+            // ? "fit-content" //(btn as HTMLButtonElement).offsetWidth
+            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`,
-        children: /* @__PURE__ */ jsxs3(Box, { className: `flex flex-col p-3 gap-3`, children: [
+        className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none  shadow-sm`,
+        children: /* @__PURE__ */ jsxs3(Box, { className: `flex flex-col py-3 px-4 gap-2`, children: [
           overButton ? /* @__PURE__ */ jsx7(
             IconButton_default,
             {
@@ -344,20 +348,22 @@ var SelectPro_default = SelectPro;
 import { Chip, styled as styled4 } from "@mui/material";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var StyledChip = styled4(Chip)(({ theme: theme2 }) => ({
-  borderRadius: theme2.shape.borderRadius
+  borderRadius: theme2.shape.borderRadius,
+  ".MuiChip-label": { padding: 0 },
+  ".MuiChip-icon": { margin: "0 6px 0 0" }
 }));
 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 text-accent-dark "
 };
 var CustomChip = (props) => {
   const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
   return /* @__PURE__ */ jsx8(
     StyledChip,
     __spreadValues({
-      className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`
+      className: `rounded-none w-fit h-fit px-2.5 py-0 text-14 ${ChipViews[view]}`
     }, rest)
   );
 };
@@ -506,10 +512,14 @@ var StyledInput = styled8(Input)(() => ({
   },
   "& input[type=number]": {
     MozAppearance: "textfield"
+  },
+  input: {
+    padding: "0",
+    height: "auto"
   }
 }));
 var CustomInput = (props) => {
-  const _a = props, { type, adornmentText, value } = _a, rest = __objRest(_a, ["type", "adornmentText", "value"]);
+  const _a = props, { type, adornmentText, value, big } = _a, rest = __objRest(_a, ["type", "adornmentText", "value", "big"]);
   const handleKeyDown = (event) => {
     if (type === "number" && !/[0-9]/.test(event.key) && event.key !== "Backspace") {
       event.preventDefault();
@@ -525,7 +535,7 @@ var CustomInput = (props) => {
       value,
       componentsProps: {
         root: {
-          className: "border border-black rounded-none border-solid py-1.5 px-2.5 h-8"
+          className: big ? "border-0 border-b border-accent-dark border-solid  px-[30px] py-[19px] text-16 text-accent-dark" : "border border-black rounded-none border-solid py-1.5 px-2.5 h-8"
         }
       },
       type: type || "string"
@@ -588,6 +598,7 @@ import CssBaseline from "@mui/material/CssBaseline";
 import { prefixer } from "stylis";
 
 // src/styles/assets.ts
+var CONTAINER_WIDTH = "lg";
 var WINDOW_SIZE = {
   xs: 0,
   sm: 400,
@@ -682,48 +693,34 @@ var Providers = ({ children }) => {
 var Providers_default = Providers;
 
 // src/components/AppBar/AppBar.tsx
-import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
-import { Box as Box2, Stack as Stack3 } from "@mui/material";
+import { useRef as useRef2, useState as useState4 } from "react";
+import { Stack as Stack3 } from "@mui/material";
 import Link from "next/link";
-import { jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var AppBar = ({ links }) => {
   const [activeIndex, setActiveIndex] = useState4(0);
   const navItemsRef = useRef2([]);
-  useEffect2(() => {
-    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 navItemTop = navItem.offsetTop - 5;
-    indicator == null ? void 0 : indicator.setAttribute(
-      "style",
-      `transform: translate(${navItemLeft}px, ${navItemTop}px);`
-    );
-  }, [activeIndex]);
   const handleClick = (index) => {
     setActiveIndex(index);
   };
-  return /* @__PURE__ */ jsxs7(Stack3, { direction: "row", spacing: 1, position: "relative", children: [
-    /* @__PURE__ */ jsx22(Box2, { className: "nav-indicator" }),
-    links.map((link, index) => /* @__PURE__ */ jsx22(
-      Link,
-      {
-        ref: (el) => {
-          navItemsRef.current[index] = el;
-        },
-        href: link.path,
-        className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
-        onClick: () => handleClick(index),
-        children: link.title
+  return /* @__PURE__ */ jsx22(Stack3, { direction: "row", spacing: 1, position: "relative", children: links.map((link, index) => /* @__PURE__ */ jsx22(
+    Link,
+    {
+      ref: (el) => {
+        navItemsRef.current[index] = el;
       },
-      index
-    ))
-  ] });
+      href: link.path,
+      className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
+      onClick: () => handleClick(index),
+      children: link.title
+    },
+    index
+  )) });
 };
 var AppBar_default = AppBar;
 
 // src/components/Image/ImageContainer.tsx
-import { Box as Box3 } from "@mui/material";
+import { Box as Box2 } from "@mui/material";
 import Image from "next/image";
 import { jsx as jsx23 } from "react/jsx-runtime";
 var ImageContainer = (props) => {
@@ -735,20 +732,28 @@ var ImageContainer = (props) => {
     contentful = true,
     priority = false,
     loading = "lazy",
-    objectFit = "object-cover"
+    objectFit = "object-cover",
+    classesWrapper,
+    classesImg
   } = props;
-  return /* @__PURE__ */ jsx23(Box3, { className: `relative ${width} ${height}`, children: /* @__PURE__ */ jsx23(
-    Image,
+  return /* @__PURE__ */ jsx23(
+    Box2,
     {
-      className: `${objectFit} object-center`,
-      src: contentful ? `https:${src}` : src,
-      alt,
-      fill: true,
-      loading,
-      sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
-      priority
+      className: `relative ${width} ${height}${classesWrapper ? " " + classesWrapper : ""}`,
+      children: /* @__PURE__ */ jsx23(
+        Image,
+        {
+          className: `${objectFit} object-center${classesImg ? " " + classesImg : ""}`,
+          src: contentful ? `https:${src}` : src,
+          alt,
+          fill: true,
+          loading,
+          sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
+          priority
+        }
+      )
     }
-  ) });
+  );
 };
 var ImageContainer_default = ImageContainer;
 
@@ -759,19 +764,19 @@ var SvgMapSearch = (props) => /* @__PURE__ */ jsx24("svg", __spreadProps(__sprea
 var map_search_default = SvgMapSearch;
 
 // src/components/Card/CategoryCard.tsx
-import { Box as Box4, Typography as Typography6 } from "@mui/material";
+import { Box as Box3, Typography as Typography6 } from "@mui/material";
 import Link2 from "next/link";
 
 // src/lib/assets.ts
 var NO_IMAGE = "/images/no-photo.svg";
 
 // src/components/Card/CategoryCard.tsx
-import { jsx as jsx25, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";
 var CategoryCard = (props) => {
   const { link, text, title, image_url = NO_IMAGE } = props;
-  return /* @__PURE__ */ jsx25(Link2, { href: link, className: "group/card", children: /* @__PURE__ */ jsxs8(Box4, { className: "flex flex-col gap-[20px]", children: [
+  return /* @__PURE__ */ jsx25(Link2, { href: link, className: "group/card", children: /* @__PURE__ */ jsxs7(Box3, { className: "flex flex-col gap-[20px]", children: [
     /* @__PURE__ */ jsx25(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }),
-    /* @__PURE__ */ jsxs8(Box4, { className: "flex flex-col px-[16px]", children: [
+    /* @__PURE__ */ jsxs7(Box3, { className: "flex flex-col px-[16px]", children: [
       /* @__PURE__ */ jsx25(
         Typography6,
         {
@@ -788,41 +793,47 @@ var CategoryCard_default = CategoryCard;
 
 // src/components/Card/ArticleCard.tsx
 import Link3 from "next/link";
-import { Box as Box5 } from "@mui/material";
+import { Box as Box4 } from "@mui/material";
 import Typography7 from "@mui/material/Typography";
-import { jsx as jsx26, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs8 } from "react/jsx-runtime";
 var ArticleCard = (props) => {
-  const { image_src = NO_IMAGE } = props;
-  return /* @__PURE__ */ jsxs9(Link3, { href: "/", className: "group/card bg-gray-light", children: [
-    /* @__PURE__ */ jsx26(
-      ImageContainer_default,
-      {
-        src: image_src,
-        alt: "test",
-        contentful: false,
-        height: "h-[220px]"
-      }
-    ),
-    /* @__PURE__ */ jsxs9(Box5, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
-      /* @__PURE__ */ jsx26(
-        Typography7,
-        {
-          component: "span",
-          className: "text-16 font-extrabold group-hover/card:text-gold2",
-          children: "\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__ */ jsx26(
-        Typography7,
-        {
-          component: "span",
-          className: "text-gray group-hover/card:text-gold2",
-          children: "We have built a strong network in Dubai since 2009, which allows us to source the best deal for"
-        }
-      ),
-      /* @__PURE__ */ jsx26(Typography7, { component: "span", className: "border-gold-block-snack", children: "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430" })
-    ] })
-  ] });
+  const { imageUrl = NO_IMAGE, classes, title, text, href } = props;
+  return /* @__PURE__ */ jsxs8(
+    Link3,
+    {
+      href,
+      className: `group/card bg-gray-light${classes ? " " + classes : ""}`,
+      children: [
+        /* @__PURE__ */ jsx26(
+          ImageContainer_default,
+          {
+            src: imageUrl,
+            alt: "test",
+            contentful: false,
+            height: "h-[220px]"
+          }
+        ),
+        /* @__PURE__ */ jsxs8(Box4, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
+          /* @__PURE__ */ jsx26(
+            Typography7,
+            {
+              component: "span",
+              className: "text-16 font-extrabold group-hover/card:text-gold2 trim-2",
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx26(
+            Typography7,
+            {
+              component: "span",
+              className: "text-gray group-hover/card:text-gold2 trim-4",
+              children: text
+            }
+          )
+        ] })
+      ]
+    }
+  );
 };
 var ArticleCard_default = ArticleCard;
 
@@ -841,16 +852,20 @@ var RealtorCard = () => {
 var RealtorCard_default = RealtorCard;
 
 // src/components/Card/RealtyCard.tsx
-import { Box as Box6, Stack as Stack4, Typography as Typography8 } from "@mui/material";
+import { Box as Box5, Typography as Typography8 } from "@mui/material";
 import Link4 from "next/link";
-import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
+
+// src/icons/metro.svg
+import * as React5 from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var SvgMetro = (props) => /* @__PURE__ */ jsx29("svg", __spreadProps(__spreadValues({ width: 12, height: 10, viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx29("path", { d: "M3.23128 0L0 9.41H2.99687L4.12109 6.14551L6.00093 10L7.87891 6.14551L9.0068 9.41H12L8.76874 0L6.00093 4.83041L3.23128 0Z", fill: "#757575" }) }));
+var metro_default = SvgMetro;
+
+// src/components/Card/RealtyCard.tsx
+import { jsx as jsx30, jsxs as jsxs9 } from "react/jsx-runtime";
 var RealtyCard = () => {
-  return /* @__PURE__ */ jsxs10(Link4, { href: "/", className: "relative", children: [
-    /* @__PURE__ */ jsxs10(Box6, { className: "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]", children: [
-      /* @__PURE__ */ jsx29(Chip_default, { view: "white", label: "id: 00154" }),
-      /* @__PURE__ */ jsx29(Chip_default, { view: "white", label: "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4" })
-    ] }),
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs9(Link4, { href: "/", className: "relative", children: [
+    /* @__PURE__ */ jsx30(
       ImageContainer_default,
       {
         src: "/images/test.png",
@@ -859,24 +874,20 @@ var RealtyCard = () => {
         contentful: false
       }
     ),
-    /* @__PURE__ */ jsxs10(Box6, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]", children: [
-      /* @__PURE__ */ jsx29(Chip_default, { view: "black", label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C" }),
-      /* @__PURE__ */ jsx29(Typography8, { component: "span", className: "font-extrabold", children: "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25" }),
-      /* @__PURE__ */ jsx29(Typography8, { component: "span", className: "text-12", children: "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D" }),
-      /* @__PURE__ */ jsx29(
-        Chip_default,
-        {
-          view: "silver",
-          label: /* @__PURE__ */ jsxs10(Stack4, { direction: "row", spacing: 1, children: [
-            /* @__PURE__ */ jsx29(Typography8, { children: "\u043C\u0435\u0442\u0440\u043E:" }),
-            /* @__PURE__ */ jsx29(Typography8, { className: "font-extrabold", children: "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430" })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxs10(Box6, { className: "flex flex-wrap gap-[6px] mt-[6px]", children: [
-        /* @__PURE__ */ jsx29(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }),
-        /* @__PURE__ */ jsx29(Chip_default, { view: "line", label: "60 \u043C\xB2" }),
-        /* @__PURE__ */ jsx29(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" })
+    /* @__PURE__ */ jsxs9(Box5, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]", children: [
+      /* @__PURE__ */ jsxs9(Typography8, { component: "span", className: "text-14", children: [
+        /* @__PURE__ */ jsx30(Typography8, { component: "span", className: "font-extrabold", children: "120 000 \u20B4" }),
+        "/\u043C\u0456\u0441\u044F\u0446\u044C"
+      ] }),
+      /* @__PURE__ */ jsx30(Typography8, { component: "span", className: "font-extrabold", children: "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25" }),
+      /* @__PURE__ */ jsxs9(Box5, { className: "flex items-center gap-[10px]", children: [
+        /* @__PURE__ */ jsx30(Typography8, { component: "span", className: "text-12", children: "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D" }),
+        /* @__PURE__ */ jsx30(Chip_default, { icon: /* @__PURE__ */ jsx30(metro_default, {}), view: "silver", label: "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430" })
+      ] }),
+      /* @__PURE__ */ jsxs9(Box5, { className: "flex flex-wrap gap-[6px] mt-[6px]", children: [
+        /* @__PURE__ */ jsx30(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }),
+        /* @__PURE__ */ jsx30(Chip_default, { view: "line", label: "60 \u043C\xB2" }),
+        /* @__PURE__ */ jsx30(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" })
       ] })
     ] })
   ] });
@@ -884,13 +895,13 @@ var RealtyCard = () => {
 var RealtyCard_default = RealtyCard;
 
 // src/components/Card/TeamPersonCard.tsx
-import { Box as Box7, Typography as Typography9 } from "@mui/material";
-import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box6, Typography as Typography9 } from "@mui/material";
+import { jsx as jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
 var TeamPersonCard = (props) => {
   const { image_url = NO_IMAGE, name, position, text } = props;
-  return /* @__PURE__ */ jsxs11(Box7, { className: "group/card", children: [
-    /* @__PURE__ */ jsxs11(Box7, { className: "relative h-[300px]", children: [
-      /* @__PURE__ */ jsx30(Box7, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]", children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs10(Box6, { className: "group/card", children: [
+    /* @__PURE__ */ jsxs10(Box6, { className: "relative h-[300px]", children: [
+      /* @__PURE__ */ jsx31(Box6, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]", children: /* @__PURE__ */ jsx31(
         ImageContainer_default,
         {
           contentful: false,
@@ -899,10 +910,10 @@ var TeamPersonCard = (props) => {
           objectFit: "object-contain"
         }
       ) }),
-      /* @__PURE__ */ jsxs11(Box7, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white", children: [
-        /* @__PURE__ */ jsx30(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
-        /* @__PURE__ */ jsx30(Typography9, { component: "span", className: "mt-[4px]", children: name }),
-        /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsxs10(Box6, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white", children: [
+        /* @__PURE__ */ jsx31(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
+        /* @__PURE__ */ jsx31(Typography9, { component: "span", className: "mt-[4px]", children: name }),
+        /* @__PURE__ */ jsx31(
           Typography9,
           {
             component: "span",
@@ -912,9 +923,9 @@ var TeamPersonCard = (props) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs11(Box7, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12", children: [
-      /* @__PURE__ */ jsx30(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
-      /* @__PURE__ */ jsx30(Typography9, { component: "span", className: "text-gray", children: name })
+    /* @__PURE__ */ jsxs10(Box6, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12", children: [
+      /* @__PURE__ */ jsx31(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
+      /* @__PURE__ */ jsx31(Typography9, { component: "span", className: "text-gray", children: name })
     ] })
   ] });
 };
@@ -924,15 +935,15 @@ var TeamPersonCard_default = TeamPersonCard;
 import { useState as useState5 } from "react";
 import {
   Autocomplete as MUIAutocomplete,
-  Box as Box8,
+  Box as Box7,
   Chip as Chip2,
   Input as Input2,
   InputAdornment as InputAdornment2,
   Paper as Paper2,
-  Stack as Stack5
+  Stack as Stack4
 } from "@mui/material";
 import { useController } from "react-hook-form";
-import { Fragment as Fragment3, jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
 var RenderInputAutocomplete = (_a) => {
   var _b = _a, {
     InputProps: InputProps2,
@@ -941,14 +952,14 @@ var RenderInputAutocomplete = (_a) => {
     "InputProps",
     "InputLabelProps"
   ]);
-  return /* @__PURE__ */ jsx31(Box8, { ref: InputProps2.ref, children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(Box7, { ref: InputProps2.ref, children: /* @__PURE__ */ jsx32(
     Input2,
     __spreadProps(__spreadValues(__spreadValues({}, InputProps2), other), {
-      startAdornment: /* @__PURE__ */ jsxs12(Stack5, { direction: "row", alignItems: "center", children: [
-        /* @__PURE__ */ jsx31(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx31(search_default, {}) }),
+      startAdornment: /* @__PURE__ */ jsxs11(Stack4, { direction: "row", alignItems: "center", children: [
+        /* @__PURE__ */ jsx32(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx32(search_default, {}) }),
         InputProps2.startAdornment
       ] }),
-      endAdornment: /* @__PURE__ */ jsx31(Fragment3, {}),
+      endAdornment: /* @__PURE__ */ jsx32(Fragment3, {}),
       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",
@@ -964,7 +975,7 @@ var RenderInputAutocomplete = (_a) => {
   ) });
 };
 var CustomPaperComponent = (props) => {
-  return /* @__PURE__ */ jsx31(Paper2, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs12("div", { children: [
+  return /* @__PURE__ */ jsx32(Paper2, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs11("div", { children: [
     "helllooo",
     props.children
   ] }, "click-away-wrapper") }));
@@ -982,7 +993,7 @@ var Autocomplete = (props) => {
     else setAnchorEl(event.currentTarget);
     setOpen(!open);
   };
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     MUIAutocomplete,
     {
       multiple: true,
@@ -998,12 +1009,12 @@ var Autocomplete = (props) => {
       PaperComponent: CustomPaperComponent,
       renderTags: (value, getTagProps) => value.map((option, index) => {
         const _a = getTagProps({ index }), { key } = _a, tagProps = __objRest(_a, ["key"]);
-        return /* @__PURE__ */ jsx31(
+        return /* @__PURE__ */ jsx32(
           Chip2,
           __spreadProps(__spreadValues({
             label: option
           }, tagProps), {
-            deleteIcon: /* @__PURE__ */ jsx31(IconButton_default, { className: "rounded-none bg-accent-silver p-1", children: /* @__PURE__ */ jsx31(close_default, {}) }),
+            deleteIcon: /* @__PURE__ */ jsx32(IconButton_default, { className: "rounded-none bg-accent-silver p-1", children: /* @__PURE__ */ jsx32(close_default, {}) }),
             className: "rounded-none w-fit h-fit bg-transparent p-0"
           }),
           key
@@ -1012,10 +1023,10 @@ var Autocomplete = (props) => {
       slotProps: {
         paper: {
           sx: {},
-          className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`
+          className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none  shadow-sm`
         }
       },
-      renderInput: (params) => /* @__PURE__ */ jsx31(
+      renderInput: (params) => /* @__PURE__ */ jsx32(
         RenderInputAutocomplete,
         __spreadValues({}, params)
       )
@@ -1025,7 +1036,7 @@ var Autocomplete = (props) => {
 var Autocomplete_default = Autocomplete;
 
 // src/components/BigNumber/BigNumber.tsx
-import { Box as Box9, Typography as Typography10 } from "@mui/material";
+import { Box as Box8, Typography as Typography10 } from "@mui/material";
 
 // src/utils/thousandFormatter.ts
 var thousandFormatter = (num) => {
@@ -1034,11 +1045,11 @@ var thousandFormatter = (num) => {
 var thousandFormatter_default = thousandFormatter;
 
 // src/components/BigNumber/BigNumber.tsx
-import { jsx as jsx32, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
 var BigNumber = (props) => {
-  const { slug, text, number } = props;
-  return /* @__PURE__ */ jsxs13(Box9, { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx32(
+  const { text, number } = props;
+  return /* @__PURE__ */ jsxs12(Box8, { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsx33(
       Typography10,
       {
         component: "span",
@@ -1046,10 +1057,202 @@ var BigNumber = (props) => {
         children: thousandFormatter_default(number)
       }
     ),
-    /* @__PURE__ */ jsx32(Typography10, { component: "span", className: "text-base text-gray mt-[-20px]", children: text })
-  ] }, slug);
+    /* @__PURE__ */ jsx33(Typography10, { component: "span", className: "text-base text-gray mt-[-20px]", children: text })
+  ] });
 };
 var BigNumber_default = BigNumber;
+
+// src/blocks/TextBlock.tsx
+import { Box as Box9, Container, Typography as Typography11 } from "@mui/material";
+import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
+var TextBlock = ({ classes, text, title }) => {
+  return /* @__PURE__ */ jsx34(Box9, { className: `mt-[80px]${classes ? " " + classes : ""}`, children: /* @__PURE__ */ jsx34(Container, { maxWidth: CONTAINER_WIDTH, children: /* @__PURE__ */ jsxs13(Box9, { className: "flex flex-col items-center gap-[16px] text-center max-w-[950px] w-full mx-auto", children: [
+    /* @__PURE__ */ jsx34(Typography11, { component: "span", className: "text-32", children: title }),
+    /* @__PURE__ */ jsx34(Typography11, { component: "span", className: "text-gray text-14", children: text })
+  ] }) }) });
+};
+var TextBlock_default = TextBlock;
+
+// src/blocks/TitleBlock.tsx
+import Typography12 from "@mui/material/Typography";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var TitleBlock = ({ titlePosition, title, classes }) => {
+  return /* @__PURE__ */ jsx35(
+    Typography12,
+    {
+      component: "span",
+      className: `text-32 uppercase font-extrabold text-${titlePosition} block${classes ? " " + classes : ""}`,
+      children: title
+    }
+  );
+};
+var TitleBlock_default = TitleBlock;
+
+// src/blocks/TeamWorkerBlock.tsx
+import { Box as Box10, Typography as Typography13 } from "@mui/material";
+
+// src/icons/qoutes.svg
+import * as React6 from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
+
+// src/blocks/TeamWorkerBlock.tsx
+import Link5 from "next/link";
+import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
+
+// src/blocks/AnyLevelBlock.tsx
+import { Box as Box11, Container as Container2, Grid, Typography as Typography14 } from "@mui/material";
+import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
+
+// src/blocks/RichTextBlock.tsx
+import { Box as Box12 } from "@mui/material";
+import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
+import { Fragment as Fragment4, jsx as jsx39 } from "react/jsx-runtime";
+
+// src/blocks/ArticleContentBlock.tsx
+import { Box as Box13, Container as Container3, Typography as Typography15 } from "@mui/material";
+
+// src/utils/formatDate.ts
+import { format } from "date-fns";
+
+// src/blocks/ArticleContentBlock.tsx
+import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
+
+// src/components/List/List.tsx
+import { List as MUIList } from "@mui/material";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var List = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsx41(MUIList, __spreadProps(__spreadValues({ disablePadding: true }, props), { children }));
+};
+var List_default = List;
+
+// src/components/List/ListItem.tsx
+import { ListItem as MUIListItem } from "@mui/material";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import Typography16 from "@mui/material/Typography";
+import { jsx as jsx42, jsxs as jsxs17 } from "react/jsx-runtime";
+var ListItem = ({ icon, title, bold, onClick }) => {
+  return /* @__PURE__ */ jsx42(MUIListItem, { disablePadding: true, disableGutters: true, children: /* @__PURE__ */ jsxs17(
+    ListItemButton,
+    {
+      sx: { padding: 0, "&:hover": { backgroundColor: "unset" } },
+      onClick: () => onClick && onClick(title),
+      disableRipple: true,
+      children: [
+        icon ? /* @__PURE__ */ jsx42(ListItemIcon, { sx: { minWidth: "24px" }, children: icon }) : null,
+        /* @__PURE__ */ jsx42(ListItemText, { children: /* @__PURE__ */ jsx42(
+          Typography16,
+          {
+            className: `text-xs ${bold ? "font-extrabold" : "font-normal"}`,
+            children: title
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+var ListItem_default = ListItem;
+
+// src/components/ToggleButton/ToggleButton.tsx
+import MuiToggleButton from "@mui/material/ToggleButton";
+import {
+  Stack as Stack5,
+  styled as styled9
+} from "@mui/material";
+import { useController as useController2 } from "react-hook-form";
+import Typography17 from "@mui/material/Typography";
+import ToggleButtonGroup, {
+  toggleButtonGroupClasses
+} from "@mui/material/ToggleButtonGroup";
+import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
+var StyledToggleButtonGroup = styled9(
+  ToggleButtonGroup
+)(({ theme: theme2, flexDirection }) => ({
+  [`& .${toggleButtonGroupClasses.grouped}`]: {
+    // marginRight: theme.spacing(1.3),
+    marginRight: flexDirection === "col" ? "unset" : theme2.spacing(1),
+    marginBottom: flexDirection === "col" ? theme2.spacing(1) : "unset",
+    // marginBottom: theme.spacing(1.3),
+    // spacing: theme.spacing(1.3),
+    width: "fit-content"
+    // border: 0,
+    // borderRadius: theme.shape.borderRadius,
+    // [`&.${toggleButtonGroupClasses.disabled}`]: {
+    //   border: 0,
+    // },
+  },
+  [`& .${toggleButtonGroupClasses.lastButton}`]: {
+    marginBottom: "unset",
+    marginRight: "unset"
+  },
+  [`& .${toggleButtonGroupClasses.middleButton},& .${toggleButtonGroupClasses.lastButton}`]: {
+    // marginLeft: -1,
+    // borderLeft: "1px solid transparent",
+    marginLeft: "unset",
+    borderLeft: "unset"
+  }
+}));
+var ToggleButton = styled9(MuiToggleButton)(() => ({
+  "&.Mui-selected, &.Mui-selected:hover": {
+    backgroundColor: "#C8BCA1 !important"
+    // marginLeft: "-1px !important",
+    // borderLeft: "1px solid transparent !important",
+  }
+}));
+var CustomToggleButton = (props) => {
+  const _a = props, { children, textView } = _a, rest = __objRest(_a, ["children", "textView"]);
+  return /* @__PURE__ */ jsx43(
+    ToggleButton,
+    __spreadProps(__spreadValues({}, rest), {
+      disableRipple: true,
+      className: `rounded-none border-none min-w-10 h-9 normal-case py-1.5 px-2.5 ${textView ? "justify-start bg-transparent hover:bg-transparent h-6 p-0" : " bg-accent-silver "}`,
+      children
+    })
+  );
+};
+var ToggleButtonsMultiple = (props) => {
+  const {
+    values,
+    textView = false,
+    exclusive,
+    collapseOnClick = false,
+    label,
+    collapseParent,
+    flexDirection = "row"
+  } = props;
+  const { field } = useController2(props);
+  const handleFormat = (_event, newFormats) => {
+    console.log(newFormats);
+    if (newFormats !== null) field.onChange(newFormats);
+    if (collapseOnClick && collapseParent) collapseParent();
+  };
+  return /* @__PURE__ */ jsxs18(Stack5, { children: [
+    label ? /* @__PURE__ */ jsx43(Typography17, { className: "text-accent-silver-2 text-sm", children: label }) : null,
+    /* @__PURE__ */ jsx43(
+      StyledToggleButtonGroup,
+      __spreadProps(__spreadValues({}, field), {
+        flexDirection,
+        exclusive,
+        value: field.value,
+        onChange: handleFormat,
+        "aria-label": "text formatting",
+        className: `flex flex-${flexDirection} ${textView ? "gap-1 flex-nowrap flex-col" : " flex-wrap"}`,
+        children: values.map((option, index) => /* @__PURE__ */ jsx43(
+          CustomToggleButton,
+          {
+            value: option.value,
+            textView,
+            children: option.title
+          },
+          index
+        ))
+      })
+    )
+  ] });
+};
+var ToggleButton_default = ToggleButtonsMultiple;
 export {
   AppBar_default as AppBar,
   ArticleCard_default as ArticleCard,
@@ -1066,6 +1269,8 @@ export {
   ImageContainer_default as ImageContainer,
   Input_default as Input,
   JobCard_default as JobCard,
+  List_default as List,
+  ListItem_default as ListItem,
   map_search_default as MapIcon,
   MenuItem_default as MenuItem,
   PhoneInput_default as PhoneInput,
@@ -1079,5 +1284,8 @@ export {
   Slider_default as Slider,
   Switch_default as Switch,
   TeamPersonCard_default as TeamPersonCard,
-  Text_default as Text
+  Text_default as Text,
+  TextBlock_default as TextBlock,
+  TitleBlock_default as TitleBlock,
+  ToggleButton_default as ToggleButton
 };