mayak-common-library 0.0.13 → 0.0.15

package/dist/index.mjs

@@ -109,7 +109,7 @@ var IconButton_default = IconButton;
 import { useRef, useState, useEffect } from "react";
 import { Select, styled as styled3 } from "@mui/material";
 
-// src/assets/dropdown-arrow.svg
+// src/icons/dropdown-arrow.svg
 var dropdown_arrow_default = "./dropdown-arrow-CDZAF5GJ.svg";
 
 // src/components/Select/Select.tsx
@@ -197,7 +197,7 @@ var CustomSelect = (props) => {
 };
 var Select_default = CustomSelect;
 
-// src/assets/search.svg
+// src/icons/search.svg
 var search_default = "./search-HJGCO2DZ.svg";
 
 // src/components/Select/SelectPro.tsx
@@ -214,7 +214,7 @@ import {
   Button as Button2
 } from "@mui/material";
 
-// src/assets/close.svg
+// src/icons/close.svg
 var close_default = "./close-4XJDSDVO.svg";
 
 // src/components/Select/SelectPro.tsx
@@ -568,8 +568,46 @@ import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import createTheme from "@mui/material/styles/createTheme";
 import CssBaseline from "@mui/material/CssBaseline";
 import { prefixer } from "stylis";
+
+// src/styles/assets.ts
+var WINDOW_SIZE = {
+  xs: 0,
+  sm: 400,
+  md: 700,
+  lg: 1200,
+  xl: 1620
+};
+var _theme = {
+  typography: {
+    fontFamily: ["RockStar", "sans-serif"].join(","),
+    body1: {
+      fontSize: 14,
+      lineHeight: "22px"
+    }
+  },
+  breakpoints: {
+    values: {
+      xs: WINDOW_SIZE.xs,
+      sm: WINDOW_SIZE.sm,
+      md: WINDOW_SIZE.md,
+      lg: WINDOW_SIZE.lg,
+      xl: WINDOW_SIZE.xl
+    }
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          fontFamily: "RockStar, sans-serif"
+        }
+      }
+    }
+  }
+};
+
+// src/theme/index.tsx
 import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
