mayak-common-library 0.0.16 → 0.0.17

package/dist/index.js

@@ -169,10 +169,13 @@ var import_react = require("react");
 var import_material3 = require("@mui/material");
 
 // src/icons/dropdown-arrow.svg
-var dropdown_arrow_default = "./dropdown-arrow-CDZAF5GJ.svg";
+var React = __toESM(require("react"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var SvgDropdownArrow = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", __spreadProps(__spreadValues({ width: 13, height: 7, viewBox: "0 0 13 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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 import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var StyledSelect = (0, import_material3.styled)(import_material3.Select)(({ open }) => ({
   minWidth: 250,
   "&.MuiInputBase-root": {
@@ -224,7 +227,7 @@ var CustomSelect = (props) => {
     var _a2;
     if (!open) (_a2 = myRef.current) == null ? void 0 : _a2.classList.remove("Mui-focused");
   }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     StyledSelect,
     __spreadProps(__spreadValues({}, rest), {
       ref: myRef,
@@ -249,7 +252,7 @@ var CustomSelect = (props) => {
           }
         }
       },
-      IconComponent: () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(dropdown_arrow_default, {}),
+      IconComponent: () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(dropdown_arrow_default, {}),
       children
     })
   );
@@ -257,17 +260,26 @@ var CustomSelect = (props) => {
 var Select_default = CustomSelect;
 
 // src/icons/search.svg
-var search_default = "./search-HJGCO2DZ.svg";
+var React2 = __toESM(require("react"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SvgSearch = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", __spreadProps(__spreadValues({ width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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
 var import_react2 = require("react");
 var import_material4 = require("@mui/material");
 
 // src/icons/close.svg
-var close_default = "./close-4XJDSDVO.svg";
+var React3 = __toESM(require("react"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var SvgClose = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", __spreadProps(__spreadValues({ width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M1 7.5L7.5 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M7.5 7.5L1 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
+] }));
+var close_default = SvgClose;
 
 // src/components/Select/SelectPro.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var SelectPro = ({
   children,
   placeholder,
@@ -297,11 +309,11 @@ var SelectPro = ({
   const childrenWithHandleChange = (0, import_react2.isValidElement)(children) ? (0, import_react2.cloneElement)(children, {
     collapseParent: handleClose
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material4.Box, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { children: [
     clickComponent ? (0, import_react2.cloneElement)(clickComponent, {
       ref: btn,
       onClick: handleClick
-    }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       import_material4.Button,
       {
         ref: btn,
@@ -317,14 +329,14 @@ var SelectPro = ({
         },
         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"}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             import_material4.Typography,
             {
               className: "text-sm leading-4",
               children: `${placeholder}`
             }
           ),
-          colorBorder ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(search_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          colorBorder ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(search_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             dropdown_arrow_default,
             {
               style: {
@@ -336,7 +348,7 @@ var SelectPro = ({
         ]
       }
     ),
-    btn ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    btn ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_material4.Paper,
       {
         sx: {
@@ -347,16 +359,16 @@ var SelectPro = ({
           top: overButton ? 0 : "initial"
         },
         className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material4.Box, { className: `flex flex-col p-3 gap-3`, children: [
-          overButton ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { className: `flex flex-col p-3 gap-3`, children: [
+          overButton ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             IconButton_default,
             {
               className: "bg-accent-silver p-1 self-end absolute",
               onClick: handleClose,
-              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(close_default, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(close_default, {})
             }
           ) : null,
-          childTitle ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          childTitle ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             import_material4.Typography,
             {
               className: "text-sm font-normal text-accent-silver-2",
@@ -373,7 +385,7 @@ var SelectPro_default = SelectPro;
 
 // src/components/Chip/Chip.tsx
 var import_material5 = require("@mui/material");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme: theme2 }) => ({
   borderRadius: theme2.shape.borderRadius
 }));
@@ -385,7 +397,7 @@ var ChipViews = {
 };
 var CustomChip = (props) => {
   const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     StyledChip,
     __spreadValues({
       className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`
@@ -396,61 +408,61 @@ var Chip_default = CustomChip;
 
 // src/components/Badge/Badge.tsx
 var import_material6 = require("@mui/material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var CustomBadge = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Badge, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.Badge, __spreadValues({}, props));
 };
 var Badge_default = CustomBadge;
 
 // src/components/Avatar/Avatar.tsx
 var import_Avatar = __toESM(require("@mui/material/Avatar"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var CustomAvatar = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Avatar.default, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Avatar.default, __spreadValues({}, props));
 };
 var Avatar_default = CustomAvatar;
 
 // src/components/Text/Text.tsx
 var import_Typography2 = __toESM(require("@mui/material/Typography"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Text = (props) => {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Typography2.default, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Typography2.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 var Text_default = Text;
 
 // src/components/Radio/Radio.tsx
 var import_Radio = __toESM(require("@mui/material/Radio"));
 var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var CustomRadio = (props) => {
   const { value, label, radioProps, labelProps } = props;
   if (label && value)
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       import_FormControlLabel.default,
       __spreadValues({
         value,
-        control: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Radio.default, __spreadValues({}, radioProps)),
+        control: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Radio.default, __spreadValues({}, radioProps)),
         label
       }, labelProps)
     );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Radio.default, __spreadValues({}, radioProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Radio.default, __spreadValues({}, radioProps));
 };
 var Radio_default = CustomRadio;
 
 // src/components/RadioGroup/RadioGroup.tsx
 var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var CustomRadioGroup = (props) => {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_RadioGroup.default, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_RadioGroup.default, __spreadProps(__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 import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: theme2 }) => ({
   width: 60,
   height: 30,
@@ -494,26 +506,26 @@ var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: the
 }));
 var CustomSwitch = (props) => {
   const _a = props, { beforeText, afterText } = _a, rest = __objRest(_a, ["beforeText", "afterText"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material7.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-    beforeText ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Typography3.default, { className: "text-base", children: beforeText }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Switch, __spreadProps(__spreadValues({ defaultChecked: true }, rest), { disableRipple: true })),
-    afterText ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Typography3.default, { className: "text-base", children: afterText }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material7.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+    beforeText ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Typography3.default, { className: "text-base", children: beforeText }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Switch, __spreadProps(__spreadValues({ defaultChecked: true }, rest), { disableRipple: true })),
+    afterText ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Typography3.default, { className: "text-base", children: afterText }) : null
   ] });
 };
 var Switch_default = CustomSwitch;
 
 // src/components/Slider/Slider.tsx
 var import_material8 = require("@mui/material");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var StyledSlider = (0, import_material8.styled)(import_material8.Slider)(() => ({}));
 var CustomSlider = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StyledSlider, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StyledSlider, __spreadValues({}, props));
 };
 var Slider_default = CustomSlider;
 
 // src/components/MenuItem/MenuItem.tsx
 var import_material9 = require("@mui/material");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(() => ({
   borderRadius: "5px",
   "&.Mui-selected": {
@@ -523,14 +535,14 @@ var StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(()
 }));
 var CustomMenuItem = (props) => {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(StyledMenuItem, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StyledMenuItem, __spreadProps(__spreadValues({}, rest), { children }));
 };
 var MenuItem_default = CustomMenuItem;
 
 // src/components/Input/Input.tsx
 var import_material10 = require("@mui/material");
 var import_Input = __toESM(require("@mui/material/Input"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var StyledInput = (0, import_material10.styled)(import_Input.default)(() => ({
   "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button": {
     display: "none"
@@ -547,12 +559,12 @@ var CustomInput = (props) => {
       event.stopPropagation();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     StyledInput,
     __spreadValues({
       disableUnderline: true,
       onKeyDown: handleKeyDown,
-      startAdornment: adornmentText ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material10.InputAdornment, { position: "start", className: "text-sm", children: adornmentText }) : void 0,
+      startAdornment: adornmentText ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material10.InputAdornment, { position: "start", className: "text-sm", children: adornmentText }) : void 0,
       value,
       componentsProps: {
         root: {
@@ -568,11 +580,11 @@ var Input_default = CustomInput;
 // src/components/Input/PhoneInput.tsx
 var import_react_number_format = require("react-number-format");
 var import_react3 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var PhoneInput = (0, import_react3.forwardRef)(
   function NumericFormatCustom(props, ref) {
     const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_react_number_format.PatternFormat,
       __spreadProps(__spreadValues({}, other), {
         getInputRef: ref,
@@ -596,13 +608,13 @@ var PhoneInput_default = PhoneInput;
 // src/components/Input/FromToInput.tsx
 var import_material11 = require("@mui/material");
 var import_Typography4 = __toESM(require("@mui/material/Typography"));
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var FromToInput = ({ label }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material11.Stack, { children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Typography4.default, { className: "text-accent-dark text-xs", children: label }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material11.Stack, { direction: "row", spacing: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material11.Stack, { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Typography4.default, { className: "text-accent-dark text-xs", children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material11.Stack, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })
     ] })
   ] });
 };
@@ -655,7 +667,7 @@ var _theme = {
 };
 
 // src/theme/index.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var theme = (0, import_createTheme.default)(__spreadValues({}, _theme));
 function ThemeRegistry(props) {
   const { children } = props;
@@ -688,7 +700,7 @@ function ThemeRegistry(props) {
     for (const name of names) {
       styles += cache.inserted[name];
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "style",
       {
         "data-emotion": `${cache.key} ${names.join(" ")}`,
@@ -699,16 +711,16 @@ function ThemeRegistry(props) {
       cache.key
     );
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react5.CacheProvider, { value: cache, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_ThemeProvider.default, { theme, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_CssBaseline.default, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react5.CacheProvider, { value: cache, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_ThemeProvider.default, { theme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_CssBaseline.default, {}),
     children
   ] }) });
 }
 
 // src/providers/Providers.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ThemeRegistry, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ThemeRegistry, { children });
 };
 var Providers_default = Providers;
 
@@ -716,7 +728,7 @@ var Providers_default = Providers;
 var import_react6 = require("react");
 var import_material12 = require("@mui/material");
 var import_link = __toESM(require("next/link"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var AppBar = ({ links }) => {
   const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
   const navItemsRef = (0, import_react6.useRef)([]);
@@ -734,9 +746,9 @@ var AppBar = ({ links }) => {
   const handleClick = (index) => {
     setActiveIndex(index);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material12.Stack, { direction: "row", spacing: 1, position: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material12.Box, { className: "nav-indicator" }),
-    links.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material12.Stack, { direction: "row", spacing: 1, position: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material12.Box, { className: "nav-indicator" }),
+    links.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       import_link.default,
       {
         ref: (el) => {
@@ -756,7 +768,7 @@ var AppBar_default = AppBar;
 // src/components/Image/ImageContainer.tsx
 var import_material13 = require("@mui/material");
 var import_image = __toESM(require("next/image"));
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var ImageContainer = (props) => {
   const {
     src,
@@ -768,7 +780,7 @@ var ImageContainer = (props) => {
     loading = "lazy",
     objectFit = "object-cover"
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material13.Box, { className: `relative ${width} ${height}`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material13.Box, { className: `relative ${width} ${height}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_image.default,
     {
       className: `${objectFit} object-center`,
@@ -784,7 +796,10 @@ var ImageContainer = (props) => {
 var ImageContainer_default = ImageContainer;
 
 // src/icons/map-search.svg
-var map_search_default = "./map-search-62Q23M73.svg";
+var React4 = __toESM(require("react"));
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var SvgMapSearch = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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
 var import_material14 = require("@mui/material");
@@ -794,13 +809,13 @@ var import_link2 = __toESM(require("next/link"));
 var NO_IMAGE = "/images/no-photo.svg";
 
 // src/components/Card/CategoryCard.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var CategoryCard = (props) => {
   const { link, text, title, image_url = NO_IMAGE } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_link2.default, { href: link, className: "group/card", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material14.Box, { className: "flex flex-col gap-[20px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material14.Box, { className: "flex flex-col px-[16px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_link2.default, { href: link, className: "group/card", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material14.Box, { className: "flex flex-col gap-[20px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material14.Box, { className: "flex flex-col px-[16px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_material14.Typography,
         {
           component: "span",
@@ -808,7 +823,7 @@ var CategoryCard = (props) => {
           children: title
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material14.Typography, { component: "span", className: "group-hover/card:text-gold2", children: text })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material14.Typography, { component: "span", className: "group-hover/card:text-gold2", children: text })
     ] })
   ] }) });
 };
@@ -818,11 +833,11 @@ var CategoryCard_default = CategoryCard;
 var import_link3 = __toESM(require("next/link"));
 var import_material15 = require("@mui/material");
 var import_Typography5 = __toESM(require("@mui/material/Typography"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var ArticleCard = (props) => {
   const { image_src = NO_IMAGE } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_link3.default, { href: "/", className: "group/card bg-gray-light", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_link3.default, { href: "/", className: "group/card bg-gray-light", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       ImageContainer_default,
       {
         src: image_src,
@@ -831,8 +846,8 @@ var ArticleCard = (props) => {
         height: "h-[220px]"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material15.Box, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material15.Box, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_Typography5.default,
         {
           component: "span",
@@ -840,7 +855,7 @@ var ArticleCard = (props) => {
           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__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_Typography5.default,
         {
           component: "span",
@@ -848,37 +863,37 @@ var ArticleCard = (props) => {
           children: "We have built a strong network in Dubai since 2009, which allows us to source the best deal for"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_Typography5.default, { component: "span", className: "border-gold-block-snack", children: "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430" })
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_Typography5.default, { component: "span", className: "border-gold-block-snack", children: "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430" })
     ] })
   ] });
 };
 var ArticleCard_default = ArticleCard;
 
 // src/components/Card/JobCard.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var JobCard = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, {});
 };
 var JobCard_default = JobCard;
 
 // src/components/Card/RealtorCard.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var RealtorCard = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, {});
 };
 var RealtorCard_default = RealtorCard;
 
 // src/components/Card/RealtyCard.tsx
 var import_material16 = require("@mui/material");
 var import_link4 = __toESM(require("next/link"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var RealtyCard = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_link4.default, { href: "/", className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material16.Box, { className: "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Chip_default, { view: "white", label: "id: 00154" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Chip_default, { view: "white", label: "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4" })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_link4.default, { href: "/", className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material16.Box, { className: "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Chip_default, { view: "white", label: "id: 00154" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Chip_default, { view: "white", label: "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       ImageContainer_default,
       {
         src: "/images/test.png",
@@ -887,24 +902,24 @@ var RealtyCard = () => {
         contentful: false
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material16.Box, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Chip_default, { view: "black", label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material16.Typography, { component: "span", className: "font-extrabold", children: "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material16.Typography, { component: "span", className: "text-12", children: "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material16.Box, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Chip_default, { view: "black", label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material16.Typography, { component: "span", className: "font-extrabold", children: "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material16.Typography, { component: "span", className: "text-12", children: "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         Chip_default,
         {
           view: "silver",
-          label: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material16.Stack, { direction: "row", spacing: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material16.Typography, { children: "\u043C\u0435\u0442\u0440\u043E:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material16.Typography, { className: "font-extrabold", children: "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430" })
+          label: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material16.Stack, { direction: "row", spacing: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material16.Typography, { children: "\u043C\u0435\u0442\u0440\u043E:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material16.Typography, { className: "font-extrabold", children: "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430" })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material16.Box, { className: "flex flex-wrap gap-[6px] mt-[6px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Chip_default, { view: "line", label: "60 \u043C\xB2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material16.Box, { className: "flex flex-wrap gap-[6px] mt-[6px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Chip_default, { view: "line", label: "60 \u043C\xB2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" })
       ] })
     ] })
   ] });
@@ -913,12 +928,12 @@ var RealtyCard_default = RealtyCard;
 
 // src/components/Card/TeamPersonCard.tsx
 var import_material17 = require("@mui/material");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var TeamPersonCard = (props) => {
   const { image_url = NO_IMAGE, name, position, text } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material17.Box, { className: "group/card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material17.Box, { className: "relative h-[300px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material17.Box, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material17.Box, { className: "group/card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material17.Box, { className: "relative h-[300px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material17.Box, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         ImageContainer_default,
         {
           contentful: false,
@@ -927,10 +942,10 @@ var TeamPersonCard = (props) => {
           objectFit: "object-contain"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material17.Box, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material17.Typography, { component: "span", className: "text-16 font-extrabold", children: position }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material17.Typography, { component: "span", className: "mt-[4px]", children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material17.Box, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material17.Typography, { component: "span", className: "text-16 font-extrabold", children: position }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material17.Typography, { component: "span", className: "mt-[4px]", children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           import_material17.Typography,
           {
             component: "span",
@@ -940,9 +955,9 @@ var TeamPersonCard = (props) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material17.Box, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material17.Typography, { component: "span", className: "text-16 font-extrabold", children: position }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material17.Typography, { component: "span", className: "text-gray", children: name })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material17.Box, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material17.Typography, { component: "span", className: "text-16 font-extrabold", children: position }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material17.Typography, { component: "span", className: "text-gray", children: name })
     ] })
   ] });
 };

package/dist/index.mjs

@@ -110,10 +110,13 @@ import { useRef, useState, useEffect } from "react";
 import { Select, styled as styled3 } from "@mui/material";
 
 // src/icons/dropdown-arrow.svg
-var dropdown_arrow_default = "./dropdown-arrow-CDZAF5GJ.svg";
+import * as React from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var SvgDropdownArrow = (props) => /* @__PURE__ */ jsx3("svg", __spreadProps(__spreadValues({ width: 13, height: 7, viewBox: "0 0 13 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx3("path", { d: "M12 6.25L6.5 0.75L1 6.25", stroke: "#343434", strokeLinecap: "round" }) }));
+var dropdown_arrow_default = SvgDropdownArrow;
 
 // src/components/Select/Select.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var StyledSelect = styled3(Select)(({ open }) => ({
   minWidth: 250,
   "&.MuiInputBase-root": {
@@ -165,7 +168,7 @@ var CustomSelect = (props) => {
     var _a2;
     if (!open) (_a2 = myRef.current) == null ? void 0 : _a2.classList.remove("Mui-focused");
   }, [open]);
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     StyledSelect,
     __spreadProps(__spreadValues({}, rest), {
       ref: myRef,
@@ -190,7 +193,7 @@ var CustomSelect = (props) => {
           }
         }
       },
-      IconComponent: () => /* @__PURE__ */ jsx3(dropdown_arrow_default, {}),
+      IconComponent: () => /* @__PURE__ */ jsx4(dropdown_arrow_default, {}),
       children
     })
   );
@@ -198,7 +201,10 @@ var CustomSelect = (props) => {
 var Select_default = CustomSelect;
 
 // src/icons/search.svg
-var search_default = "./search-HJGCO2DZ.svg";
+import * as React2 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var SvgSearch = (props) => /* @__PURE__ */ jsx5("svg", __spreadProps(__spreadValues({ width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx5("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
 import {
@@ -215,10 +221,16 @@ import {
 } from "@mui/material";
 
 // src/icons/close.svg
-var close_default = "./close-4XJDSDVO.svg";
+import * as React3 from "react";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var SvgClose = (props) => /* @__PURE__ */ jsxs2("svg", __spreadProps(__spreadValues({ width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+  /* @__PURE__ */ jsx6("path", { d: "M1 7.5L7.5 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx6("path", { d: "M7.5 7.5L1 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
+] }));
+var close_default = SvgClose;
 
 // src/components/Select/SelectPro.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var SelectPro = ({
   children,
   placeholder,
@@ -248,11 +260,11 @@ var SelectPro = ({
   const childrenWithHandleChange = isValidElement(children) ? cloneElement(children, {
     collapseParent: handleClose
   }) : children;
-  return /* @__PURE__ */ jsx4(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs2(Box, { children: [
+  return /* @__PURE__ */ jsx7(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs3(Box, { children: [
     clickComponent ? cloneElement(clickComponent, {
       ref: btn,
       onClick: handleClick
-    }) : /* @__PURE__ */ jsxs2(
+    }) : /* @__PURE__ */ jsxs3(
       Button2,
       {
         ref: btn,
@@ -268,14 +280,14 @@ var SelectPro = ({
         },
         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"}`,
         children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx7(
             Typography2,
             {
               className: "text-sm leading-4",
               children: `${placeholder}`
             }
           ),
-          colorBorder ? /* @__PURE__ */ jsx4(search_default, {}) : /* @__PURE__ */ jsx4(
+          colorBorder ? /* @__PURE__ */ jsx7(search_default, {}) : /* @__PURE__ */ jsx7(
             dropdown_arrow_default,
             {
               style: {
@@ -287,7 +299,7 @@ var SelectPro = ({
         ]
       }
     ),
-    btn ? /* @__PURE__ */ jsx4(
+    btn ? /* @__PURE__ */ jsx7(
       Paper,
       {
         sx: {
@@ -298,16 +310,16 @@ var SelectPro = ({
           top: overButton ? 0 : "initial"
         },
         className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`,
-        children: /* @__PURE__ */ jsxs2(Box, { className: `flex flex-col p-3 gap-3`, children: [
-          overButton ? /* @__PURE__ */ jsx4(
+        children: /* @__PURE__ */ jsxs3(Box, { className: `flex flex-col p-3 gap-3`, children: [
+          overButton ? /* @__PURE__ */ jsx7(
             IconButton_default,
             {
               className: "bg-accent-silver p-1 self-end absolute",
               onClick: handleClose,
-              children: /* @__PURE__ */ jsx4(close_default, {})
+              children: /* @__PURE__ */ jsx7(close_default, {})
             }
           ) : null,
-          childTitle ? /* @__PURE__ */ jsx4(
+          childTitle ? /* @__PURE__ */ jsx7(
             Typography2,
             {
               className: "text-sm font-normal text-accent-silver-2",
@@ -324,7 +336,7 @@ var SelectPro_default = SelectPro;
 
 // src/components/Chip/Chip.tsx
 import { Chip, styled as styled4 } from "@mui/material";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var StyledChip = styled4(Chip)(({ theme: theme2 }) => ({
   borderRadius: theme2.shape.borderRadius
 }));
@@ -336,7 +348,7 @@ var ChipViews = {
 };
 var CustomChip = (props) => {
   const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx8(
     StyledChip,
     __spreadValues({
       className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`
@@ -347,61 +359,61 @@ var Chip_default = CustomChip;
 
 // src/components/Badge/Badge.tsx
 import { Badge } from "@mui/material";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var CustomBadge = (props) => {
-  return /* @__PURE__ */ jsx6(Badge, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx9(Badge, __spreadValues({}, props));
 };
 var Badge_default = CustomBadge;
 
 // src/components/Avatar/Avatar.tsx
 import Avatar from "@mui/material/Avatar";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var CustomAvatar = (props) => {
-  return /* @__PURE__ */ jsx7(Avatar, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx10(Avatar, __spreadValues({}, props));
 };
 var Avatar_default = CustomAvatar;
 
 // src/components/Text/Text.tsx
 import Typography3 from "@mui/material/Typography";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var Text = (props) => {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx8(Typography3, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ jsx11(Typography3, __spreadProps(__spreadValues({}, rest), { children }));
 };
 var Text_default = Text;
 
 // src/components/Radio/Radio.tsx
 import Radio from "@mui/material/Radio";
 import FormControlLabel from "@mui/material/FormControlLabel";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var CustomRadio = (props) => {
   const { value, label, radioProps, labelProps } = props;
   if (label && value)
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx12(
       FormControlLabel,
       __spreadValues({
         value,
-        control: /* @__PURE__ */ jsx9(Radio, __spreadValues({}, radioProps)),
+        control: /* @__PURE__ */ jsx12(Radio, __spreadValues({}, radioProps)),
         label
       }, labelProps)
     );
-  return /* @__PURE__ */ jsx9(Radio, __spreadValues({}, radioProps));
+  return /* @__PURE__ */ jsx12(Radio, __spreadValues({}, radioProps));
 };
 var Radio_default = CustomRadio;
 
 // src/components/RadioGroup/RadioGroup.tsx
 import RadioGroup from "@mui/material/RadioGroup";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var CustomRadioGroup = (props) => {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx10(RadioGroup, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ jsx13(RadioGroup, __spreadProps(__spreadValues({}, rest), { children }));
 };
 var RadioGroup_default = CustomRadioGroup;
 
 // src/components/Switch/Switch.tsx
 import { Stack, styled as styled5, Switch as SwitchMUI } from "@mui/material";
 import Typography4 from "@mui/material/Typography";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
 var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
   width: 60,
   height: 30,
@@ -445,26 +457,26 @@ var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
 }));
 var CustomSwitch = (props) => {
   const _a = props, { beforeText, afterText } = _a, rest = __objRest(_a, ["beforeText", "afterText"]);
-  return /* @__PURE__ */ jsxs3(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-    beforeText ? /* @__PURE__ */ jsx11(Typography4, { className: "text-base", children: beforeText }) : null,
-    /* @__PURE__ */ jsx11(Switch, __spreadProps(__spreadValues({ defaultChecked: true }, rest), { disableRipple: true })),
-    afterText ? /* @__PURE__ */ jsx11(Typography4, { className: "text-base", children: afterText }) : null
+  return /* @__PURE__ */ jsxs4(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+    beforeText ? /* @__PURE__ */ jsx14(Typography4, { className: "text-base", children: beforeText }) : null,
+    /* @__PURE__ */ jsx14(Switch, __spreadProps(__spreadValues({ defaultChecked: true }, rest), { disableRipple: true })),
+    afterText ? /* @__PURE__ */ jsx14(Typography4, { className: "text-base", children: afterText }) : null
   ] });
 };
 var Switch_default = CustomSwitch;
 
 // src/components/Slider/Slider.tsx
 import { Slider, styled as styled6 } from "@mui/material";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var StyledSlider = styled6(Slider)(() => ({}));
 var CustomSlider = (props) => {
-  return /* @__PURE__ */ jsx12(StyledSlider, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx15(StyledSlider, __spreadValues({}, props));
 };
 var Slider_default = CustomSlider;
 
 // src/components/MenuItem/MenuItem.tsx
 import { MenuItem, styled as styled7 } from "@mui/material";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var StyledMenuItem = styled7(MenuItem)(() => ({
   borderRadius: "5px",
   "&.Mui-selected": {
@@ -474,14 +486,14 @@ var StyledMenuItem = styled7(MenuItem)(() => ({
 }));
 var CustomMenuItem = (props) => {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx13(StyledMenuItem, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ jsx16(StyledMenuItem, __spreadProps(__spreadValues({}, rest), { children }));
 };
 var MenuItem_default = CustomMenuItem;
 
 // src/components/Input/Input.tsx
 import { InputAdornment, styled as styled8 } from "@mui/material";
 import Input from "@mui/material/Input";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var StyledInput = styled8(Input)(() => ({
   "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button": {
     display: "none"
@@ -498,12 +510,12 @@ var CustomInput = (props) => {
       event.stopPropagation();
     }
   };
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx17(
     StyledInput,
     __spreadValues({
       disableUnderline: true,
       onKeyDown: handleKeyDown,
-      startAdornment: adornmentText ? /* @__PURE__ */ jsx14(InputAdornment, { position: "start", className: "text-sm", children: adornmentText }) : void 0,
+      startAdornment: adornmentText ? /* @__PURE__ */ jsx17(InputAdornment, { position: "start", className: "text-sm", children: adornmentText }) : void 0,
       value,
       componentsProps: {
         root: {
@@ -519,11 +531,11 @@ var Input_default = CustomInput;
 // src/components/Input/PhoneInput.tsx
 import { PatternFormat } from "react-number-format";
 import { forwardRef } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var PhoneInput = forwardRef(
   function NumericFormatCustom(props, ref) {
     const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx18(
       PatternFormat,
       __spreadProps(__spreadValues({}, other), {
         getInputRef: ref,
@@ -547,13 +559,13 @@ var PhoneInput_default = PhoneInput;
 // src/components/Input/FromToInput.tsx
 import { Stack as Stack2 } from "@mui/material";
 import Typography5 from "@mui/material/Typography";
-import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
 var FromToInput = ({ label }) => {
-  return /* @__PURE__ */ jsxs4(Stack2, { children: [
-    label ? /* @__PURE__ */ jsx16(Typography5, { className: "text-accent-dark text-xs", children: label }) : null,
-    /* @__PURE__ */ jsxs4(Stack2, { direction: "row", spacing: 1, children: [
-      /* @__PURE__ */ jsx16(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }),
-      /* @__PURE__ */ jsx16(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })
+  return /* @__PURE__ */ jsxs5(Stack2, { children: [
+    label ? /* @__PURE__ */ jsx19(Typography5, { className: "text-accent-dark text-xs", children: label }) : null,
+    /* @__PURE__ */ jsxs5(Stack2, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ jsx19(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }),
+      /* @__PURE__ */ jsx19(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })
     ] })
   ] });
 };
@@ -606,7 +618,7 @@ var _theme = {
 };
 
 // src/theme/index.tsx
-import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
 var theme = createTheme(__spreadValues({}, _theme));
 function ThemeRegistry(props) {
   const { children } = props;
@@ -639,7 +651,7 @@ function ThemeRegistry(props) {
     for (const name of names) {
       styles += cache.inserted[name];
     }
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx20(
       "style",
       {
         "data-emotion": `${cache.key} ${names.join(" ")}`,
@@ -650,16 +662,16 @@ function ThemeRegistry(props) {
       cache.key
     );
   });
-  return /* @__PURE__ */ jsx17(CacheProvider, { value: cache, children: /* @__PURE__ */ jsxs5(ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx17(CssBaseline, {}),
+  return /* @__PURE__ */ jsx20(CacheProvider, { value: cache, children: /* @__PURE__ */ jsxs6(ThemeProvider, { theme, children: [
+    /* @__PURE__ */ jsx20(CssBaseline, {}),
     children
   ] }) });
 }
 
 // src/providers/Providers.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ jsx18(ThemeRegistry, { children });
+  return /* @__PURE__ */ jsx21(ThemeRegistry, { children });
 };
 var Providers_default = Providers;
 
@@ -667,7 +679,7 @@ var Providers_default = Providers;
 import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
 import { Box as Box2, Stack as Stack3 } from "@mui/material";
 import Link from "next/link";
-import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
 var AppBar = ({ links }) => {
   const [activeIndex, setActiveIndex] = useState4(0);
   const navItemsRef = useRef2([]);
@@ -685,9 +697,9 @@ var AppBar = ({ links }) => {
   const handleClick = (index) => {
     setActiveIndex(index);
   };
-  return /* @__PURE__ */ jsxs6(Stack3, { direction: "row", spacing: 1, position: "relative", children: [
-    /* @__PURE__ */ jsx19(Box2, { className: "nav-indicator" }),
-    links.map((link, index) => /* @__PURE__ */ jsx19(
+  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) => {
@@ -707,7 +719,7 @@ var AppBar_default = AppBar;
 // src/components/Image/ImageContainer.tsx
 import { Box as Box3 } from "@mui/material";
 import Image from "next/image";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var ImageContainer = (props) => {
   const {
     src,
@@ -719,7 +731,7 @@ var ImageContainer = (props) => {
     loading = "lazy",
     objectFit = "object-cover"
   } = props;
-  return /* @__PURE__ */ jsx20(Box3, { className: `relative ${width} ${height}`, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx23(Box3, { className: `relative ${width} ${height}`, children: /* @__PURE__ */ jsx23(
     Image,
     {
       className: `${objectFit} object-center`,
@@ -735,7 +747,10 @@ var ImageContainer = (props) => {
 var ImageContainer_default = ImageContainer;
 
 // src/icons/map-search.svg
-var map_search_default = "./map-search-62Q23M73.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" }) }));
+var map_search_default = SvgMapSearch;
 
 // src/components/Card/CategoryCard.tsx
 import { Box as Box4, Typography as Typography6 } from "@mui/material";
@@ -745,13 +760,13 @@ import Link2 from "next/link";
 var NO_IMAGE = "/images/no-photo.svg";
 
 // src/components/Card/CategoryCard.tsx
-import { jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs8 } from "react/jsx-runtime";
 var CategoryCard = (props) => {
   const { link, text, title, image_url = NO_IMAGE } = props;
-  return /* @__PURE__ */ jsx21(Link2, { href: link, className: "group/card", children: /* @__PURE__ */ jsxs7(Box4, { className: "flex flex-col gap-[20px]", children: [
-    /* @__PURE__ */ jsx21(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }),
-    /* @__PURE__ */ jsxs7(Box4, { className: "flex flex-col px-[16px]", children: [
-      /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx25(Link2, { href: link, className: "group/card", children: /* @__PURE__ */ jsxs8(Box4, { 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__ */ jsx25(
         Typography6,
         {
           component: "span",
@@ -759,7 +774,7 @@ var CategoryCard = (props) => {
           children: title
         }
       ),
-      /* @__PURE__ */ jsx21(Typography6, { component: "span", className: "group-hover/card:text-gold2", children: text })
+      /* @__PURE__ */ jsx25(Typography6, { component: "span", className: "group-hover/card:text-gold2", children: text })
     ] })
   ] }) });
 };
@@ -769,11 +784,11 @@ var CategoryCard_default = CategoryCard;
 import Link3 from "next/link";
 import { Box as Box5 } from "@mui/material";
 import Typography7 from "@mui/material/Typography";
-import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs9 } from "react/jsx-runtime";
 var ArticleCard = (props) => {
   const { image_src = NO_IMAGE } = props;
-  return /* @__PURE__ */ jsxs8(Link3, { href: "/", className: "group/card bg-gray-light", children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs9(Link3, { href: "/", className: "group/card bg-gray-light", children: [
+    /* @__PURE__ */ jsx26(
       ImageContainer_default,
       {
         src: image_src,
@@ -782,8 +797,8 @@ var ArticleCard = (props) => {
         height: "h-[220px]"
       }
     ),
-    /* @__PURE__ */ jsxs8(Box5, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
-      /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsxs9(Box5, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
+      /* @__PURE__ */ jsx26(
         Typography7,
         {
           component: "span",
@@ -791,7 +806,7 @@ var ArticleCard = (props) => {
           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__ */ jsx22(
+      /* @__PURE__ */ jsx26(
         Typography7,
         {
           component: "span",
@@ -799,37 +814,37 @@ var ArticleCard = (props) => {
           children: "We have built a strong network in Dubai since 2009, which allows us to source the best deal for"
         }
       ),
-      /* @__PURE__ */ jsx22(Typography7, { component: "span", className: "border-gold-block-snack", children: "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430" })
+      /* @__PURE__ */ jsx26(Typography7, { component: "span", className: "border-gold-block-snack", children: "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430" })
     ] })
   ] });
 };
 var ArticleCard_default = ArticleCard;
 
 // src/components/Card/JobCard.tsx
-import { Fragment, jsx as jsx23 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx27 } from "react/jsx-runtime";
 var JobCard = () => {
-  return /* @__PURE__ */ jsx23(Fragment, {});
+  return /* @__PURE__ */ jsx27(Fragment, {});
 };
 var JobCard_default = JobCard;
 
 // src/components/Card/RealtorCard.tsx
-import { Fragment as Fragment2, jsx as jsx24 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx28 } from "react/jsx-runtime";
 var RealtorCard = () => {
-  return /* @__PURE__ */ jsx24(Fragment2, {});
+  return /* @__PURE__ */ jsx28(Fragment2, {});
 };
 var RealtorCard_default = RealtorCard;
 
 // src/components/Card/RealtyCard.tsx
 import { Box as Box6, Stack as Stack4, Typography as Typography8 } from "@mui/material";
 import Link4 from "next/link";
-import { jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
 var RealtyCard = () => {
-  return /* @__PURE__ */ jsxs9(Link4, { href: "/", className: "relative", children: [
-    /* @__PURE__ */ jsxs9(Box6, { className: "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]", children: [
-      /* @__PURE__ */ jsx25(Chip_default, { view: "white", label: "id: 00154" }),
-      /* @__PURE__ */ jsx25(Chip_default, { view: "white", label: "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4" })
+  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__ */ jsx25(
+    /* @__PURE__ */ jsx29(
       ImageContainer_default,
       {
         src: "/images/test.png",
@@ -838,24 +853,24 @@ var RealtyCard = () => {
         contentful: false
       }
     ),
-    /* @__PURE__ */ jsxs9(Box6, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]", children: [
-      /* @__PURE__ */ jsx25(Chip_default, { view: "black", label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C" }),
-      /* @__PURE__ */ jsx25(Typography8, { component: "span", className: "font-extrabold", children: "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25" }),
-      /* @__PURE__ */ jsx25(Typography8, { component: "span", className: "text-12", children: "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D" }),
-      /* @__PURE__ */ jsx25(
+    /* @__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__ */ jsxs9(Stack4, { direction: "row", spacing: 1, children: [
-            /* @__PURE__ */ jsx25(Typography8, { children: "\u043C\u0435\u0442\u0440\u043E:" }),
-            /* @__PURE__ */ jsx25(Typography8, { className: "font-extrabold", children: "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430" })
+          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__ */ jsxs9(Box6, { className: "flex flex-wrap gap-[6px] mt-[6px]", children: [
-        /* @__PURE__ */ jsx25(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }),
-        /* @__PURE__ */ jsx25(Chip_default, { view: "line", label: "60 \u043C\xB2" }),
-        /* @__PURE__ */ jsx25(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" })
+      /* @__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" })
       ] })
     ] })
   ] });
@@ -864,12 +879,12 @@ var RealtyCard_default = RealtyCard;
 
 // src/components/Card/TeamPersonCard.tsx
 import { Box as Box7, Typography as Typography9 } from "@mui/material";
-import { jsx as jsx26, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
 var TeamPersonCard = (props) => {
   const { image_url = NO_IMAGE, name, position, text } = props;
-  return /* @__PURE__ */ jsxs10(Box7, { className: "group/card", children: [
-    /* @__PURE__ */ jsxs10(Box7, { className: "relative h-[300px]", children: [
-      /* @__PURE__ */ jsx26(Box7, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]", children: /* @__PURE__ */ jsx26(
+  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(
         ImageContainer_default,
         {
           contentful: false,
@@ -878,10 +893,10 @@ var TeamPersonCard = (props) => {
           objectFit: "object-contain"
         }
       ) }),
-      /* @__PURE__ */ jsxs10(Box7, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white", children: [
-        /* @__PURE__ */ jsx26(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
-        /* @__PURE__ */ jsx26(Typography9, { component: "span", className: "mt-[4px]", children: name }),
-        /* @__PURE__ */ jsx26(
+      /* @__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(
           Typography9,
           {
             component: "span",
@@ -891,9 +906,9 @@ var TeamPersonCard = (props) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs10(Box7, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12", children: [
-      /* @__PURE__ */ jsx26(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
-      /* @__PURE__ */ jsx26(Typography9, { component: "span", className: "text-gray", children: name })
+    /* @__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 })
     ] })
   ] });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayak-common-library",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -32,6 +32,7 @@
     "@types/react-dom": "^18",
     "@types/stylis": "^4.2.6",
     "autoprefixer": "^10.4.19",
+    "esbuild-plugin-svgr": "^2.1.0",
     "esbuild-sass-plugin": "^3.3.1",
     "eslint": "^8",
     "eslint-config-next": "14.2.4",

package/dist/close-4XJDSDVO.svg

@@ -1,4 +0,0 @@
-<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 7.5L7.5 1" stroke="#343434" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.5 7.5L1 1" stroke="#343434" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/dist/dropdown-arrow-CDZAF5GJ.svg

@@ -1,3 +0,0 @@
-<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 6.25L6.5 0.75L1 6.25" stroke="#343434" stroke-linecap="round"/>
-</svg>

package/dist/map-search-62Q23M73.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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" class="stroke-current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/dist/search-HJGCO2DZ.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>