@mamrp/components 1.0.3 → 1.0.5

package/dist/index.mjs

@@ -2211,88 +2211,6 @@ function SearchLicensePlate({
   ));
 }
 
-// src/loading/index.tsx
-import React13 from "react";
-function Loading() {
-  return /* @__PURE__ */ React13.createElement("div", { className: "loading" }, /* @__PURE__ */ React13.createElement(
-    "img",
-    {
-      src: "/assets/images/favicon.ico",
-      alt: "MAM Logo",
-      className: "mam-logo"
-    }
-  ), /* @__PURE__ */ React13.createElement("p", { className: "message" }, "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC\u060C \u0644\u0637\u0641\u0627 \u0645\u0646\u062A\u0638\u0631 \u0628\u0645\u0627\u0646\u06CC\u062F", /* @__PURE__ */ React13.createElement("span", { className: "dots" }, /* @__PURE__ */ React13.createElement("span", null, "."), /* @__PURE__ */ React13.createElement("span", null, "."), /* @__PURE__ */ React13.createElement("span", null, "."), /* @__PURE__ */ React13.createElement("span", null, "."))), /* @__PURE__ */ React13.createElement("style", null, `
-        .loading {
-          position: fixed;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          align-items: center;
-          background-color: #065938;
-          color: #fff;
-          z-index: 9999;
-        }
-        .mam-logo {
-          width: 120px;
-          height: auto;
-          margin-bottom: 5px;
-          animation: float 3s ease-in-out infinite, glow 1.5s alternate infinite ease-in-out;
-        }
-        @keyframes float {
-          0%, 100% {
-            transform: translateY(0);
-          }
-        
-        }
-        @keyframes glow {
-          0% {
-            filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
-          }
-          100% {
-            filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
-          }
-        }
-        .message {
-          font-size: 1.2rem;
-          font-weight: bold;
-          display: flex;
-          align-items: center;
-        }
-        .dots {
-          display: inline-block;
-          margin-left: 5px;
-        }
-        .dots span {
-          animation: blink 1.5s step-start infinite;
-          font-size: 1.5rem;
-        }
-        .dots span:nth-child(1) {
-          animation-delay: 0s;
-        }
-        .dots span:nth-child(2) {
-          animation-delay: 0.3s;
-        }
-        .dots span:nth-child(3) {
-          animation-delay: 0.6s;
-        }
-        @keyframes blink {
-          0% {
-            opacity: 0;
-          }
-          50% {
-            opacity: 1;
-          }
-          100% {
-            opacity: 0;
-          }
-        }
-      `));
-}
-
 // src/mobile-date-time-picker/index.tsx
 import { Button as Button8, Typography as Typography8 } from "@mui/material";
 import useMediaQuery4 from "@mui/material/useMediaQuery";
