mayak-common-library 0.0.39 → 0.0.41

package/dist/index.mjs

@@ -587,6 +587,34 @@ var FromToInput = ({ label }) => {
 };
 var FromToInput_default = FromToInput;
 
+// src/components/Input/SearchInput.tsx
+import { useController } from "react-hook-form";
+import { Input as Input2, InputAdornment as InputAdornment2, Stack as Stack3 } from "@mui/material";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var SearchInput = (props) => {
+  const { collapse } = props;
+  const { field } = useController(props);
+  const handleSearchInputClick = (event) => {
+    if (props.onClick) {
+      props.onClick(event);
+    }
+  };
+  return /* @__PURE__ */ jsx20(
+    Input2,
+    __spreadProps(__spreadValues({
+      autoComplete: "off"
+    }, field), {
+      onClick: handleSearchInputClick,
+      startAdornment: /* @__PURE__ */ jsx20(Stack3, { direction: "row", alignItems: "center", children: /* @__PURE__ */ jsx20(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx20(search_default, {}) }) }),
+      disableUnderline: true,
+      placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
+      className: `w-full border rounded-none border-solid normal-case text-accent-dark hover:bg-white  gap-x-2 px-5 !py-2
+        ${collapse ? "bg-white border-transparent" : " border-accent-beige"} `
+    })
+  );
+};
+var SearchInput_default = SearchInput;
+
 // src/theme/index.tsx
 import { useState as useState3 } from "react";
 import createCache from "@emotion/cache";
@@ -635,7 +663,7 @@ var _theme = {
 };
 
 // src/theme/index.tsx
