@mamrp/components 1.0.25 → 1.0.29

package/dist/index.js

@@ -139,7 +139,7 @@ function LicensePlate({
   readOnly = true,
   size
 }) {
-  const theme = (0, import_material.useTheme)();
+  const theme2 = (0, import_material.useTheme)();
   const [open, setOpen] = (0, import_react.useState)(false);
   const [selectedValue, setSelectedValue] = (0, import_react.useState)("");
   const [inputValues, setInputValues] = (0, import_react.useState)({
@@ -266,7 +266,7 @@ function LicensePlate({
           maxLength: 2,
           placeholder: "- -",
           style: {
-            color: theme.palette.text.primary,
+            color: theme2.palette.text.primary,
             width: "24px",
             textAlign: "center",
             backgroundColor: "transparent",
@@ -316,7 +316,7 @@ function LicensePlate({
             maxLength: 3,
             placeholder: "-",
             style: {
-              color: theme.palette.text.primary,
+              color: theme2.palette.text.primary,
               width: "28px",
               textAlign: "center",
               backgroundColor: "transparent",
@@ -418,7 +418,7 @@ function LicensePlate({
           maxLength: 3,
           placeholder: "- - -",
           style: {
-            color: theme.palette.text.primary,
+            color: theme2.palette.text.primary,
             width: "40px",
             // w-10
             textAlign: "center",
@@ -465,7 +465,7 @@ function LicensePlate({
             maxLength: 2,
             placeholder: "- -",
             style: {
-              color: theme.palette.text.primary,
+              color: theme2.palette.text.primary,
               width: "24px",
               textAlign: "center",
               backgroundColor: "transparent",
@@ -765,7 +765,7 @@ function AdvancedSearchButton({
   paddingY,
   fontSize
 }) {
-  const theme = (0, import_material4.useTheme)();
+  const theme2 = (0, import_material4.useTheme)();
   return /* @__PURE__ */ import_react3.default.createElement(
     import_material4.Button,
     {
@@ -775,7 +775,7 @@ function AdvancedSearchButton({
       },
       startIcon: /* @__PURE__ */ import_react3.default.createElement(AnimatedIcon, { isShowFilter }),
       sx: {
-        color: theme.palette.text.primary ?? color,
+        color: theme2.palette.text.primary ?? color,
         borderRadius,
         paddingY,
         fontSize
@@ -868,7 +868,7 @@ var import_DialogActions = __toESM(require("@mui/material/DialogActions"));
 var import_DialogContent2 = __toESM(require("@mui/material/DialogContent"));
 var import_DialogTitle2 = __toESM(require("@mui/material/DialogTitle"));
 var import_material7 = require("@mui/material");
-var import_fa2 = require("react-icons/fa");
+var import_go = require("react-icons/go");
 var import_md = require("react-icons/md");
 function ConfirmationDialog({
   open,
@@ -893,13 +893,7 @@ function ConfirmationDialog({
       alignItems: "center",
       gap: 1
     },
-    /* @__PURE__ */ React7.createElement(
-      import_fa2.FaRegTrashAlt,
-      {
-        style: { color: iconColor },
-        size: isMobile ? 18 : 20
-      }
-    ),
+    /* @__PURE__ */ React7.createElement(import_go.GoTrash, { style: { color: iconColor }, size: isMobile ? 18 : 20 }),
     headerText
   ), /* @__PURE__ */ React7.createElement(
     import_material7.IconButton,
@@ -910,7 +904,7 @@ function ConfirmationDialog({
         position: "absolute",
         right: 8,
         top: 8,
-        color: (theme) => theme.palette.grey[500]
+        color: (theme2) => theme2.palette.grey[500]
       }
     },
     /* @__PURE__ */ React7.createElement(import_md.MdClose, null)
@@ -954,7 +948,7 @@ function ConfirmationDialog({
         variant: "contained",
         color,
         sx: { minWidth: "120px" },
-        startIcon: isLoading ? /* @__PURE__ */ React7.createElement(import_material7.CircularProgress, { sx: { color: "white" }, size: 20 }) : /* @__PURE__ */ React7.createElement(import_fa2.FaRegTrashAlt, { size: 16 })
+        startIcon: isLoading ? /* @__PURE__ */ React7.createElement(import_material7.CircularProgress, { sx: { color: "white" }, size: 20 }) : /* @__PURE__ */ React7.createElement(import_go.GoTrash, { size: 16 })
       },
       actionTitle
     ),
@@ -1023,7 +1017,7 @@ var TimePickerComponent = ({
   autoRefresh,
   disabled = false
 }) => {
-  const theme = (0, import_material8.useTheme)();
+  const theme2 = (0, import_material8.useTheme)();
   const initialHour = value ? parseInt(value.split(":")[0]) : null;
   const initialMinute = value ? parseInt(value.split(":")[1]) : null;
   const [isModalOpen, setIsModalOpen] = (0, import_react6.useState)(false);
@@ -1120,7 +1114,7 @@ var TimePickerComponent = ({
       },
       InputProps: {
         ...!disabled && {
-          endAdornment: /* @__PURE__ */ React.createElement(import_material8.InputAdornment, { position: "end" }, /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646" }, /* @__PURE__ */ React.createElement(import_material8.IconButton, { onClick: () => setIsModalOpen(true) }, /* @__PURE__ */ React.createElement(import_common.Clock, { size: 22, color: theme.palette.text.primary }))))
+          endAdornment: /* @__PURE__ */ React.createElement(import_material8.InputAdornment, { position: "end" }, /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646" }, /* @__PURE__ */ React.createElement(import_material8.IconButton, { onClick: () => setIsModalOpen(true) }, /* @__PURE__ */ React.createElement(import_common.Clock, { size: 22, color: theme2.palette.text.primary }))))
         }
       },
       sx: { width: fullwidth ? "100%" : "8rem" },
@@ -1154,7 +1148,7 @@ var TimePickerComponent = ({
           position: "absolute",
           right: 8,
           top: 8,
-          color: (theme2) => theme2.palette.grey[500]
+          color: (theme3) => theme3.palette.grey[500]
         }
       },
       /* @__PURE__ */ React.createElement(import_md2.MdClose, null)
@@ -1228,7 +1222,7 @@ var import_system = require("@mui/system");
 var import_moment = __toESM(require("moment"));
 var import_react8 = require("react");
 var import_react_hook_form5 = require("react-hook-form");
-var import_fa4 = require("react-icons/fa");
+var import_fa3 = require("react-icons/fa");
 var yup = __toESM(require("yup"));
 
 // src/date-picker/index.tsx
@@ -1238,7 +1232,7 @@ var import_x_date_pickers = require("@mui/x-date-pickers");
 var import_AdapterMomentJalaali = require("@mui/x-date-pickers/AdapterMomentJalaali");
 var import_dayjs = __toESM(require("dayjs"));
 var import_moment_jalaali = __toESM(require("moment-jalaali"));
-var import_fa3 = require("moment/locale/fa");
+var import_fa2 = require("moment/locale/fa");
 var import_react7 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
 import_moment_jalaali.default.locale("fa");
@@ -1495,7 +1489,7 @@ function DateFilterRange({ FromDate, ToDate }) {
       onClick: () => handleDate("forward", "time"),
       disabled: isNextDisabled || isNextDisabledTime
     },
-    /* @__PURE__ */ React.createElement(import_fa4.FaChevronRight, { size: 30 })
+    /* @__PURE__ */ React.createElement(import_fa3.FaChevronRight, { size: 30 })
   )), /* @__PURE__ */ React.createElement(import_Grid2.default, { size: { xs: 7, sm: 8, md: 8, lg: 6 } }, /* @__PURE__ */ React.createElement(date_picker_default, { name: "time", control, label: "\u062A\u0627\u0631\u06CC\u062E \u0627\u0632", maxDate: (0, import_moment.default)(watch("time2")), align: "center", persian: true, clear: false, size: isSmMobile ? "small" : "medium" })), /* @__PURE__ */ React.createElement(import_Grid2.default, { size: 2, display: "flex", justifyContent: "end" }, /* @__PURE__ */ React.createElement(
     import_Button2.default,
     {
@@ -1507,7 +1501,7 @@ function DateFilterRange({ FromDate, ToDate }) {
       },
       onClick: () => handleDate("backward", "time")
     },
-    /* @__PURE__ */ React.createElement(import_fa4.FaChevronLeft, { size: 30 })
+    /* @__PURE__ */ React.createElement(import_fa3.FaChevronLeft, { size: 30 })
   ))), /* @__PURE__ */ React.createElement(import_Grid2.default, { container: true, size: 12, width: !isMobile ? "50%" : "100%", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(import_Grid2.default, { size: 2, justifyContent: "start" }, /* @__PURE__ */ React.createElement(
     import_Button2.default,
     {
@@ -1520,7 +1514,7 @@ function DateFilterRange({ FromDate, ToDate }) {
       onClick: () => handleDate("forward", "time2"),
       disabled: isNextDisabledTime2
     },
-    /* @__PURE__ */ React.createElement(import_fa4.FaChevronRight, { size: 30 })
+    /* @__PURE__ */ React.createElement(import_fa3.FaChevronRight, { size: 30 })
   )), /* @__PURE__ */ React.createElement(import_Grid2.default, { size: { xs: 7, sm: 8, md: 8, lg: 6 } }, /* @__PURE__ */ React.createElement(date_picker_default, { name: "time2", control, label: "\u062A\u0627\u0631\u06CC\u062E \u062A\u0627", minDate: (0, import_moment.default)(watch("time")), persian: true, align: "center", clear: false, size: isSmMobile ? "small" : "medium" })), /* @__PURE__ */ React.createElement(import_Grid2.default, { size: 2, display: "flex", justifyContent: "end" }, /* @__PURE__ */ React.createElement(
     import_Button2.default,
     {
@@ -1533,7 +1527,7 @@ function DateFilterRange({ FromDate, ToDate }) {
       onClick: () => handleDate("backward", "time2"),
       disabled: isLastDisabledTime
     },
-    /* @__PURE__ */ React.createElement(import_fa4.FaChevronLeft, { size: 30 })
+    /* @__PURE__ */ React.createElement(import_fa3.FaChevronLeft, { size: 30 })
   )))), /* @__PURE__ */ React.createElement(import_Grid2.default, { container: true, size: 12 }, /* @__PURE__ */ React.createElement(import_Grid2.default, { size: 12 })));
 }
 
@@ -1546,7 +1540,7 @@ var import_moment2 = __toESM(require("moment"));
 var import_react9 = __toESM(require("react"));
 var import_react10 = require("react");
 var import_react_hook_form6 = require("react-hook-form");
-var import_fa5 = require("react-icons/fa");
+var import_fa4 = require("react-icons/fa");
 var yup2 = __toESM(require("yup"));
 var nowUTC2 = import_moment2.default.utc();
 var dateTimeWithIranTime3 = nowUTC2;
@@ -1600,7 +1594,7 @@ function DateFilter({ setHandler }) {
       onClick: () => handleDate("forward"),
       disabled: isNextDisabled
     },
-    /* @__PURE__ */ import_react9.default.createElement(import_fa5.FaChevronRight, { size: 30 })
+    /* @__PURE__ */ import_react9.default.createElement(import_fa4.FaChevronRight, { size: 30 })
   )), /* @__PURE__ */ import_react9.default.createElement(import_Grid22.default, { size: { xs: 7, sm: 8, md: 8, lg: 6 } }, /* @__PURE__ */ import_react9.default.createElement(date_picker_default, { name: "time", control, label: "", persian: true, clear: false, align: "center", size: isSmMobile ? "small" : "medium" })), /* @__PURE__ */ import_react9.default.createElement(import_Grid22.default, { size: 2, display: "flex", justifyContent: "end" }, /* @__PURE__ */ import_react9.default.createElement(
     import_Button3.default,
     {
@@ -1612,7 +1606,7 @@ function DateFilter({ setHandler }) {
       },
       onClick: () => handleDate("backward")
     },
-    /* @__PURE__ */ import_react9.default.createElement(import_fa5.FaChevronLeft, { size: 30 })
+    /* @__PURE__ */ import_react9.default.createElement(import_fa4.FaChevronLeft, { size: 30 })
   )))), /* @__PURE__ */ import_react9.default.createElement(import_Grid22.default, { container: true, size: 12 }, /* @__PURE__ */ import_react9.default.createElement(import_Grid22.default, { size: 12 })));
 }
 
@@ -2613,7 +2607,7 @@ function ConfirmationDialog2({
         position: "absolute",
         right: 8,
         top: 8,
-        color: (theme) => theme.palette.grey[500]
+        color: (theme2) => theme2.palette.grey[500]
       }
     },
     /* @__PURE__ */ React14.createElement(import_md3.MdClose, null)
@@ -2666,7 +2660,7 @@ function NoResult({
   description,
   sx = {}
 }) {
-  const theme = (0, import_material15.useTheme)();
+  const theme2 = (0, import_material15.useTheme)();
   return /* @__PURE__ */ import_react16.default.createElement(
     import_material15.Card,
     {
@@ -2674,7 +2668,7 @@ function NoResult({
         width: "100%",
         minWidth: 300,
         borderRadius: "12px",
-        border: `1px solid ${theme.palette.secondary.light}`
+        border: `1px solid ${theme2.palette.secondary.light}`
       }
     },
     /* @__PURE__ */ import_react16.default.createElement(
@@ -2707,7 +2701,7 @@ var import_material16 = require("@mui/material");
 var import_Stack = __toESM(require("@mui/material/Stack"));
 var import_system5 = require("@mui/system");
 var React16 = __toESM(require("react"));
-var import_fa6 = require("react-icons/fa");
+var import_fa5 = require("react-icons/fa");
 function PaginationList({
   currentPage,
   setCurrentPage,
@@ -2751,7 +2745,7 @@ function PaginationList({
           justifyContent: "center"
         },
         size: "large",
-        startIcon: /* @__PURE__ */ React16.createElement(import_fa6.FaChevronRight, null)
+        startIcon: /* @__PURE__ */ React16.createElement(import_fa5.FaChevronRight, null)
       },
       "\u0642\u0628\u0644\u06CC",
       " "
@@ -2792,7 +2786,7 @@ function PaginationList({
           justifyContent: "center"
         },
         size: "large",
-        endIcon: /* @__PURE__ */ React16.createElement(import_fa6.FaChevronLeft, null)
+        endIcon: /* @__PURE__ */ React16.createElement(import_fa5.FaChevronLeft, null)
       },
       "\u0628\u0639\u062F\u06CC",
       " "
@@ -2808,46 +2802,87 @@ var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"));
 var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"));
 var import_FormControl = __toESM(require("@mui/material/FormControl"));
 var import_FormLabel = __toESM(require("@mui/material/FormLabel"));
-function RadioButton({ name, label, options, control }) {
-  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(import_FormControl.default, { sx: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "start"
-  } }, /* @__PURE__ */ React17.createElement(import_FormLabel.default, { id: `${name}-label` }, label), /* @__PURE__ */ React17.createElement(
-    import_react_hook_form10.Controller,
+var import_material17 = require("@mui/material");
+var import_theme = __toESM(require("@mamrp/layout/theme"));
+var import_system6 = require("@mui/system");
+function RadioButton({
+  name,
+  label,
+  options,
+  control,
+  align = "start",
+  disabledBoarder,
+  direction = "row"
+}) {
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
+    import_FormControl.default,
     {
-      name,
-      control,
-      render: ({ field }) => /* @__PURE__ */ React17.createElement(
-        import_RadioGroup.default,
-        {
-          ...field,
-          "aria-labelledby": `${name}-label`,
-          value: field.value,
-          sx: {
-            display: "flex",
-            flexDirection: "row",
-            marginLeft: 5
-          }
-        },
-        options.map((option) => /* @__PURE__ */ React17.createElement(
-          import_FormControlLabel.default,
+      sx: {
+        display: "flex",
+        flexDirection: direction,
+        alignItems: "center",
+        justifyContent: "start"
+      }
+    },
+    /* @__PURE__ */ React17.createElement(
+      import_react_hook_form10.Controller,
+      {
+        name,
+        control,
+        render: ({ field, fieldState: { error } }) => /* @__PURE__ */ React17.createElement(import_system6.Box, { display: "flex", width: "100%", flexDirection: "column" }, label && /* @__PURE__ */ React17.createElement(
+          import_FormLabel.default,
           {
-            key: option.value,
-            value: option.value,
-            control: /* @__PURE__ */ React17.createElement(import_Radio.default, { id: option.id }),
-            label: option.name
-          }
-        ))
-      )
-    }
-  )));
+            id: `${name}-label`,
+            sx: {
+              position: "absolute",
+              top: -10,
+              left: 15,
+              px: 0.5,
+              // به‌جای background رنگی، این باعث میشه کمی فضا بدیم
+              backgroundColor: "background.paper",
+              // استفاده از theme برای همخوانی با زمینه
+              color: error?.message ? import_theme.default.CustomComponents.RadioButton.errorColor : import_theme.default.CustomComponents.RadioButton.textColor,
+              fontSize: 15,
+              zIndex: 1
+            }
+          },
+          label
+        ), /* @__PURE__ */ React17.createElement(
+          import_RadioGroup.default,
+          {
+            ...field,
+            "aria-labelledby": `${name}-label`,
+            value: field.value,
+            sx: {
+              width: "100%",
+              p: 0.8,
+              px: 1,
+              borderRadius: 3,
+              display: "flex",
+              justifyContent: align,
+              flexDirection: "row",
+              border: disabledBoarder ? "" : `${import_theme.default.CustomComponents.RadioButton.borderSize}px solid`,
+              borderColor: error?.message ? import_theme.default.CustomComponents.RadioButton.errorColor : import_theme.default.CustomComponents.RadioButton.borderColor
+            }
+          },
+          options.map((option) => /* @__PURE__ */ React17.createElement(
+            import_FormControlLabel.default,
+            {
+              key: option.value,
+              value: option.value,
+              control: /* @__PURE__ */ React17.createElement(import_Radio.default, { id: option.id }),
+              label: option.name
+            }
+          ))
+        ), error?.message && /* @__PURE__ */ React17.createElement(import_material17.Typography, { color: "error", fontSize: import_theme.default.CustomComponents.RadioButton.errorFontSize, ml: 2 }, error?.message))
+      }
+    )
+  ));
 }
 
 // src/selector/index.tsx
 var import_md4 = require("react-icons/md");
-var import_material17 = require("@mui/material");
+var import_material18 = require("@mui/material");
 var import_react17 = __toESM(require("react"));
 var backendResponse = {
   value: {
@@ -2917,7 +2952,7 @@ var NestedSelect = () => {
         (child) => selectedItem?.id === child.id
       );
       return /* @__PURE__ */ import_react17.default.createElement("div", { key: item.id }, /* @__PURE__ */ import_react17.default.createElement(
-        import_material17.MenuItem,
+        import_material18.MenuItem,
         {
           onClick: (e) => {
             e.stopPropagation();
@@ -2926,10 +2961,10 @@ var NestedSelect = () => {
           disabled: isAnyChildSelected,
           sx: { pl: level * 2 }
         },
-        /* @__PURE__ */ import_react17.default.createElement(import_material17.Checkbox, { checked: isParentSelected }),
-        /* @__PURE__ */ import_react17.default.createElement(import_material17.ListItemText, { primary: item.title }),
+        /* @__PURE__ */ import_react17.default.createElement(import_material18.Checkbox, { checked: isParentSelected }),
+        /* @__PURE__ */ import_react17.default.createElement(import_material18.ListItemText, { primary: item.title }),
         item.children && item.children.length > 0 && /* @__PURE__ */ import_react17.default.createElement(
-          import_material17.IconButton,
+          import_material18.IconButton,
           {
             size: "small",
             onClick: (e) => {
@@ -2939,11 +2974,11 @@ var NestedSelect = () => {
           },
           openMenus[item.id] ? /* @__PURE__ */ import_react17.default.createElement(import_md4.MdKeyboardArrowLeft, null) : /* @__PURE__ */ import_react17.default.createElement(import_md4.MdKeyboardArrowRight, null)
         )
-      ), item.children && item.children.length > 0 && /* @__PURE__ */ import_react17.default.createElement(import_material17.Collapse, { in: openMenus[item.id], timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react17.default.createElement(import_material17.List, { component: "div", disablePadding: true }, renderMenuItems(item.children, level + 1))));
+      ), item.children && item.children.length > 0 && /* @__PURE__ */ import_react17.default.createElement(import_material18.Collapse, { in: openMenus[item.id], timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react17.default.createElement(import_material18.List, { component: "div", disablePadding: true }, renderMenuItems(item.children, level + 1))));
     });
   };
-  return /* @__PURE__ */ import_react17.default.createElement(import_material17.FormControl, { fullWidth: true, variant: "outlined" }, /* @__PURE__ */ import_react17.default.createElement(import_material17.InputLabel, { shrink: true }, "\u062F\u0633\u062A\u0647 \u0628\u0646\u062F\u06CC *"), /* @__PURE__ */ import_react17.default.createElement(
-    import_material17.Select,
+  return /* @__PURE__ */ import_react17.default.createElement(import_material18.FormControl, { fullWidth: true, variant: "outlined" }, /* @__PURE__ */ import_react17.default.createElement(import_material18.InputLabel, { shrink: true }, "\u062F\u0633\u062A\u0647 \u0628\u0646\u062F\u06CC *"), /* @__PURE__ */ import_react17.default.createElement(
+    import_material18.Select,
     {
       label: "\u062F\u0633\u062A\u0647 \u0628\u0646\u062F\u06CC *",
       value: selectedItem?.id || "",
@@ -2951,7 +2986,7 @@ var NestedSelect = () => {
       open: menuOpen,
       onOpen: () => setMenuOpen(true),
       onClose: () => setMenuOpen(false),
-      renderValue: (selected) => selectedItem ? /* @__PURE__ */ import_react17.default.createElement(import_material17.Typography, null, selectedItem.title) : " "
+      renderValue: (selected) => selectedItem ? /* @__PURE__ */ import_react17.default.createElement(import_material18.Typography, null, selectedItem.title) : " "
     },
     renderMenuItems(backendResponse.value.data)
   ));
@@ -2959,10 +2994,10 @@ var NestedSelect = () => {
 var selector_default = NestedSelect;
 
 // src/spinner/sonar/index.tsx
-var import_material18 = require("@mui/material");
-var import_system6 = require("@mui/system");
+var import_material19 = require("@mui/material");
+var import_system7 = require("@mui/system");
 var import_react18 = __toESM(require("react"));
-var radarAnimation = import_system6.keyframes`
+var radarAnimation = import_system7.keyframes`
   0% {
     background: inherit;
     transform: scale(0);
@@ -2974,8 +3009,8 @@ var radarAnimation = import_system6.keyframes`
   }
 `;
 function SonarSpinner({ children }) {
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(import_material18.Box, { className: "absolute w-[30px] h-[30px] rounded-full bg-white z-10 flex items-center justify-center" }, children), /* @__PURE__ */ import_react18.default.createElement(
-    import_material18.Box,
+  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(import_material19.Box, { className: "absolute w-[30px] h-[30px] rounded-full bg-white z-10 flex items-center justify-center" }, children), /* @__PURE__ */ import_react18.default.createElement(
+    import_material19.Box,
     {
       className: "root",
       sx: {
@@ -2988,7 +3023,7 @@ function SonarSpinner({ children }) {
       }
     },
     /* @__PURE__ */ import_react18.default.createElement(
-      import_material18.Box,
+      import_material19.Box,
       {
         className: "radar",
         sx: {
@@ -3006,7 +3041,7 @@ function SonarSpinner({ children }) {
         }
       },
       /* @__PURE__ */ import_react18.default.createElement(
-        import_material18.Box,
+        import_material19.Box,
         {
           className: "sonar",
           sx: {
@@ -3020,7 +3055,7 @@ function SonarSpinner({ children }) {
         }
       ),
       /* @__PURE__ */ import_react18.default.createElement(
-        import_material18.Box,
+        import_material19.Box,
         {
           className: "sonar delayed",
           sx: {
@@ -3070,7 +3105,7 @@ function HorizontalStepper({
 }
 
 // src/table/index.tsx
-var import_material19 = require("@mui/material");
+var import_material20 = require("@mui/material");
 var import_Skeleton = __toESM(require("@mui/material/Skeleton"));
 var import_styles = require("@mui/material/styles");
 var import_x_data_grid = require("@mui/x-data-grid");
@@ -3239,7 +3274,7 @@ var Table = ({
             }
           )) : `${from} - ${!isNaN(to) ? to : "..."} \u0627\u0632 ${count !== void 0 ? count : "..."}`
         },
-        footerRowSelected: (count) => /* @__PURE__ */ import_react19.default.createElement(import_material19.Typography, null, "\u0633\u0637\u0631 \u0647\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 : ", count)
+        footerRowSelected: (count) => /* @__PURE__ */ import_react19.default.createElement(import_material20.Typography, null, "\u0633\u0637\u0631 \u0647\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 : ", count)
       },
       ...rest
     }
@@ -3444,7 +3479,7 @@ var text_type_default = FormInputText;
 // src/upload-image/index.tsx
 var import_react23 = __toESM(require("react"));
 var import_react_hook_form13 = require("react-hook-form");
-var import_material20 = require("@mui/material");
+var import_material21 = require("@mui/material");
 var import_gr = require("react-icons/gr");
 var import_md5 = require("react-icons/md");
 var import_image3 = __toESM(require("next/image"));
@@ -3551,13 +3586,13 @@ var UploadImage = ({
             objectFit: imageFit
           }
         ) : /* @__PURE__ */ import_react23.default.createElement(
-          import_material20.Stack,
+          import_material21.Stack,
           {
             spacing: allowGallery ? 2 : 0,
             sx: { pt: allowGallery ? 2 : 0 }
           },
           /* @__PURE__ */ import_react23.default.createElement(
-            import_material20.Box,
+            import_material21.Box,
             {
               sx: {
                 display: "flex",
@@ -3566,11 +3601,11 @@ var UploadImage = ({
                 gap: 1.5
               }
             },
-            /* @__PURE__ */ import_react23.default.createElement(import_material20.Box, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ import_react23.default.createElement(import_gr.GrUpload, null)),
+            /* @__PURE__ */ import_react23.default.createElement(import_material21.Box, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ import_react23.default.createElement(import_gr.GrUpload, null)),
             placeholder
           ),
-          allowGallery && /* @__PURE__ */ import_react23.default.createElement(import_material20.Stack, { spacing: 1.5 }, /* @__PURE__ */ import_react23.default.createElement(
-            import_material20.Button,
+          allowGallery && /* @__PURE__ */ import_react23.default.createElement(import_material21.Stack, { spacing: 1.5 }, /* @__PURE__ */ import_react23.default.createElement(
+            import_material21.Button,
             {
               sx: { width: "9rem" },
               variant: "outlined",
@@ -3580,7 +3615,7 @@ var UploadImage = ({
             },
             "\u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u0627\u0632 \u062F\u0648\u0631\u0628\u06CC\u0646"
           ), /* @__PURE__ */ import_react23.default.createElement(
-            import_material20.Button,
+            import_material21.Button,
             {
               sx: { width: "9rem" },
               variant: "outlined",
@@ -3631,12 +3666,12 @@ var UploadImage = ({
           style: { display: "none" }
         }
       ), selectedImage && /* @__PURE__ */ import_react23.default.createElement(
-        import_material20.Box,
+        import_material21.Box,
         {
           sx: { display: "flex", justifyContent: "center", marginTop: 2 }
         },
         /* @__PURE__ */ import_react23.default.createElement(
-          import_material20.Button,
+          import_material21.Button,
           {
             onClick: () => {
               setSelectedImage(null);
@@ -3655,7 +3690,7 @@ var UploadImage = ({
           },
           "\u062D\u0630\u0641 \u062A\u0635\u0648\u06CC\u0631"
         )
-      ), errors[name] && /* @__PURE__ */ import_react23.default.createElement(import_material20.Typography, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
+      ), errors[name] && /* @__PURE__ */ import_react23.default.createElement(import_material21.Typography, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
     }
   );
 };
@@ -3667,13 +3702,13 @@ var import_io2 = require("react-icons/io");
 var import_Accordion = __toESM(require("@mui/material/Accordion"));
 var import_AccordionSummary = __toESM(require("@mui/material/AccordionSummary"));
 var import_AccordionDetails = __toESM(require("@mui/material/AccordionDetails"));
-var import_material21 = require("@mui/material");
+var import_material22 = require("@mui/material");
 var import_react24 = require("react");
 function Page({
   data
 }) {
-  const Accordion = (0, import_styles2.styled)((props) => /* @__PURE__ */ React.createElement(import_Accordion.default, { disableGutters: true, elevation: 0, square: true, ...props }))(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
+  const Accordion = (0, import_styles2.styled)((props) => /* @__PURE__ */ React.createElement(import_Accordion.default, { disableGutters: true, elevation: 0, square: true, ...props }))(({ theme: theme2 }) => ({
+    border: `1px solid ${theme2.palette.divider}`,
     "&:not(:last-child)": {
       borderBottom: 0
     },
@@ -3681,21 +3716,21 @@ function Page({
       display: "none"
     }
   }));
-  const AccordionSummary = (0, import_styles2.styled)((props) => /* @__PURE__ */ React.createElement(import_AccordionSummary.default, { expandIcon: /* @__PURE__ */ React.createElement(import_io2.IoIosArrowForward, null), ...props }))(({ theme }) => ({
+  const AccordionSummary = (0, import_styles2.styled)((props) => /* @__PURE__ */ React.createElement(import_AccordionSummary.default, { expandIcon: /* @__PURE__ */ React.createElement(import_io2.IoIosArrowForward, null), ...props }))(({ theme: theme2 }) => ({
     backgroundColor: "rgba(0, 0, 0, .03)",
     flexDirection: "row-reverse",
     [`& .${import_AccordionSummary.accordionSummaryClasses.expandIconWrapper}.${import_AccordionSummary.accordionSummaryClasses.expanded}`]: {
       transform: "rotate(90deg)"
     },
     [`& .${import_AccordionSummary.accordionSummaryClasses.content}`]: {
-      marginLeft: theme.spacing(1)
+      marginLeft: theme2.spacing(1)
     },
-    ...theme.applyStyles("dark", {
+    ...theme2.applyStyles("dark", {
       backgroundColor: "rgba(255, 255, 255, .05)"
     })
   }));
-  const AccordionDetails = (0, import_styles2.styled)(import_AccordionDetails.default)(({ theme }) => ({
-    padding: theme.spacing(2),
+  const AccordionDetails = (0, import_styles2.styled)(import_AccordionDetails.default)(({ theme: theme2 }) => ({
+    padding: theme2.spacing(2),
     borderTop: "1px solid rgba(0, 0, 0, .125)"
   }));
   const [expanded, setExpanded] = (0, import_react24.useState)("");
@@ -3722,7 +3757,7 @@ function Page({
             }
           }
         },
-        /* @__PURE__ */ React.createElement(import_material21.Typography, { component: "span" }, item.title)
+        /* @__PURE__ */ React.createElement(import_material22.Typography, { component: "span" }, item.title)
       ),
       /* @__PURE__ */ React.createElement(AccordionDetails, null, item.body)
     );
@@ -3730,22 +3765,22 @@ function Page({
 }
 
 // src/switch-button/index.tsx
-var import_material22 = require("@mui/material");
-var import_system7 = require("@mui/system");
+var import_material23 = require("@mui/material");
+var import_system8 = require("@mui/system");
 var import_react25 = __toESM(require("react"));
 var import_pi = require("react-icons/pi");
-var import_material23 = require("@mui/material");
+var import_material24 = require("@mui/material");
 var SwitchButton = ({
   checked,
   handleChange,
   iconChecked,
   iconUnchecked
 }) => {
-  const theme = (0, import_material23.useTheme)();
-  const isDarkMode = theme.palette.mode === "dark";
-  const CustomSwitch = (0, import_system7.styled)(import_material22.Switch)(({ theme: theme2 }) => ({
+  const theme2 = (0, import_material24.useTheme)();
+  const isDarkMode = theme2.palette.mode === "dark";
+  const CustomSwitch = (0, import_system8.styled)(import_material23.Switch)(({ theme: theme3 }) => ({
     "& .MuiSwitch-switchBase.Mui-checked": {
-      color: theme2.palette.primary.main
+      color: theme3.palette.primary.main
     },
     "& .MuiSwitch-switchBase": {
       color: isDarkMode ? "rgba(220,220,220,1)" : "rgba(188,188,188,1)"
@@ -3756,23 +3791,23 @@ var SwitchButton = ({
       border: isDarkMode ? "2px solid white" : "2px solid rgba(80,80,80, 1)"
     }
   }));
-  const BoxContainer = (0, import_system7.styled)(import_material22.Box)(({ theme: theme2 }) => ({
+  const BoxContainer = (0, import_system8.styled)(import_material23.Box)(({ theme: theme3 }) => ({
     display: "flex",
     alignItems: "center",
     backgroundColor: "rgba(188,188,188, 0.1)",
     border: "2px solid rgba(200,200,200, 1)",
     borderRadius: 10,
     transition: "all 0.3s ease",
-    paddingTop: theme2.spacing(0.1),
-    paddingBottom: theme2.spacing(0.1),
-    paddingLeft: theme2.spacing(1)
+    paddingTop: theme3.spacing(0.1),
+    paddingBottom: theme3.spacing(0.1),
+    paddingLeft: theme3.spacing(1)
   }));
-  const LabelContainer = (0, import_system7.styled)("div")({
+  const LabelContainer = (0, import_system8.styled)("div")({
     transition: "all 0.2s ease",
     color: isDarkMode ? "rgba(220,220,220, 1)" : "rgba(160,160,160, 1)"
   });
   return /* @__PURE__ */ import_react25.default.createElement(BoxContainer, null, /* @__PURE__ */ import_react25.default.createElement(
-    import_material22.FormControlLabel,
+    import_material23.FormControlLabel,
     {
       control: /* @__PURE__ */ import_react25.default.createElement(
         CustomSwitch,
@@ -3789,7 +3824,7 @@ var SwitchButton = ({
 var switch_button_default = SwitchButton;
 
 // src/bascule-connection-button/index.tsx
-var import_material24 = require("@mui/material");
+var import_material25 = require("@mui/material");
 var import_react26 = __toESM(require("react"));
 var import_react_hot_toast = __toESM(require("react-hot-toast"));
 var import_pi2 = require("react-icons/pi");
@@ -3829,7 +3864,7 @@ var ConnectToBasculeButton = ({
           100% { transform: translateY(0); }
         }
       `), /* @__PURE__ */ import_react26.default.createElement(
-    import_material24.Button,
+    import_material25.Button,
     {
       variant: "contained",
       onClick: connectToBascule,
@@ -3837,7 +3872,7 @@ var ConnectToBasculeButton = ({
       sx: { minWidth: "11rem" }
     },
     /* @__PURE__ */ import_react26.default.createElement(
-      import_material24.Box,
+      import_material25.Box,
       {
         sx: {
           display: "flex",