mayak-common-library 0.0.7 → 0.0.9

package/dist/index.mjs

@@ -1,18 +1,45 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
 // src/components/Greet.tsx
-import { jsxs } from "react/jsx-runtime";
 function Greet(props) {
   const { name } = props;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    "Hello ",
-    name
-  ] });
+  return /* @__PURE__ */ React.createElement("div", null, "Hello ", name);
 }
 
 // src/components/Button/Button.tsx
 import ButtonMUI from "@mui/material/Button";
 import { styled } from "@mui/material";
 import Typography from "@mui/material/Typography";
-import { jsx } from "react/jsx-runtime";
 var StyledButton = styled(ButtonMUI)(() => ({
   textTransform: "none",
   width: "fit-content",
@@ -31,31 +58,29 @@ var StyledButton = styled(ButtonMUI)(() => ({
   }
 }));
 var Button = (props) => {
-  const { children, base, bolt, border, small, large, ...rest } = props;
-  return /* @__PURE__ */ jsx(
+  const _a = props, { children, base, bolt, border, small, large } = _a, rest = __objRest(_a, ["children", "base", "bolt", "border", "small", "large"]);
+  return /* @__PURE__ */ React.createElement(
     StyledButton,
-    {
-      ...rest,
+    __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__ */ jsx(
-        Typography,
-        {
-          className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`,
-          children
-        }
-      )
-    }
+        ${border ? "border-b border-solid rounded-none" : ""}`
+    }),
+    /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`
+      },
+      children
+    )
   );
 };
 var Button_default = Button;
 
 // src/components/Button/IconButton.tsx
 import { IconButton as IconButtonMUI, styled as styled2 } from "@mui/material";
-import { jsx as jsx2 } from "react/jsx-runtime";
 var StyledButton2 = styled2(IconButtonMUI)(() => ({
   width: "fit-content",
   borderRadius: 0,
@@ -69,8 +94,8 @@ var StyledButton2 = styled2(IconButtonMUI)(() => ({
   }
 }));
 var IconButton = (props) => {
-  const { children, ...rest } = props;
-  return /* @__PURE__ */ jsx2(StyledButton2, { ...rest, disableRipple: true, children });
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ React.createElement(StyledButton2, __spreadProps(__spreadValues({}, rest), { disableRipple: true }), children);
 };
 var IconButton_default = IconButton;
 
@@ -82,7 +107,6 @@ import { Select, styled as styled3 } from "@mui/material";
 var dropdown_arrow_default = "./dropdown-arrow-CDZAF5GJ.svg";
 
 // src/components/Select/Select.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
 var StyledSelect = styled3(Select)(({ open }) => ({
   minWidth: 250,
   "&.MuiInputBase-root": {
@@ -120,7 +144,7 @@ var StyledSelect = styled3(Select)(({ open }) => ({
   }
 }));
 var CustomSelect = (props) => {
-  const { children, placeholder, ...rest } = props;
+  const _a = props, { children, placeholder } = _a, rest = __objRest(_a, ["children", "placeholder"]);
   const myRef = useRef(null);
   const [open, setOpen] = useState(false);
   const uniqueId = "select_" + Math.random().toFixed(5).slice(2);
@@ -131,12 +155,12 @@ var CustomSelect = (props) => {
     setOpen(false);
   };
   useEffect(() => {
-    if (!open) myRef.current?.classList.remove("Mui-focused");
+    var _a2;
+    if (!open) (_a2 = myRef.current) == null ? void 0 : _a2.classList.remove("Mui-focused");
   }, [open]);
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ React.createElement(
     StyledSelect,
-    {
-      ...rest,
+    __spreadProps(__spreadValues({}, rest), {
       ref: myRef,
       open,
       onOpen: handleOpen,
@@ -159,9 +183,9 @@ var CustomSelect = (props) => {
           }
         }
       },
-      IconComponent: () => /* @__PURE__ */ jsx3(dropdown_arrow_default, {}),
-      children
-    }
+      IconComponent: () => /* @__PURE__ */ React.createElement(dropdown_arrow_default, null)
+    }),
+    children
   );
 };
 var Select_default = CustomSelect;
@@ -187,7 +211,6 @@ import {
 var close_default = "./close-4XJDSDVO.svg";
 
 // src/components/Select/SelectPro.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var SelectPro = ({
   children,
   placeholder,
@@ -217,83 +240,73 @@ var SelectPro = ({
   const childrenWithHandleChange = isValidElement(children) ? cloneElement(children, {
     collapseParent: handleClose
   }) : children;
-  return /* @__PURE__ */ jsx4(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs2(Box, { children: [
-    clickComponent ? cloneElement(clickComponent, {
+  return /* @__PURE__ */ React.createElement(ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React.createElement(Box, null, clickComponent ? cloneElement(clickComponent, {
+    ref: btn,
+    onClick: handleClick
+  }) : /* @__PURE__ */ React.createElement(
+    Button2,
+    {
       ref: btn,
-      onClick: handleClick
-    }) : /* @__PURE__ */ jsxs2(
-      Button2,
+      "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(
+      Typography2,
       {
-        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__ */ jsx4(
-            Typography2,
-            {
-              className: "text-sm leading-4",
-              children: `${placeholder}`
-            }
-          ),
-          colorBorder ? /* @__PURE__ */ jsx4(search_default, {}) : /* @__PURE__ */ jsx4(
-            dropdown_arrow_default,
-            {
-              style: {
-                transform: open ? "scaleY(-1)" : "scaleY(1)",
-                transition: "0.3s ease-in-out"
-              }
-            }
-          )
-        ]
-      }
+        className: "text-sm leading-4"
+      },
+      `${placeholder}`
     ),
-    btn ? /* @__PURE__ */ jsx4(
-      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__ */ jsxs2(Box, { className: `flex flex-col p-3 gap-3`, children: [
-          overButton ? /* @__PURE__ */ jsx4(
-            IconButton_default,
-            {
-              className: "bg-accent-silver p-1 self-end absolute",
-              onClick: handleClose,
-              children: /* @__PURE__ */ jsx4(close_default, {})
-            }
-          ) : null,
-          childTitle ? /* @__PURE__ */ jsx4(
-            Typography2,
-            {
-              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(
+    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(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(
+      Typography2,
+      {
+        className: "text-sm font-normal text-accent-silver-2"
+      },
+      childTitle
+    ) : null, childrenWithHandleChange)
+  ) : null));
 };
 var SelectPro_default = SelectPro;
 
 // src/components/Chip/Chip.tsx
 import { Chip, styled as styled4 } from "@mui/material";
-import { jsx as jsx5 } from "react/jsx-runtime";
 var StyledChip = styled4(Chip)(({ theme: theme2 }) => ({
   borderRadius: theme2.shape.borderRadius
 }));
@@ -304,75 +317,69 @@ var ChipViews = {
   silver: "bg-accent-silver"
 };
 var CustomChip = (props) => {
-  const { view, ...rest } = props;
-  return /* @__PURE__ */ jsx5(
+  const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
+  return /* @__PURE__ */ React.createElement(
     StyledChip,
-    {
-      className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`,
-      ...rest
-    }
+    __spreadValues({
+      className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`
+    }, rest)
   );
 };
 var Chip_default = CustomChip;
 
 // src/components/Badge/Badge.tsx
 import { Badge } from "@mui/material";
-import { jsx as jsx6 } from "react/jsx-runtime";
 var CustomBadge = (props) => {
-  return /* @__PURE__ */ jsx6(Badge, { ...props });
+  return /* @__PURE__ */ React.createElement(Badge, __spreadValues({}, props));
 };
 var Badge_default = CustomBadge;
 
 // src/components/Avatar/Avatar.tsx
 import Avatar from "@mui/material/Avatar";
-import { jsx as jsx7 } from "react/jsx-runtime";
 var CustomAvatar = (props) => {
-  return /* @__PURE__ */ jsx7(Avatar, { ...props });
+  return /* @__PURE__ */ React.createElement(Avatar, __spreadValues({}, props));
 };
 var Avatar_default = CustomAvatar;
 
 // src/components/Text/Text.tsx
 import Typography3 from "@mui/material/Typography";
-import { jsx as jsx8 } from "react/jsx-runtime";
 var Text = (props) => {
-  const { children, ...rest } = props;
-  return /* @__PURE__ */ jsx8(Typography3, { ...rest, children });
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ React.createElement(Typography3, __spreadValues({}, rest), children);
 };
 var Text_default = Text;
 
 // src/components/Radio/Radio.tsx
+import React2 from "react";
 import Radio from "@mui/material/Radio";
 import FormControlLabel from "@mui/material/FormControlLabel";
-import { jsx as jsx9 } from "react/jsx-runtime";
 var CustomRadio = (props) => {
   const { value, label, radioProps, labelProps } = props;
   if (label && value)
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ React2.createElement(
       FormControlLabel,
-      {
+      __spreadValues({
         value,
-        control: /* @__PURE__ */ jsx9(Radio, { ...radioProps }),
-        label,
-        ...labelProps
-      }
+        control: /* @__PURE__ */ React2.createElement(Radio, __spreadValues({}, radioProps)),
+        label
+      }, labelProps)
     );
-  return /* @__PURE__ */ jsx9(Radio, { ...radioProps });
+  return /* @__PURE__ */ React2.createElement(Radio, __spreadValues({}, radioProps));
 };
 var Radio_default = CustomRadio;
 
 // src/components/RadioGroup/RadioGroup.tsx
+import React3 from "react";
 import RadioGroup from "@mui/material/RadioGroup";
-import { jsx as jsx10 } from "react/jsx-runtime";
 var CustomRadioGroup = (props) => {
-  const { children, ...rest } = props;
-  return /* @__PURE__ */ jsx10(RadioGroup, { ...rest, children });
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ React3.createElement(RadioGroup, __spreadValues({}, rest), children);
 };
 var RadioGroup_default = CustomRadioGroup;
 
 // src/components/Switch/Switch.tsx
 import { Stack, styled as styled5, Switch as SwitchMUI } from "@mui/material";
 import Typography4 from "@mui/material/Typography";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
   width: 60,
   height: 30,
@@ -415,27 +422,21 @@ var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
   }
 }));
 var CustomSwitch = (props) => {
-  const { beforeText, afterText, ...rest } = props;
-  return /* @__PURE__ */ jsxs3(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-    beforeText ? /* @__PURE__ */ jsx11(Typography4, { className: "text-base", children: beforeText }) : null,
-    /* @__PURE__ */ jsx11(Switch, { defaultChecked: true, ...rest, disableRipple: true }),
-    afterText ? /* @__PURE__ */ jsx11(Typography4, { className: "text-base", children: afterText }) : null
-  ] });
+  const _a = props, { beforeText, afterText } = _a, rest = __objRest(_a, ["beforeText", "afterText"]);
+  return /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 1, alignItems: "center" }, beforeText ? /* @__PURE__ */ React.createElement(Typography4, { className: "text-base" }, beforeText) : null, /* @__PURE__ */ React.createElement(Switch, __spreadProps(__spreadValues({ defaultChecked: true }, rest), { disableRipple: true })), afterText ? /* @__PURE__ */ React.createElement(Typography4, { className: "text-base" }, afterText) : null);
 };
 var Switch_default = CustomSwitch;
 
 // src/components/Slider/Slider.tsx
 import { Slider, styled as styled6 } from "@mui/material";
-import { jsx as jsx12 } from "react/jsx-runtime";
 var StyledSlider = styled6(Slider)(() => ({}));
 var CustomSlider = (props) => {
-  return /* @__PURE__ */ jsx12(StyledSlider, { ...props });
+  return /* @__PURE__ */ React.createElement(StyledSlider, __spreadValues({}, props));
 };
 var Slider_default = CustomSlider;
 
 // src/components/MenuItem/MenuItem.tsx
 import { MenuItem, styled as styled7 } from "@mui/material";
-import { jsx as jsx13 } from "react/jsx-runtime";
 var StyledMenuItem = styled7(MenuItem)(() => ({
   borderRadius: "5px",
   "&.Mui-selected": {
@@ -444,15 +445,14 @@ var StyledMenuItem = styled7(MenuItem)(() => ({
   }
 }));
 var CustomMenuItem = (props) => {
-  const { children, ...rest } = props;
-  return /* @__PURE__ */ jsx13(StyledMenuItem, { ...rest, children });
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ React.createElement(StyledMenuItem, __spreadValues({}, rest), children);
 };
 var MenuItem_default = CustomMenuItem;
 
 // src/components/Input/Input.tsx
 import { InputAdornment, styled as styled8 } from "@mui/material";
 import Input from "@mui/material/Input";
-import { jsx as jsx14 } from "react/jsx-runtime";
 var StyledInput = styled8(Input)(() => ({
   "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button": {
     display: "none"
@@ -462,28 +462,27 @@ var StyledInput = styled8(Input)(() => ({
   }
 }));
 var CustomInput = (props) => {
-  const { type, adornmentText, value, ...rest } = 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") {
       event.preventDefault();
       event.stopPropagation();
     }
   };
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ React.createElement(
     StyledInput,
-    {
+    __spreadValues({
       disableUnderline: true,
       onKeyDown: handleKeyDown,
-      startAdornment: adornmentText ? /* @__PURE__ */ jsx14(InputAdornment, { position: "start", className: "text-sm", children: adornmentText }) : void 0,
+      startAdornment: adornmentText ? /* @__PURE__ */ React.createElement(InputAdornment, { position: "start", className: "text-sm" }, adornmentText) : void 0,
       value,
       componentsProps: {
         root: {
           className: "border border-black rounded-none border-solid py-1.5 px-2.5 h-8"
         }
       },
-      type: type || "string",
-      ...rest
-    }
+      type: type || "string"
+    }, rest)
   );
 };
 var Input_default = CustomInput;
@@ -491,14 +490,12 @@ var Input_default = CustomInput;
 // src/components/Input/PhoneInput.tsx
 import { PatternFormat } from "react-number-format";
 import { forwardRef } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
 var PhoneInput = forwardRef(
   function NumericFormatCustom(props, ref) {
-    const { onChange, ...other } = props;
-    return /* @__PURE__ */ jsx15(
+    const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
+    return /* @__PURE__ */ React.createElement(
       PatternFormat,
-      {
-        ...other,
+      __spreadProps(__spreadValues({}, other), {
         getInputRef: ref,
         customInput: Input_default,
         onValueChange: (values) => {
@@ -511,7 +508,7 @@ var PhoneInput = forwardRef(
         },
         placeholder: "000 000 00 00",
         format: "### ### ## ##"
-      }
+      })
     );
   }
 );
@@ -520,15 +517,8 @@ var PhoneInput_default = PhoneInput;
 // src/components/Input/FromToInput.tsx
 import { Stack as Stack2 } from "@mui/material";
 import Typography5 from "@mui/material/Typography";
-import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
 var FromToInput = ({ label }) => {
-  return /* @__PURE__ */ jsxs4(Stack2, { children: [
-    label ? /* @__PURE__ */ jsx16(Typography5, { className: "text-accent-dark text-xs", children: label }) : null,
-    /* @__PURE__ */ jsxs4(Stack2, { direction: "row", spacing: 1, children: [
-      /* @__PURE__ */ jsx16(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }),
-      /* @__PURE__ */ jsx16(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(Stack2, null, label ? /* @__PURE__ */ React.createElement(Typography5, { className: "text-accent-dark text-xs" }, label) : null, /* @__PURE__ */ React.createElement(Stack2, { 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;
 
@@ -541,7 +531,6 @@ import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import createTheme from "@mui/material/styles/createTheme";
 import CssBaseline from "@mui/material/CssBaseline";
 import { prefixer } from "stylis";
-import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
 var theme = createTheme({});
 function ThemeRegistry(props) {
   const { children } = props;
@@ -576,27 +565,23 @@ function ThemeRegistry(props) {
     for (const name of names) {
       styles += cache.inserted[name];
     }
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ React.createElement(
       "style",
       {
+        key: cache.key,
         "data-emotion": `${cache.key} ${names.join(" ")}`,
         dangerouslySetInnerHTML: {
           __html: styles
         }
-      },
-      cache.key
+      }
     );
   });
-  return /* @__PURE__ */ jsx17(CacheProvider, { value: cache, children: /* @__PURE__ */ jsxs5(ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx17(CssBaseline, {}),
-    children
-  ] }) });
+  return /* @__PURE__ */ React.createElement(CacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(ThemeProvider, { theme }, /* @__PURE__ */ React.createElement(CssBaseline, null), children));
 }
 
 // src/providers/Providers.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ jsx18(ThemeRegistry, { children });
+  return /* @__PURE__ */ React.createElement(ThemeRegistry, null, children);
 };
 var Providers_default = Providers;
 
@@ -604,7 +589,6 @@ var Providers_default = Providers;
 import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
 import { Box as Box2, Stack as Stack3 } from "@mui/material";
 import Link from "next/link";
-import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
 var AppBar = ({ links }) => {
   const [activeIndex, setActiveIndex] = useState4(0);
   const navItemsRef = useRef2([]);
@@ -614,7 +598,7 @@ var AppBar = ({ links }) => {
     const navItemWidth = navItem.offsetWidth;
     const navItemLeft = navItem.offsetLeft + navItemWidth / 2 - indicator.offsetWidth / 2;
     const navItemTop = navItem.offsetTop - 5;
-    indicator?.setAttribute(
+    indicator == null ? void 0 : indicator.setAttribute(
       "style",
       `transform: translate(${navItemLeft}px, ${navItemTop}px);`
     );
@@ -622,22 +606,19 @@ var AppBar = ({ links }) => {
   const handleClick = (index) => {
     setActiveIndex(index);
   };
-  return /* @__PURE__ */ jsxs6(Stack3, { direction: "row", spacing: 1, position: "relative", children: [
-    /* @__PURE__ */ jsx19(Box2, { className: "nav-indicator" }),
-    links.map((link, index) => /* @__PURE__ */ jsx19(
-      Link,
-      {
-        ref: (el) => {
-          navItemsRef.current[index] = el;
-        },
-        href: link.href,
-        className: `nav-item ${index === activeIndex ? "active" : ""}`,
-        onClick: () => handleClick(index),
-        children: link.title
+  return /* @__PURE__ */ React.createElement(Stack3, { direction: "row", spacing: 1, position: "relative" }, /* @__PURE__ */ React.createElement(Box2, { className: "nav-indicator" }), links.map((link, index) => /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      ref: (el) => {
+        navItemsRef.current[index] = el;
       },
-      index
-    ))
-  ] });
+      key: index,
+      href: link.href,
+      className: `nav-item ${index === activeIndex ? "active" : ""}`,
+      onClick: () => handleClick(index)
+    },
+    link.title
+  )));
 };
 var AppBar_default = AppBar;
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayak-common-library",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -16,7 +16,6 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@mui/material": "^5.15.20",
-    "@mui/material-nextjs": "^5.15.11",
     "next": "14.2.4",
     "react": "^18",
     "react-dom": "^18",
@@ -40,6 +39,10 @@
     "tsup": "^8.1.0",
     "typescript": "^5"
   },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
   "browserslist": [
     ">0.3%",
     "not dead",
@@ -48,6 +51,7 @@
   "author": "anthony_k",
   "license": "MIT",
   "keywords": [
-    "test", "next common library"
+    "test",
+    "next common library"
   ]
 }