-import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
 var theme = createTheme(__spreadValues({}, _theme));
 function ThemeRegistry(props) {
   const { children } = props;
@@ -668,7 +696,7 @@ function ThemeRegistry(props) {
     for (const name of names) {
       styles += cache.inserted[name];
     }
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       "style",
       {
         "data-emotion": `${cache.key} ${names.join(" ")}`,
@@ -679,31 +707,31 @@ function ThemeRegistry(props) {
       cache.key
     );
   });
-  return /* @__PURE__ */ jsx20(CacheProvider, { value: cache, children: /* @__PURE__ */ jsxs6(ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx20(CssBaseline, {}),
+  return /* @__PURE__ */ jsx21(CacheProvider, { value: cache, children: /* @__PURE__ */ jsxs6(ThemeProvider, { theme, children: [
+    /* @__PURE__ */ jsx21(CssBaseline, {}),
     children
   ] }) });
 }
 
 // src/providers/Providers.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ jsx21(ThemeRegistry, { children });
+  return /* @__PURE__ */ jsx22(ThemeRegistry, { children });
 };
 var Providers_default = Providers;
 
 // src/components/AppBar/AppBar.tsx
 import { useRef as useRef2, useState as useState4 } from "react";
-import { Stack as Stack3 } from "@mui/material";
+import { Stack as Stack4 } from "@mui/material";
 import Link from "next/link";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var AppBar = ({ links }) => {
   const [activeIndex, setActiveIndex] = useState4(0);
   const navItemsRef = useRef2([]);
   const handleClick = (index) => {
     setActiveIndex(index);
   };
-  return /* @__PURE__ */ jsx22(Stack3, { direction: "row", spacing: 1, position: "relative", children: links.map((link, index) => /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(Stack4, { direction: "row", spacing: 1, position: "relative", children: links.map((link, index) => /* @__PURE__ */ jsx23(
     Link,
     {
       ref: (el) => {
@@ -722,7 +750,7 @@ var AppBar_default = AppBar;
 // src/components/Image/ImageContainer.tsx
 import { Box as Box2 } from "@mui/material";
 import Image from "next/image";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var ImageContainer = (props) => {
   const {
     src,
@@ -736,11 +764,11 @@ var ImageContainer = (props) => {
     classesWrapper,
     classesImg
   } = props;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     Box2,
     {
       className: `relative ${width} ${height}${classesWrapper ? " " + classesWrapper : ""}`,
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx24(
         Image,
         {
           className: `${objectFit} object-center${classesImg ? " " + classesImg : ""}`,
@@ -759,8 +787,8 @@ var ImageContainer_default = ImageContainer;
 
 // src/icons/map-search.svg
 import * as React4 from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var SvgMapSearch = (props) => /* @__PURE__ */ jsx24("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx24("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" }) }));
+import { jsx as jsx25 } from "react/jsx-runtime";
+var SvgMapSearch = (props) => /* @__PURE__ */ jsx25("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx25("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
@@ -771,13 +799,13 @@ import Link2 from "next/link";
 var NO_IMAGE = "/images/no-photo.svg";
 
 // src/components/Card/CategoryCard.tsx
-import { jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx26, 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__ */ jsxs7(Box3, { className: "flex flex-col gap-[20px]", children: [
-    /* @__PURE__ */ jsx25(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }),
+  return /* @__PURE__ */ jsx26(Link2, { href: link, className: "group/card", children: /* @__PURE__ */ jsxs7(Box3, { className: "flex flex-col gap-[20px]", children: [
+    /* @__PURE__ */ jsx26(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }),
     /* @__PURE__ */ jsxs7(Box3, { className: "flex flex-col px-[16px]", children: [
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26(
         Typography6,
         {
           component: "span",
@@ -785,7 +813,7 @@ var CategoryCard = (props) => {
           children: title
         }
       ),
-      /* @__PURE__ */ jsx25(Typography6, { component: "span", className: "group-hover/card:text-gold2", children: text })
+      /* @__PURE__ */ jsx26(Typography6, { component: "span", className: "group-hover/card:text-gold2", children: text })
     ] })
   ] }) });
 };
@@ -795,7 +823,7 @@ var CategoryCard_default = CategoryCard;
 import Link3 from "next/link";
 import { Box as Box4 } from "@mui/material";
 import Typography7 from "@mui/material/Typography";
-import { jsx as jsx26, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs8 } from "react/jsx-runtime";
 var ArticleCard = (props) => {
   const { imageUrl = NO_IMAGE, classes, title, text, href } = props;
   return /* @__PURE__ */ jsxs8(
@@ -804,7 +832,7 @@ var ArticleCard = (props) => {
       href,
       className: `group/card bg-gray-light${classes ? " " + classes : ""}`,
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           ImageContainer_default,
           {
             src: imageUrl,
@@ -814,7 +842,7 @@ var ArticleCard = (props) => {
           }
         ),
         /* @__PURE__ */ jsxs8(Box4, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(
             Typography7,
             {
               component: "span",
@@ -822,7 +850,7 @@ var ArticleCard = (props) => {
               children: title
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(
             Typography7,
             {
               component: "span",
@@ -838,16 +866,16 @@ var ArticleCard = (props) => {
 var ArticleCard_default = ArticleCard;
 
 // src/components/Card/JobCard.tsx
-import { Fragment, jsx as jsx27 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx28 } from "react/jsx-runtime";
 var JobCard = () => {
-  return /* @__PURE__ */ jsx27(Fragment, {});
+  return /* @__PURE__ */ jsx28(Fragment, {});
 };
 var JobCard_default = JobCard;
 
 // src/components/Card/RealtorCard.tsx
-import { Fragment as Fragment2, jsx as jsx28 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx29 } from "react/jsx-runtime";
 var RealtorCard = () => {
-  return /* @__PURE__ */ jsx28(Fragment2, {});
+  return /* @__PURE__ */ jsx29(Fragment2, {});
 };
 var RealtorCard_default = RealtorCard;
 
@@ -857,15 +885,15 @@ import Link4 from "next/link";
 
 // 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" }) }));
+import { jsx as jsx30 } from "react/jsx-runtime";
+var SvgMetro = (props) => /* @__PURE__ */ jsx30("svg", __spreadProps(__spreadValues({ width: 12, height: 10, viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx30("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";
+import { jsx as jsx31, jsxs as jsxs9 } from "react/jsx-runtime";
 var RealtyCard = () => {
   return /* @__PURE__ */ jsxs9(Link4, { href: "/", className: "relative", children: [
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       ImageContainer_default,
       {
         src: "/images/test.png",
@@ -876,18 +904,18 @@ var RealtyCard = () => {
     ),
     /* @__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" }),
+        /* @__PURE__ */ jsx31(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__ */ jsx31(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__ */ jsx31(Typography8, { component: "span", className: "text-12", children: "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D" }),
+        /* @__PURE__ */ jsx31(Chip_default, { icon: /* @__PURE__ */ jsx31(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" })
+        /* @__PURE__ */ jsx31(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }),
+        /* @__PURE__ */ jsx31(Chip_default, { view: "line", label: "60 \u043C\xB2" }),
+        /* @__PURE__ */ jsx31(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" })
       ] })
     ] })
   ] });
@@ -896,12 +924,12 @@ var RealtyCard_default = RealtyCard;
 
 // src/components/Card/TeamPersonCard.tsx
 import { Box as Box6, Typography as Typography9 } from "@mui/material";
-import { jsx as jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs10 } from "react/jsx-runtime";
 var TeamPersonCard = (props) => {
   const { image_url = NO_IMAGE, name, position, text } = props;
   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(
+      /* @__PURE__ */ jsx32(Box6, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]", children: /* @__PURE__ */ jsx32(
         ImageContainer_default,
         {
           contentful: false,
@@ -911,9 +939,9 @@ var TeamPersonCard = (props) => {
         }
       ) }),
       /* @__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(
+        /* @__PURE__ */ jsx32(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
+        /* @__PURE__ */ jsx32(Typography9, { component: "span", className: "mt-[4px]", children: name }),
+        /* @__PURE__ */ jsx32(
           Typography9,
           {
             component: "span",
@@ -924,8 +952,8 @@ var TeamPersonCard = (props) => {
       ] })
     ] }),
     /* @__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 })
+      /* @__PURE__ */ jsx32(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
+      /* @__PURE__ */ jsx32(Typography9, { component: "span", className: "text-gray", children: name })
     ] })
   ] });
 };
@@ -937,13 +965,13 @@ import {
   Autocomplete as MUIAutocomplete,
   Box as Box7,
   Chip as Chip2,
-  Input as Input2,
-  InputAdornment as InputAdornment2,
+  Input as Input3,
+  InputAdornment as InputAdornment3,
   Paper as Paper2,
-  Stack as Stack4
+  Stack as Stack5
 } from "@mui/material";
-import { useController } from "react-hook-form";
-import { Fragment as Fragment3, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useController as useController2 } from "react-hook-form";
+import { Fragment as Fragment3, jsx as jsx33, jsxs as jsxs11 } from "react/jsx-runtime";
 var RenderInputAutocomplete = (_a) => {
   var _b = _a, {
     InputProps: InputProps2,
@@ -952,14 +980,14 @@ var RenderInputAutocomplete = (_a) => {
     "InputProps",
     "InputLabelProps"
   ]);
-  return /* @__PURE__ */ jsx32(Box7, { ref: InputProps2.ref, children: /* @__PURE__ */ jsx32(
-    Input2,
+  return /* @__PURE__ */ jsx33(Box7, { ref: InputProps2.ref, children: /* @__PURE__ */ jsx33(
+    Input3,
     __spreadProps(__spreadValues(__spreadValues({}, InputProps2), other), {
-      startAdornment: /* @__PURE__ */ jsxs11(Stack4, { direction: "row", alignItems: "center", children: [
-        /* @__PURE__ */ jsx32(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx32(search_default, {}) }),
+      startAdornment: /* @__PURE__ */ jsxs11(Stack5, { direction: "row", alignItems: "center", children: [
+        /* @__PURE__ */ jsx33(InputAdornment3, { position: "start", children: /* @__PURE__ */ jsx33(search_default, {}) }),
         InputProps2.startAdornment
       ] }),
-      endAdornment: /* @__PURE__ */ jsx32(Fragment3, {}),
+      endAdornment: /* @__PURE__ */ jsx33(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",
@@ -975,7 +1003,7 @@ var RenderInputAutocomplete = (_a) => {
   ) });
 };
 var CustomPaperComponent = (props) => {
-  return /* @__PURE__ */ jsx32(Paper2, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs11("div", { children: [
+  return /* @__PURE__ */ jsx33(Paper2, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs11("div", { children: [
     "helllooo",
     props.children
   ] }, "click-away-wrapper") }));
@@ -984,7 +1012,7 @@ var Autocomplete = (props) => {
   const { values } = props;
   const [open, setOpen] = useState5(false);
   const [anchorEl, setAnchorEl] = useState5(null);
-  const { field } = useController(props);
+  const { field } = useController2(props);
   const handleClick = (event) => {
     if (open)
       setTimeout(() => {
@@ -993,7 +1021,7 @@ var Autocomplete = (props) => {
     else setAnchorEl(event.currentTarget);
     setOpen(!open);
   };
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     MUIAutocomplete,
     {
       multiple: true,
@@ -1009,12 +1037,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__ */ jsx32(
+        return /* @__PURE__ */ jsx33(
           Chip2,
           __spreadProps(__spreadValues({
             label: option
           }, tagProps), {
-            deleteIcon: /* @__PURE__ */ jsx32(IconButton_default, { className: "rounded-none bg-accent-silver p-1", children: /* @__PURE__ */ jsx32(close_default, {}) }),
+            deleteIcon: /* @__PURE__ */ jsx33(IconButton_default, { className: "rounded-none bg-accent-silver p-1", children: /* @__PURE__ */ jsx33(close_default, {}) }),
             className: "rounded-none w-fit h-fit bg-transparent p-0"
           }),
           key
@@ -1026,7 +1054,7 @@ var Autocomplete = (props) => {
           className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none  shadow-sm`
         }
       },
-      renderInput: (params) => /* @__PURE__ */ jsx32(
+      renderInput: (params) => /* @__PURE__ */ jsx33(
         RenderInputAutocomplete,
         __spreadValues({}, params)
       )
@@ -1045,11 +1073,11 @@ var thousandFormatter = (num) => {
 var thousandFormatter_default = thousandFormatter;
 
 // src/components/BigNumber/BigNumber.tsx
-import { jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs12 } from "react/jsx-runtime";
 var BigNumber = (props) => {
   const { text, number } = props;
   return /* @__PURE__ */ jsxs12(Box8, { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       Typography10,
       {
         component: "span",
@@ -1057,27 +1085,27 @@ var BigNumber = (props) => {
         children: thousandFormatter_default(number)
       }
     ),
-    /* @__PURE__ */ jsx33(Typography10, { component: "span", className: "text-base text-gray mt-[-20px]", children: text })
+    /* @__PURE__ */ jsx34(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";
+import { jsx as jsx35, 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 })
+  return /* @__PURE__ */ jsx35(Box9, { className: `mt-[80px]${classes ? " " + classes : ""}`, children: /* @__PURE__ */ jsx35(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__ */ jsx35(Typography11, { component: "span", className: "text-32", children: title }),
+    /* @__PURE__ */ jsx35(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";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var TitleBlock = ({ titlePosition, title, classes }) => {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     Typography12,
     {
       component: "span",
@@ -1093,20 +1121,20 @@ 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";
+import { jsx as jsx37 } from "react/jsx-runtime";
 
 // src/blocks/TeamWorkerBlock.tsx
 import Link5 from "next/link";
-import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx38, 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";
+import { jsx as jsx39, 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";
+import { Fragment as Fragment4, jsx as jsx40 } from "react/jsx-runtime";
 
 // src/blocks/ArticleContentBlock.tsx
 import { Box as Box13, Container as Container3, Typography as Typography15 } from "@mui/material";
@@ -1115,14 +1143,14 @@ import { Box as Box13, Container as Container3, Typography as Typography15 } fro
 import { format } from "date-fns";
 
 // src/blocks/ArticleContentBlock.tsx
-import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx41, 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";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var List = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ jsx41(MUIList, __spreadProps(__spreadValues({ disablePadding: true }, props), { children }));
+  return /* @__PURE__ */ jsx42(MUIList, __spreadProps(__spreadValues({ disablePadding: true }, props), { children }));
 };
 var List_default = List;
 
@@ -1132,17 +1160,17 @@ 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";
+import { jsx as jsx43, jsxs as jsxs17 } from "react/jsx-runtime";
 var ListItem = ({ icon, title, bold, onClick }) => {
-  return /* @__PURE__ */ jsx42(MUIListItem, { disablePadding: true, disableGutters: true, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx43(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(
+        icon ? /* @__PURE__ */ jsx43(ListItemIcon, { sx: { minWidth: "24px" }, children: icon }) : null,
+        /* @__PURE__ */ jsx43(ListItemText, { children: /* @__PURE__ */ jsx43(
           Typography16,
           {
             className: `text-xs ${bold ? "font-extrabold" : "font-normal"}`,
@@ -1156,8 +1184,8 @@ var ListItem = ({ icon, title, bold, onClick }) => {
 var ListItem_default = ListItem;
 
 // src/components/ToggleButton/ToggleButtonsWithLabel.tsx
-import { Stack as Stack5 } from "@mui/material";
-import { useController as useController2 } from "react-hook-form";
+import { Stack as Stack6 } from "@mui/material";
+import { useController as useController3 } from "react-hook-form";
 import Typography17 from "@mui/material/Typography";
 
 // src/components/ToggleButton/ToggleButtonGroup.tsx
@@ -1166,7 +1194,7 @@ import {
   toggleButtonGroupClasses,
   ToggleButtonGroup as MUIToggleButtonGroup
 } from "@mui/material";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var StyledToggleButtonGroup = styled9(
   MUIToggleButtonGroup
 )(({ theme: theme2, flexDirection }) => ({
@@ -1194,7 +1222,7 @@ var ToggleButtonGroup = (props) => {
     onChange,
     value
   } = props;
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     StyledToggleButtonGroup,
     __spreadProps(__spreadValues({}, props), {
       flexDirection,
@@ -1212,7 +1240,7 @@ var ToggleButtonGroup_default = ToggleButtonGroup;
 // src/components/ToggleButton/ToggleButton.tsx
 import { styled as styled10 } from "@mui/material";
 import MuiToggleButton from "@mui/material/ToggleButton";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var CustomToggleButton = styled10(MuiToggleButton)(() => ({
   "&.Mui-selected, &.Mui-selected:hover": {
     backgroundColor: "#C8BCA1 !important"
@@ -1220,7 +1248,7 @@ var CustomToggleButton = styled10(MuiToggleButton)(() => ({
 }));
 var ToggleButton = (props) => {
   const _a = props, { children, textView } = _a, rest = __objRest(_a, ["children", "textView"]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     CustomToggleButton,
     __spreadProps(__spreadValues({}, rest), {
       disableRipple: true,
@@ -1232,7 +1260,7 @@ var ToggleButton = (props) => {
 var ToggleButton_default = ToggleButton;
 
 // src/components/ToggleButton/ToggleButtonsWithLabel.tsx
-import { jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs18 } from "react/jsx-runtime";
 var ToggleButtonsWithLabel = (props) => {
   const {
     values,
@@ -1243,15 +1271,15 @@ var ToggleButtonsWithLabel = (props) => {
     collapseParent,
     flexDirection = "row"
   } = props;
-  const { field } = useController2(props);
+  const { field } = useController3(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__ */ jsx45(Typography17, { className: "text-accent-silver-2 text-sm", children: label }) : null,
-    /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs18(Stack6, { children: [
+    label ? /* @__PURE__ */ jsx46(Typography17, { className: "text-accent-silver-2 text-sm", children: label }) : null,
+    /* @__PURE__ */ jsx46(
       ToggleButtonGroup_default,
       __spreadProps(__spreadValues({}, field), {
         flexDirection,
@@ -1260,12 +1288,58 @@ var ToggleButtonsWithLabel = (props) => {
         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__ */ jsx45(ToggleButton_default, { value: option.value, textView, children: option.title }, index))
+        children: values.map((option, index) => /* @__PURE__ */ jsx46(ToggleButton_default, { value: option.value, textView, children: option.title }, index))
       })
     )
   ] });
 };
 var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
+
+// src/components/Checkbox/Checkbox.tsx
+import Checkbox from "@mui/material/Checkbox";
+import { FormControlLabel as FormControlLabel2, styled as styled11 } from "@mui/material";
+import Typography18 from "@mui/material/Typography";
+import { Fragment as Fragment5, jsx as jsx47 } from "react/jsx-runtime";
+var BpIcon = styled11("span")(() => ({
+  width: 16,
+  height: 16,
+  backgroundColor: "white"
+}));
+var BpCheckedIcon = styled11(BpIcon)({
+  "&::before": {
+    width: 16,
+    height: 16,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    content: `url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.66667L4.82353 8L11 1' stroke='%23343434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")`
+  }
+});
+var CustomCheckbox = (props) => {
+  const { label, labelProps, checkboxProps, toggleView = false } = props;
+  if (label)
+    return /* @__PURE__ */ jsx47(
+      FormControlLabel2,
+      __spreadProps(__spreadValues({
+        className: `w-fit bg-accent-silver px-3 py-0.5 ml-0 ${toggleView ? "gap-0" : "gap-x-1"} ${(checkboxProps == null ? void 0 : checkboxProps.checked) && toggleView && "!bg-accent-beige"}`,
+        control: /* @__PURE__ */ jsx47(
+          Checkbox,
+          __spreadProps(__spreadValues({}, checkboxProps), {
+            className: "p-0",
+            disableRipple: true,
+            color: "default",
+            checkedIcon: toggleView ? /* @__PURE__ */ jsx47(Fragment5, {}) : /* @__PURE__ */ jsx47(BpCheckedIcon, {}),
+            icon: toggleView ? /* @__PURE__ */ jsx47(Fragment5, {}) : /* @__PURE__ */ jsx47(BpIcon, {})
+          })
+        )
+      }, labelProps), {
+        label: /* @__PURE__ */ jsx47(Typography18, { className: "text-xs leading-6", children: label }),
+        labelPlacement: "start"
+      })
+    );
+  return /* @__PURE__ */ jsx47(Checkbox, __spreadValues({}, checkboxProps));
+};
+var Checkbox_default = CustomCheckbox;
 export {
   AppBar_default as AppBar,
   ArticleCard_default as ArticleCard,
@@ -1275,6 +1349,7 @@ export {
   BigNumber_default as BigNumber,
   Button_default as Button,
   CategoryCard_default as CategoryCard,
+  Checkbox_default as Checkbox,
   Chip_default as Chip,
   FromToInput_default as FromToInput,
   Greet,
@@ -1292,6 +1367,7 @@ export {
   RadioGroup_default as RadioGroup,
   RealtorCard_default as RealtorCard,
   RealtyCard_default as RealtyCard,
+  SearchInput_default as SearchInput,
   Select_default as Select,
   SelectPro_default as SelectPro,
   Slider_default as Slider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayak-common-library",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",