@@ -2304,7 +2222,7 @@ import {
 import { AdapterMomentJalaali as AdapterMomentJalaali4 } from "@mui/x-date-pickers/AdapterMomentJalaali";
 import dayjs2 from "dayjs";
 import moment6 from "moment-jalaali";
-import React14, { useState as useState8 } from "react";
+import React13, { useState as useState8 } from "react";
 import { Controller as Controller6 } from "react-hook-form";
 moment6.loadPersian({ dialect: "persian-modern", usePersianDigits: true });
 var JalaliDatePicker3 = ({
@@ -2340,18 +2258,18 @@ var JalaliDatePicker3 = ({
     calendarWeekNumberAriaLabelText: (weekNumber) => `\u0647\u0641\u062A\u0647 ${weekNumber}`,
     calendarWeekNumberText: (weekNumber) => `${weekNumber}`
   };
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React13.createElement(
     LocalizationProvider4,
     {
       dateAdapter: AdapterMomentJalaali4,
       localeText: customLocaleText
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React13.createElement(
       Controller6,
       {
         name,
         control,
-        render: ({ field, fieldState: { error } }) => /* @__PURE__ */ React14.createElement(Box11, { sx: { width: "100%" } }, /* @__PURE__ */ React14.createElement(
+        render: ({ field, fieldState: { error } }) => /* @__PURE__ */ React13.createElement(Box11, { sx: { width: "100%" } }, /* @__PURE__ */ React13.createElement(
           MobileDateTimePicker,
           {
             open,
@@ -2394,7 +2312,7 @@ var JalaliDatePicker3 = ({
                 } else {
                   formattedDay = "\u062A\u0627\u0631\u06CC\u062E \u0648 \u0632\u0645\u0627\u0646 \u0627\u0646\u062A\u062E\u0627\u0628 \u0646\u0634\u062F\u0647 \u0627\u0633\u062A", formattedDate = "", formattedYear = "", formattedTime = "";
                 }
-                return /* @__PURE__ */ React14.createElement(
+                return /* @__PURE__ */ React13.createElement(
                   Box11,
                   {
                     sx: {
@@ -2407,7 +2325,7 @@ var JalaliDatePicker3 = ({
                       gap: 1
                     }
                   },
-                  /* @__PURE__ */ React14.createElement(
+                  /* @__PURE__ */ React13.createElement(
                     Typography8,
                     {
                       fontSize: 16,
@@ -2416,7 +2334,7 @@ var JalaliDatePicker3 = ({
                     },
                     `${formattedDay}\u060C`
                   ),
-                  /* @__PURE__ */ React14.createElement(
+                  /* @__PURE__ */ React13.createElement(
                     Typography8,
                     {
                       variant: "h4",
@@ -2425,7 +2343,7 @@ var JalaliDatePicker3 = ({
                     },
                     `${formattedDate}`
                   ),
-                  /* @__PURE__ */ React14.createElement(
+                  /* @__PURE__ */ React13.createElement(
                     Typography8,
                     {
                       fontSize: 16,
@@ -2434,8 +2352,8 @@ var JalaliDatePicker3 = ({
                     },
                     `${formattedYear}`
                   ),
-                  field.value && /* @__PURE__ */ React14.createElement(Typography8, null, "-"),
-                  /* @__PURE__ */ React14.createElement(
+                  field.value && /* @__PURE__ */ React13.createElement(Typography8, null, "-"),
+                  /* @__PURE__ */ React13.createElement(
                     Typography8,
                     {
                       fontSize: 16,
@@ -2448,7 +2366,7 @@ var JalaliDatePicker3 = ({
                 );
               },
               monthButton: (props) => {
-                return /* @__PURE__ */ React14.createElement(
+                return /* @__PURE__ */ React13.createElement(
                   Button8,
                   {
                     className: props.className,
@@ -2526,7 +2444,7 @@ var JalaliDatePicker3 = ({
               }
             }
           }
-        ), error && /* @__PURE__ */ React14.createElement(Typography8, { fontSize: 13, color: "error", sx: { mt: 0.6, ml: 1 } }, error.message))
+        ), error && /* @__PURE__ */ React13.createElement(Typography8, { fontSize: 13, color: "error", sx: { mt: 0.6, ml: 1 } }, error.message))
       }
     )
   );
@@ -2534,7 +2452,7 @@ var JalaliDatePicker3 = ({
 var mobile_date_time_picker_default = JalaliDatePicker3;
 
 // src/modal/index.tsx
-import * as React15 from "react";
+import * as React14 from "react";
 import Dialog5 from "@mui/material/Dialog";
 import DialogActions3 from "@mui/material/DialogActions";
 import DialogContent5 from "@mui/material/DialogContent";
@@ -2557,7 +2475,7 @@ function ConfirmationDialog2({
   bodyText,
   isLoading
 }) {
-  return /* @__PURE__ */ React15.createElement(Dialog5, { open, onClose: handleClose, fullWidth: true, maxWidth: "xs" }, /* @__PURE__ */ React15.createElement(Box12, null, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React14.createElement(Dialog5, { open, onClose: handleClose, fullWidth: true, maxWidth: "xs" }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(
     DialogTitle5,
     {
       fontWeight: 700,
@@ -2566,9 +2484,9 @@ function ConfirmationDialog2({
       alignItems: "center",
       gap: 1
     },
-    /* @__PURE__ */ React15.createElement(FaRegTrashAlt, { style: { color: "red" }, size: 18 }),
+    /* @__PURE__ */ React14.createElement(FaRegTrashAlt, { style: { color: "red" }, size: 18 }),
     headerText
-  ), /* @__PURE__ */ React15.createElement(
+  ), /* @__PURE__ */ React14.createElement(
     IconButton5,
     {
       "aria-label": "close",
@@ -2580,8 +2498,8 @@ function ConfirmationDialog2({
         color: (theme) => theme.palette.grey[500]
       }
     },
-    /* @__PURE__ */ React15.createElement(MdClose3, null)
-  ), /* @__PURE__ */ React15.createElement(Divider3, { sx: { my: "10px" } }), /* @__PURE__ */ React15.createElement(DialogContent5, null, bodyText), /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React14.createElement(MdClose3, null)
+  ), /* @__PURE__ */ React14.createElement(Divider3, { sx: { my: "10px" } }), /* @__PURE__ */ React14.createElement(DialogContent5, null, bodyText), /* @__PURE__ */ React14.createElement(
     DialogActions3,
     {
       sx: {
@@ -2593,7 +2511,7 @@ function ConfirmationDialog2({
         padding: "2rem"
       }
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React14.createElement(
       Button9,
       {
         disabled: isLoading,
@@ -2604,17 +2522,17 @@ function ConfirmationDialog2({
         variant: "contained",
         color: "error",
         sx: { minWidth: "120px" },
-        startIcon: isLoading ? /* @__PURE__ */ React15.createElement(CircularProgress2, { sx: { color: "white" }, size: 20 }) : /* @__PURE__ */ React15.createElement(FaRegTrashAlt, { size: 16 })
+        startIcon: isLoading ? /* @__PURE__ */ React14.createElement(CircularProgress2, { sx: { color: "white" }, size: 20 }) : /* @__PURE__ */ React14.createElement(FaRegTrashAlt, { size: 16 })
       },
       "\u062D\u0630\u0641"
     ),
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React14.createElement(
       Button9,
       {
         onClick: handleClose,
         variant: "outlined",
         color: "error",
-        startIcon: /* @__PURE__ */ React15.createElement(MdOutlineCancel2, { size: 15 }),
+        startIcon: /* @__PURE__ */ React14.createElement(MdOutlineCancel2, { size: 15 }),
         sx: { minWidth: "120px" }
       },
       "\u0627\u0646\u0635\u0631\u0627\u0641"
@@ -2629,14 +2547,14 @@ import {
   Typography as Typography9,
   useTheme as useTheme4
 } from "@mui/material";
-import React16 from "react";
+import React15 from "react";
 function NoResult({
   title = "\u062F\u0627\u062F\u0647 \u0627\u06CC \u0628\u0631\u0627\u06CC \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F!",
   description,
   sx = {}
 }) {
   const theme = useTheme4();
-  return /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React15.createElement(
     Card2,
     {
       sx: {
@@ -2646,7 +2564,7 @@ function NoResult({
         border: `1px solid ${theme.palette.secondary.light}`
       }
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React15.createElement(
       Stack3,
       {
         spacing: 2,
@@ -2656,7 +2574,7 @@ function NoResult({
           ...sx
         }
       },
-      /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React15.createElement(
         "img",
         {
           src: "/assets/images/no-data.png",
@@ -2665,7 +2583,7 @@ function NoResult({
           width: 100
         }
       ),
-      /* @__PURE__ */ React16.createElement(Stack3, { spacing: 1, alignItems: "center" }, /* @__PURE__ */ React16.createElement(Typography9, { fontWeight: "600" }, title), description && /* @__PURE__ */ React16.createElement(Typography9, { fontWeight: "500" }, description))
+      /* @__PURE__ */ React15.createElement(Stack3, { spacing: 1, alignItems: "center" }, /* @__PURE__ */ React15.createElement(Typography9, { fontWeight: "600" }, title), description && /* @__PURE__ */ React15.createElement(Typography9, { fontWeight: "500" }, description))
     )
   );
 }
@@ -2675,14 +2593,14 @@ import { convertToPersianDigits as convertToPersianDigits3 } from "@mamrp/utils"
 import { Button as Button10 } from "@mui/material";
 import Stack4 from "@mui/material/Stack";
 import { Box as Box13 } from "@mui/system";
-import * as React17 from "react";
+import * as React16 from "react";
 import { FaChevronLeft as FaChevronLeft3, FaChevronRight as FaChevronRight3 } from "react-icons/fa";
 function PaginationList({
   currentPage,
   setCurrentPage,
   totalPages
 }) {
-  React17.useEffect(() => {
+  React16.useEffect(() => {
     window.scrollTo({ top: 0, behavior: "smooth" });
   }, [currentPage]);
   const handlePrevious = () => {
@@ -2695,7 +2613,7 @@ function PaginationList({
       setCurrentPage(currentPage + 1);
     }
   };
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React16.createElement(
     Stack4,
     {
       direction: "row",
@@ -2703,7 +2621,7 @@ function PaginationList({
       alignItems: "center",
       justifyContent: "center"
     },
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React16.createElement(
       Button10,
       {
         variant: "contained",
@@ -2720,12 +2638,12 @@ function PaginationList({
           justifyContent: "center"
         },
         size: "large",
-        startIcon: /* @__PURE__ */ React17.createElement(FaChevronRight3, null)
+        startIcon: /* @__PURE__ */ React16.createElement(FaChevronRight3, null)
       },
       "\u0642\u0628\u0644\u06CC",
       " "
     ),
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React16.createElement(
       Box13,
       {
         sx: {
@@ -2741,10 +2659,10 @@ function PaginationList({
           backgroundColor: "#065938"
         }
       },
-      /* @__PURE__ */ React17.createElement("span", { style: { margin: "0px 6px", fontSize: "1.2rem" } }, "\u0635\u0641\u062D\u0647"),
+      /* @__PURE__ */ React16.createElement("span", { style: { margin: "0px 6px", fontSize: "1.2rem" } }, "\u0635\u0641\u062D\u0647"),
       convertToPersianDigits3(currentPage)
     ),
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React16.createElement(
       Button10,
       {
         variant: "contained",
@@ -2761,7 +2679,7 @@ function PaginationList({
           justifyContent: "center"
         },
         size: "large",
-        endIcon: /* @__PURE__ */ React17.createElement(FaChevronLeft3, null)
+        endIcon: /* @__PURE__ */ React16.createElement(FaChevronLeft3, null)
       },
       "\u0628\u0639\u062F\u06CC",
       " "
@@ -2770,7 +2688,7 @@ function PaginationList({
 }
 
 // src/radio-button/index.tsx
-import * as React18 from "react";
+import * as React17 from "react";
 import { Controller as Controller7 } from "react-hook-form";
 import Radio from "@mui/material/Radio";
 import RadioGroup from "@mui/material/RadioGroup";
@@ -2778,17 +2696,17 @@ import FormControlLabel2 from "@mui/material/FormControlLabel";
 import FormControl from "@mui/material/FormControl";
 import FormLabel from "@mui/material/FormLabel";
 function RadioButton({ name, label, options, control }) {
-  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(FormControl, { sx: {
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(FormControl, { sx: {
     display: "flex",
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "start"
-  } }, /* @__PURE__ */ React18.createElement(FormLabel, { id: `${name}-label` }, label), /* @__PURE__ */ React18.createElement(
+  } }, /* @__PURE__ */ React17.createElement(FormLabel, { id: `${name}-label` }, label), /* @__PURE__ */ React17.createElement(
     Controller7,
     {
       name,
       control,
-      render: ({ field }) => /* @__PURE__ */ React18.createElement(
+      render: ({ field }) => /* @__PURE__ */ React17.createElement(
         RadioGroup,
         {
           ...field,
@@ -2800,12 +2718,12 @@ function RadioButton({ name, label, options, control }) {
             marginLeft: 5
           }
         },
-        options.map((option) => /* @__PURE__ */ React18.createElement(
+        options.map((option) => /* @__PURE__ */ React17.createElement(
           FormControlLabel2,
           {
             key: option.value,
             value: option.value,
-            control: /* @__PURE__ */ React18.createElement(Radio, { id: option.id }),
+            control: /* @__PURE__ */ React17.createElement(Radio, { id: option.id }),
             label: option.name
           }
         ))
@@ -2828,7 +2746,7 @@ import {
   Select,
   Typography as Typography10
 } from "@mui/material";
-import React19, { useState as useState9 } from "react";
+import React18, { useState as useState9 } from "react";
 var backendResponse = {
   value: {
     data: [
@@ -2896,7 +2814,7 @@ var NestedSelect = () => {
       const isAnyChildSelected = item.children?.some(
         (child) => selectedItem?.id === child.id
       );
-      return /* @__PURE__ */ React19.createElement("div", { key: item.id }, /* @__PURE__ */ React19.createElement(
+      return /* @__PURE__ */ React18.createElement("div", { key: item.id }, /* @__PURE__ */ React18.createElement(
         MenuItem,
         {
           onClick: (e) => {
@@ -2906,9 +2824,9 @@ var NestedSelect = () => {
           disabled: isAnyChildSelected,
           sx: { pl: level * 2 }
         },
-        /* @__PURE__ */ React19.createElement(Checkbox2, { checked: isParentSelected }),
-        /* @__PURE__ */ React19.createElement(ListItemText, { primary: item.title }),
-        item.children && item.children.length > 0 && /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React18.createElement(Checkbox2, { checked: isParentSelected }),
+        /* @__PURE__ */ React18.createElement(ListItemText, { primary: item.title }),
+        item.children && item.children.length > 0 && /* @__PURE__ */ React18.createElement(
           IconButton6,
           {
             size: "small",
@@ -2917,12 +2835,12 @@ var NestedSelect = () => {
               handleToggle(item.id);
             }
           },
-          openMenus[item.id] ? /* @__PURE__ */ React19.createElement(MdKeyboardArrowLeft, null) : /* @__PURE__ */ React19.createElement(MdKeyboardArrowRight, null)
+          openMenus[item.id] ? /* @__PURE__ */ React18.createElement(MdKeyboardArrowLeft, null) : /* @__PURE__ */ React18.createElement(MdKeyboardArrowRight, null)
         )
-      ), item.children && item.children.length > 0 && /* @__PURE__ */ React19.createElement(Collapse, { in: openMenus[item.id], timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React19.createElement(List, { component: "div", disablePadding: true }, renderMenuItems(item.children, level + 1))));
+      ), item.children && item.children.length > 0 && /* @__PURE__ */ React18.createElement(Collapse, { in: openMenus[item.id], timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React18.createElement(List, { component: "div", disablePadding: true }, renderMenuItems(item.children, level + 1))));
     });
   };
-  return /* @__PURE__ */ React19.createElement(FormControl2, { fullWidth: true, variant: "outlined" }, /* @__PURE__ */ React19.createElement(InputLabel, { shrink: true }, "\u062F\u0633\u062A\u0647 \u0628\u0646\u062F\u06CC *"), /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React18.createElement(FormControl2, { fullWidth: true, variant: "outlined" }, /* @__PURE__ */ React18.createElement(InputLabel, { shrink: true }, "\u062F\u0633\u062A\u0647 \u0628\u0646\u062F\u06CC *"), /* @__PURE__ */ React18.createElement(
     Select,
     {
       label: "\u062F\u0633\u062A\u0647 \u0628\u0646\u062F\u06CC *",
@@ -2931,7 +2849,7 @@ var NestedSelect = () => {
       open: menuOpen,
       onOpen: () => setMenuOpen(true),
       onClose: () => setMenuOpen(false),
-      renderValue: (selected) => selectedItem ? /* @__PURE__ */ React19.createElement(Typography10, null, selectedItem.title) : " "
+      renderValue: (selected) => selectedItem ? /* @__PURE__ */ React18.createElement(Typography10, null, selectedItem.title) : " "
     },
     renderMenuItems(backendResponse.value.data)
   ));
@@ -2941,7 +2859,7 @@ var selector_default = NestedSelect;
 // src/spinner/sonar/index.tsx
 import { Box as Box14 } from "@mui/material";
 import { keyframes } from "@mui/system";
-import React20 from "react";
+import React19 from "react";
 var radarAnimation = keyframes`
   0% {
     background: inherit;
@@ -2954,7 +2872,7 @@ var radarAnimation = keyframes`
   }
 `;
 function SonarSpinner({ children }) {
-  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(Box14, { className: "absolute w-[30px] h-[30px] rounded-full bg-white z-10 flex items-center justify-center" }, children), /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(Box14, { className: "absolute w-[30px] h-[30px] rounded-full bg-white z-10 flex items-center justify-center" }, children), /* @__PURE__ */ React19.createElement(
     Box14,
     {
       className: "root",
@@ -2967,7 +2885,7 @@ function SonarSpinner({ children }) {
         transform: "translateZ(0)"
       }
     },
-    /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React19.createElement(
       Box14,
       {
         className: "radar",
@@ -2985,7 +2903,7 @@ function SonarSpinner({ children }) {
           animationDelay: "0s"
         }
       },
-      /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React19.createElement(
         Box14,
         {
           className: "sonar",
@@ -2999,7 +2917,7 @@ function SonarSpinner({ children }) {
           }
         }
       ),
-      /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React19.createElement(
         Box14,
         {
           className: "sonar delayed",
@@ -3027,14 +2945,14 @@ import Box15 from "@mui/material/Box";
 import Step from "@mui/material/Step";
 import StepButton from "@mui/material/StepButton";
 import Stepper from "@mui/material/Stepper";
-import * as React21 from "react";
+import * as React20 from "react";
 function HorizontalStepper({
   steps,
   currentStep,
   setCurrentStep
 }) {
-  const [completed, setCompleted] = React21.useState({});
-  return /* @__PURE__ */ React21.createElement(Box15, { sx: { width: "100%" } }, /* @__PURE__ */ React21.createElement(Stepper, { nonLinear: true, activeStep: currentStep }, steps.map((label, index) => /* @__PURE__ */ React21.createElement(Step, { key: index, completed: completed[index] }, /* @__PURE__ */ React21.createElement(
+  const [completed, setCompleted] = React20.useState({});
+  return /* @__PURE__ */ React20.createElement(Box15, { sx: { width: "100%" } }, /* @__PURE__ */ React20.createElement(Stepper, { nonLinear: true, activeStep: currentStep }, steps.map((label, index) => /* @__PURE__ */ React20.createElement(Step, { key: index, completed: completed[index] }, /* @__PURE__ */ React20.createElement(
     StepButton,
     {
       color: "inherit",
@@ -3052,7 +2970,7 @@ function HorizontalStepper({
 // src/switch-button/index.tsx
 import { Box as Box16, FormControlLabel as FormControlLabel3, Switch } from "@mui/material";
 import { styled as styled2 } from "@mui/system";
-import React22 from "react";
+import React21 from "react";
 var CustomSwitch = styled2(Switch)(({ theme }) => ({
   "& .MuiSwitch-switchBase.Mui-checked": {
     color: theme.palette.primary.main
@@ -3108,10 +3026,10 @@ var SwitchWithIcons = ({
   iconChecked,
   iconUnchecked
 }) => {
-  return /* @__PURE__ */ React22.createElement(BoxContainer, null, /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React21.createElement(BoxContainer, null, /* @__PURE__ */ React21.createElement(
     FormControlLabel3,
     {
-      control: /* @__PURE__ */ React22.createElement(
+      control: /* @__PURE__ */ React21.createElement(
         CustomSwitch,
         {
           checked,
@@ -3119,7 +3037,7 @@ var SwitchWithIcons = ({
           name: "switch"
         }
       ),
-      label: /* @__PURE__ */ React22.createElement(LabelContainer, null, checked ? iconChecked ? iconChecked : /* @__PURE__ */ React22.createElement("div", { style: { fontSize: 22, color: "#4CAF50" } }, "\u2714") : iconUnchecked ? iconUnchecked : /* @__PURE__ */ React22.createElement("div", { style: { fontSize: 20, color: "#757575" } }, "\u2718"))
+      label: /* @__PURE__ */ React21.createElement(LabelContainer, null, checked ? iconChecked ? iconChecked : /* @__PURE__ */ React21.createElement("div", { style: { fontSize: 22, color: "#4CAF50" } }, "\u2714") : iconUnchecked ? iconUnchecked : /* @__PURE__ */ React21.createElement("div", { style: { fontSize: 20, color: "#757575" } }, "\u2718"))
     }
   ));
 };
@@ -3132,7 +3050,7 @@ import { styled as styled3 } from "@mui/material/styles";
 import {
   DataGrid
 } from "@mui/x-data-grid";
-import React23, { useEffect as useEffect8 } from "react";
+import React22, { useEffect as useEffect8 } from "react";
 var ScrollableContainer = styled3("div")({
   width: "100%",
   overflowX: "auto"
@@ -3158,7 +3076,7 @@ var Table = ({
   fontSize,
   ...rest
 }) => {
-  const [sortModel, setSortModel] = React23.useState([]);
+  const [sortModel, setSortModel] = React22.useState([]);
   const handleSetQueryOptions = (options) => {
     if (!Array.isArray(options)) return;
     const formattedOptions = options.reduce((acc, item) => {
@@ -3186,7 +3104,7 @@ var Table = ({
       setSortModel([]);
     }
   }, [sortQuery]);
-  const handleSortModelChange = React23.useCallback(
+  const handleSortModelChange = React22.useCallback(
     (sortModel2) => {
       handleSetQueryOptions(
         sortModel2.map((item) => ({
@@ -3226,7 +3144,7 @@ var Table = ({
       // Connect paginationModel to DataGrid
     }
   };
-  return /* @__PURE__ */ React23.createElement(ScrollableContainer, null, /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React22.createElement(ScrollableContainer, null, /* @__PURE__ */ React22.createElement(
     DataGrid,
     {
       rows,
@@ -3271,14 +3189,14 @@ var Table = ({
         noRowsLabel: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F!",
         noResultsOverlayLabel: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F!",
         MuiTablePagination: {
-          labelDisplayedRows: ({ from, to, count }) => loading ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
+          labelDisplayedRows: ({ from, to, count }) => loading ? /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(
             Skeleton2,
             {
               variant: "text",
               width: 30,
               style: { display: "inline-block" }
             }
-          ), " ", /* @__PURE__ */ React23.createElement(
+          ), " ", /* @__PURE__ */ React22.createElement(
             Skeleton2,
             {
               variant: "text",
@@ -3287,7 +3205,7 @@ var Table = ({
             }
           )) : `${from} - ${!isNaN(to) ? to : "..."} \u0627\u0632 ${count !== void 0 ? count : "..."}`
         },
-        footerRowSelected: (count) => /* @__PURE__ */ React23.createElement(Typography11, null, "\u0633\u0637\u0631 \u0647\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 : ", count)
+        footerRowSelected: (count) => /* @__PURE__ */ React22.createElement(Typography11, null, "\u0633\u0637\u0631 \u0647\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 : ", count)
       },
       ...rest
     }
@@ -3302,7 +3220,7 @@ import { Controller as Controller8 } from "react-hook-form";
 import { NumericFormat } from "react-number-format";
 import CircularProgress3 from "@mui/material/CircularProgress";
 import InputAdornment2 from "@mui/material/InputAdornment";
-import React24 from "react";
+import React23 from "react";
 var FormInputNumber = ({
   name,
   control,
@@ -3320,13 +3238,13 @@ var FormInputNumber = ({
   decimalScale = 2,
   ...rest
 }) => {
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React23.createElement(
     Controller8,
     {
       rules,
       name,
       control,
-      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React24.createElement(
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React23.createElement(
         TextField3,
         {
           disabled: isLoading,
@@ -3366,7 +3284,7 @@ var FormInputNumber = ({
               maxLength,
               decimalScale
             },
-            endAdornment: isLoading ? /* @__PURE__ */ React24.createElement(InputAdornment2, { position: "end" }, /* @__PURE__ */ React24.createElement(CircularProgress3, { size: 20 })) : null,
+            endAdornment: isLoading ? /* @__PURE__ */ React23.createElement(InputAdornment2, { position: "end" }, /* @__PURE__ */ React23.createElement(CircularProgress3, { size: 20 })) : null,
             startAdornment
           },
           ...rest
@@ -3386,7 +3304,7 @@ var NumericFormatCustom = forwardRef(
       decimalScale,
       ...other
     } = props;
-    return /* @__PURE__ */ React24.createElement(
+    return /* @__PURE__ */ React23.createElement(
       NumericFormat,
       {
         ...other,
@@ -3417,7 +3335,7 @@ var number_type_default = FormInputNumber;
 import CircularProgress4 from "@mui/material/CircularProgress";
 import InputAdornment3 from "@mui/material/InputAdornment";
 import TextField4 from "@mui/material/TextField";
-import React25 from "react";
+import React24 from "react";
 import { Controller as Controller9 } from "react-hook-form";
 var FormInputText = ({
   name,
@@ -3434,13 +3352,13 @@ var FormInputText = ({
   rows,
   ...rest
 }) => {
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React24.createElement(
     Controller9,
     {
       name,
       control,
       rules,
-      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React25.createElement(
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React24.createElement(
         TextField4,
         {
           disabled: disabled || isLoading,
@@ -3460,7 +3378,7 @@ var FormInputText = ({
             readOnly
           },
           InputProps: {
-            endAdornment: isLoading ? /* @__PURE__ */ React25.createElement(InputAdornment3, { position: "end" }, /* @__PURE__ */ React25.createElement(CircularProgress4, { size: 20 })) : null
+            endAdornment: isLoading ? /* @__PURE__ */ React24.createElement(InputAdornment3, { position: "end" }, /* @__PURE__ */ React24.createElement(CircularProgress4, { size: 20 })) : null
           },
           InputLabelProps: { shrink: true },
           inputRef: ref,
@@ -3473,7 +3391,7 @@ var FormInputText = ({
 var text_type_default = FormInputText;
 
 // src/upload-image/index.tsx
-import React26 from "react";
+import React25 from "react";
 import {
   Controller as Controller10
 } from "react-hook-form";
@@ -3554,12 +3472,12 @@ var UploadImage = ({
       }
     }
   };
-  return /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React25.createElement(
     Controller10,
     {
       name,
       control,
-      render: ({ field }) => /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
+      render: ({ field }) => /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(
         "label",
         {
           htmlFor: "file-upload",
@@ -3579,7 +3497,7 @@ var UploadImage = ({
             overflow: "hidden"
           }
         },
-        selectedImage ? /* @__PURE__ */ React26.createElement(
+        selectedImage ? /* @__PURE__ */ React25.createElement(
           Image3,
           {
             src: selectedImage,
@@ -3587,13 +3505,13 @@ var UploadImage = ({
             fill: true,
             objectFit: imageFit
           }
-        ) : /* @__PURE__ */ React26.createElement(
+        ) : /* @__PURE__ */ React25.createElement(
           Stack5,
           {
             spacing: allowGallery ? 2 : 0,
             sx: { pt: allowGallery ? 2 : 0 }
           },
-          /* @__PURE__ */ React26.createElement(
+          /* @__PURE__ */ React25.createElement(
             Box17,
             {
               sx: {
@@ -3603,31 +3521,31 @@ var UploadImage = ({
                 gap: 1.5
               }
             },
-            /* @__PURE__ */ React26.createElement(Box17, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React26.createElement(GrUpload, null)),
+            /* @__PURE__ */ React25.createElement(Box17, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React25.createElement(GrUpload, null)),
             placeholder
           ),
-          allowGallery && /* @__PURE__ */ React26.createElement(Stack5, { spacing: 1.5 }, /* @__PURE__ */ React26.createElement(
+          allowGallery && /* @__PURE__ */ React25.createElement(Stack5, { spacing: 1.5 }, /* @__PURE__ */ React25.createElement(
             Button11,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ React26.createElement(MdOutlineCameraAlt, { size: 16 }),
+              startIcon: /* @__PURE__ */ React25.createElement(MdOutlineCameraAlt, { size: 16 }),
               onClick: () => document.getElementById("camera-upload")?.click()
             },
             "\u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u0627\u0632 \u062F\u0648\u0631\u0628\u06CC\u0646"
-          ), /* @__PURE__ */ React26.createElement(
+          ), /* @__PURE__ */ React25.createElement(
             Button11,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ React26.createElement(GrGallery, { size: 16 }),
+              startIcon: /* @__PURE__ */ React25.createElement(GrGallery, { size: 16 }),
               onClick: () => document.getElementById("gallery-upload")?.click()
             },
             "\u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u0627\u0632 \u06AF\u0627\u0644\u0631\u06CC"
           )),
-          !allowGallery && /* @__PURE__ */ React26.createElement(
+          !allowGallery && /* @__PURE__ */ React25.createElement(
             "input",
             {
               id: "file-upload",
@@ -3642,7 +3560,7 @@ var UploadImage = ({
             }
           )
         )
-      ), /* @__PURE__ */ React26.createElement(
+      ), /* @__PURE__ */ React25.createElement(
         "input",
         {
           id: "gallery-upload",
@@ -3654,7 +3572,7 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), /* @__PURE__ */ React26.createElement(
+      ), /* @__PURE__ */ React25.createElement(
         "input",
         {
           id: "camera-upload",
@@ -3667,12 +3585,12 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), selectedImage && /* @__PURE__ */ React26.createElement(
+      ), selectedImage && /* @__PURE__ */ React25.createElement(
         Box17,
         {
           sx: { display: "flex", justifyContent: "center", marginTop: 2 }
         },
-        /* @__PURE__ */ React26.createElement(
+        /* @__PURE__ */ React25.createElement(
           Button11,
           {
             onClick: () => {
@@ -3692,7 +3610,7 @@ var UploadImage = ({
           },
           "\u062D\u0630\u0641 \u062A\u0635\u0648\u06CC\u0631"
         )
-      ), errors[name] && /* @__PURE__ */ React26.createElement(Typography12, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
+      ), errors[name] && /* @__PURE__ */ React25.createElement(Typography12, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
     }
   );
 };
@@ -3784,7 +3702,6 @@ export {
   text_type_default as FormInputText,
   HorizontalStepper,
   LicensePlate,
-  Loading,
   mobile_date_time_picker_default as MobileDateTimePicker,
   ConfirmationDialog2 as Modal,
   selector_default as NestedSelectort,