-var theme = createTheme({});
+var theme = createTheme(__spreadValues({}, _theme));
 function ThemeRegistry(props) {
   const { children } = props;
   const [{ cache, flush }] = useState3(() => {
@@ -596,9 +634,7 @@ function ThemeRegistry(props) {
   });
   useServerInsertedHTML(() => {
     const names = flush();
-    if (names.length === 0) {
-      return null;
-    }
+    if (names.length === 0) return null;
     let styles = "";
     for (const name of names) {
       styles += cache.inserted[name];
@@ -657,8 +693,8 @@ var AppBar = ({ links }) => {
         ref: (el) => {
           navItemsRef.current[index] = el;
         },
-        href: link.href,
-        className: `nav-item ${index === activeIndex ? "active" : ""}`,
+        href: link.path,
+        className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
         onClick: () => handleClick(index),
         children: link.title
       },
@@ -667,24 +703,224 @@ var AppBar = ({ links }) => {
   ] });
 };
 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";
+var ImageContainer = (props) => {
+  const {
+    src,
+    alt,
+    width = "w-full",
+    height = "h-full",
+    contentful = true,
+    priority = false,
+    loading = "lazy",
+    objectFit = "object-cover"
+  } = props;
+  return /* @__PURE__ */ jsx20(Box3, { className: `relative ${width} ${height}`, children: /* @__PURE__ */ jsx20(
+    Image,
+    {
+      className: `${objectFit} object-center`,
+      src: contentful ? `https:${src}` : src,
+      alt,
+      fill: true,
+      loading,
+      sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
+      priority
+    }
+  ) });
+};
+var ImageContainer_default = ImageContainer;
+
+// src/components/Card/CategoryCard.tsx
+import { Box as Box4, Typography as Typography6 } from "@mui/material";
+import Link2 from "next/link";
+
+// src/lib/assets.ts
+var NO_IMAGE = "/images/no-photo.svg";
+
+// src/components/Card/CategoryCard.tsx
+import { jsx as jsx21, jsxs as jsxs7 } 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(
+        Typography6,
+        {
+          component: "span",
+          className: "font-extrabold text-16 group-hover/card:text-gold2",
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx21(Typography6, { component: "span", className: "group-hover/card:text-gold2", children: text })
+    ] })
+  ] }) });
+};
+var CategoryCard_default = CategoryCard;
+
+// src/components/Card/ArticleCard.tsx
+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";
+var ArticleCard = (props) => {
+  const { image_src = NO_IMAGE } = props;
+  return /* @__PURE__ */ jsxs8(Link3, { href: "/", className: "group/card bg-gray-light", children: [
+    /* @__PURE__ */ jsx22(
+      ImageContainer_default,
+      {
+        src: image_src,
+        alt: "test",
+        contentful: false,
+        height: "h-[220px]"
+      }
+    ),
+    /* @__PURE__ */ jsxs8(Box5, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
+      /* @__PURE__ */ jsx22(
+        Typography7,
+        {
+          component: "span",
+          className: "text-16 font-extrabold group-hover/card:text-gold2",
+          children: "\u041E\u0441\u043E\u0431\u043B\u0438\u0432\u043E\u0441\u0442\u0456 \u043A\u0443\u043F\u0456\u0432\u043B\u0456 \u0433\u043E\u0442\u0435\u043B\u044E"
+        }
+      ),
+      /* @__PURE__ */ jsx22(
+        Typography7,
+        {
+          component: "span",
+          className: "text-gray group-hover/card:text-gold2",
+          children: "We have built a strong network in Dubai since 2009, which allows us to source the best deal for"
+        }
+      ),
+      /* @__PURE__ */ jsx22(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";
+var JobCard = () => {
+  return /* @__PURE__ */ jsx23(Fragment, {});
+};
+var JobCard_default = JobCard;
+
+// src/components/Card/RealtorCard.tsx
+import { Fragment as Fragment2, jsx as jsx24 } from "react/jsx-runtime";
+var RealtorCard = () => {
+  return /* @__PURE__ */ jsx24(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";
+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" })
+    ] }),
+    /* @__PURE__ */ jsx25(
+      ImageContainer_default,
+      {
+        src: "/images/test.png",
+        alt: "test",
+        height: "h-[260px]",
+        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(
+        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" })
+          ] })
+        }
+      ),
+      /* @__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" })
+      ] })
+    ] })
+  ] });
+};
+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";
+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(
+        ImageContainer_default,
+        {
+          contentful: false,
+          src: image_url,
+          alt: name,
+          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(
+          Typography9,
+          {
+            component: "span",
+            className: "mt-[11px] text-12 !leading-[16px]",
+            children: text
+          }
+        )
+      ] })
+    ] }),
+    /* @__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 })
+    ] })
+  ] });
+};
+var TeamPersonCard_default = TeamPersonCard;
 export {
   AppBar_default as AppBar,
+  ArticleCard_default as ArticleCard,
   Avatar_default as Avatar,
   Badge_default as Badge,
   Button_default as Button,
+  CategoryCard_default as CategoryCard,
   Chip_default as Chip,
   FromToInput_default as FromToInput,
   Greet,
   IconButton_default as IconButton,
+  ImageContainer_default as ImageContainer,
   Input_default as Input,
+  JobCard_default as JobCard,
   MenuItem_default as MenuItem,
   PhoneInput_default as PhoneInput,
   Providers_default as Providers,
   Radio_default as Radio,
   RadioGroup_default as RadioGroup,
+  RealtorCard_default as RealtorCard,
+  RealtyCard_default as RealtyCard,
   Select_default as Select,
   SelectPro_default as SelectPro,
   Slider_default as Slider,
   Switch_default as Switch,
+  TeamPersonCard_default as TeamPersonCard,
   Text_default as Text
 };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Greet.tsx","../src/components/Button/Button.tsx","../src/components/Button/IconButton.tsx","../src/components/Select/Select.tsx","../src/components/Select/SelectPro.tsx","../src/components/Chip/Chip.tsx","../src/components/Badge/Badge.tsx","../src/components/Avatar/Avatar.tsx","../src/components/Text/Text.tsx","../src/components/Radio/Radio.tsx","../src/components/RadioGroup/RadioGroup.tsx","../src/components/Switch/Switch.tsx","../src/components/Slider/Slider.tsx","../src/components/MenuItem/MenuItem.tsx","../src/components/Input/Input.tsx","../src/components/Input/PhoneInput.tsx","../src/components/Input/FromToInput.tsx","../src/theme/index.tsx","../src/styles/assets.ts","../src/providers/Providers.tsx","../src/components/AppBar/AppBar.tsx","../src/components/Image/ImageContainer.tsx","../src/components/Card/CategoryCard.tsx","../src/lib/assets.ts","../src/components/Card/ArticleCard.tsx","../src/components/Card/JobCard.tsx","../src/components/Card/RealtorCard.tsx","../src/components/Card/RealtyCard.tsx","../src/components/Card/TeamPersonCard.tsx"],"sourcesContent":["export default function Greet(props: { name: string }) {\n  const { name } = props;\n\n  return <div>Hello {name}</div>;\n}\n","import ButtonMUI, { ButtonProps } from \"@mui/material/Button\";\nimport { PropsWithChildren, FC } from \"react\";\nimport { styled } from \"@mui/material\";\nimport Typography from \"@mui/material/Typography\";\n\nconst StyledButton = styled(ButtonMUI)(() => ({\n  textTransform: \"none\",\n  width: \"fit-content\",\n  color: \"#343434\",\n  \"&:hover\": {\n    backgroundColor: \"unset\",\n    svg: {\n      filter:\n        \"brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)\",\n    },\n  },\n  transition: \"transform 0.1s ease-in-out\",\n  \"&:active\": {\n    // p: {\n    // transform: \"scale(0.99)\",\n    // },\n  },\n}));\n\nexport interface CustomButtonProps extends ButtonProps, PropsWithChildren {\n  bolt?: boolean;\n  border?: boolean;\n  base?: boolean;\n  small?: boolean;\n  large?: boolean;\n}\n// px-7 py-1.5\nconst Button: FC<CustomButtonProps> = (props) => {\n  const { children, base, bolt, border, small, large, ...rest } = props;\n  return (\n    <StyledButton\n      {...rest}\n      disableRipple\n      className={`${base ? \"bg-accent-dark rounded-none text-white hover:bg-accent-beige text-base\" : \"\"}\n${small ? \"py-1.5 px-4\" : \"\"}\n      ${large ? \"py-5 px-10\" : \"\"}   \n        ${border ? \"border-b border-solid rounded-none\" : \"\"}`}\n    >\n      <Typography\n        className={`${bolt ? \"font-extrabold leading-4\" : \"font-normal leading-3\"}`}\n      >\n        {children}\n      </Typography>\n    </StyledButton>\n  );\n};\n\nexport default Button;\n","import { PropsWithChildren, FC } from \"react\";\nimport { IconButton as IconButtonMUI, styled } from \"@mui/material\";\nimport { IconButtonProps } from \"@mui/material/IconButton/IconButton\";\n\nconst StyledButton = styled(IconButtonMUI)(() => ({\n  width: \"fit-content\",\n  borderRadius: 0,\n  svg: {\n    margin: \"1px 0 0 0px\",\n  },\n  \"&:hover\": {\n    svg: {\n      filter:\n        \"brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)\",\n    },\n  },\n}));\n\nexport interface CustomIconButtonProps\n  extends IconButtonProps,\n    PropsWithChildren {}\n\nconst IconButton: FC<CustomIconButtonProps> = (props) => {\n  const { children, ...rest } = props;\n  return (\n    <StyledButton {...rest} disableRipple>\n      {children}\n    </StyledButton>\n  );\n};\n\nexport default IconButton;\n","import { PropsWithChildren, useRef, FC, useState, useEffect } from \"react\";\nimport { Select, styled } from \"@mui/material\";\nimport Arrow from \"@/icons/dropdown-arrow.svg\";\nimport \"./styles.css\";\n\nimport { SelectProps } from \"@mui/material/Select/Select\";\nconst StyledSelect = styled(Select)(({ open }: SelectProps) => ({\n  minWidth: 250,\n  \"&.MuiInputBase-root\": {\n    borderRadius: \"0\",\n    transition: \"0.3s ease-in-out\",\n    \"&.Mui-focused\": {\n      backgroundColor: open ? \"white\" : \"transparent\",\n    },\n  },\n\n  svg: {\n    // Added '&' to the beginning of the selector\n    position: \"absolute\",\n    right: \"18px\",\n    transform: `${open ? \"rotate(180deg)\" : \"rotate(0deg)\"}`, // Moved the transform style here and added a condition based on the 'open' prop\n  },\n  \".MuiOutlinedInput-notchedOutline\": {\n    // transition: '0.3s ease-in-out',\n    borderColor: \"#343434 \",\n  },\n  // '.MuiSvgIcon-root':{\n  //     transition: '0.3s ease-in-out',\n  // },\n  \":hover\": {\n    \".MuiOutlinedInput-notchedOutline\": {\n      borderColor: \"#343434\",\n    },\n  },\n\n  \"&.Mui-focused fieldset\": {\n    \"&.MuiOutlinedInput-notchedOutline\": {\n      // borderColor: 'accent-dark',\n      border: \"none\",\n      // all: 'unset'\n    },\n  },\n}));\n\nconst CustomSelect: FC<SelectProps & PropsWithChildren> = (props) => {\n  const { children, placeholder, ...rest } = props;\n  const myRef = useRef<HTMLInputElement>(null);\n\n  const [open, setOpen] = useState(false);\n  const uniqueId = \"select_\" + Math.random().toFixed(5).slice(2);\n  // const menuRef = useRef(null);\n\n  const handleOpen = () => {\n    setOpen(true);\n    // myRef.current?.classList?.add('Mui-focused');\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  useEffect(() => {\n    if (!open) myRef.current?.classList.remove(\"Mui-focused\");\n  }, [open]);\n\n  return (\n    <StyledSelect\n      {...rest}\n      ref={myRef}\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      sx={{\n        \"& .MuiSelect-select .notranslate::after\": placeholder\n          ? {\n              content: `\"${placeholder}\"`,\n              // opacity: 0.42,\n            }\n          : {},\n      }}\n      // displayEmpty\n      // renderValue={(value) => (value !== '' ? value : 'Placeholder text')}\n\n      inputProps={{ \"aria-labelledby\": uniqueId }}\n      className={`h-12 `}\n      MenuProps={{\n        disableScrollLock: true,\n        // ref: menuRef,\n        id: uniqueId,\n        PaperProps: {\n          classes: {\n            root: `menu ${open ? \"menu--open\" : \"menu--close\"}`,\n          },\n        },\n      }}\n      // IconComponent={()=><Arrow style={{position: 'absolute', right: '18px', transform: open ? 'rotate(180deg)' : 'rotate(0deg)',  transition: '0.3s ease-in-out' }}/>}\n      IconComponent={() => <Arrow />}\n    >\n      {children}\n    </StyledSelect>\n  );\n};\n\nexport default CustomSelect;\n","import Arrow from \"@/icons/dropdown-arrow.svg\";\nimport Search from \"@/icons/search.svg\";\nimport \"./styles.css\";\nimport {\n  useState,\n  MouseEvent,\n  PropsWithChildren,\n  FC,\n  isValidElement,\n  ReactElement,\n  cloneElement,\n} from \"react\";\nimport {\n  Box,\n  ClickAwayListener,\n  Paper,\n  Typography,\n  Button,\n} from \"@mui/material\";\nimport Close from \"@/icons/close.svg\";\nimport IconButton from \"@/components/Button/IconButton\";\n\ninterface SelectProProps {\n  placeholder?: string;\n  childTitle?: string;\n  colorBorder?: boolean;\n  clickComponent?: ReactElement;\n  fullContainerWidth?: boolean;\n  overButton?: boolean;\n  small?: boolean;\n}\n\nconst SelectPro: FC<PropsWithChildren & SelectProProps> = ({\n  children,\n  placeholder,\n  childTitle,\n  colorBorder = false,\n  clickComponent,\n  fullContainerWidth = false,\n  overButton = false,\n  small = false,\n}) => {\n  const [btn, setAnchorEl] = useState(null);\n  const [open, setOpen] = useState<boolean>(false);\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (open)\n      setTimeout(() => {\n        setAnchorEl(null);\n      }, 200);\n    else setAnchorEl(event.currentTarget as any);\n    setOpen(!open);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n    setTimeout(() => {\n      setAnchorEl(null);\n    }, 200);\n  };\n\n  const childrenWithHandleChange = isValidElement(children)\n    ? cloneElement(children as ReactElement, {\n        collapseParent: handleClose,\n      })\n    : children;\n\n  return (\n    <ClickAwayListener onClickAway={handleClose}>\n      <Box>\n        {clickComponent ? (\n          cloneElement(clickComponent, {\n            ref: btn,\n            onClick: handleClick,\n          })\n        ) : (\n          <Button\n            ref={btn}\n            aria-controls={open ? \"basic-menu\" : undefined}\n            aria-haspopup=\"true\"\n            aria-expanded={open ? \"true\" : undefined}\n            onClick={handleClick}\n            disableRipple\n            fullWidth\n            sx={{\n              height: small ? \"34px\" : \"49px\",\n              padding: small ? \"0 10px 0 6px\" : \"0 20px 0 19px\",\n            }}\n            className={`border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${\n              open ? \"!border-transparent bg-white\" : \"\"\n            } ${\n              colorBorder\n                ? \"border-accent-beige flex-row-reverse justify-end gap-x-2\"\n                : \"justify-between border-accent-dark\"\n            }`}\n          >\n            <Typography\n              className={\"text-sm leading-4\"}\n            >{`${placeholder}`}</Typography>\n            {colorBorder ? (\n              <Search />\n            ) : (\n              <Arrow\n                style={{\n                  transform: open ? \"scaleY(-1)\" : \"scaleY(1)\",\n                  transition: \"0.3s ease-in-out\",\n                }}\n              />\n            )}\n          </Button>\n        )}\n\n        {btn ? (\n          <Paper\n            sx={{\n              position: \"absolute\",\n              width:\n                !fullContainerWidth && btn\n                  ? (btn as HTMLButtonElement).offsetWidth\n                  : \"100%\",\n              left: fullContainerWidth ? 0 : \"initial\",\n              right: fullContainerWidth ? 0 : \"initial\",\n              top: overButton ? 0 : \"initial\",\n            }}\n            className={`menu ${open ? \"menu--open\" : \"menu--close\"} z-50 rounded-none  shadow-sm`}\n          >\n            <Box className={`flex flex-col p-3 gap-3`}>\n              {overButton ? (\n                <IconButton\n                  className={\"bg-accent-silver p-1 self-end absolute\"}\n                  onClick={handleClose}\n                >\n                  <Close />\n                </IconButton>\n              ) : null}\n              {childTitle ? (\n                <Typography\n                  className={\"text-sm font-normal text-accent-silver-2\"}\n                >\n                  {childTitle}\n                </Typography>\n              ) : null}\n              {childrenWithHandleChange}\n            </Box>\n          </Paper>\n        ) : null}\n      </Box>\n    </ClickAwayListener>\n  );\n};\n\nexport default SelectPro;\n","import { Chip, ChipProps, styled } from \"@mui/material\";\nimport { FC } from \"react\";\n\nconst StyledChip = styled(Chip)(({ theme }) => ({\n  borderRadius: theme.shape.borderRadius,\n}));\n\ninterface CustomChipProps {\n  view: \"black\" | \"line\" | \"white\" | \"silver\";\n}\n\nconst ChipViews = {\n  black: \"bg-accent-dark text-accent-white py-1.5 px-4\",\n  line: \"border border-solid border-accent-dark bg-accent-white\",\n  white: \"bg-accent-white text-accent-dark\",\n  silver: \"bg-accent-silver\",\n};\n\nconst CustomChip: FC<ChipProps & CustomChipProps> = (props) => {\n  const { view, ...rest } = props;\n\n  // ${black ? \"bg-accent-dark text-accent-white\" : \"bg-accent-white text-accent-dark\"}\n  // ${line ? \"border border-solid border-accent-dark\" : \"border-none\"}\n  return (\n    <StyledChip\n      className={`rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`}\n      {...rest}\n    />\n  );\n};\n\nexport default CustomChip;\n","import { Badge } from \"@mui/material\";\nimport { BadgeProps } from \"@mui/material/Badge/Badge\";\n\nconst CustomBadge = (props: BadgeProps) => {\n  return <Badge {...props} />;\n};\n\nexport default CustomBadge;\n","import Avatar from \"@mui/material/Avatar\";\nimport { AvatarProps } from \"@mui/material/Avatar/Avatar\";\n\nconst CustomAvatar = (props: AvatarProps) => {\n  return <Avatar {...props} />;\n};\n\nexport default CustomAvatar;\n","import { FC, PropsWithChildren } from \"react\";\nimport Typography, { TypographyOwnProps } from \"@mui/material/Typography\";\n\nconst Text: FC<TypographyOwnProps & PropsWithChildren> = (props) => {\n  const { children, ...rest } = props;\n  return <Typography {...rest}>{children}</Typography>;\n};\n\nexport default Text;\n","import React from \"react\";\nimport Radio, { RadioProps } from \"@mui/material/Radio\";\nimport FormControlLabel, {\n  FormControlLabelProps,\n} from \"@mui/material/FormControlLabel\";\n\nexport interface CustomRadioProps {\n  labelProps?: FormControlLabelProps;\n  radioProps?: RadioProps;\n  label?: string;\n  value?: string;\n}\n\nconst CustomRadio: React.FC<CustomRadioProps> = (props) => {\n  const { value, label, radioProps, labelProps } = props;\n\n  if (label && value)\n    return (\n      <FormControlLabel\n        value={value}\n        control={<Radio {...radioProps} />}\n        label={label}\n        {...labelProps}\n      />\n    );\n\n  return <Radio {...radioProps} />;\n};\n\nexport default CustomRadio;\n","import React, { PropsWithChildren } from \"react\";\nimport RadioGroup, { RadioGroupProps } from \"@mui/material/RadioGroup\";\n\nconst CustomRadioGroup: React.FC<RadioGroupProps & PropsWithChildren> = (\n  props,\n) => {\n  const { children, ...rest } = props;\n\n  return <RadioGroup {...rest}>{children}</RadioGroup>;\n};\n\nexport default CustomRadioGroup;\n","import { Stack, styled, Switch as SwitchMUI } from \"@mui/material\";\nimport { SwitchProps } from \"@mui/material/Switch/Switch\";\nimport { FC } from \"react\";\nimport Typography from \"@mui/material/Typography\";\n\nconst Switch = styled(SwitchMUI)(({ theme }) => ({\n  width: 60,\n  height: 30,\n  padding: 0,\n  display: \"flex\",\n  \"&:active\": {\n    \"& .MuiSwitch-thumb\": {\n      width: 20,\n    },\n    \"& .MuiSwitch-switchBase.Mui-checked\": {\n      transform: \"translateX(12px)\",\n    },\n  },\n  \"& .MuiSwitch-switchBase\": {\n    padding: 5.1,\n    color: \"#C8BCA1\",\n    transform: \"translateX(2px)\",\n\n    \"&.Mui-checked\": {\n      transform: \"translateX(30px)\",\n      color: \"#C8BCA1\",\n      \"& + .MuiSwitch-track\": {\n        opacity: 1,\n        backgroundColor: \"#343434\",\n      },\n    },\n  },\n  \"& .MuiSwitch-thumb\": {\n    width: 20,\n    height: 20,\n    borderRadius: \"100%\",\n    transition: theme.transitions.create([\"width\"], {\n      duration: 200,\n    }),\n  },\n  \"& .MuiSwitch-track\": {\n    borderRadius: \"22px\",\n    opacity: 1,\n    backgroundColor: \"#343434\",\n    boxSizing: \"border-box\",\n  },\n}));\n\ninterface CustomSwitchProps {\n  beforeText?: string;\n  afterText?: string;\n}\nconst CustomSwitch: FC<CustomSwitchProps & SwitchProps> = (props) => {\n  const { beforeText, afterText, ...rest } = props;\n\n  return (\n    <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n      {beforeText ? (\n        <Typography className={\"text-base\"}>{beforeText}</Typography>\n      ) : null}\n      <Switch defaultChecked {...rest} disableRipple />\n      {afterText ? (\n        <Typography className={\"text-base\"}>{afterText}</Typography>\n      ) : null}\n    </Stack>\n  );\n};\n\nexport default CustomSwitch;\n","import { Slider, styled } from \"@mui/material\";\nimport { SliderProps } from \"@mui/material/Slider/Slider\";\nimport { FC } from \"react\";\n\nconst StyledSlider = styled(Slider)(() => ({}));\n\nconst CustomSlider: FC<SliderProps> = (props) => {\n  return <StyledSlider {...props} />;\n};\n\nexport default CustomSlider;\n","import { PropsWithChildren, FC } from \"react\";\nimport { MenuItem, styled } from \"@mui/material\";\nimport { MenuItemProps } from \"@mui/material/MenuItem/MenuItem\";\n\nconst StyledMenuItem = styled(MenuItem)(() => ({\n  borderRadius: \"5px\",\n  \"&.Mui-selected\": {\n    backgroundColor: \"unset\",\n    color: \"purple\",\n  },\n}));\n\nconst CustomMenuItem: FC<MenuItemProps & PropsWithChildren> = (props) => {\n  const { children, ...rest } = props;\n\n  return <StyledMenuItem {...rest}>{children}</StyledMenuItem>;\n};\n\nexport default CustomMenuItem;\n","import { InputAdornment, styled } from \"@mui/material\";\nimport Input, { InputProps } from \"@mui/material/Input\";\n\nconst StyledInput = styled(Input)(() => ({\n  \"& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button\": {\n    display: \"none\",\n  },\n  \"& input[type=number]\": {\n    MozAppearance: \"textfield\",\n  },\n}));\n\nexport interface CustomInputProps {\n  type?: \"number\" | \"string\";\n  adornmentText?: string;\n}\n\nconst CustomInput: React.FC<CustomInputProps & InputProps> = (props) => {\n  const { type, adornmentText, value, ...rest } = props;\n\n  const handleKeyDown = (event: any) => {\n    if (!/[0-9]/.test(event.key) && event.key !== \"Backspace\") {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <StyledInput\n      disableUnderline\n      onKeyDown={handleKeyDown}\n      startAdornment={\n        adornmentText ? (\n          <InputAdornment position=\"start\" className={\"text-sm\"}>\n            {adornmentText}\n          </InputAdornment>\n        ) : undefined\n      }\n      value={value}\n      componentsProps={{\n        root: {\n          className:\n            \"border border-black rounded-none border-solid py-1.5 px-2.5 h-8\",\n        },\n      }}\n      type={type || \"string\"}\n      {...rest}\n    />\n  );\n};\n\nexport default CustomInput;\n","import { PatternFormat } from \"react-number-format\";\nimport { forwardRef } from \"react\";\nimport { PatternFormatProps } from \"react-number-format/types/types\";\nimport Input from \"./Input\";\n\nexport interface PhoneInputProps {\n  onChange: (event: { target: { name: string; value: string } }) => void;\n  name: string;\n}\n\nconst PhoneInput = forwardRef<PatternFormatProps, PhoneInputProps>(\n  function NumericFormatCustom(props, ref) {\n    const { onChange, ...other } = props;\n\n    return (\n      <PatternFormat\n        {...other}\n        getInputRef={ref}\n        customInput={Input}\n        onValueChange={(values) => {\n          onChange({\n            target: {\n              name: props.name,\n              value: values.value,\n            },\n          });\n        }}\n        placeholder=\"000 000 00 00\"\n        format=\"### ### ## ##\"\n      />\n    );\n  },\n);\n\nexport default PhoneInput;\n","import { Stack } from \"@mui/material\";\nimport { Input } from \"./index.ts\";\nimport { FC } from \"react\";\nimport Typography from \"@mui/material/Typography\";\n\ninterface FromToInputProps {\n  label?: string;\n}\nconst FromToInput: FC<FromToInputProps> = ({ label }) => {\n  return (\n    <Stack>\n      {label ? (\n        <Typography className={\"text-accent-dark text-xs\"}>{label}</Typography>\n      ) : null}\n      <Stack direction={\"row\"} spacing={1}>\n        <Input adornmentText={\"від\"} fullWidth type={\"number\"} />\n        <Input adornmentText={\"до\"} fullWidth type={\"number\"} />\n      </Stack>\n    </Stack>\n  );\n};\n\nexport default FromToInput;\n","\"use client\";\n\nimport { useState } from \"react\";\nimport createCache from \"@emotion/cache\";\nimport { useServerInsertedHTML } from \"next/navigation\";\nimport { CacheProvider } from \"@emotion/react\";\nimport ThemeProvider from \"@mui/material/styles/ThemeProvider\";\nimport createTheme from \"@mui/material/styles/createTheme\";\nimport CssBaseline from \"@mui/material/CssBaseline\";\nimport { prefixer } from \"stylis\";\nimport { _theme } from \"@/styles/assets.ts\";\n\nconst theme = createTheme({ ..._theme });\n\n// This implementation is from emotion-js\nexport default function ThemeRegistry(props: any) {\n  const { children } = props;\n\n  const [{ cache, flush }] = useState(() => {\n    const cache = createCache({\n      key: \"mui\",\n      stylisPlugins: [prefixer],\n    });\n\n    cache.compat = true;\n    const prevInsert = cache.insert;\n    let inserted: string[] = [];\n\n    cache.insert = (...args) => {\n      const serialized = args[1];\n      if (cache.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name);\n      }\n      return prevInsert(...args);\n    };\n\n    const flush = () => {\n      const prevInserted = inserted;\n      inserted = [];\n      return prevInserted;\n    };\n\n    return { cache, flush };\n  });\n\n  useServerInsertedHTML(() => {\n    const names = flush();\n\n    if (names.length === 0) return null;\n\n    let styles = \"\";\n\n    for (const name of names) {\n      styles += cache.inserted[name];\n    }\n\n    return (\n      <style\n        key={cache.key}\n        data-emotion={`${cache.key} ${names.join(\" \")}`}\n        dangerouslySetInnerHTML={{\n          __html: styles,\n        }}\n      />\n    );\n  });\n\n  return (\n    <CacheProvider value={cache}>\n      <ThemeProvider theme={theme}>\n        <CssBaseline />\n        {children}\n      </ThemeProvider>\n    </CacheProvider>\n  );\n}\n","export const WINDOW_SIZE = {\n  xs: 0,\n  sm: 400,\n  md: 700,\n  lg: 1200,\n  xl: 1620,\n};\n\nexport const _theme = {\n  typography: {\n    fontFamily: [\"RockStar\", \"sans-serif\"].join(\",\"),\n    body1: {\n      fontSize: 14,\n      lineHeight: \"22px\",\n    },\n  },\n  breakpoints: {\n    values: {\n      xs: WINDOW_SIZE.xs,\n      sm: WINDOW_SIZE.sm,\n      md: WINDOW_SIZE.md,\n      lg: WINDOW_SIZE.lg,\n      xl: WINDOW_SIZE.xl,\n    },\n  },\n  components: {\n    MuiButton: {\n      styleOverrides: {\n        root: {\n          fontFamily: \"RockStar, sans-serif\",\n        },\n      },\n    },\n  },\n};\n","import { FC, PropsWithChildren } from \"react\";\nimport ThemeRegistry from \"@/theme\";\nimport \"@/styles/globals.scss\";\n\nconst Providers: FC<PropsWithChildren> = ({ children }) => {\n  return <ThemeRegistry>{children}</ThemeRegistry>;\n};\n\nexport default Providers;\n","import { FC, useEffect, useRef, useState } from \"react\";\nimport \"./styles.css\";\nimport { Box, Stack } from \"@mui/material\";\nimport Link from \"next/link\";\n\ninterface AppBarProps {\n  links: { path: string; title: string }[];\n}\n\nconst AppBar: FC<AppBarProps> = ({ links }) => {\n  const [activeIndex, setActiveIndex] = useState(0);\n  const navItemsRef = useRef<(HTMLElement | null)[]>([]);\n\n  useEffect(() => {\n    const indicator = document.querySelector(\".nav-indicator\") as HTMLElement;\n    const navItem = navItemsRef.current[activeIndex] as HTMLElement;\n    const navItemWidth = navItem.offsetWidth;\n    const navItemLeft =\n      navItem.offsetLeft + navItemWidth / 2 - indicator.offsetWidth / 2;\n\n    const navItemTop = navItem.offsetTop - 5;\n\n    indicator?.setAttribute(\n      \"style\",\n      `transform: translate(${navItemLeft}px, ${navItemTop}px);`,\n    );\n  }, [activeIndex]);\n\n  const handleClick = (index: number) => {\n    setActiveIndex(index);\n  };\n\n  return (\n    <Stack direction=\"row\" spacing={1} position={\"relative\"}>\n      <Box className=\"nav-indicator\" />\n      {links.map((link, index) => (\n        <Link\n          ref={(el) => {\n            navItemsRef.current[index] = el;\n          }}\n          key={index}\n          href={link.path}\n          className={`nav-item ${index === activeIndex ? \"active\" : \"\"} hover:text-accent-beige`}\n          onClick={() => handleClick(index)}\n        >\n          {link.title}\n        </Link>\n      ))}\n    </Stack>\n  );\n};\n\nexport default AppBar;\n","import { FC } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Image from \"next/image\";\n\ninterface ImageContainerProps {\n  src: any;\n  alt: string;\n  contentful?: boolean;\n  priority?: boolean;\n  loading?: \"lazy\" | \"eager\" | undefined;\n  width?: string;\n  height?: string;\n  objectFit?: string;\n}\n\nconst ImageContainer: FC<ImageContainerProps> = (props) => {\n  const {\n    src,\n    alt,\n    width = \"w-full\",\n    height = \"h-full\",\n    contentful = true,\n    priority = false,\n    loading = \"lazy\",\n    objectFit = \"object-cover\",\n  } = props;\n\n  return (\n    <Box className={`relative ${width} ${height}`}>\n      <Image\n        className={`${objectFit} object-center`}\n        src={contentful ? `https:${src}` : src}\n        alt={alt}\n        fill\n        loading={loading}\n        sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\n        priority={priority}\n      />\n    </Box>\n  );\n};\n\nexport default ImageContainer;\n","import { Box, Typography } from \"@mui/material\";\nimport Link from \"next/link\";\nimport ImageContainer from \"@/components/Image\";\nimport { NO_IMAGE } from \"@/lib/assets\";\nimport { FC } from \"react\";\n\ninterface CategoryCardProps {\n  image_url?: string;\n  title: string;\n  text: string;\n  link: string;\n}\n\nconst CategoryCard: FC<CategoryCardProps> = (props) => {\n  const { link, text, title, image_url = NO_IMAGE } = props;\n\n  return (\n    <Link href={link} className=\"group/card\">\n      <Box className=\"flex flex-col gap-[20px]\">\n        <ImageContainer src={image_url} alt={title} height={\"h-[300px]\"} />\n        <Box className=\"flex flex-col px-[16px]\">\n          <Typography\n            component=\"span\"\n            className=\"font-extrabold text-16 group-hover/card:text-gold2\"\n          >\n            {title}\n          </Typography>\n          <Typography component=\"span\" className=\"group-hover/card:text-gold2\">\n            {text}\n          </Typography>\n        </Box>\n      </Box>\n    </Link>\n  );\n};\n\nexport default CategoryCard;\n","export const NO_IMAGE = \"/images/no-photo.svg\";\n","import { FC } from \"react\";\nimport Link from \"next/link\";\nimport { Box } from \"@mui/material\";\nimport Typography from \"@mui/material/Typography\";\nimport ImageContainer from \"@/components/Image/ImageContainer.tsx\";\nimport { NO_IMAGE } from \"@/lib/assets.ts\";\n\ninterface ArticleCardProps {\n  image_src?: string;\n}\nconst ArticleCard: FC<ArticleCardProps> = (props) => {\n  const { image_src = NO_IMAGE } = props;\n\n  return (\n    <Link href={\"/\"} className=\"group/card bg-gray-light\">\n      <ImageContainer\n        src={image_src}\n        alt={\"test\"}\n        contentful={false}\n        height={\"h-[220px]\"}\n      />\n      <Box className=\"pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]\">\n        <Typography\n          component=\"span\"\n          className=\"text-16 font-extrabold group-hover/card:text-gold2\"\n        >\n          Особливості купівлі готелю\n        </Typography>\n        <Typography\n          component=\"span\"\n          className=\"text-gray group-hover/card:text-gold2\"\n        >\n          We have built a strong network in Dubai since 2009, which allows us to\n          source the best deal for\n        </Typography>\n        <Typography component=\"span\" className=\"border-gold-block-snack\">\n          Тег-назва\n        </Typography>\n      </Box>\n    </Link>\n  );\n};\n\nexport default ArticleCard;\n","import { FC } from \"react\";\n\ninterface JobCardProps {}\nconst JobCard: FC<JobCardProps> = () => {\n  return <></>;\n};\n\nexport default JobCard;\n","const RealtorCard = () => {\n  return <></>;\n};\nexport default RealtorCard;\n","import { Box, Stack, Typography } from \"@mui/material\";\nimport Link from \"next/link\";\nimport { FC } from \"react\";\nimport ImageContainer from \"@/components/Image\";\nimport Chip from \"@/components/Chip/Chip.tsx\";\n\ninterface RealtyCardProps {}\n\nconst RealtyCard: FC<RealtyCardProps> = () => {\n  return (\n    <Link href={\"/\"} className=\"relative\">\n      <Box className=\"absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]\">\n        <Chip view={\"white\"} label={\"id: 00154\"} />\n        <Chip view={\"white\"} label={\"ЖК: Сучасний квартал4\"} />\n      </Box>\n      <ImageContainer\n        src={\"/images/test.png\"}\n        alt={\"test\"}\n        height={\"h-[260px]\"}\n        contentful={false}\n      />\n      <Box className=\"bg-white py-[20px] px-[16px] flex flex-col gap-[6px]\">\n        <Chip view={\"black\"} label={\"120 000 ₴/місяць\"} />\n        <Typography component=\"span\" className=\"font-extrabold\">\n          вул. Драгомирова 25\n        </Typography>\n        <Typography component=\"span\" className=\"text-12\">\n          Печерський р-н\n        </Typography>\n        <Chip\n          view={\"silver\"}\n          label={\n            <Stack direction={\"row\"} spacing={1}>\n              <Typography>метро:</Typography>\n              <Typography className=\"font-extrabold\">Либідська</Typography>\n            </Stack>\n          }\n        />\n        <Box className=\"flex flex-wrap gap-[6px] mt-[6px]\">\n          <Chip view={\"line\"} label={\"2 кімн\"} />\n          <Chip view={\"line\"} label={\"60 м²\"} />\n          <Chip view={\"line\"} label={\"поверх: 3/24\"} />\n        </Box>\n      </Box>\n    </Link>\n  );\n};\n\nexport default RealtyCard;\n","import { Box, Typography } from \"@mui/material\";\nimport { FC } from \"react\";\nimport { NO_IMAGE } from \"@/lib/assets.ts\";\nimport ImageContainer from \"@/components/Image\";\n\ninterface TeamPersonCardProps {\n  image_url?: string;\n  name: string;\n  position: string;\n  text: string;\n}\n\nconst TeamPersonCard: FC<TeamPersonCardProps> = (props) => {\n  const { image_url = NO_IMAGE, name, position, text } = props;\n\n  return (\n    <Box className=\"group/card\">\n      <Box className=\"relative h-[300px]\">\n        <Box className=\"w-full h-full bg-gray-medium group-hover/card:brightness-[50%]\">\n          <ImageContainer\n            contentful={false}\n            src={image_url}\n            alt={name}\n            objectFit={\"object-contain\"}\n          />\n        </Box>\n        <Box className=\"hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white\">\n          <Typography component=\"span\" className=\"text-16 font-extrabold\">\n            {position}\n          </Typography>\n          <Typography component=\"span\" className=\"mt-[4px]\">\n            {name}\n          </Typography>\n          <Typography\n            component=\"span\"\n            className=\"mt-[11px] text-12 !leading-[16px]\"\n          >\n            {text}\n          </Typography>\n        </Box>\n      </Box>\n      <Box className=\"mt-[20px] text-center mx-auto flex flex-col w-10/12\">\n        <Typography component=\"span\" className=\"text-16 font-extrabold\">\n          {position}\n        </Typography>\n        <Typography component=\"span\" className=\"text-gray\">\n          {name}\n        </Typography>\n      </Box>\n    </Box>\n  );\n};\n\nexport default TeamPersonCard;\n"],"mappings":"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","names":["styled","jsx","StyledButton","styled","styled","jsx","styled","_a","useState","Typography","Button","jsx","jsxs","useState","Button","Typography","styled","jsx","styled","theme","jsx","jsx","Typography","jsx","Typography","jsx","jsx","styled","Typography","jsx","jsxs","styled","theme","Typography","styled","jsx","styled","styled","jsx","styled","styled","jsx","styled","jsx","Stack","Typography","jsx","jsxs","Stack","useState","jsx","jsxs","useState","cache","flush","jsx","useEffect","useRef","useState","Box","Stack","jsx","jsxs","useState","useRef","useEffect","Box","jsx","Box","Typography","Link","jsx","jsxs","Link","Box","Typography","Link","Box","Typography","jsx","jsxs","Link","Box","Typography","jsx","Fragment","jsx","Box","Stack","Typography","Link","jsx","jsxs","Link","Box","Typography","Stack","Box","Typography","jsx","jsxs","Box","Typography"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayak-common-library",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -21,6 +21,7 @@
     "react-dom": "^18",
     "react-hook-form": "^7.52.0",
     "react-number-format": "^5.4.0",
+    "sass": "^1.77.7",
     "stylis": "^4.3.2",
     "tailwindcss": "^3.4.4"
   },
@@ -31,6 +32,7 @@
     "@types/react-dom": "^18",
     "@types/stylis": "^4.2.6",
     "autoprefixer": "^10.4.19",
+    "esbuild-sass-plugin": "^3.3.1",
     "eslint": "^8",
     "eslint-config-next": "14.2.4",
     "install": "^0.13.0",

package/tailwind.config.js

@@ -8,6 +8,7 @@ module.exports = {
     "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
     extend: {
@@ -20,6 +21,8 @@ module.exports = {
         "accent-beige": "#C8BCA1",
         "accent-silver": "#F5F5F5",
         "accent-silver-2": "#939393",
+        gold2: "#99835F",
+        gold: "#C8BCA1",
         primary: {
           light: "#EAEDF6",
           main: "#3041C7",
@@ -30,5 +33,10 @@ module.exports = {
       },
     },
   },
+  variants: {
+    extend: {
+      textColor: ["group-hover"],
+    },
+  },
   plugins: [],
 };