mayak-common-library 0.0.8 → 0.0.10

package/dist/index.js

@@ -1,10 +1,39 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -53,20 +82,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",
@@ -85,31 +109,29 @@ var StyledButton = (0, import_material.styled)(import_Button.default)(() => ({
   }
 }));
 var Button = (props) => {
-  const { children, base, bolt, border, small, large, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (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,
@@ -123,8 +145,8 @@ var StyledButton2 = (0, import_material2.styled)(import_material2.IconButton)(()
   }
 }));
 var IconButton = (props) => {
-  const { children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(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;
 
@@ -136,7 +158,6 @@ var import_material3 = require("@mui/material");
 var dropdown_arrow_default = "./dropdown-arrow-CDZAF5GJ.svg";
 
 // 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": {
@@ -174,7 +195,7 @@ var StyledSelect = (0, import_material3.styled)(import_material3.Select)(({ open
   }
 }));
 var CustomSelect = (props) => {
-  const { children, placeholder, ...rest } = props;
+  const _a = props, { children, placeholder } = _a, rest = __objRest(_a, ["children", "placeholder"]);
   const myRef = (0, import_react.useRef)(null);
   const [open, setOpen] = (0, import_react.useState)(false);
   const uniqueId = "select_" + Math.random().toFixed(5).slice(2);
@@ -185,12 +206,12 @@ var CustomSelect = (props) => {
     setOpen(false);
   };
   (0, import_react.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__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ React.createElement(
     StyledSelect,
-    {
-      ...rest,
+    __spreadProps(__spreadValues({}, rest), {
       ref: myRef,
       open,
       onOpen: handleOpen,
@@ -213,9 +234,9 @@ 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;
@@ -231,7 +252,6 @@ var import_material4 = require("@mui/material");
 var close_default = "./close-4XJDSDVO.svg";
 
 // src/components/Select/SelectPro.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
 var SelectPro = ({
   children,
   placeholder,
@@ -261,83 +281,73 @@ 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
+  }) : /* @__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
 }));
@@ -348,75 +358,69 @@ var ChipViews = {
   silver: "bg-accent-silver"
 };
 var CustomChip = (props) => {
-  const { view, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  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
 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, { ...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, { ...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 { children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Typography2.default, { ...rest, children });
+  const _a = props, { children } = _a, rest = __objRest(_a, ["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, { ...radioProps }),
-        label,
-        ...labelProps
-      }
+        control: /* @__PURE__ */ import_react3.default.createElement(import_Radio.default, __spreadValues({}, radioProps)),
+        label
+      }, labelProps)
     );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Radio.default, { ...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 { children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_RadioGroup.default, { ...rest, children });
+  const _a = props, { children } = _a, rest = __objRest(_a, ["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,
@@ -459,27 +463,21 @@ var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: the
   }
 }));
 var CustomSwitch = (props) => {
-  const { beforeText, afterText, ...rest } = props;
-  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, { defaultChecked: true, ...rest, disableRipple: true }),
-    afterText ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Typography3.default, { className: "text-base", children: afterText }) : null
-  ] });
+  const _a = props, { beforeText, afterText } = _a, rest = __objRest(_a, ["beforeText", "afterText"]);
+  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, { ...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": {
@@ -488,15 +486,14 @@ var StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(()
   }
 }));
 var CustomMenuItem = (props) => {
-  const { children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(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
 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"
@@ -506,43 +503,40 @@ var StyledInput = (0, import_material10.styled)(import_Input.default)(() => ({
   }
 }));
 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__ */ (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: {
           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;
 
 // 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 { onChange, ...other } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
+    return /* @__PURE__ */ React.createElement(
       import_react_number_format.PatternFormat,
-      {
-        ...other,
+      __spreadProps(__spreadValues({}, other), {
         getInputRef: ref,
         customInput: Input_default,
         onValueChange: (values) => {
@@ -555,7 +549,7 @@ var PhoneInput = (0, import_react3.forwardRef)(
         },
         placeholder: "000 000 00 00",
         format: "### ### ## ##"
-      }
+      })
     );
   }
 );
@@ -564,32 +558,24 @@ 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"));
 var import_stylis = require("stylis");
-var import_jsx_runtime18 = require("react/jsx-runtime");
 var theme = (0, import_createTheme.default)({});
 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]
@@ -620,45 +606,40 @@ 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;
     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);`
     );
@@ -666,22 +647,19 @@ 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.href,
-        className: `nav-item ${index === activeIndex ? "active" : ""}`,
-        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.href,
+      className: `nav-item ${index === activeIndex ? "active" : ""}`,
+      onClick: () => handleClick(index)
+    },
+    link.title
+  )));
 };
 var AppBar_default = AppBar;
 // Annotate the CommonJS export names for ESM import in node: