mayak-common-library 0.0.16 → 0.0.18

package/dist/index.js

@@ -61,6 +61,7 @@ var src_exports = {};
 __export(src_exports, {
   AppBar: () => AppBar_default,
   ArticleCard: () => ArticleCard_default,
+  Autocomplete: () => Autocomplete_default,
   Avatar: () => Avatar_default,
   Badge: () => Badge_default,
   Button: () => Button_default,
@@ -90,20 +91,15 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/Greet.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
 function Greet(props) {
   const { name } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    "Hello ",
-    name
-  ] });
+  return /* @__PURE__ */ React.createElement("div", null, "Hello ", name);
 }
 
 // src/components/Button/Button.tsx
 var import_Button = __toESM(require("@mui/material/Button"));
 var import_material = require("@mui/material");
 var import_Typography = __toESM(require("@mui/material/Typography"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
 var StyledButton = (0, import_material.styled)(import_Button.default)(() => ({
   textTransform: "none",
   width: "fit-content",
@@ -123,29 +119,28 @@ var StyledButton = (0, import_material.styled)(import_Button.default)(() => ({
 }));
 var Button = (props) => {
   const _a = props, { children, base, bolt, border, small, large } = _a, rest = __objRest(_a, ["children", "base", "bolt", "border", "small", "large"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ React.createElement(
     StyledButton,
     __spreadProps(__spreadValues({}, rest), {
       disableRipple: true,
       className: `${base ? "bg-accent-dark rounded-none text-white hover:bg-accent-beige text-base" : ""}
 ${small ? "py-1.5 px-4" : ""}
       ${large ? "py-5 px-10" : ""}   
-        ${border ? "border-b border-solid rounded-none" : ""}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_Typography.default,
-        {
-          className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`,
-          children
-        }
-      )
-    })
+        ${border ? "border-b border-solid rounded-none" : ""}`
+    }),
+    /* @__PURE__ */ React.createElement(
+      import_Typography.default,
+      {
+        className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`
+      },
+      children
+    )
   );
 };
 var Button_default = Button;
 
 // src/components/Button/IconButton.tsx
 var import_material2 = require("@mui/material");
-var import_jsx_runtime3 = require("react/jsx-runtime");
 var StyledButton2 = (0, import_material2.styled)(import_material2.IconButton)(() => ({
   width: "fit-content",
   borderRadius: 0,
@@ -160,7 +155,7 @@ var StyledButton2 = (0, import_material2.styled)(import_material2.IconButton)(()
 }));
 var IconButton = (props) => {
   const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StyledButton2, __spreadProps(__spreadValues({}, rest), { disableRipple: true, children }));
+  return /* @__PURE__ */ React.createElement(StyledButton2, __spreadProps(__spreadValues({}, rest), { disableRipple: true }), children);
 };
 var IconButton_default = IconButton;
 
@@ -169,10 +164,11 @@ 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 React2 = __toESM(require("react"));
+var SvgDropdownArrow = (props) => /* @__PURE__ */ React2.createElement("svg", __spreadValues({ width: 13, height: 7, viewBox: "0 0 13 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React2.createElement("path", { d: "M12 6.25L6.5 0.75L1 6.25", stroke: "#343434", strokeLinecap: "round" }));
+var dropdown_arrow_default = SvgDropdownArrow;
 
 // src/components/Select/Select.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
 var StyledSelect = (0, import_material3.styled)(import_material3.Select)(({ open }) => ({
   minWidth: 250,
   "&.MuiInputBase-root": {
@@ -224,7 +220,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__ */ React.createElement(
     StyledSelect,
     __spreadProps(__spreadValues({}, rest), {
       ref: myRef,
@@ -249,25 +245,28 @@ var CustomSelect = (props) => {
           }
         }
       },
-      IconComponent: () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(dropdown_arrow_default, {}),
-      children
-    })
+      IconComponent: () => /* @__PURE__ */ React.createElement(dropdown_arrow_default, null)
+    }),
+    children
   );
 };
 var Select_default = CustomSelect;
 
 // src/icons/search.svg
-var search_default = "./search-HJGCO2DZ.svg";
+var React3 = __toESM(require("react"));
+var SvgSearch = (props) => /* @__PURE__ */ React3.createElement("svg", __spreadValues({ width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React3.createElement("path", { d: "M21 12.5L12 3.5L3 12.5H5V19.5C5 20.0304 5.21071 20.5391 5.58579 20.9142C5.96086 21.2893 6.46957 21.5 7 21.5H11.7M9 21.5V15.5C9 14.9696 9.21071 14.4609 9.58579 14.0858C9.96086 13.7107 10.4696 13.5 11 13.5H13M20.1992 20.6992L21.9992 22.4992M15 18.5C15 19.2956 15.3161 20.0587 15.8787 20.6213C16.4413 21.1839 17.2044 21.5 18 21.5C18.7956 21.5 19.5587 21.1839 20.1213 20.6213C20.6839 20.0587 21 19.2956 21 18.5C21 17.7044 20.6839 16.9413 20.1213 16.3787C19.5587 15.8161 18.7956 15.5 18 15.5C17.2044 15.5 16.4413 15.8161 15.8787 16.3787C15.3161 16.9413 15 17.7044 15 18.5Z", stroke: "#C8BCA1", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+var 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 React4 = __toESM(require("react"));
+var SvgClose = (props) => /* @__PURE__ */ React4.createElement("svg", __spreadValues({ width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React4.createElement("path", { d: "M1 7.5L7.5 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React4.createElement("path", { d: "M7.5 7.5L1 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+var close_default = SvgClose;
 
 // src/components/Select/SelectPro.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
 var SelectPro = ({
   children,
   placeholder,
@@ -281,6 +280,7 @@ var SelectPro = ({
   const [btn, setAnchorEl] = (0, import_react2.useState)(null);
   const [open, setOpen] = (0, import_react2.useState)(false);
   const handleClick = (event) => {
+    event.persist();
     if (open)
       setTimeout(() => {
         setAnchorEl(null);
@@ -297,83 +297,78 @@ 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: [
-    clickComponent ? (0, import_react2.cloneElement)(clickComponent, {
+  return /* @__PURE__ */ React.createElement(import_material4.ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React.createElement(import_material4.Box, null, clickComponent ? (0, import_react2.cloneElement)(clickComponent, {
+    ref: btn,
+    onClick: handleClick
+    // onClick: (e) => {
+    //   clickComponent.props.onClick(e);
+    //   // e.preventDefault();
+    //   handleClick(e);
+    // },
+  }) : /* @__PURE__ */ React.createElement(
+    import_material4.Button,
+    {
       ref: btn,
-      onClick: handleClick
-    }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-      import_material4.Button,
+      "aria-controls": open ? "basic-menu" : void 0,
+      "aria-haspopup": "true",
+      "aria-expanded": open ? "true" : void 0,
+      onClick: handleClick,
+      disableRipple: true,
+      fullWidth: true,
+      sx: {
+        height: small ? "34px" : "49px",
+        padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
+      },
+      className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`
+    },
+    /* @__PURE__ */ React.createElement(
+      import_material4.Typography,
       {
-        ref: btn,
-        "aria-controls": open ? "basic-menu" : void 0,
-        "aria-haspopup": "true",
-        "aria-expanded": open ? "true" : void 0,
-        onClick: handleClick,
-        disableRipple: true,
-        fullWidth: true,
-        sx: {
-          height: small ? "34px" : "49px",
-          padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
-        },
-        className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.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)(
-            dropdown_arrow_default,
-            {
-              style: {
-                transform: open ? "scaleY(-1)" : "scaleY(1)",
-                transition: "0.3s ease-in-out"
-              }
-            }
-          )
-        ]
-      }
+        className: "text-sm leading-4"
+      },
+      `${placeholder}`
     ),
-    btn ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_material4.Paper,
+    colorBorder ? /* @__PURE__ */ React.createElement(search_default, null) : /* @__PURE__ */ React.createElement(
+      dropdown_arrow_default,
       {
-        sx: {
-          position: "absolute",
-          width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
-          left: fullContainerWidth ? 0 : "initial",
-          right: fullContainerWidth ? 0 : "initial",
-          top: overButton ? 0 : "initial"
-        },
-        className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`,
-        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)(
-            IconButton_default,
-            {
-              className: "bg-accent-silver p-1 self-end absolute",
-              onClick: handleClose,
-              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(close_default, {})
-            }
-          ) : null,
-          childTitle ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_material4.Typography,
-            {
-              className: "text-sm font-normal text-accent-silver-2",
-              children: childTitle
-            }
-          ) : null,
-          childrenWithHandleChange
-        ] })
+        style: {
+          transform: open ? "scaleY(-1)" : "scaleY(1)",
+          transition: "0.3s ease-in-out"
+        }
       }
-    ) : null
-  ] }) });
+    )
+  ), btn ? /* @__PURE__ */ React.createElement(
+    import_material4.Paper,
+    {
+      sx: {
+        position: "absolute",
+        width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
+        left: fullContainerWidth ? 0 : "initial",
+        right: fullContainerWidth ? 0 : "initial",
+        top: overButton ? 0 : "initial"
+      },
+      className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`
+    },
+    /* @__PURE__ */ React.createElement(import_material4.Box, { className: `flex flex-col p-3 gap-3` }, overButton ? /* @__PURE__ */ React.createElement(
+      IconButton_default,
+      {
+        className: "bg-accent-silver p-1 self-end absolute",
+        onClick: handleClose
+      },
+      /* @__PURE__ */ React.createElement(close_default, null)
+    ) : null, childTitle ? /* @__PURE__ */ React.createElement(
+      import_material4.Typography,
+      {
+        className: "text-sm font-normal text-accent-silver-2"
+      },
+      childTitle
+    ) : null, childrenWithHandleChange)
+  ) : null));
 };
 var SelectPro_default = SelectPro;
 
 // src/components/Chip/Chip.tsx
 var import_material5 = require("@mui/material");
-var import_jsx_runtime6 = require("react/jsx-runtime");
 var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme: theme2 }) => ({
   borderRadius: theme2.shape.borderRadius
 }));
@@ -385,7 +380,7 @@ var ChipViews = {
 };
 var CustomChip = (props) => {
   const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ React.createElement(
     StyledChip,
     __spreadValues({
       className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`
@@ -396,61 +391,57 @@ var Chip_default = CustomChip;
 
 // src/components/Badge/Badge.tsx
 var import_material6 = require("@mui/material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
 var CustomBadge = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Badge, __spreadValues({}, props));
+  return /* @__PURE__ */ React.createElement(import_material6.Badge, __spreadValues({}, props));
 };
 var Badge_default = CustomBadge;
 
 // src/components/Avatar/Avatar.tsx
 var import_Avatar = __toESM(require("@mui/material/Avatar"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
 var CustomAvatar = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Avatar.default, __spreadValues({}, props));
+  return /* @__PURE__ */ React.createElement(import_Avatar.default, __spreadValues({}, props));
 };
 var Avatar_default = CustomAvatar;
 
 // src/components/Text/Text.tsx
 var import_Typography2 = __toESM(require("@mui/material/Typography"));
-var import_jsx_runtime9 = 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__ */ React.createElement(import_Typography2.default, __spreadValues({}, rest), children);
 };
 var Text_default = Text;
 
 // src/components/Radio/Radio.tsx
+var import_react3 = __toESM(require("react"));
 var import_Radio = __toESM(require("@mui/material/Radio"));
 var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"));
-var import_jsx_runtime10 = 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__ */ import_react3.default.createElement(
       import_FormControlLabel.default,
       __spreadValues({
         value,
-        control: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Radio.default, __spreadValues({}, radioProps)),
+        control: /* @__PURE__ */ import_react3.default.createElement(import_Radio.default, __spreadValues({}, radioProps)),
         label
       }, labelProps)
     );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Radio.default, __spreadValues({}, radioProps));
+  return /* @__PURE__ */ import_react3.default.createElement(import_Radio.default, __spreadValues({}, radioProps));
 };
 var Radio_default = CustomRadio;
 
 // src/components/RadioGroup/RadioGroup.tsx
+var import_react4 = __toESM(require("react"));
 var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"));
-var import_jsx_runtime11 = 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__ */ import_react4.default.createElement(import_RadioGroup.default, __spreadValues({}, rest), children);
 };
 var RadioGroup_default = CustomRadioGroup;
 
 // src/components/Switch/Switch.tsx
 var import_material7 = require("@mui/material");
 var import_Typography3 = __toESM(require("@mui/material/Typography"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
 var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: theme2 }) => ({
   width: 60,
   height: 30,
@@ -494,26 +485,20 @@ 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__ */ React.createElement(import_material7.Stack, { direction: "row", spacing: 1, alignItems: "center" }, beforeText ? /* @__PURE__ */ React.createElement(import_Typography3.default, { className: "text-base" }, beforeText) : null, /* @__PURE__ */ React.createElement(Switch, __spreadProps(__spreadValues({ defaultChecked: true }, rest), { disableRipple: true })), afterText ? /* @__PURE__ */ React.createElement(import_Typography3.default, { className: "text-base" }, afterText) : null);
 };
 var Switch_default = CustomSwitch;
 
 // src/components/Slider/Slider.tsx
 var import_material8 = require("@mui/material");
-var import_jsx_runtime13 = 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__ */ React.createElement(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 StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(() => ({
   borderRadius: "5px",
   "&.Mui-selected": {
@@ -523,14 +508,13 @@ 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__ */ React.createElement(StyledMenuItem, __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 StyledInput = (0, import_material10.styled)(import_Input.default)(() => ({
   "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button": {
     display: "none"
@@ -542,17 +526,17 @@ var StyledInput = (0, import_material10.styled)(import_Input.default)(() => ({
 var CustomInput = (props) => {
   const _a = props, { type, adornmentText, value } = _a, rest = __objRest(_a, ["type", "adornmentText", "value"]);
   const handleKeyDown = (event) => {
-    if (!/[0-9]/.test(event.key) && event.key !== "Backspace") {
+    if (type === "number" && !/[0-9]/.test(event.key) && event.key !== "Backspace") {
       event.preventDefault();
       event.stopPropagation();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ React.createElement(
     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__ */ React.createElement(import_material10.InputAdornment, { position: "start", className: "text-sm" }, adornmentText) : void 0,
       value,
       componentsProps: {
         root: {
@@ -567,12 +551,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 PhoneInput = (0, import_react3.forwardRef)(
+var import_react5 = require("react");
+var PhoneInput = (0, import_react5.forwardRef)(
   function NumericFormatCustom(props, ref) {
     const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ React.createElement(
       import_react_number_format.PatternFormat,
       __spreadProps(__spreadValues({}, other), {
         getInputRef: ref,
@@ -596,23 +579,16 @@ 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 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__ */ React.createElement(import_material11.Stack, null, label ? /* @__PURE__ */ React.createElement(import_Typography4.default, { className: "text-accent-dark text-xs" }, label) : null, /* @__PURE__ */ React.createElement(import_material11.Stack, { direction: "row", spacing: 1 }, /* @__PURE__ */ React.createElement(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }), /* @__PURE__ */ React.createElement(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })));
 };
 var FromToInput_default = FromToInput;
 
 // src/theme/index.tsx
-var import_react4 = require("react");
+var import_react6 = require("react");
 var import_cache = __toESM(require("@emotion/cache"));
 var import_navigation = require("next/navigation");
-var import_react5 = require("@emotion/react");
+var import_react7 = require("@emotion/react");
 var import_ThemeProvider = __toESM(require("@mui/material/styles/ThemeProvider"));
 var import_createTheme = __toESM(require("@mui/material/styles/createTheme"));
 var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"));
@@ -655,11 +631,10 @@ var _theme = {
 };
 
 // src/theme/index.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
 var theme = (0, import_createTheme.default)(__spreadValues({}, _theme));
 function ThemeRegistry(props) {
   const { children } = props;
-  const [{ cache, flush }] = (0, import_react4.useState)(() => {
+  const [{ cache, flush }] = (0, import_react6.useState)(() => {
     const cache2 = (0, import_cache.default)({
       key: "mui",
       stylisPlugins: [import_stylis.prefixer]
@@ -688,39 +663,34 @@ function ThemeRegistry(props) {
     for (const name of names) {
       styles += cache.inserted[name];
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ React.createElement(
       "style",
       {
+        key: cache.key,
         "data-emotion": `${cache.key} ${names.join(" ")}`,
         dangerouslySetInnerHTML: {
           __html: styles
         }
-      },
-      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, {}),
-    children
-  ] }) });
+  return /* @__PURE__ */ React.createElement(import_react7.CacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(import_ThemeProvider.default, { theme }, /* @__PURE__ */ React.createElement(import_CssBaseline.default, null), children));
 }
 
 // src/providers/Providers.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ThemeRegistry, { children });
+  return /* @__PURE__ */ React.createElement(ThemeRegistry, null, children);
 };
 var Providers_default = Providers;
 
 // src/components/AppBar/AppBar.tsx
-var import_react6 = require("react");
+var import_react8 = require("react");
 var import_material12 = require("@mui/material");
 var import_link = __toESM(require("next/link"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
 var AppBar = ({ links }) => {
-  const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
-  const navItemsRef = (0, import_react6.useRef)([]);
-  (0, import_react6.useEffect)(() => {
+  const [activeIndex, setActiveIndex] = (0, import_react8.useState)(0);
+  const navItemsRef = (0, import_react8.useRef)([]);
+  (0, import_react8.useEffect)(() => {
     const indicator = document.querySelector(".nav-indicator");
     const navItem = navItemsRef.current[activeIndex];
     const navItemWidth = navItem.offsetWidth;
@@ -734,29 +704,25 @@ 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)(
-      import_link.default,
-      {
-        ref: (el) => {
-          navItemsRef.current[index] = el;
-        },
-        href: link.path,
-        className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
-        onClick: () => handleClick(index),
-        children: link.title
+  return /* @__PURE__ */ React.createElement(import_material12.Stack, { direction: "row", spacing: 1, position: "relative" }, /* @__PURE__ */ React.createElement(import_material12.Box, { className: "nav-indicator" }), links.map((link, index) => /* @__PURE__ */ React.createElement(
+    import_link.default,
+    {
+      ref: (el) => {
+        navItemsRef.current[index] = el;
       },
-      index
-    ))
-  ] });
+      key: index,
+      href: link.path,
+      className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
+      onClick: () => handleClick(index)
+    },
+    link.title
+  )));
 };
 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 ImageContainer = (props) => {
   const {
     src,
@@ -768,7 +734,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__ */ React.createElement(import_material13.Box, { className: `relative ${width} ${height}` }, /* @__PURE__ */ React.createElement(
     import_image.default,
     {
       className: `${objectFit} object-center`,
@@ -779,12 +745,14 @@ var ImageContainer = (props) => {
       sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
       priority
     }
-  ) });
+  ));
 };
 var ImageContainer_default = ImageContainer;
 
 // src/icons/map-search.svg
-var map_search_default = "./map-search-62Q23M73.svg";
+var React7 = __toESM(require("react"));
+var SvgMapSearch = (props) => /* @__PURE__ */ React7.createElement("svg", __spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React7.createElement("path", { d: "M11 18L9 17M9 17L3 20V7L9 4M9 17V4M9 4L15 7M15 7L21 4V11.5M15 7V12M20.1992 20.1992L21.9992 21.9992M15 18C15 18.7956 15.3161 19.5587 15.8787 20.1213C16.4413 20.6839 17.2044 21 18 21C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 17.2044 20.6839 16.4413 20.1213 15.8787C19.5587 15.3161 18.7956 15 18 15C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18Z", stroke: "#343434", className: "stroke-current", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+var map_search_default = SvgMapSearch;
 
 // src/components/Card/CategoryCard.tsx
 var import_material14 = require("@mui/material");
@@ -794,23 +762,16 @@ 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 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)(
-        import_material14.Typography,
-        {
-          component: "span",
-          className: "font-extrabold text-16 group-hover/card:text-gold2",
-          children: title
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material14.Typography, { component: "span", className: "group-hover/card:text-gold2", children: text })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(import_link2.default, { href: link, className: "group/card" }, /* @__PURE__ */ React.createElement(import_material14.Box, { className: "flex flex-col gap-[20px]" }, /* @__PURE__ */ React.createElement(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }), /* @__PURE__ */ React.createElement(import_material14.Box, { className: "flex flex-col px-[16px]" }, /* @__PURE__ */ React.createElement(
+    import_material14.Typography,
+    {
+      component: "span",
+      className: "font-extrabold text-16 group-hover/card:text-gold2"
+    },
+    title
+  ), /* @__PURE__ */ React.createElement(import_material14.Typography, { component: "span", className: "group-hover/card:text-gold2" }, text))));
 };
 var CategoryCard_default = CategoryCard;
 
@@ -818,139 +779,184 @@ 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 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)(
-      ImageContainer_default,
-      {
-        src: image_src,
-        alt: "test",
-        contentful: false,
-        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)(
-        import_Typography5.default,
-        {
-          component: "span",
-          className: "text-16 font-extrabold group-hover/card:text-gold2",
-          children: "\u041E\u0441\u043E\u0431\u043B\u0438\u0432\u043E\u0441\u0442\u0456 \u043A\u0443\u043F\u0456\u0432\u043B\u0456 \u0433\u043E\u0442\u0435\u043B\u044E"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_Typography5.default,
-        {
-          component: "span",
-          className: "text-gray group-hover/card:text-gold2",
-          children: "We have built a strong network in Dubai since 2009, which allows us to source the best deal for"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_Typography5.default, { component: "span", className: "border-gold-block-snack", children: "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430" })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(import_link3.default, { href: "/", className: "group/card bg-gray-light" }, /* @__PURE__ */ React.createElement(
+    ImageContainer_default,
+    {
+      src: image_src,
+      alt: "test",
+      contentful: false,
+      height: "h-[220px]"
+    }
+  ), /* @__PURE__ */ React.createElement(import_material15.Box, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]" }, /* @__PURE__ */ React.createElement(
+    import_Typography5.default,
+    {
+      component: "span",
+      className: "text-16 font-extrabold group-hover/card:text-gold2"
+    },
+    "\u041E\u0441\u043E\u0431\u043B\u0438\u0432\u043E\u0441\u0442\u0456 \u043A\u0443\u043F\u0456\u0432\u043B\u0456 \u0433\u043E\u0442\u0435\u043B\u044E"
+  ), /* @__PURE__ */ React.createElement(
+    import_Typography5.default,
+    {
+      component: "span",
+      className: "text-gray group-hover/card:text-gold2"
+    },
+    "We have built a strong network in Dubai since 2009, which allows us to source the best deal for"
+  ), /* @__PURE__ */ React.createElement(import_Typography5.default, { component: "span", className: "border-gold-block-snack" }, "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430")));
 };
 var ArticleCard_default = ArticleCard;
 
 // src/components/Card/JobCard.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
 var JobCard = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, {});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
 };
 var JobCard_default = JobCard;
 
 // src/components/Card/RealtorCard.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
 var RealtorCard = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, {});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
 };
 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 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" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      ImageContainer_default,
-      {
-        src: "/images/test.png",
-        alt: "test",
-        height: "h-[260px]",
-        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)(
-        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" })
-          ] })
-        }
-      ),
-      /* @__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" })
-      ] })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(import_link4.default, { href: "/", className: "relative" }, /* @__PURE__ */ React.createElement(import_material16.Box, { className: "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]" }, /* @__PURE__ */ React.createElement(Chip_default, { view: "white", label: "id: 00154" }), /* @__PURE__ */ React.createElement(Chip_default, { view: "white", label: "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4" })), /* @__PURE__ */ React.createElement(
+    ImageContainer_default,
+    {
+      src: "/images/test.png",
+      alt: "test",
+      height: "h-[260px]",
+      contentful: false
+    }
+  ), /* @__PURE__ */ React.createElement(import_material16.Box, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]" }, /* @__PURE__ */ React.createElement(Chip_default, { view: "black", label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C" }), /* @__PURE__ */ React.createElement(import_material16.Typography, { component: "span", className: "font-extrabold" }, "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25"), /* @__PURE__ */ React.createElement(import_material16.Typography, { component: "span", className: "text-12" }, "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D"), /* @__PURE__ */ React.createElement(
+    Chip_default,
+    {
+      view: "silver",
+      label: /* @__PURE__ */ React.createElement(import_material16.Stack, { direction: "row", spacing: 1 }, /* @__PURE__ */ React.createElement(import_material16.Typography, null, "\u043C\u0435\u0442\u0440\u043E:"), /* @__PURE__ */ React.createElement(import_material16.Typography, { className: "font-extrabold" }, "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430"))
+    }
+  ), /* @__PURE__ */ React.createElement(import_material16.Box, { className: "flex flex-wrap gap-[6px] mt-[6px]" }, /* @__PURE__ */ React.createElement(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }), /* @__PURE__ */ React.createElement(Chip_default, { view: "line", label: "60 \u043C\xB2" }), /* @__PURE__ */ React.createElement(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" }))));
 };
 var RealtyCard_default = RealtyCard;
 
 // src/components/Card/TeamPersonCard.tsx
 var import_material17 = require("@mui/material");
-var import_jsx_runtime27 = 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)(
-        ImageContainer_default,
-        {
-          contentful: false,
-          src: image_url,
-          alt: name,
-          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)(
-          import_material17.Typography,
-          {
-            component: "span",
-            className: "mt-[11px] text-12 !leading-[16px]",
-            children: text
-          }
-        )
-      ] })
-    ] }),
-    /* @__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 })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(import_material17.Box, { className: "group/card" }, /* @__PURE__ */ React.createElement(import_material17.Box, { className: "relative h-[300px]" }, /* @__PURE__ */ React.createElement(import_material17.Box, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]" }, /* @__PURE__ */ React.createElement(
+    ImageContainer_default,
+    {
+      contentful: false,
+      src: image_url,
+      alt: name,
+      objectFit: "object-contain"
+    }
+  )), /* @__PURE__ */ React.createElement(import_material17.Box, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white" }, /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "text-16 font-extrabold" }, position), /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "mt-[4px]" }, name), /* @__PURE__ */ React.createElement(
+    import_material17.Typography,
+    {
+      component: "span",
+      className: "mt-[11px] text-12 !leading-[16px]"
+    },
+    text
+  ))), /* @__PURE__ */ React.createElement(import_material17.Box, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12" }, /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "text-16 font-extrabold" }, position), /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "text-gray" }, name)));
 };
 var TeamPersonCard_default = TeamPersonCard;
+
+// src/components/Autocomplete/Autocomplete.tsx
+var import_react9 = require("react");
+var import_material18 = require("@mui/material");
+var import_react_hook_form = require("react-hook-form");
+var RenderInputAutocomplete = (_a) => {
+  var _b = _a, {
+    InputProps: InputProps2,
+    InputLabelProps
+  } = _b, other = __objRest(_b, [
+    "InputProps",
+    "InputLabelProps"
+  ]);
+  return /* @__PURE__ */ React.createElement(import_material18.Box, { ref: InputProps2.ref }, /* @__PURE__ */ React.createElement(
+    import_material18.Input,
+    __spreadProps(__spreadValues(__spreadValues({}, InputProps2), other), {
+      startAdornment: /* @__PURE__ */ React.createElement(import_material18.Stack, { direction: "row", alignItems: "center" }, /* @__PURE__ */ React.createElement(import_material18.InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(search_default, null)), InputProps2.startAdornment),
+      endAdornment: /* @__PURE__ */ React.createElement(React.Fragment, null),
+      ref: InputProps2.ref,
+      disableUnderline: true,
+      placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
+      componentsProps: {
+        root: {
+          className: "border rounded-none border-solid normal-case text-accent-dark hover:bg-white border-accent-beige gap-x-2 px-5 !py-2"
+        }
+        // input: {
+        //   className: "w-full",
+        // },
+      }
+    })
+  ));
+};
+var CustomPaperComponent = (props) => {
+  return /* @__PURE__ */ React.createElement(import_material18.Paper, __spreadValues({}, props), /* @__PURE__ */ React.createElement("div", { key: "click-away-wrapper" }, "helllooo", props.children));
+};
+var Autocomplete = (props) => {
+  const { values } = props;
+  const [open, setOpen] = (0, import_react9.useState)(false);
+  const [anchorEl, setAnchorEl] = (0, import_react9.useState)(null);
+  const { field } = (0, import_react_hook_form.useController)(props);
+  const handleClick = (event) => {
+    if (open)
+      setTimeout(() => {
+        setAnchorEl(null);
+      }, 200);
+    else setAnchorEl(event.currentTarget);
+    setOpen(!open);
+  };
+  return /* @__PURE__ */ React.createElement(
+    import_material18.Autocomplete,
+    {
+      multiple: true,
+      ref: anchorEl,
+      open: !!anchorEl,
+      onOpen: handleClick,
+      onClose: handleClick,
+      onChange: (_event, values2) => {
+        field.onChange(values2);
+      },
+      disableCloseOnSelect: true,
+      options: values,
+      PaperComponent: CustomPaperComponent,
+      renderTags: (value, getTagProps) => value.map((option, index) => {
+        const _a = getTagProps({ index }), { key } = _a, tagProps = __objRest(_a, ["key"]);
+        return /* @__PURE__ */ React.createElement(
+          import_material18.Chip,
+          __spreadProps(__spreadValues({
+            label: option,
+            key
+          }, tagProps), {
+            deleteIcon: /* @__PURE__ */ React.createElement(IconButton_default, { className: "rounded-none bg-accent-silver p-1" }, /* @__PURE__ */ React.createElement(close_default, null)),
+            className: "rounded-none w-fit h-fit bg-transparent p-0"
+          })
+        );
+      }),
+      slotProps: {
+        paper: {
+          sx: {},
+          className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none  shadow-sm`
+        }
+      },
+      renderInput: (params) => /* @__PURE__ */ React.createElement(
+        RenderInputAutocomplete,
+        __spreadValues({}, params)
+      )
+    }
+  );
+};
+var Autocomplete_default = Autocomplete;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppBar,
   ArticleCard,
+  Autocomplete,
   Avatar,
   Badge,
   Button,