@mamrp/components 1.0.0

package/dist/index.mjs

@@ -0,0 +1,3802 @@
+// react-shim.js
+import * as React from "react";
+
+// src/auto-complete/selector/index.tsx
+import { Popper, Typography as Typography2 } from "@mui/material";
+import Autocomplete from "@mui/material/Autocomplete";
+import TextField from "@mui/material/TextField";
+import * as React3 from "react";
+import { Controller } from "react-hook-form";
+
+// src/constants/httpMethod.ts
+var numberToHttpMethodMapping = {
+  0: "POST",
+  1: "GET",
+  2: "PUT",
+  3: "DELETE"
+};
+
+// src/auto-complete/selector/custome-style.tsx
+import React2 from "react";
+
+// src/license-plate/index.tsx
+import { Box, IconButton, Typography, useTheme } from "@mui/material";
+import Button from "@mui/material/Button";
+import Dialog from "@mui/material/Dialog";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import Image from "next/image";
+import { useEffect, useRef, useState } from "react";
+import { IoClose } from "react-icons/io5";
+
+// src/constants/letters.ts
+var letters = [
+  "\u0627\u0644\u0641",
+  "\u0628",
+  "\u067E",
+  "\u062A",
+  "\u062B",
+  "\u062C",
+  "\u0686",
+  "\u062D",
+  "\u062E",
+  "\u062F",
+  "\u0630",
+  "\u0631",
+  "\u0632",
+  "\u0698",
+  "\u0633",
+  "\u0634",
+  "\u0635",
+  "\u0636",
+  "\u0637",
+  "\u0638",
+  "\u0639",
+  "\u063A",
+  "\u0641",
+  "\u0642",
+  "\u06A9",
+  "\u06AF",
+  "\u0644",
+  "\u0645",
+  "\u0646",
+  "\u0648",
+  "\u0647",
+  "\u06CC"
+];
+var letters_default = letters;
+
+// src/license-plate/index.tsx
+import { convertToEnglishDigits, convertToPersianDigits } from "@mamrp/utils";
+function LicensePlate({
+  width = "100%",
+  name,
+  setValue,
+  data,
+  readOnly = true,
+  size
+}) {
+  const theme = useTheme();
+  const [open, setOpen] = useState(false);
+  const [selectedValue, setSelectedValue] = useState("");
+  const [inputValues, setInputValues] = useState({
+    input1: "",
+    input2: "",
+    input3: "",
+    input4: ""
+  });
+  const inputRefs = {
+    input1: useRef(null),
+    input2: useRef(null),
+    input3: useRef(null),
+    input4: useRef(null)
+  };
+  useEffect(() => {
+    if (data) {
+      let newdata = data.split(" ").filter((word) => word !== "\u0627\u06CC\u0631\u0627\u0646");
+      setInputValues({
+        input1: newdata[0],
+        input2: newdata[1],
+        input3: newdata[2],
+        input4: newdata[3]
+      });
+    } else if (data == "") {
+      setInputValues({
+        input1: "",
+        input2: "",
+        input3: "",
+        input4: ""
+      });
+    }
+  }, [data]);
+  const handleInputChange = (enteredInput, inputName, maxlength, minLength) => {
+    const newInputValues = {
+      ...inputValues,
+      [inputName]: enteredInput
+    };
+    setInputValues(newInputValues);
+    const formattedPlate = convertToEnglishDigits(newInputValues.input1) + " " + newInputValues.input2 + " " + convertToEnglishDigits(newInputValues.input3) + " \u0627\u06CC\u0631\u0627\u0646 " + convertToEnglishDigits(newInputValues.input4);
+    setValue(name, formattedPlate);
+    if (enteredInput.length === maxlength || minLength === 1) {
+      if (inputName === "input1") {
+        setOpen(true);
+      } else if (inputName === "input2") {
+        setSelectedValue(enteredInput);
+        setOpen(false);
+      } else {
+        inputRefs["input4"]?.current?.focus();
+      }
+    }
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      sx: {
+        width,
+        border: "1px solid #e5e7eb",
+        borderRadius: "7px",
+        display: "flex",
+        alignItems: "center"
+      },
+      dir: "ltr"
+    },
+    /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        Box,
+        {
+          sx: {
+            backgroundColor: "#172554",
+            width: size === "small" ? "30px" : "36px",
+            minHeight: size === "small" ? "40px" : "52px",
+            maxHeight: size === "small" ? "40px" : "52px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            borderRadius: "7px",
+            mr: 0.4
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          Image,
+          {
+            src: "/assets/images/iran-flag-dark.svg",
+            alt: "Iran Flag",
+            width: size === "small" ? 16 : 20,
+            height: size === "small" ? 14 : 12
+          }
+        )
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        sx: {
+          width: "100%",
+          display: "flex",
+          justifyContent: "space-around",
+          fontSize: "1.125rem",
+          lineHeight: "1.75rem",
+          fontWeight: 600,
+          color: "#1f2937",
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          disabled: readOnly || !!data && readOnly,
+          ref: inputRefs.input1,
+          type: "text",
+          maxLength: 2,
+          placeholder: "- -",
+          style: {
+            color: theme.palette.text.primary,
+            width: "24px",
+            textAlign: "center",
+            backgroundColor: "transparent",
+            outline: "none",
+            cursor: readOnly || !!data && readOnly ? "" : "text"
+          },
+          value: convertToPersianDigits(inputValues.input1),
+          onChange: (e) => handleInputChange(e.target.value, "input1", 2)
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            alignItems: "center"
+          }
+        },
+        !data && /* @__PURE__ */ React.createElement(
+          Image,
+          {
+            src: "/assets/images/solid-arrow-down.svg",
+            width: 20,
+            height: 20,
+            alt: "arrow",
+            style: { cursor: "pointer", marginRight: 4 }
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            disabled: readOnly || !!data && readOnly,
+            ref: inputRefs.input2,
+            onClick: () => {
+              if (!(readOnly || !!data && readOnly)) {
+                setOpen(true);
+              }
+            },
+            type: "text",
+            minLength: 1,
+            maxLength: 3,
+            placeholder: "-",
+            style: {
+              color: theme.palette.text.primary,
+              width: "28px",
+              textAlign: "center",
+              backgroundColor: "transparent",
+              outline: "none",
+              cursor: readOnly || !!data && readOnly ? "" : "pointer"
+            },
+            value: inputValues.input2,
+            readOnly: true
+          }
+        )
+      ),
+      /* @__PURE__ */ React.createElement(
+        Dialog,
+        {
+          dir: "rtl",
+          open,
+          onClose: () => setOpen(false),
+          "aria-labelledby": "alert-dialog-title",
+          "aria-describedby": "alert-dialog-description"
+        },
+        /* @__PURE__ */ React.createElement(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              backgroundColor: "#f5f5f5"
+              // bg-neutral-100
+            }
+          },
+          /* @__PURE__ */ React.createElement(DialogTitle, { id: "alert-dialog-title" }, "\u0627\u0646\u062A\u062E\u0627\u0628 \u062D\u0631\u0641 \u067E\u0644\u0627\u06A9"),
+          /* @__PURE__ */ React.createElement(
+            Box,
+            {
+              sx: {
+                cursor: "pointer",
+                paddingRight: "1rem",
+                color: "#737373"
+                // text-neutral-500
+              },
+              onClick: () => setOpen(false)
+            },
+            /* @__PURE__ */ React.createElement(IconButton, null, /* @__PURE__ */ React.createElement(IoClose, null))
+          )
+        ),
+        /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+              gap: 2,
+              my: 2
+            }
+          },
+          letters_default.map((letter, index) => /* @__PURE__ */ React.createElement(
+            Button,
+            {
+              key: index,
+              variant: "outlined",
+              color: "primary",
+              sx: {
+                border: "none",
+                backgroundColor: "#f0f0f0",
+                width: "70px",
+                height: "50px",
+                fontWeight: "bold",
+                ":hover": {
+                  backgroundColor: "#e3e3e3"
+                }
+              },
+              onClick: () => handleInputChange(letter, "input2", 3, 1)
+            },
+            /* @__PURE__ */ React.createElement(Typography, { color: "#117A4F", fontWeight: "bold" }, letter)
+          ))
+        ), /* @__PURE__ */ React.createElement(Box, { sx: { display: "flex", justifyContent: "center", mt: 2.5 } }, /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            sx: { width: "6rem" },
+            variant: "outlined",
+            color: "error",
+            onClick: () => {
+              handleInputChange("", "input2", 3, 1);
+              setOpen(false);
+            }
+          },
+          "\u062D\u0630\u0641 \u062D\u0631\u0641"
+        )))
+      ),
+      /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          disabled: readOnly || !!data && readOnly,
+          ref: inputRefs.input3,
+          type: "text",
+          maxLength: 3,
+          placeholder: "- - -",
+          style: {
+            color: theme.palette.text.primary,
+            width: "40px",
+            // w-10
+            textAlign: "center",
+            backgroundColor: "transparent",
+            outline: "none",
+            cursor: readOnly || !!data && readOnly ? "" : "text"
+          },
+          value: convertToPersianDigits(inputValues.input3),
+          onChange: (e) => handleInputChange(e.target.value, "input3", 3)
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        Box,
+        {
+          sx: {
+            height: "40px",
+            width: "1px",
+            backgroundColor: "#e5e7eb"
+          }
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            flexDirection: "column-reverse",
+            gap: size === "small" ? 0.25 : 1,
+            alignItems: "center"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            disabled: readOnly || !!data && readOnly,
+            ref: inputRefs.input4,
+            type: "text",
+            maxLength: 2,
+            placeholder: "- -",
+            style: {
+              color: theme.palette.text.primary,
+              width: "24px",
+              textAlign: "center",
+              backgroundColor: "transparent",
+              outline: "none",
+              cursor: readOnly || !!data && readOnly ? "" : "text"
+            },
+            value: convertToPersianDigits(inputValues.input4),
+            onChange: (e) => handleInputChange(e.target.value, "input4", 2)
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          Image,
+          {
+            src: "/assets/images/iran.svg",
+            alt: "Iran",
+            width: size === "small" ? 25 : 30,
+            height: size === "small" ? 21 : 26
+          }
+        )
+      )
+    )
+  ));
+}
+
+// src/auto-complete/selector/custome-style.tsx
+import { Box as Box2 } from "@mui/material";
+import { FaCar } from "react-icons/fa";
+function CustomeStyle({
+  props,
+  option,
+  multipleitems
+}) {
+  let methodColor = "black";
+  let boldOption = multipleitems ? "bold" : "normal";
+  if (option.httpMethod === "GET") {
+    methodColor = "#4990e2";
+  } else if (option.httpMethod === "POST") {
+    methodColor = "green";
+  } else if (option.httpMethod === "DELETE") {
+    methodColor = "red";
+  } else if (option.httpMethod === "PUT") {
+    methodColor = "orange";
+  }
+  if (option.httpMethod || option.url) {
+    return /* @__PURE__ */ React2.createElement("li", { ...props, key: option.key }, /* @__PURE__ */ React2.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          flexDirection: "row",
+          width: "100%"
+        }
+      },
+      /* @__PURE__ */ React2.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            width: "100%"
+          }
+        },
+        /* @__PURE__ */ React2.createElement("div", { style: { fontWeight: boldOption } }, option.title),
+        /* @__PURE__ */ React2.createElement("span", { style: { fontSize: "small", color: "gray" } }, option.url)
+      ),
+      /* @__PURE__ */ React2.createElement("div", { style: { fontWeight: "normal", color: methodColor } }, option.httpMethod)
+    ));
+  } else if (option.licensePlate) {
+    return /* @__PURE__ */ React2.createElement("li", { ...props, key: option.key }, /* @__PURE__ */ React2.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          flexDirection: "row",
+          width: "100%",
+          flexWrap: "wrap"
+        }
+      },
+      /* @__PURE__ */ React2.createElement(FaCar, null),
+      /* @__PURE__ */ React2.createElement(Box2, { sx: { marginLeft: "7px" } }, option.title),
+      /* @__PURE__ */ React2.createElement(
+        "div",
+        {
+          style: {
+            marginTop: 1,
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            width: "100%"
+          }
+        },
+        /* @__PURE__ */ React2.createElement(LicensePlate, { data: option.licensePlate })
+      )
+    ));
+  } else {
+    return /* @__PURE__ */ React2.createElement("li", { ...props, key: option.key }, /* @__PURE__ */ React2.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          flexDirection: "row",
+          width: "100%"
+        }
+      },
+      /* @__PURE__ */ React2.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            width: "100%"
+          }
+        },
+        /* @__PURE__ */ React2.createElement("div", { style: { fontWeight: boldOption } }, option.title)
+      )
+    ));
+  }
+}
+
+// src/auto-complete/selector/index.tsx
+function MultipleSelectChip({
+  name,
+  control,
+  label,
+  data,
+  multipleitems,
+  //قابلیت انتخاب چند گزینه ای
+  isLoading,
+  disabled = false,
+  size = "medium",
+  clear = false
+}) {
+  const dataOptions = data?.map((value) => ({
+    title: value.userName || value.name || `${value.firstName} ${value.lastName}`,
+    key: value.id || `key_${Math.random()}`,
+    // Assuming each item has an 'id'
+    httpMethod: numberToHttpMethodMapping[value.httpMethod],
+    url: value.url,
+    licensePlate: value.licensePlate
+  })) || [];
+  const combinedOptions = [
+    multipleitems && dataOptions.length > 0 && { title: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0647\u0645\u0647", key: "All" },
+    ...dataOptions
+  ].filter(Boolean);
+  const [selectedValues, setSelectedValues] = React3.useState([]);
+  const handleChange = (event, value, onChange) => {
+    console.log(value);
+    if (multipleitems) {
+      if (value.some((item) => item.title === "\u0627\u0646\u062A\u062E\u0627\u0628 \u0647\u0645\u0647")) {
+        const allItems = [...dataOptions];
+        setSelectedValues(allItems);
+        onChange(allItems.map((item) => item.key));
+      } else {
+        setSelectedValues(value);
+        onChange(value.map((item) => item.key));
+      }
+    } else {
+      setSelectedValues([value]);
+      onChange(value?.key || null);
+    }
+  };
+  function search(option, value) {
+    if (option.title.includes(value.title)) {
+      return true;
+    }
+    if (value.title.includes(option.title)) {
+      return true;
+    }
+    return false;
+  }
+  const CustomStyledValue = ({ children }) => /* @__PURE__ */ React3.createElement("span", { style: { color: "green", fontStyle: "italic" } }, children);
+  return /* @__PURE__ */ React3.createElement(
+    Controller,
+    {
+      name,
+      control,
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React3.createElement(
+        Autocomplete,
+        {
+          disableClearable: clear,
+          disabled: disabled || isLoading,
+          disablePortal: true,
+          size,
+          disableCloseOnSelect: multipleitems,
+          options: combinedOptions,
+          multiple: multipleitems,
+          sx: {
+            width: "100%"
+          },
+          noOptionsText: "\u062F\u0627\u062F\u0647 \u0627\u06CC \u0628\u0631\u0627\u06CC \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
+          value: multipleitems ? selectedValues : combinedOptions.find(
+            (option) => String(option.key) === String(value)
+          ) || { title: "", key: "" },
+          onChange: (event, value2) => {
+            handleChange(event, value2, onChange);
+          },
+          isOptionEqualToValue: (option, value2) => String(option.key) === String(value2?.key),
+          getOptionLabel: (option) => option.title,
+          loading: isLoading,
+          loadingText: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC...",
+          renderOption: (props, option) => {
+            return /* @__PURE__ */ React3.createElement(
+              CustomeStyle,
+              {
+                props,
+                option,
+                multipleitems: !!multipleitems
+              }
+            );
+          },
+          slots: { popper: Popper },
+          slotProps: {
+            popper: {
+              modifiers: [
+                {
+                  name: "preventOverflow",
+                  options: {
+                    boundary: "window",
+                    rootBoundary: "viewport",
+                    altBoundary: true,
+                    padding: 10
+                  }
+                },
+                {
+                  name: "flip",
+                  options: {
+                    fallbackPlacements: ["top", "bottom"]
+                    // Ensures it flips to the top if needed
+                  }
+                }
+              ]
+            }
+          },
+          renderInput: (params) => /* @__PURE__ */ React3.createElement(
+            TextField,
+            {
+              ...params,
+              label,
+              error: !!error,
+              helperText: error?.message,
+              inputRef: ref,
+              InputProps: {
+                ...params.InputProps,
+                startAdornment: /* @__PURE__ */ React3.createElement(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexWrap: "wrap",
+                      maxHeight: "250px",
+                      // Set the maximum height for the chip container
+                      overflowY: "auto",
+                      // Enable vertical scroll
+                      padding: 0
+                      // Remove any padding to ensure chips stay inside the container
+                    }
+                  },
+                  /* @__PURE__ */ React3.createElement(React3.Fragment, null, isLoading ? /* @__PURE__ */ React3.createElement(Typography2, { sx: { marginRight: 1 } }, "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC...") : null, params.InputProps.startAdornment)
+                )
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+// src/button/search/index.tsx
+import { Box as Box3, Button as Button2, Stack, styled, useTheme as useTheme2 } from "@mui/material";
+import React4 from "react";
+import { IoIosArrowUp } from "react-icons/io";
+var AnimatedIcon = styled(IoIosArrowUp, {
+  shouldForwardProp: (prop) => prop !== "isShowFilter"
+  // Don't pass isShowFilter to the underlying component
+})(({ isShowFilter }) => ({
+  transition: "all 0.5s ease",
+  transform: `rotate(${isShowFilter ? 0 : "0.5turn"})`
+}));
+function AdvancedSearchButton({
+  isShowFilter,
+  setIsShowFilter,
+  color = "black",
+  title = "\u0641\u0631\u0645 \u062C\u0633\u062A\u062C\u0648",
+  optional,
+  icon,
+  borderRadius,
+  paddingY,
+  fontSize
+}) {
+  const theme = useTheme2();
+  return /* @__PURE__ */ React4.createElement(
+    Button2,
+    {
+      onClick: () => {
+        setIsShowFilter((prev) => !prev);
+        optional && optional(false);
+      },
+      startIcon: /* @__PURE__ */ React4.createElement(AnimatedIcon, { isShowFilter }),
+      sx: {
+        color: theme.palette.text.primary ?? color,
+        borderRadius,
+        paddingY,
+        fontSize
+      },
+      fullWidth: true
+    },
+    /* @__PURE__ */ React4.createElement(Stack, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React4.createElement(Box3, null, icon ? icon : null), /* @__PURE__ */ React4.createElement(Box3, null, title))
+  );
+}
+
+// src/card-skeleton/index.tsx
+import React5 from "react";
+import { Box as Box4, Card, CardContent, Skeleton, Stack as Stack2 } from "@mui/material";
+function SkeletonCard() {
+  return /* @__PURE__ */ React5.createElement(
+    Card,
+    {
+      sx: {
+        minWidth: 300,
+        borderRadius: "12px"
+      }
+    },
+    /* @__PURE__ */ React5.createElement(CardContent, { sx: { padding: "1rem 1rem !important" } }, /* @__PURE__ */ React5.createElement(Stack2, { spacing: 2 }, /* @__PURE__ */ React5.createElement(Stack2, { direction: "row", justifyContent: "space-between" }, /* @__PURE__ */ React5.createElement(Stack2, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React5.createElement(Skeleton, { variant: "circular", width: 24, height: 24 }), /* @__PURE__ */ React5.createElement(Skeleton, { variant: "text", width: 100, height: 20 })), /* @__PURE__ */ React5.createElement(Stack2, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React5.createElement(Skeleton, { variant: "circular", width: 24, height: 24 }), /* @__PURE__ */ React5.createElement(Skeleton, { variant: "text", width: 100, height: 20 }))), /* @__PURE__ */ React5.createElement(Stack2, { direction: "row", justifyContent: "space-between" }, /* @__PURE__ */ React5.createElement(Stack2, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React5.createElement(Skeleton, { variant: "circular", width: 24, height: 24 }), /* @__PURE__ */ React5.createElement(Skeleton, { variant: "text", width: 100, height: 20 })), /* @__PURE__ */ React5.createElement(Stack2, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React5.createElement(Skeleton, { variant: "circular", width: 24, height: 24 }), /* @__PURE__ */ React5.createElement(Skeleton, { variant: "text", width: 80, height: 20 }))), /* @__PURE__ */ React5.createElement(
+      Stack2,
+      {
+        direction: "row",
+        spacing: 2,
+        alignItems: "center",
+        justifyContent: "space-between"
+      },
+      /* @__PURE__ */ React5.createElement(Stack2, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React5.createElement(Skeleton, { variant: "circular", width: 24, height: 24 }), /* @__PURE__ */ React5.createElement(Skeleton, { variant: "text", width: 80, height: 20 })),
+      /* @__PURE__ */ React5.createElement(Stack2, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React5.createElement(Skeleton, { variant: "circular", width: 24, height: 24 }), /* @__PURE__ */ React5.createElement(Skeleton, { variant: "text", width: 80, height: 20 }))
+    ), /* @__PURE__ */ React5.createElement(
+      Box4,
+      {
+        sx: {
+          display: "flex",
+          justifyContent: "center",
+          paddingY: "0.5rem"
+        }
+      },
+      /* @__PURE__ */ React5.createElement(Skeleton, { variant: "rectangular", width: 240, height: 40 })
+    ), /* @__PURE__ */ React5.createElement(
+      Box4,
+      {
+        sx: {
+          display: "flex",
+          justifyContent: "center",
+          paddingTop: "1.5rem"
+        }
+      },
+      /* @__PURE__ */ React5.createElement(Skeleton, { variant: "rectangular", width: 200, height: 40 })
+    )))
+  );
+}
+var card_skeleton_default = SkeletonCard;
+
+// src/checkbox/index.tsx
+import { Controller as Controller2 } from "react-hook-form";
+import { FormControlLabel, Checkbox } from "@mui/material";
+import React6 from "react";
+function CustomCheckbox({ name, control, label }) {
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
+    Controller2,
+    {
+      name,
+      control,
+      defaultValue: false,
+      render: ({ field }) => /* @__PURE__ */ React6.createElement(
+        FormControlLabel,
+        {
+          control: /* @__PURE__ */ React6.createElement(
+            Checkbox,
+            {
+              ...field,
+              checked: field.value
+            }
+          ),
+          label
+        }
+      )
+    }
+  ));
+}
+
+// src/confirmation-modal/index.tsx
+import * as React7 from "react";
+import Dialog2 from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent2 from "@mui/material/DialogContent";
+import DialogTitle2 from "@mui/material/DialogTitle";
+import { Box as Box5, Button as Button3, Divider, IconButton as IconButton2 } from "@mui/material";
+import { AiOutlineDeliveredProcedure } from "react-icons/ai";
+import { MdClose, MdOutlineCancel } from "react-icons/md";
+import Link from "next/link";
+function ConfirmationDialog({
+  open,
+  handleClose,
+  callback,
+  callbackParams,
+  headerText,
+  bodyText
+}) {
+  return /* @__PURE__ */ React7.createElement(Dialog2, { open, onClose: handleClose, fullWidth: true, maxWidth: "sm" }, /* @__PURE__ */ React7.createElement(Box5, null, /* @__PURE__ */ React7.createElement(
+    DialogTitle2,
+    {
+      fontWeight: 700,
+      fontSize: "1.2rem",
+      display: "flex",
+      alignItems: "center",
+      gap: "4px"
+    },
+    /* @__PURE__ */ React7.createElement(AiOutlineDeliveredProcedure, { style: { color: "inherit" }, size: 22 }),
+    headerText
+  ), /* @__PURE__ */ React7.createElement(
+    IconButton2,
+    {
+      "aria-label": "close",
+      onClick: handleClose,
+      sx: {
+        position: "absolute",
+        right: 8,
+        top: 8,
+        color: (theme) => theme.palette.grey[500]
+      }
+    },
+    /* @__PURE__ */ React7.createElement(MdClose, null)
+  ), /* @__PURE__ */ React7.createElement(Divider, { sx: { my: "10px" } }), /* @__PURE__ */ React7.createElement(DialogContent2, null, bodyText), /* @__PURE__ */ React7.createElement(
+    DialogActions,
+    {
+      sx: {
+        display: "flex",
+        justifyContent: "flex-end",
+        width: "100%",
+        gap: "12px",
+        alignItems: "center",
+        padding: "2rem"
+      }
+    },
+    /* @__PURE__ */ React7.createElement(Link, { href: "/module/transportation/workflow/confirm-deliver" }, /* @__PURE__ */ React7.createElement(
+      Button3,
+      {
+        onClick: () => {
+          callback(callbackParams);
+          handleClose();
+        },
+        variant: "contained",
+        color: "primary",
+        startIcon: /* @__PURE__ */ React7.createElement(AiOutlineDeliveredProcedure, { size: 16 }),
+        sx: { minWidth: "120px" }
+      },
+      "\u062A\u0623\u06CC\u06CC\u062F"
+    )),
+    /* @__PURE__ */ React7.createElement(
+      Button3,
+      {
+        onClick: handleClose,
+        variant: "outlined",
+        color: "inherit",
+        startIcon: /* @__PURE__ */ React7.createElement(MdOutlineCancel, null),
+        sx: { minWidth: "120px" }
+      },
+      "\u0627\u0646\u0635\u0631\u0627\u0641"
+    )
+  )));
+}
+
+// src/custom-time-picker/index.tsx
+import {
+  Box as Box6,
+  Button as Button4,
+  Divider as Divider2,
+  IconButton as IconButton3,
+  Typography as Typography3,
+  TextField as TextField2,
+  InputAdornment,
+  useTheme as useTheme3
+} from "@mui/material";
+import Dialog3 from "@mui/material/Dialog";
+import DialogActions2 from "@mui/material/DialogActions";
+import DialogContent3 from "@mui/material/DialogContent";
+import DialogTitle3 from "@mui/material/DialogTitle";
+import { useState as useState3, useEffect as useEffect2, useRef as useRef2 } from "react";
+import { MdClose as MdClose2 } from "react-icons/md";
+import Tooltip from "@mui/material/Tooltip";
+import { Controller as Controller3 } from "react-hook-form";
+import { Clock } from "@mamrp/icons/common";
+function CustomTimePicker({
+  name,
+  control,
+  label,
+  size = "small",
+  fullwidth = false,
+  autoRefresh = false,
+  disabled = false
+}) {
+  return /* @__PURE__ */ React.createElement(
+    Controller3,
+    {
+      name,
+      control,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ React.createElement(
+        TimePickerComponent,
+        {
+          ...field,
+          label,
+          size,
+          error,
+          fullwidth,
+          autoRefresh,
+          disabled
+        }
+      )
+    }
+  );
+}
+var TimePickerComponent = ({
+  value,
+  onChange,
+  onBlur,
+  label,
+  size = "small",
+  error,
+  fullwidth,
+  autoRefresh,
+  disabled = false
+}) => {
+  const theme = useTheme3();
+  const initialHour = value ? parseInt(value.split(":")[0]) : null;
+  const initialMinute = value ? parseInt(value.split(":")[1]) : null;
+  const [isModalOpen, setIsModalOpen] = useState3(false);
+  const [selectedHour, setSelectedHour] = useState3(initialHour);
+  const [selectedMinute, setSelectedMinute] = useState3(
+    initialMinute
+  );
+  const hourRefs = useRef2([]);
+  const minuteRefs = useRef2([]);
+  const hours = Array.from({ length: 24 }, (_, i) => i);
+  const minutes = Array.from({ length: 60 }, (_, i) => i);
+  useEffect2(() => {
+    if (isModalOpen) {
+      setTimeout(() => {
+        if (selectedHour !== null) {
+          hourRefs.current[selectedHour]?.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
+          });
+        }
+        if (selectedMinute !== null) {
+          minuteRefs.current[selectedMinute]?.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
+          });
+        }
+      }, 0);
+    }
+  }, [isModalOpen, selectedHour, selectedMinute]);
+  useEffect2(() => {
+    const updatedHour = value ? parseInt(value.split(":")[0]) : null;
+    setSelectedHour(updatedHour);
+    const updatedMinute = value ? parseInt(value.split(":")[1]) : null;
+    setSelectedMinute(updatedMinute);
+  }, [value, autoRefresh]);
+  const handleSelectHour = (hour) => {
+    setSelectedHour(hour);
+    if (selectedMinute !== null) {
+      onChange(formatTime(hour, selectedMinute));
+    }
+  };
+  const handleSelectMinute = (minute) => {
+    setSelectedMinute(minute);
+    if (selectedHour !== null) {
+      onChange(formatTime(selectedHour, minute));
+    }
+  };
+  const formatTime = (hour, minute) => {
+    return `${hour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}`;
+  };
+  const handleInputChange = (e) => {
+    let inputValue = e.target.value;
+    if (!/^\d{0,2}:\d{0,2}$/.test(inputValue)) {
+      return;
+    }
+    const [hourPart = "", minutePart = ""] = inputValue.split(":");
+    if (parseInt(hourPart) > 23) {
+      inputValue = `23:${minutePart}`;
+    }
+    if (parseInt(minutePart) > 59) {
+      inputValue = `${hourPart}:59`;
+    }
+    if (hourPart.length === 2 && !inputValue.includes(":")) {
+      inputValue = hourPart + ":";
+    }
+    onChange(inputValue);
+  };
+  const handleBlur = () => {
+    if (!value || value === ":") {
+      onChange("00:00");
+      return;
+    }
+    const [hourPart = "0", minutePart = "0"] = value.split(":");
+    const hour = Math.min(23, parseInt(hourPart) || 0);
+    const minute = Math.min(59, parseInt(minutePart) || 0);
+    const formattedTime = formatTime(hour, minute);
+    onChange(formattedTime);
+  };
+  return /* @__PURE__ */ React.createElement(Box6, { display: "flex", alignItems: "center", gap: 0.5, sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(
+    TextField2,
+    {
+      disabled,
+      label,
+      value,
+      onChange: handleInputChange,
+      onBlur: handleBlur,
+      InputLabelProps: { shrink: true },
+      variant: "outlined",
+      size,
+      inputProps: {
+        maxLength: 5,
+        // Ensures the format is always "HH:MM"
+        style: { textAlign: "center" }
+      },
+      InputProps: {
+        ...!disabled && {
+          endAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "end" }, /* @__PURE__ */ React.createElement(Tooltip, { title: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646" }, /* @__PURE__ */ React.createElement(IconButton3, { onClick: () => setIsModalOpen(true) }, /* @__PURE__ */ React.createElement(Clock, { size: 22, color: theme.palette.text.primary }))))
+        }
+      },
+      sx: { width: fullwidth ? "100%" : "8rem" },
+      fullWidth: true
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Dialog3,
+    {
+      open: isModalOpen,
+      onClose: () => setIsModalOpen(false),
+      fullWidth: true,
+      maxWidth: "xs"
+    },
+    /* @__PURE__ */ React.createElement(
+      DialogTitle3,
+      {
+        fontWeight: 700,
+        fontSize: "1.2rem",
+        display: "flex",
+        alignItems: "center",
+        gap: "4px"
+      },
+      "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646"
+    ),
+    /* @__PURE__ */ React.createElement(
+      IconButton3,
+      {
+        "aria-label": "close",
+        onClick: () => setIsModalOpen(false),
+        sx: {
+          position: "absolute",
+          right: 8,
+          top: 8,
+          color: (theme2) => theme2.palette.grey[500]
+        }
+      },
+      /* @__PURE__ */ React.createElement(MdClose2, null)
+    ),
+    /* @__PURE__ */ React.createElement(Divider2, { sx: { my: "10px" } }),
+    /* @__PURE__ */ React.createElement(DialogContent3, null, /* @__PURE__ */ React.createElement(Box6, { display: "flex", justifyContent: "space-between", gap: "20px" }, /* @__PURE__ */ React.createElement(Box6, { flex: 1 }, /* @__PURE__ */ React.createElement(Typography3, { variant: "h6", textAlign: "center", gutterBottom: true }, "\u062F\u0642\u06CC\u0642\u0647"), /* @__PURE__ */ React.createElement(
+      Box6,
+      {
+        maxHeight: "200px",
+        overflow: "auto",
+        border: "1px solid lightgray",
+        borderRadius: "8px"
+      },
+      minutes.map((minute) => /* @__PURE__ */ React.createElement(
+        Box6,
+        {
+          key: minute,
+          ref: (el) => {
+            minuteRefs.current[minute] = el;
+          },
+          p: "10px",
+          textAlign: "center",
+          bgcolor: minute === selectedMinute ? "primary.light" : "inherit",
+          color: minute === selectedMinute ? "white" : "inherit",
+          sx: { cursor: "pointer" },
+          onClick: () => handleSelectMinute(minute)
+        },
+        /* @__PURE__ */ React.createElement(Typography3, null, minute.toString().padStart(2, "0"))
+      ))
+    )), /* @__PURE__ */ React.createElement(Box6, { flex: 1 }, /* @__PURE__ */ React.createElement(Typography3, { variant: "h6", textAlign: "center", gutterBottom: true }, "\u0633\u0627\u0639\u062A"), /* @__PURE__ */ React.createElement(
+      Box6,
+      {
+        maxHeight: "200px",
+        overflow: "auto",
+        border: "1px solid lightgray",
+        borderRadius: "8px"
+      },
+      hours.map((hour) => /* @__PURE__ */ React.createElement(
+        Box6,
+        {
+          key: hour,
+          ref: (el) => {
+            hourRefs.current[hour] = el;
+          },
+          p: "10px",
+          textAlign: "center",
+          bgcolor: hour === selectedHour ? "primary.light" : "inherit",
+          color: hour === selectedHour ? "white" : "inherit",
+          sx: { cursor: "pointer" },
+          onClick: () => handleSelectHour(hour)
+        },
+        /* @__PURE__ */ React.createElement(Typography3, null, hour.toString().padStart(2, "0"))
+      ))
+    )))),
+    /* @__PURE__ */ React.createElement(DialogActions2, { sx: { padding: 2 } }, /* @__PURE__ */ React.createElement(
+      Button4,
+      {
+        onClick: () => setIsModalOpen(false),
+        sx: { fontSize: "1.1rem" }
+      },
+      "\u0627\u0646\u062A\u062E\u0627\u0628"
+    ))
+  ));
+};
+
+// src/date-filter-range/index.tsx
+import { yupResolver } from "@hookform/resolvers/yup";
+import Button5 from "@mui/material/Button";
+import Grid from "@mui/material/Grid2";
+import { GlobalStyles, useMediaQuery } from "@mui/system";
+import moment2 from "moment";
+import { useEffect as useEffect3 } from "react";
+import { useForm } from "react-hook-form";
+import { FaChevronLeft, FaChevronRight } from "react-icons/fa";
+import * as yup from "yup";
+
+// src/date-picker/index.tsx
+import { Box as Box7, Typography as Typography4 } from "@mui/material";
+import CircularProgress from "@mui/material/CircularProgress";
+import { DatePicker, LocalizationProvider } from "@mui/x-date-pickers";
+import { AdapterMomentJalaali } from "@mui/x-date-pickers/AdapterMomentJalaali";
+import dayjs from "dayjs";
+import moment from "moment-jalaali";
+import "moment/locale/fa";
+import React8, { useState as useState4 } from "react";
+import { Controller as Controller4 } from "react-hook-form";
+moment.locale("fa");
+moment.loadPersian({ dialect: "persian-modern", usePersianDigits: true });
+var JalaliDatePicker = ({
+  name,
+  control,
+  label,
+  size = "medium",
+  disabled = false,
+  persian = false,
+  align = "left",
+  isLoading,
+  maxDate,
+  minDate,
+  clear = true
+}) => {
+  const today = moment();
+  const [open, setOpen] = useState4(false);
+  const customLocaleText = {
+    cancelButtonLabel: "\u0644\u063A\u0648",
+    okButtonLabel: "\u062A\u0623\u06CC\u06CC\u062F",
+    todayButtonLabel: "\u0627\u0645\u0631\u0648\u0632",
+    clearButtonLabel: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646",
+    start: "\u0634\u0631\u0648\u0639",
+    end: "\u067E\u0627\u06CC\u0627\u0646",
+    previousMonth: "\u0645\u0627\u0647 \u0642\u0628\u0644",
+    nextMonth: "\u0645\u0627\u0647 \u0628\u0639\u062F",
+    openDatePickerDialogue: (date, utils, formattedDate) => `\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E ${formattedDate ? `(${formattedDate})` : ""}`,
+    openTimePickerDialogue: (date, utils, formattedTime) => `\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646 ${formattedTime ? `(${formattedTime})` : ""}`,
+    selectDate: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E",
+    selectTime: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646",
+    datePickerToolbarTitle: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E",
+    timePickerToolbarTitle: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646",
+    dateTimePickerToolbarTitle: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E \u0648 \u0632\u0645\u0627\u0646",
+    hoursClockNumberText: (hours) => `${hours} \u0633\u0627\u0639\u062A`,
+    minutesClockNumberText: (minutes) => `${minutes} \u062F\u0642\u06CC\u0642\u0647`,
+    secondsClockNumberText: (seconds) => `${seconds} \u062B\u0627\u0646\u06CC\u0647`,
+    calendarWeekNumberHeaderLabel: "\u0647\u0641\u062A\u0647",
+    calendarWeekNumberHeaderText: "#",
+    calendarWeekNumberAriaLabelText: (weekNumber) => `\u0647\u0641\u062A\u0647 ${weekNumber}`,
+    calendarWeekNumberText: (weekNumber) => `${weekNumber}`
+  };
+  return /* @__PURE__ */ React8.createElement(
+    LocalizationProvider,
+    {
+      dateAdapter: AdapterMomentJalaali,
+      localeText: customLocaleText
+    },
+    /* @__PURE__ */ React8.createElement(
+      Controller4,
+      {
+        name,
+        control,
+        render: ({ field, fieldState: { error } }) => /* @__PURE__ */ React8.createElement(Box7, { sx: { width: "100%" } }, /* @__PURE__ */ React8.createElement(
+          DatePicker,
+          {
+            disabled: isLoading || disabled,
+            closeOnSelect: false,
+            openTo: "day",
+            views: ["year", "month", "day"],
+            label,
+            value: field.value ? moment(field.value) : null,
+            slotProps: {
+              ...clear && !disabled ? { field: { clearable: true } } : {},
+              popper: {
+                modifiers: [
+                  {
+                    name: "preventOverflow",
+                    options: {
+                      boundary: "window"
+                    }
+                  },
+                  {
+                    name: "flip",
+                    options: {
+                      fallbackPlacements: ["right", "left", "top"]
+                    }
+                  }
+                ]
+              },
+              textField: {
+                size,
+                placeholder: field.value ? "" : "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E ",
+                InputLabelProps: {
+                  shrink: true,
+                  style: { color: error ? "#D32F2F" : "inherit" }
+                },
+                InputProps: {
+                  ...isLoading && { endAdornment: /* @__PURE__ */ React8.createElement(CircularProgress, { color: "secondary", size: 20 }) } || disabled && { endAdornment: false },
+                  ...field.value && {
+                    value: persian ? `${moment(field.value).format("dddd   -   jDD/jMMMM/jYYYY")}` : `${moment(field.value).format("jYYYY/jMM/jDD")}`
+                  },
+                  sx: {
+                    textAlign: align,
+                    "& input": {
+                      textAlign: align,
+                      direction: "rtl"
+                    }
+                  }
+                }
+              },
+              actionBar: {
+                actions: ["cancel", "accept"]
+                // نمایش دکمه‌های تأیید، لغو و پاک کردن
+              }
+            },
+            onChange: (value) => {
+              if (value == null) {
+                field.onChange(null);
+              }
+            },
+            onAccept: (newValue) => {
+              if (newValue) {
+                const currentDate = dayjs(newValue);
+                const nowUTC3 = /* @__PURE__ */ new Date();
+                let iranHour = nowUTC3.getUTCHours();
+                let iranMinute = nowUTC3.getUTCMinutes();
+                const dateTimeWithIranTime4 = currentDate.hour(iranHour).minute(iranMinute).second(nowUTC3.getUTCSeconds());
+                console.log(
+                  currentDate.format("YYYY-MM-DDTHH:mm:ss"),
+                  dateTimeWithIranTime4.format("YYYY-MM-DDTHH:mm:ss")
+                );
+                field.onChange(
+                  dateTimeWithIranTime4.format("YYYY-MM-DDTHH:mm:ss")
+                );
+              } else {
+                field.onChange(null);
+              }
+            },
+            sx: {
+              width: "100%",
+              borderColor: error ? "#D32F2F" : "#C4C4C4",
+              "& .MuiOutlinedInput-notchedOutline": {
+                borderColor: error ? "#D32F2F" : "#C4C4C4"
+              },
+              "& .MuiInputBase-root": {
+                height: size === "small" ? 40 : 56
+              }
+            },
+            slots: {
+              ...!clear && {
+                clearButton: React8.Fragment,
+                clearIcon: React8.Fragment
+              },
+              toolbar: (props) => {
+                const currentDate = moment(field.value);
+                const formattedDate = currentDate.format("dddd, jDD jMMMM");
+                return /* @__PURE__ */ React8.createElement(
+                  Box7,
+                  {
+                    sx: {
+                      my: 2,
+                      mx: 4
+                    }
+                  },
+                  /* @__PURE__ */ React8.createElement(Typography4, { variant: "overline", color: "primary" }, "\u062A\u0627\u0631\u06CC\u062E \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"),
+                  /* @__PURE__ */ React8.createElement(Typography4, { variant: "h4" }, formattedDate == "Invalid date" ? "" : formattedDate)
+                );
+              },
+              monthButton: (props) => {
+                return /* @__PURE__ */ React8.createElement(
+                  "button",
+                  {
+                    className: `${props.className}`,
+                    style: {
+                      width: "80%",
+                      padding: "10px",
+                      marginBottom: "20px",
+                      border: "1px solid #ccc",
+                      borderRadius: "12px",
+                      backgroundColor: props.disabled ? "#f0f0f0" : "#f0000",
+                      fontSize: "14px",
+                      cursor: props.disabled ? "default" : "pointer"
+                    },
+                    disabled: props.disabled,
+                    onFocus: props.onFocus,
+                    onBlur: props.onBlur,
+                    onClick: props.onClick,
+                    ref: props.ref
+                  },
+                  props["aria-label"],
+                  " "
+                );
+              }
+            },
+            minDate: minDate ? minDate : null,
+            maxDate: maxDate ? maxDate : today
+          }
+        ), error && /* @__PURE__ */ React8.createElement(Typography4, { fontSize: 13, color: "error", sx: { mt: 0.6, ml: 1 } }, error.message))
+      }
+    )
+  );
+};
+var date_picker_default = JalaliDatePicker;
+
+// src/date-filter-range/index.tsx
+var nowUTC = moment2.utc();
+var dateTimeWithIranTime2 = nowUTC;
+var dateTimeWithIranTime = nowUTC;
+var RoleFormSchema = yup.object().shape({});
+var defaultValues = {
+  time: dateTimeWithIranTime.toDate().toISOString(),
+  // تبدیل به ISO بدون تغییر آفست
+  time2: dateTimeWithIranTime2.toDate().toISOString()
+  // تبدیل به ISO بدون تغییر آفست
+};
+function DateFilterRange({ FromDate, ToDate }) {
+  const isMobile = useMediaQuery("(max-width:900px)");
+  const isSmMobile = useMediaQuery("(max-width:600px)");
+  const { control, watch, setValue } = useForm({
+    defaultValues,
+    mode: "onChange",
+    resolver: yupResolver(RoleFormSchema)
+  });
+  useEffect3(() => {
+    FromDate(nowUTC);
+    ToDate(nowUTC);
+  }, []);
+  const currentDate = watch("time");
+  const currentDate2 = watch("time2");
+  useEffect3(() => {
+    FromDate(currentDate);
+    ToDate(currentDate2);
+  }, [currentDate, currentDate2]);
+  const handleDate = (direction, time) => {
+    const currentDate3 = watch(time);
+    const newDate = moment2(currentDate3);
+    if (direction === "forward") {
+      newDate.add(1, "day");
+    } else if (direction === "backward") {
+      newDate.subtract(1, "day");
+    }
+    setValue(time, newDate.toISOString());
+  };
+  const isNextDisabledTime = moment2(watch("time")).format("YYYY-MM-DD") == moment2(watch("time2")).format("YYYY-MM-DD");
+  const isLastDisabledTime = moment2(watch("time")).format("YYYY-MM-DD") == moment2(watch("time2")).format("YYYY-MM-DD");
+  const today = moment2().format("YYYY-MM-DD");
+  const isNextDisabled = moment2(watch("time")).format("YYYY-MM-DD") >= today;
+  const isNextDisabledTime2 = moment2(watch("time2")).format("YYYY-MM-DD") >= today;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(GlobalStyles, { styles: {
+    //حذف مارجین های اضافی سمت راست و چپ
+    ".MuiBox-root.muirtl-1crki0u": {
+      marginLeft: 0,
+      marginRight: 0
+    }
+  } }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2, justifyContent: "center", alignItems: "center", paddingTop: 3, width: "100%" }, /* @__PURE__ */ React.createElement(Grid, { container: true, size: 12, width: !isMobile ? "50%" : "100%", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { size: 2, justifyContent: "start" }, /* @__PURE__ */ React.createElement(
+    Button5,
+    {
+      sx: {
+        display: "flex",
+        width: "100%",
+        justifyContent: "center",
+        padding: 0
+      },
+      onClick: () => handleDate("forward", "time"),
+      disabled: isNextDisabled || isNextDisabledTime
+    },
+    /* @__PURE__ */ React.createElement(FaChevronRight, { size: 30 })
+  )), /* @__PURE__ */ React.createElement(Grid, { 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: moment2(watch("time2")), align: "center", persian: true, clear: false, size: isSmMobile ? "small" : "medium" })), /* @__PURE__ */ React.createElement(Grid, { size: 2, display: "flex", justifyContent: "end" }, /* @__PURE__ */ React.createElement(
+    Button5,
+    {
+      sx: {
+        display: "flex",
+        width: "100%",
+        justifyContent: "center",
+        padding: 0
+      },
+      onClick: () => handleDate("backward", "time")
+    },
+    /* @__PURE__ */ React.createElement(FaChevronLeft, { size: 30 })
+  ))), /* @__PURE__ */ React.createElement(Grid, { container: true, size: 12, width: !isMobile ? "50%" : "100%", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { size: 2, justifyContent: "start" }, /* @__PURE__ */ React.createElement(
+    Button5,
+    {
+      sx: {
+        display: "flex",
+        width: "100%",
+        justifyContent: "center",
+        padding: 0
+      },
+      onClick: () => handleDate("forward", "time2"),
+      disabled: isNextDisabledTime2
+    },
+    /* @__PURE__ */ React.createElement(FaChevronRight, { size: 30 })
+  )), /* @__PURE__ */ React.createElement(Grid, { 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: moment2(watch("time")), persian: true, align: "center", clear: false, size: isSmMobile ? "small" : "medium" })), /* @__PURE__ */ React.createElement(Grid, { size: 2, display: "flex", justifyContent: "end" }, /* @__PURE__ */ React.createElement(
+    Button5,
+    {
+      sx: {
+        display: "flex",
+        width: "100%",
+        justifyContent: "center",
+        padding: 0
+      },
+      onClick: () => handleDate("backward", "time2"),
+      disabled: isLastDisabledTime
+    },
+    /* @__PURE__ */ React.createElement(FaChevronLeft, { size: 30 })
+  )))), /* @__PURE__ */ React.createElement(Grid, { container: true, size: 12 }, /* @__PURE__ */ React.createElement(Grid, { size: 12 })));
+}
+
+// src/date-filter/index.tsx
+import { yupResolver as yupResolver2 } from "@hookform/resolvers/yup";
+import Button6 from "@mui/material/Button";
+import Grid2 from "@mui/material/Grid2";
+import { GlobalStyles as GlobalStyles2, useMediaQuery as useMediaQuery2 } from "@mui/system";
+import moment3 from "moment";
+import React9 from "react";
+import { useEffect as useEffect4 } from "react";
+import { useForm as useForm2 } from "react-hook-form";
+import { FaChevronLeft as FaChevronLeft2, FaChevronRight as FaChevronRight2 } from "react-icons/fa";
+import * as yup2 from "yup";
+var nowUTC2 = moment3.utc();
+var dateTimeWithIranTime3 = nowUTC2;
+var RoleFormSchema2 = yup2.object().shape({});
+var defaultValues2 = {
+  time: dateTimeWithIranTime3.toDate().toISOString()
+  // تبدیل به ISO بدون تغییر آفست
+};
+function DateFilter({ setHandler }) {
+  const isMobile = useMediaQuery2("(max-width:900px)");
+  const isSmMobile = useMediaQuery2("(max-width:600px)");
+  const { control, watch, setValue } = useForm2({
+    defaultValues: defaultValues2,
+    mode: "onChange",
+    resolver: yupResolver2(RoleFormSchema2)
+  });
+  useEffect4(() => {
+    setHandler(moment3().toISOString());
+  }, []);
+  const currentDate = watch("time");
+  useEffect4(() => {
+    setHandler(currentDate);
+  }, [currentDate]);
+  const handleDate = (direction) => {
+    const currentDate2 = watch("time");
+    const newDate = moment3(currentDate2);
+    if (direction === "forward") {
+      newDate.add(1, "day");
+    } else if (direction === "backward") {
+      newDate.subtract(1, "day");
+    }
+    setValue("time", newDate.toISOString());
+  };
+  const today = moment3().format("YYYY-MM-DD");
+  const isNextDisabled = moment3(watch("time")).format("YYYY-MM-DD") >= today;
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(GlobalStyles2, { styles: {
+    //حذف مارجین های اضافی سمت راست و چپ
+    ".MuiBox-root.muirtl-1crki0u": {
+      marginLeft: 0,
+      marginRight: 0
+    }
+  } }), /* @__PURE__ */ React9.createElement(Grid2, { container: true, spacing: 2, justifyContent: "center", alignItems: "center", paddingTop: 3, width: "100%" }, /* @__PURE__ */ React9.createElement(Grid2, { container: true, size: 12, width: !isMobile ? "50%" : "100%", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React9.createElement(Grid2, { size: 2, justifyContent: "start" }, /* @__PURE__ */ React9.createElement(
+    Button6,
+    {
+      sx: {
+        display: "flex",
+        width: "100%",
+        justifyContent: "center",
+        padding: 0
+      },
+      onClick: () => handleDate("forward"),
+      disabled: isNextDisabled
+    },
+    /* @__PURE__ */ React9.createElement(FaChevronRight2, { size: 30 })
+  )), /* @__PURE__ */ React9.createElement(Grid2, { size: { xs: 7, sm: 8, md: 8, lg: 6 } }, /* @__PURE__ */ React9.createElement(date_picker_default, { name: "time", control, label: "", persian: true, clear: false, align: "center", size: isSmMobile ? "small" : "medium" })), /* @__PURE__ */ React9.createElement(Grid2, { size: 2, display: "flex", justifyContent: "end" }, /* @__PURE__ */ React9.createElement(
+    Button6,
+    {
+      sx: {
+        display: "flex",
+        width: "100%",
+        justifyContent: "center",
+        padding: 0
+      },
+      onClick: () => handleDate("backward")
+    },
+    /* @__PURE__ */ React9.createElement(FaChevronLeft2, { size: 30 })
+  )))), /* @__PURE__ */ React9.createElement(Grid2, { container: true, size: 12 }, /* @__PURE__ */ React9.createElement(Grid2, { size: 12 })));
+}
+
+// src/date-time-picker/index.tsx
+import { Typography as Typography5 } from "@mui/material";
+import useMediaQuery3 from "@mui/material/useMediaQuery";
+import { Box as Box8 } from "@mui/system";
+import { DateTimePicker, LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers";
+import { AdapterMomentJalaali as AdapterMomentJalaali2 } from "@mui/x-date-pickers/AdapterMomentJalaali";
+import moment4 from "moment-jalaali";
+import React10, { useState as useState5 } from "react";
+import { Controller as Controller5 } from "react-hook-form";
+moment4.loadPersian({ dialect: "persian-modern", usePersianDigits: true });
+var JalaliDatePicker2 = ({
+  size = "medium",
+  name,
+  control,
+  label,
+  isLoading,
+  disabled,
+  minDateTime,
+  // Add the new optional prop
+  centeredTime = false
+}) => {
+  const today = moment4();
+  const isMobile = useMediaQuery3("(max-width:700px)");
+  const [open, setOpen] = useState5(false);
+  const customLocaleText = {
+    cancelButtonLabel: "\u0644\u063A\u0648",
+    okButtonLabel: "\u062A\u0623\u06CC\u06CC\u062F",
+    todayButtonLabel: "\u0627\u0645\u0631\u0648\u0632",
+    clearButtonLabel: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646",
+    start: "\u0634\u0631\u0648\u0639",
+    end: "\u067E\u0627\u06CC\u0627\u0646",
+    previousMonth: "\u0645\u0627\u0647 \u0642\u0628\u0644",
+    nextMonth: "\u0645\u0627\u0647 \u0628\u0639\u062F",
+    openDatePickerDialogue: (date, utils, formattedDate) => `\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E ${formattedDate ? `(${formattedDate})` : ""}`,
+    openTimePickerDialogue: (date, utils, formattedTime) => `\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646 ${formattedTime ? `(${formattedTime})` : ""}`,
+    selectDate: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E",
+    selectTime: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646",
+    datePickerToolbarTitle: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E",
+    timePickerToolbarTitle: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646",
+    dateTimePickerToolbarTitle: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E \u0648 \u0632\u0645\u0627\u0646",
+    hoursClockNumberText: (hours) => `${hours} \u0633\u0627\u0639\u062A`,
+    minutesClockNumberText: (minutes) => `${minutes} \u062F\u0642\u06CC\u0642\u0647`,
+    secondsClockNumberText: (seconds) => `${seconds} \u062B\u0627\u0646\u06CC\u0647`,
+    calendarWeekNumberHeaderLabel: "\u0647\u0641\u062A\u0647",
+    calendarWeekNumberHeaderText: "#",
+    calendarWeekNumberAriaLabelText: (weekNumber) => `\u0647\u0641\u062A\u0647 ${weekNumber}`,
+    calendarWeekNumberText: (weekNumber) => `${weekNumber}`
+  };
+  return /* @__PURE__ */ React10.createElement(
+    LocalizationProvider2,
+    {
+      dateAdapter: AdapterMomentJalaali2,
+      localeText: customLocaleText
+    },
+    /* @__PURE__ */ React10.createElement(
+      Controller5,
+      {
+        name,
+        control,
+        render: ({ field, fieldState: { error } }) => /* @__PURE__ */ React10.createElement(Box8, { sx: { width: "100%" } }, /* @__PURE__ */ React10.createElement(
+          DateTimePicker,
+          {
+            open,
+            onClose: () => {
+              setOpen(false);
+              field.onBlur();
+            },
+            onOpen: () => setOpen(true),
+            orientation: isMobile ? "portrait" : "landscape",
+            disabled: isLoading || disabled,
+            openTo: "day",
+            views: ["year", "month", "day", "hours", "minutes"],
+            label,
+            value: field.value ? moment4.utc(field.value).utcOffset(210) : null,
+            onChange: (newValue) => {
+              if (newValue) {
+                field.onChange(
+                  moment4(newValue).utc().locale("en").format("YYYY-MM-DDTHH:mm:ss[Z]")
+                );
+              } else {
+                field.onChange(null);
+              }
+            },
+            onAccept: () => {
+              setOpen(false);
+              field.onBlur();
+            },
+            onError: () => {
+              setOpen(false);
+              field.onBlur();
+            },
+            format: `jDD jMMMM jYYYY ${" "} - ${" "} HH:mm`,
+            minDateTime,
+            timeSteps: { minutes: 1 },
+            slots: {
+              toolbar: (props) => {
+                const currentDate = moment4.utc(field.value || today).utcOffset(210);
+                let formattedDay, formattedDate, formattedYear, formattedTime;
+                if (field.value) {
+                  formattedDay = currentDate.format("dddd");
+                  formattedDate = currentDate.format("jDD jMMMM");
+                  formattedYear = currentDate.format("jYYYY");
+                  formattedTime = currentDate.format("HH:mm");
+                } 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__ */ React10.createElement(
+                  Box8,
+                  {
+                    sx: {
+                      padding: "16px",
+                      textAlign: "left",
+                      display: "flex",
+                      flexDirection: "row",
+                      justifyContent: "start",
+                      alignItems: "center",
+                      gap: 1
+                    }
+                  },
+                  /* @__PURE__ */ React10.createElement(
+                    Typography5,
+                    {
+                      fontSize: 16,
+                      variant: "overline",
+                      color: "primary"
+                    },
+                    `${formattedDay}\u060C`
+                  ),
+                  /* @__PURE__ */ React10.createElement(
+                    Typography5,
+                    {
+                      variant: "h4",
+                      fontSize: 26,
+                      style: { fontWeight: "bold" }
+                    },
+                    `${formattedDate}`
+                  ),
+                  /* @__PURE__ */ React10.createElement(
+                    Typography5,
+                    {
+                      fontSize: 16,
+                      variant: "body2",
+                      color: "textSecondary"
+                    },
+                    `${formattedYear}`
+                  ),
+                  field.value && /* @__PURE__ */ React10.createElement(Typography5, null, "-"),
+                  /* @__PURE__ */ React10.createElement(
+                    Typography5,
+                    {
+                      fontSize: 16,
+                      variant: "body2",
+                      color: "textSecondary",
+                      style: { fontWeight: "bold" }
+                    },
+                    `${formattedTime}`
+                  )
+                );
+              },
+              monthButton: (props) => {
+                return /* @__PURE__ */ React10.createElement(
+                  "button",
+                  {
+                    className: `${props.className}`,
+                    style: {
+                      width: "80%",
+                      padding: "10px",
+                      marginBottom: "20px",
+                      border: "1px solid #ccc",
+                      borderRadius: "12px",
+                      backgroundColor: props.disabled ? "#f0f0f0" : "#f0000",
+                      fontSize: "14px",
+                      cursor: props.disabled ? "default" : "pointer"
+                    },
+                    disabled: props.disabled,
+                    onFocus: props.onFocus,
+                    onBlur: props.onBlur,
+                    onClick: props.onClick,
+                    ref: props.ref
+                  },
+                  props["aria-label"],
+                  " "
+                );
+              }
+            },
+            sx: {
+              width: "100%",
+              borderColor: error ? "#D32F2F" : "#C4C4C4",
+              "& .MuiOutlinedInput-notchedOutline": {
+                borderColor: error ? "#D32F2F" : "#C4C4C4"
+              }
+            },
+            maxDate: today,
+            slotProps: {
+              mobilePaper: {
+                sx: {
+                  "& .MuiClock-root": {
+                    backgroundColor: "transparent",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center"
+                  },
+                  "& .MuiClock-clock": {
+                    mt: 4,
+                    pt: 0.5,
+                    width: 230,
+                    height: 230,
+                    backgroundColor: "rgba(0, 0, 0, 0.03)",
+                    borderRadius: "50%",
+                    border: "4px solid rgba(0, 0, 0, 0.04)"
+                  },
+                  "& .MuiClock-pin": {
+                    backgroundColor: "#085938"
+                  },
+                  "& .MuiClockPointer-root, & .MuiClockPointer-thumb": {
+                    backgroundColor: "#085938"
+                  },
+                  "& .MuiClockNumber-root": {
+                    color: "#000",
+                    fontSize: "16px"
+                  },
+                  "&.Mui-selected, &.Mui-focusVisible": {
+                    color: "#FFF"
+                  }
+                }
+              },
+              textField: {
+                size,
+                placeholder: "",
+                onClick: () => {
+                  if (!open) setOpen(true);
+                },
+                InputLabelProps: {
+                  shrink: true,
+                  style: { color: error ? "#D32F2F" : "inherit" }
+                },
+                InputProps: {
+                  ...disabled && { endAdornment: false },
+                  sx: {
+                    textAlign: centeredTime ? "center" : "left",
+                    // Center or left align
+                    "& input": {
+                      textAlign: centeredTime ? "center" : "left"
+                      // Ensure input text is centered
+                    }
+                  }
+                }
+              },
+              popper: {
+                modifiers: [
+                  {
+                    name: "preventOverflow",
+                    options: {
+                      boundary: "window"
+                    }
+                  },
+                  {
+                    name: "flip",
+                    options: {
+                      fallbackPlacements: ["right", "left", "top"]
+                    }
+                  }
+                ]
+              }
+            }
+          }
+        ), error && /* @__PURE__ */ React10.createElement(Typography5, { fontSize: 13, color: "error", sx: { mt: 0.6, ml: 1 } }, error.message))
+      }
+    )
+  );
+};
+var date_time_picker_default = JalaliDatePicker2;
+
+// src/date-time-range-picker/index.tsx
+import { Box as Box9, Typography as Typography6 } from "@mui/material";
+import { LocalizationProvider as LocalizationProvider3 } from "@mui/x-date-pickers";
+import { AdapterMomentJalaali as AdapterMomentJalaali3 } from "@mui/x-date-pickers/AdapterMomentJalaali";
+import moment5 from "moment-jalaali";
+import React11, { useEffect as useEffect5, useState as useState6 } from "react";
+import { useWatch } from "react-hook-form";
+moment5.loadPersian({ dialect: "persian-modern", usePersianDigits: true });
+var JalaliDateTimeRangePicker = ({
+  control,
+  startName,
+  endName,
+  startLabel,
+  endLabel,
+  disabled = false,
+  isLoading = false
+}) => {
+  const startDate = useWatch({ control, name: startName });
+  const validStartDate = startDate ? moment5(startDate) : null;
+  const defaultStartDate = moment5().add(3.5, "hours").toDate();
+  const [isStartDateChanged, setIsStartDateChanged] = useState6(false);
+  useEffect5(() => {
+    if (validStartDate && !validStartDate.isSame(defaultStartDate, "minute")) {
+      setIsStartDateChanged(true);
+    } else if (validStartDate && validStartDate.isSame(defaultStartDate, "minute")) {
+      setIsStartDateChanged(false);
+    }
+  }, [validStartDate, defaultStartDate]);
+  return /* @__PURE__ */ React11.createElement(LocalizationProvider3, { dateAdapter: AdapterMomentJalaali3 }, /* @__PURE__ */ React11.createElement(
+    Box9,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        flexDirection: "row",
+        gap: 1
+      }
+    },
+    /* @__PURE__ */ React11.createElement(
+      date_time_picker_default,
+      {
+        control,
+        name: startName,
+        label: startLabel,
+        disabled: disabled || isLoading
+      }
+    ),
+    /* @__PURE__ */ React11.createElement(Typography6, { variant: "h6" }, "-"),
+    /* @__PURE__ */ React11.createElement(
+      date_time_picker_default,
+      {
+        control,
+        name: endName,
+        label: endLabel,
+        disabled: disabled || isLoading,
+        minDateTime: isStartDateChanged ? moment5(startDate) : void 0
+      }
+    )
+  ));
+};
+var date_time_range_picker_default = JalaliDateTimeRangePicker;
+
+// src/license-plate-search/index.tsx
+import { convertToEnglishDigits as convertToEnglishDigits2, convertToPersianDigits as convertToPersianDigits2 } from "@mamrp/utils";
+import { Box as Box10, IconButton as IconButton4, Typography as Typography7 } from "@mui/material";
+import Button7 from "@mui/material/Button";
+import Dialog4 from "@mui/material/Dialog";
+import DialogContent4 from "@mui/material/DialogContent";
+import DialogTitle4 from "@mui/material/DialogTitle";
+import Image2 from "next/image";
+import { useEffect as useEffect6, useRef as useRef3, useState as useState7 } from "react";
+import { IoClose as IoClose2 } from "react-icons/io5";
+import React12 from "react";
+function SearchLicensePlate({
+  width = "100%",
+  part,
+  setValue,
+  data,
+  readOnly = true,
+  size
+}) {
+  const [open, setOpen] = useState7(false);
+  const [selectedValue, setSelectedValue] = useState7("");
+  const [inputValues, setInputValues] = useState7({
+    input1: "",
+    input2: "",
+    input3: "",
+    input4: ""
+  });
+  const inputRefs = {
+    input1: useRef3(null),
+    input2: useRef3(null),
+    input3: useRef3(null),
+    input4: useRef3(null)
+  };
+  useEffect6(() => {
+    if (data) {
+      let newdata = data.split(" ").filter((word) => word !== "\u0627\u06CC\u0631\u0627\u0646");
+      setInputValues({
+        input1: newdata[0],
+        input2: newdata[1],
+        input3: newdata[2],
+        input4: newdata[3]
+      });
+    } else if (data == "") {
+      setInputValues({
+        input1: "",
+        input2: "",
+        input3: "",
+        input4: ""
+      });
+    }
+  }, [data]);
+  const handleInputChange = (enteredInput, inputName, maxlength, minLength) => {
+    const newInputValues = {
+      ...inputValues,
+      [inputName]: enteredInput
+    };
+    setInputValues(newInputValues);
+    const formattedPlate = convertToEnglishDigits2(newInputValues.input1) + " " + newInputValues.input2 + " " + convertToEnglishDigits2(newInputValues.input3) + " \u0627\u06CC\u0631\u0627\u0646 " + convertToEnglishDigits2(newInputValues.input4);
+    setValue(part[0], convertToEnglishDigits2(newInputValues.input1));
+    setValue(part[1], newInputValues.input2);
+    setValue(part[2], convertToEnglishDigits2(newInputValues.input3));
+    setValue(part[3], convertToEnglishDigits2(newInputValues.input4));
+    if (enteredInput.length === maxlength || minLength === 1) {
+      if (inputName === "input1") {
+        setOpen(true);
+      } else if (inputName === "input2") {
+        setSelectedValue(enteredInput);
+        setOpen(false);
+      } else {
+        inputRefs["input4"]?.current?.focus();
+      }
+    }
+  };
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+    Box10,
+    {
+      sx: {
+        width,
+        border: "1px solid #e5e7eb",
+        borderRadius: "7px",
+        display: "flex",
+        alignItems: "center"
+      },
+      dir: "ltr"
+    },
+    /* @__PURE__ */ React12.createElement(
+      Box10,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ React12.createElement(
+        Box10,
+        {
+          sx: {
+            backgroundColor: "#172554",
+            width: size === "small" ? "30px" : "36px",
+            minHeight: size === "small" ? "40px" : "52px",
+            maxHeight: size === "small" ? "40px" : "52px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            borderRadius: "7px",
+            mr: 0.4
+          }
+        },
+        /* @__PURE__ */ React12.createElement(
+          Image2,
+          {
+            src: "/assets/images/iran-flag-dark.svg",
+            alt: "Iran Flag",
+            width: size === "small" ? 16 : 20,
+            height: size === "small" ? 14 : 12,
+            style: { cursor: "pointer" },
+            onClick: () => {
+              setInputValues({
+                input1: "",
+                input2: "",
+                input3: "",
+                input4: ""
+              });
+              setValue(part[0], "");
+              setValue(part[1], "");
+              setValue(part[2], "");
+              setValue(part[3], "");
+            }
+          }
+        )
+      )
+    ),
+    /* @__PURE__ */ React12.createElement(
+      Box10,
+      {
+        sx: {
+          width: "100%",
+          display: "flex",
+          justifyContent: "space-around",
+          fontSize: "1.125rem",
+          lineHeight: "1.75rem",
+          fontWeight: 600,
+          color: "#1f2937",
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ React12.createElement(
+        "input",
+        {
+          disabled: readOnly || !!data && readOnly,
+          ref: inputRefs.input1,
+          type: "text",
+          maxLength: 2,
+          placeholder: "- -",
+          style: {
+            width: "24px",
+            textAlign: "center",
+            backgroundColor: "transparent",
+            outline: "none",
+            cursor: readOnly || !!data && readOnly ? "" : "text"
+          },
+          value: convertToPersianDigits2(inputValues.input1),
+          onChange: (e) => handleInputChange(e.target.value, "input1", 2)
+        }
+      ),
+      /* @__PURE__ */ React12.createElement(
+        Box10,
+        {
+          sx: {
+            display: "flex",
+            alignItems: "center"
+          }
+        },
+        !data && /* @__PURE__ */ React12.createElement(
+          Image2,
+          {
+            src: "/assets/images/solid-arrow-down.svg",
+            width: 20,
+            height: 20,
+            alt: "arrow",
+            style: { cursor: "pointer", marginRight: 4 }
+          }
+        ),
+        /* @__PURE__ */ React12.createElement(
+          "input",
+          {
+            disabled: readOnly || !!data && readOnly,
+            ref: inputRefs.input2,
+            onClick: () => {
+              if (!(readOnly || !!data && readOnly)) {
+                setOpen(true);
+              }
+            },
+            type: "text",
+            minLength: 1,
+            maxLength: 3,
+            placeholder: "-",
+            style: {
+              width: "28px",
+              textAlign: "center",
+              backgroundColor: "transparent",
+              outline: "none",
+              cursor: readOnly || !!data && readOnly ? "" : "pointer"
+            },
+            value: inputValues.input2,
+            readOnly: true
+          }
+        )
+      ),
+      /* @__PURE__ */ React12.createElement(
+        Dialog4,
+        {
+          dir: "rtl",
+          open,
+          onClose: () => setOpen(false),
+          "aria-labelledby": "alert-dialog-title",
+          "aria-describedby": "alert-dialog-description"
+        },
+        /* @__PURE__ */ React12.createElement(
+          Box10,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              backgroundColor: "#f5f5f5"
+              // bg-neutral-100
+            }
+          },
+          /* @__PURE__ */ React12.createElement(DialogTitle4, { id: "alert-dialog-title" }, "\u0627\u0646\u062A\u062E\u0627\u0628 \u062D\u0631\u0641 \u067E\u0644\u0627\u06A9"),
+          /* @__PURE__ */ React12.createElement(
+            Box10,
+            {
+              sx: {
+                cursor: "pointer",
+                paddingRight: "1rem",
+                color: "#737373"
+                // text-neutral-500
+              },
+              onClick: () => setOpen(false)
+            },
+            /* @__PURE__ */ React12.createElement(IconButton4, null, /* @__PURE__ */ React12.createElement(IoClose2, null))
+          )
+        ),
+        /* @__PURE__ */ React12.createElement(DialogContent4, null, /* @__PURE__ */ React12.createElement(
+          Box10,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+              gap: 2,
+              my: 2
+            }
+          },
+          letters_default.map((letter, index) => /* @__PURE__ */ React12.createElement(
+            Button7,
+            {
+              key: index,
+              variant: "outlined",
+              color: "primary",
+              sx: {
+                border: "none",
+                backgroundColor: "#f0f0f0",
+                width: "70px",
+                height: "50px",
+                fontWeight: "bold",
+                ":hover": {
+                  backgroundColor: "#e3e3e3"
+                }
+              },
+              onClick: () => handleInputChange(letter, "input2", 3, 1)
+            },
+            /* @__PURE__ */ React12.createElement(Typography7, { color: "#117A4F", fontWeight: "bold" }, letter)
+          ))
+        ), /* @__PURE__ */ React12.createElement(Box10, { sx: { display: "flex", justifyContent: "center", mt: 2.5 } }, /* @__PURE__ */ React12.createElement(
+          Button7,
+          {
+            sx: { width: "6rem" },
+            variant: "outlined",
+            color: "error",
+            onClick: () => {
+              handleInputChange("", "input2", 3, 1);
+              setOpen(false);
+            }
+          },
+          "\u062D\u0630\u0641 \u062D\u0631\u0641"
+        )))
+      ),
+      /* @__PURE__ */ React12.createElement(
+        "input",
+        {
+          disabled: readOnly || !!data && readOnly,
+          ref: inputRefs.input3,
+          type: "text",
+          maxLength: 3,
+          placeholder: "- - -",
+          style: {
+            width: "40px",
+            // w-10
+            textAlign: "center",
+            backgroundColor: "transparent",
+            outline: "none",
+            cursor: readOnly || !!data && readOnly ? "" : "text"
+          },
+          value: convertToPersianDigits2(inputValues.input3),
+          onChange: (e) => handleInputChange(e.target.value, "input3", 3)
+        }
+      ),
+      /* @__PURE__ */ React12.createElement(
+        Box10,
+        {
+          sx: {
+            height: "40px",
+            width: "1px",
+            backgroundColor: "#e5e7eb"
+          }
+        }
+      ),
+      /* @__PURE__ */ React12.createElement(
+        Box10,
+        {
+          sx: {
+            display: "flex",
+            flexDirection: "column-reverse",
+            gap: size === "small" ? 0.25 : 1,
+            alignItems: "center"
+          }
+        },
+        /* @__PURE__ */ React12.createElement(
+          "input",
+          {
+            disabled: readOnly || !!data && readOnly,
+            ref: inputRefs.input4,
+            type: "text",
+            maxLength: 2,
+            placeholder: "- -",
+            style: {
+              width: "24px",
+              textAlign: "center",
+              backgroundColor: "transparent",
+              outline: "none",
+              cursor: readOnly || !!data && readOnly ? "" : "text"
+            },
+            value: convertToPersianDigits2(inputValues.input4),
+            onChange: (e) => handleInputChange(e.target.value, "input4", 2)
+          }
+        ),
+        /* @__PURE__ */ React12.createElement(
+          Image2,
+          {
+            src: "/assets/images/iran.svg",
+            alt: "Iran",
+            width: size === "small" ? 25 : 30,
+            height: size === "small" ? 21 : 26
+          }
+        )
+      )
+    )
+  ));
+}
+
+// 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";
+import { Box as Box11 } from "@mui/system";
+import {
+  MobileDateTimePicker,
+  LocalizationProvider as LocalizationProvider4
+} from "@mui/x-date-pickers";
+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 { Controller as Controller6 } from "react-hook-form";
+moment6.loadPersian({ dialect: "persian-modern", usePersianDigits: true });
+var JalaliDatePicker3 = ({
+  name,
+  control,
+  label,
+  isLoading
+}) => {
+  const today = moment6();
+  const isMobile = useMediaQuery4("(max-width:700px)");
+  const [open, setOpen] = useState8(false);
+  const customLocaleText = {
+    cancelButtonLabel: "\u0644\u063A\u0648",
+    okButtonLabel: "\u062A\u0623\u06CC\u06CC\u062F",
+    todayButtonLabel: "\u0627\u0645\u0631\u0648\u0632",
+    clearButtonLabel: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646",
+    start: "\u0634\u0631\u0648\u0639",
+    end: "\u067E\u0627\u06CC\u0627\u0646",
+    previousMonth: "\u0645\u0627\u0647 \u0642\u0628\u0644",
+    nextMonth: "\u0645\u0627\u0647 \u0628\u0639\u062F",
+    openDatePickerDialogue: (date, utils, formattedDate) => `\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E ${formattedDate ? `(${formattedDate})` : ""}`,
+    openTimePickerDialogue: (date, utils, formattedTime) => `\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646 ${formattedTime ? `(${formattedTime})` : ""}`,
+    selectDate: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E",
+    selectTime: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646",
+    datePickerToolbarTitle: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E",
+    timePickerToolbarTitle: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646",
+    dateTimePickerToolbarTitle: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E \u0648 \u0632\u0645\u0627\u0646",
+    hoursClockNumberText: (hours) => `${hours} \u0633\u0627\u0639\u062A`,
+    minutesClockNumberText: (minutes) => `${minutes} \u062F\u0642\u06CC\u0642\u0647`,
+    secondsClockNumberText: (seconds) => `${seconds} \u062B\u0627\u0646\u06CC\u0647`,
+    calendarWeekNumberHeaderLabel: "\u0647\u0641\u062A\u0647",
+    calendarWeekNumberHeaderText: "#",
+    calendarWeekNumberAriaLabelText: (weekNumber) => `\u0647\u0641\u062A\u0647 ${weekNumber}`,
+    calendarWeekNumberText: (weekNumber) => `${weekNumber}`
+  };
+  return /* @__PURE__ */ React14.createElement(
+    LocalizationProvider4,
+    {
+      dateAdapter: AdapterMomentJalaali4,
+      localeText: customLocaleText
+    },
+    /* @__PURE__ */ React14.createElement(
+      Controller6,
+      {
+        name,
+        control,
+        render: ({ field, fieldState: { error } }) => /* @__PURE__ */ React14.createElement(Box11, { sx: { width: "100%" } }, /* @__PURE__ */ React14.createElement(
+          MobileDateTimePicker,
+          {
+            open,
+            onClose: () => {
+              setOpen(false);
+              field.onBlur();
+            },
+            onOpen: () => setOpen(true),
+            orientation: isMobile ? "portrait" : "landscape",
+            disabled: isLoading,
+            openTo: "day",
+            views: ["year", "month", "day", "hours", "minutes"],
+            label,
+            value: field.value ? moment6(field.value) : null,
+            onChange: (newValue) => {
+              if (newValue) {
+                field.onChange(dayjs2(newValue).format("YYYY-MM-DDTHH:mm:ss"));
+              } else {
+                field.onChange(null);
+              }
+            },
+            onAccept: () => {
+              setOpen(false);
+              field.onBlur();
+            },
+            onError: () => {
+              setOpen(false);
+              field.onBlur();
+            },
+            format: `jDD jMMMM jYYYY ${" "} - ${" "} HH:mm`,
+            slots: {
+              toolbar: (props) => {
+                const currentDate = moment6(field.value || null);
+                let formattedDay, formattedDate, formattedYear, formattedTime;
+                if (field.value) {
+                  formattedDay = currentDate.format("dddd");
+                  formattedDate = currentDate.format("jDD jMMMM");
+                  formattedYear = currentDate.format("jYYYY");
+                  formattedTime = currentDate.format("HH:mm");
+                } 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(
+                  Box11,
+                  {
+                    sx: {
+                      padding: "16px",
+                      textAlign: "left",
+                      display: "flex",
+                      flexDirection: "row",
+                      justifyContent: "start",
+                      alignItems: "center",
+                      gap: 1
+                    }
+                  },
+                  /* @__PURE__ */ React14.createElement(
+                    Typography8,
+                    {
+                      fontSize: 16,
+                      variant: "overline",
+                      color: "primary"
+                    },
+                    `${formattedDay}\u060C`
+                  ),
+                  /* @__PURE__ */ React14.createElement(
+                    Typography8,
+                    {
+                      variant: "h4",
+                      fontSize: 26,
+                      style: { fontWeight: "bold" }
+                    },
+                    `${formattedDate}`
+                  ),
+                  /* @__PURE__ */ React14.createElement(
+                    Typography8,
+                    {
+                      fontSize: 16,
+                      variant: "body2",
+                      color: "textSecondary"
+                    },
+                    `${formattedYear}`
+                  ),
+                  field.value && /* @__PURE__ */ React14.createElement(Typography8, null, "-"),
+                  /* @__PURE__ */ React14.createElement(
+                    Typography8,
+                    {
+                      fontSize: 16,
+                      variant: "body2",
+                      color: "textSecondary",
+                      style: { fontWeight: "bold" }
+                    },
+                    `${formattedTime}`
+                  )
+                );
+              },
+              monthButton: (props) => {
+                return /* @__PURE__ */ React14.createElement(
+                  Button8,
+                  {
+                    className: props.className,
+                    style: {
+                      width: "80%",
+                      padding: "10px",
+                      marginBottom: "20px",
+                      border: "1px solid #ccc",
+                      borderRadius: "12px",
+                      backgroundColor: props.disabled ? "#f0f0f0" : "#f0000",
+                      fontSize: "14px",
+                      cursor: props.disabled ? "default" : "pointer"
+                    },
+                    disabled: props.disabled,
+                    onClick: props.onClick
+                  },
+                  props["aria-label"]
+                );
+              }
+            },
+            sx: {
+              width: "100%",
+              borderColor: error ? "#D32F2F" : "#C4C4C4",
+              "& .MuiOutlinedInput-notchedOutline": {
+                borderColor: error ? "#D32F2F" : "#C4C4C4"
+              }
+            },
+            maxDate: today,
+            slotProps: {
+              mobilePaper: {
+                sx: {
+                  "& .MuiClock-root": {
+                    backgroundColor: "transparent",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center"
+                  },
+                  "& .MuiClock-clock": {
+                    mt: 4,
+                    pt: 0.5,
+                    width: 230,
+                    height: 230,
+                    backgroundColor: "rgba(0, 0, 0, 0.03)",
+                    borderRadius: "50%",
+                    border: "4px solid rgba(0, 0, 0, 0.04)"
+                  },
+                  "& .MuiClock-pin": {
+                    backgroundColor: "#085938"
+                  },
+                  "& .MuiClockPointer-root, & .MuiClockPointer-thumb": {
+                    backgroundColor: "#085938"
+                  },
+                  "& .MuiClockNumber-root": {
+                    color: "#000",
+                    fontSize: "16px"
+                  },
+                  "&.Mui-selected, &.Mui-focusVisible": {
+                    color: "#FFF"
+                  }
+                }
+              },
+              textField: {
+                placeholder: field.value ? "" : "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0632\u0645\u0627\u0646",
+                onClick: () => {
+                  if (!open) setOpen(true);
+                },
+                InputLabelProps: {
+                  shrink: true,
+                  style: { color: error ? "#D32F2F" : "inherit" }
+                },
+                InputProps: {
+                  onFocus: () => {
+                  }
+                }
+              }
+            }
+          }
+        ), error && /* @__PURE__ */ React14.createElement(Typography8, { fontSize: 13, color: "error", sx: { mt: 0.6, ml: 1 } }, error.message))
+      }
+    )
+  );
+};
+var mobile_date_time_picker_default = JalaliDatePicker3;
+
+// src/modal/index.tsx
+import * as React15 from "react";
+import Dialog5 from "@mui/material/Dialog";
+import DialogActions3 from "@mui/material/DialogActions";
+import DialogContent5 from "@mui/material/DialogContent";
+import DialogTitle5 from "@mui/material/DialogTitle";
+import {
+  Box as Box12,
+  Button as Button9,
+  CircularProgress as CircularProgress2,
+  Divider as Divider3,
+  IconButton as IconButton5
+} from "@mui/material";
+import { FaRegTrashAlt } from "react-icons/fa";
+import { MdClose as MdClose3, MdOutlineCancel as MdOutlineCancel2 } from "react-icons/md";
+function ConfirmationDialog2({
+  open,
+  handleClose,
+  callback,
+  callbackParams,
+  headerText,
+  bodyText,
+  isLoading
+}) {
+  return /* @__PURE__ */ React15.createElement(Dialog5, { open, onClose: handleClose, fullWidth: true, maxWidth: "xs" }, /* @__PURE__ */ React15.createElement(Box12, null, /* @__PURE__ */ React15.createElement(
+    DialogTitle5,
+    {
+      fontWeight: 700,
+      fontSize: "1.2rem",
+      display: "flex",
+      alignItems: "center",
+      gap: 1
+    },
+    /* @__PURE__ */ React15.createElement(FaRegTrashAlt, { style: { color: "red" }, size: 18 }),
+    headerText
+  ), /* @__PURE__ */ React15.createElement(
+    IconButton5,
+    {
+      "aria-label": "close",
+      onClick: handleClose,
+      sx: {
+        position: "absolute",
+        right: 8,
+        top: 8,
+        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(
+    DialogActions3,
+    {
+      sx: {
+        display: "flex",
+        justifyContent: "flex-end",
+        width: "100%",
+        gap: "12px",
+        alignItems: "center",
+        padding: "2rem"
+      }
+    },
+    /* @__PURE__ */ React15.createElement(
+      Button9,
+      {
+        disabled: isLoading,
+        onClick: () => {
+          callback(callbackParams);
+          handleClose();
+        },
+        variant: "contained",
+        color: "error",
+        sx: { minWidth: "120px" },
+        startIcon: isLoading ? /* @__PURE__ */ React15.createElement(CircularProgress2, { sx: { color: "white" }, size: 20 }) : /* @__PURE__ */ React15.createElement(FaRegTrashAlt, { size: 16 })
+      },
+      "\u062D\u0630\u0641"
+    ),
+    /* @__PURE__ */ React15.createElement(
+      Button9,
+      {
+        onClick: handleClose,
+        variant: "outlined",
+        color: "error",
+        startIcon: /* @__PURE__ */ React15.createElement(MdOutlineCancel2, { size: 15 }),
+        sx: { minWidth: "120px" }
+      },
+      "\u0627\u0646\u0635\u0631\u0627\u0641"
+    )
+  )));
+}
+
+// src/no-result/index.tsx
+import {
+  Card as Card2,
+  Stack as Stack3,
+  Typography as Typography9,
+  useTheme as useTheme4
+} from "@mui/material";
+import React16 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(
+    Card2,
+    {
+      sx: {
+        width: "100%",
+        minWidth: 300,
+        borderRadius: "12px",
+        border: `1px solid ${theme.palette.secondary.light}`
+      }
+    },
+    /* @__PURE__ */ React16.createElement(
+      Stack3,
+      {
+        spacing: 2,
+        alignItems: "center",
+        sx: {
+          py: 5,
+          ...sx
+        }
+      },
+      /* @__PURE__ */ React16.createElement(
+        "img",
+        {
+          src: "/assets/images/no-data.png",
+          alt: "No Data",
+          height: 100,
+          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))
+    )
+  );
+}
+
+// src/pagination-list/index.tsx
+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 { FaChevronLeft as FaChevronLeft3, FaChevronRight as FaChevronRight3 } from "react-icons/fa";
+function PaginationList({
+  currentPage,
+  setCurrentPage,
+  totalPages
+}) {
+  React17.useEffect(() => {
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  }, [currentPage]);
+  const handlePrevious = () => {
+    if (currentPage > 1) {
+      setCurrentPage(currentPage - 1);
+    }
+  };
+  const handleNext = () => {
+    if (currentPage < totalPages) {
+      setCurrentPage(currentPage + 1);
+    }
+  };
+  return /* @__PURE__ */ React17.createElement(
+    Stack4,
+    {
+      direction: "row",
+      spacing: 2,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    /* @__PURE__ */ React17.createElement(
+      Button10,
+      {
+        variant: "contained",
+        onClick: handlePrevious,
+        color: "warning",
+        disabled: currentPage === 1,
+        sx: {
+          borderRadius: 2,
+          width: "100px",
+          height: "50px",
+          minWidth: "unset",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        size: "large",
+        startIcon: /* @__PURE__ */ React17.createElement(FaChevronRight3, null)
+      },
+      "\u0642\u0628\u0644\u06CC",
+      " "
+    ),
+    /* @__PURE__ */ React17.createElement(
+      Box13,
+      {
+        sx: {
+          fontWeight: "bold",
+          width: "120px",
+          height: "50px",
+          borderRadius: 2,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "#fff",
+          fontSize: "1.5rem",
+          backgroundColor: "#065938"
+        }
+      },
+      /* @__PURE__ */ React17.createElement("span", { style: { margin: "0px 6px", fontSize: "1.2rem" } }, "\u0635\u0641\u062D\u0647"),
+      convertToPersianDigits3(currentPage)
+    ),
+    /* @__PURE__ */ React17.createElement(
+      Button10,
+      {
+        variant: "contained",
+        onClick: handleNext,
+        color: "warning",
+        disabled: currentPage === totalPages,
+        sx: {
+          borderRadius: 2,
+          width: "100px",
+          height: "50px",
+          minWidth: "unset",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        size: "large",
+        endIcon: /* @__PURE__ */ React17.createElement(FaChevronLeft3, null)
+      },
+      "\u0628\u0639\u062F\u06CC",
+      " "
+    )
+  );
+}
+
+// src/radio-button/index.tsx
+import * as React18 from "react";
+import { Controller as Controller7 } from "react-hook-form";
+import Radio from "@mui/material/Radio";
+import RadioGroup from "@mui/material/RadioGroup";
+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: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "start"
+  } }, /* @__PURE__ */ React18.createElement(FormLabel, { id: `${name}-label` }, label), /* @__PURE__ */ React18.createElement(
+    Controller7,
+    {
+      name,
+      control,
+      render: ({ field }) => /* @__PURE__ */ React18.createElement(
+        RadioGroup,
+        {
+          ...field,
+          "aria-labelledby": `${name}-label`,
+          value: field.value,
+          sx: {
+            display: "flex",
+            flexDirection: "row",
+            marginLeft: 5
+          }
+        },
+        options.map((option) => /* @__PURE__ */ React18.createElement(
+          FormControlLabel2,
+          {
+            key: option.value,
+            value: option.value,
+            control: /* @__PURE__ */ React18.createElement(Radio, { id: option.id }),
+            label: option.name
+          }
+        ))
+      )
+    }
+  )));
+}
+
+// src/selector/index.tsx
+import { MdKeyboardArrowLeft, MdKeyboardArrowRight } from "react-icons/md";
+import {
+  Checkbox as Checkbox2,
+  Collapse,
+  FormControl as FormControl2,
+  IconButton as IconButton6,
+  InputLabel,
+  List,
+  ListItemText,
+  MenuItem,
+  Select,
+  Typography as Typography10
+} from "@mui/material";
+import React19, { useState as useState9 } from "react";
+var backendResponse = {
+  value: {
+    data: [
+      {
+        id: 287,
+        title: "\u0648\u0642\u0641\u0647 \u062F\u0627\u062E\u0644 \u06A9\u0634\u062A\u0627\u0631\u06AF\u0627\u0647",
+        parentId: null,
+        level: 1,
+        children: [
+          {
+            id: 292,
+            title: "\u062E\u0637 \u06F2 \u06A9\u0634\u062A\u0627\u0631",
+            parentId: 287,
+            level: 2,
+            children: [
+              {
+                id: 312,
+                title: "\u062E\u0631\u0627\u0628\u06CC \u062F\u0633\u062A\u06AF\u0627\u0647 \u0645\u0642\u0639\u062F \u0632\u0646",
+                parentId: 292,
+                level: 3,
+                children: []
+              },
+              {
+                id: 313,
+                title: "\u062E\u0631\u0627\u0628\u06CC \u062F\u0633\u062A\u06AF\u0627\u0647 \u0686\u0627\u06A9 \u0632\u0646",
+                parentId: 292,
+                level: 3,
+                children: []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: 288,
+        title: "\u0648\u0642\u0641\u0647 \u0642\u0628\u0644 \u0627\u0632 \u06A9\u0634\u062A\u0627\u0631\u06AF\u0627\u0647",
+        parentId: null,
+        level: 1,
+        children: [
+          {
+            id: 289,
+            title: "\u0633\u0631\u0648\u06CC\u0633 \u067E\u0631\u0633\u0646\u0644",
+            parentId: 288,
+            level: 2,
+            children: []
+          }
+        ]
+      }
+    ]
+  }
+};
+var NestedSelect = () => {
+  const [selectedItem, setSelectedItem] = useState9(null);
+  const [openMenus, setOpenMenus] = useState9({});
+  const [menuOpen, setMenuOpen] = useState9(false);
+  const handleSelect = (item) => {
+    setSelectedItem((prev) => prev?.id === item.id ? null : item);
+  };
+  const handleToggle = (id) => {
+    setOpenMenus((prev) => ({ ...prev, [id]: !prev[id] }));
+  };
+  const renderMenuItems = (items, level = 0) => {
+    return items.map((item) => {
+      const isParentSelected = selectedItem?.id === item.id;
+      const isAnyChildSelected = item.children?.some(
+        (child) => selectedItem?.id === child.id
+      );
+      return /* @__PURE__ */ React19.createElement("div", { key: item.id }, /* @__PURE__ */ React19.createElement(
+        MenuItem,
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            handleSelect(item);
+          },
+          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(
+          IconButton6,
+          {
+            size: "small",
+            onClick: (e) => {
+              e.stopPropagation();
+              handleToggle(item.id);
+            }
+          },
+          openMenus[item.id] ? /* @__PURE__ */ React19.createElement(MdKeyboardArrowLeft, null) : /* @__PURE__ */ React19.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))));
+    });
+  };
+  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(
+    Select,
+    {
+      label: "\u062F\u0633\u062A\u0647 \u0628\u0646\u062F\u06CC *",
+      value: selectedItem?.id || "",
+      displayEmpty: true,
+      open: menuOpen,
+      onOpen: () => setMenuOpen(true),
+      onClose: () => setMenuOpen(false),
+      renderValue: (selected) => selectedItem ? /* @__PURE__ */ React19.createElement(Typography10, null, selectedItem.title) : " "
+    },
+    renderMenuItems(backendResponse.value.data)
+  ));
+};
+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";
+var radarAnimation = keyframes`
+  0% {
+    background: inherit;
+    transform: scale(0);
+    opacity: 0.9;
+  }
+  100% {
+    opacity: 0;
+    transform: scale(4);
+  }
+`;
+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(
+    Box14,
+    {
+      className: "root",
+      sx: {
+        position: "absolute",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "white",
+        transform: "translateZ(0)"
+      }
+    },
+    /* @__PURE__ */ React20.createElement(
+      Box14,
+      {
+        className: "radar",
+        sx: {
+          position: "absolute",
+          zIndex: 1,
+          width: "15px",
+          height: "15px",
+          borderRadius: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: "red",
+          animation: `${radarAnimation} 1.2s linear infinite`,
+          animationDelay: "0s"
+        }
+      },
+      /* @__PURE__ */ React20.createElement(
+        Box14,
+        {
+          className: "sonar",
+          sx: {
+            position: "absolute",
+            zIndex: 1,
+            width: "14px",
+            height: "14px",
+            borderRadius: "inherit",
+            backgroundColor: "red"
+          }
+        }
+      ),
+      /* @__PURE__ */ React20.createElement(
+        Box14,
+        {
+          className: "sonar delayed",
+          sx: {
+            position: "absolute",
+            zIndex: 1,
+            width: "7px",
+            height: "7px",
+            borderRadius: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            animation: `${radarAnimation} 1.2s linear infinite`,
+            animationDelay: "1s",
+            backgroundColor: "red"
+          }
+        }
+      )
+    )
+  ));
+}
+
+// src/stepper/index.tsx
+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";
+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(
+    StepButton,
+    {
+      color: "inherit",
+      disabled: !(index === 0 && currentStep === 1),
+      onClick: () => {
+        if (index === 0 && currentStep === 1) {
+          setCurrentStep(0);
+        }
+      }
+    },
+    label
+  )))));
+}
+
+// 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";
+var CustomSwitch = styled2(Switch)(({ theme }) => ({
+  "& .MuiSwitch-switchBase.Mui-checked": {
+    color: theme.palette.primary.main
+  },
+  "& .MuiSwitch-switchBase": {
+    color: "#757575"
+  },
+  "& .MuiSwitch-track": {
+    backgroundColor: "#E0E0E0"
+  },
+  "& .MuiSwitch-track.Mui-checked": {
+    backgroundColor: theme.palette.primary.light
+  }
+}));
+var BoxContainer = styled2(Box16)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  padding: "5px",
+  backgroundColor: "#fafafa",
+  borderRadius: "10px",
+  transition: "all 0.3s ease",
+  "&:hover": {
+    backgroundColor: theme.palette.action.hover
+  },
+  // Conditionally apply smaller padding for mobile devices
+  "@media (max-width:700px)": {
+    padding: "0px"
+    // Smaller padding for mobile
+  }
+}));
+var LabelContainer = styled2("div")({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: "16px",
+  fontWeight: "100",
+  color: "#333",
+  marginLeft: "8px",
+  transition: "all 0.2s ease",
+  // Conditionally apply smaller font size and margin for mobile devices
+  "@media (max-width:700px)": {
+    fontSize: "14px",
+    // Smaller font size for mobile
+    marginLeft: "2px",
+    // Smaller margin for mobile
+    marginRight: "0px"
+    // Smaller
+  }
+});
+var SwitchWithIcons = ({
+  checked,
+  handleChange,
+  iconChecked,
+  iconUnchecked
+}) => {
+  return /* @__PURE__ */ React22.createElement(BoxContainer, null, /* @__PURE__ */ React22.createElement(
+    FormControlLabel3,
+    {
+      control: /* @__PURE__ */ React22.createElement(
+        CustomSwitch,
+        {
+          checked,
+          onChange: handleChange,
+          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"))
+    }
+  ));
+};
+var switch_button_default = SwitchWithIcons;
+
+// src/table/index.tsx
+import { Typography as Typography11 } from "@mui/material";
+import Skeleton2 from "@mui/material/Skeleton";
+import { styled as styled3 } from "@mui/material/styles";
+import {
+  DataGrid
+} from "@mui/x-data-grid";
+import React23, { useEffect as useEffect8 } from "react";
+var ScrollableContainer = styled3("div")({
+  width: "100%",
+  overflowX: "auto"
+  // Enable horizontal scrolling
+});
+var Table = ({
+  pagingmode,
+  totalRows,
+  rows,
+  columns,
+  paginationModel,
+  setPaginationModel,
+  loading,
+  rowId,
+  _tools,
+  _CustomFooter,
+  rowInPage,
+  highlightedRowId,
+  evenRowBgColor = "transparent",
+  sortFieldMapping,
+  setsortQuery,
+  sortQuery,
+  fontSize,
+  ...rest
+}) => {
+  const [sortModel, setSortModel] = React23.useState([]);
+  const handleSetQueryOptions = (options) => {
+    if (!Array.isArray(options)) return;
+    const formattedOptions = options.reduce((acc, item) => {
+      const field = sortFieldMapping?.[item.field] || item.field;
+      acc[field] = item.sort == "ask" ? 0 : 1;
+      return acc;
+    }, {});
+    setsortQuery && setsortQuery(formattedOptions);
+  };
+  useEffect8(() => {
+    if (sortQuery && Object.keys(sortQuery).length > 0) {
+      const queryKey = Object.keys(sortQuery)[0];
+      if (sortFieldMapping) {
+        const fieldName = Object.keys(sortFieldMapping).find(
+          (key) => sortFieldMapping[key] === queryKey
+        );
+        if (fieldName) {
+          const sortDirection = sortQuery[queryKey];
+          setSortModel([
+            { field: fieldName, sort: sortDirection == 0 ? "asc" : "desc" }
+          ]);
+        }
+      }
+    } else {
+      setSortModel([]);
+    }
+  }, [sortQuery]);
+  const handleSortModelChange = React23.useCallback(
+    (sortModel2) => {
+      handleSetQueryOptions(
+        sortModel2.map((item) => ({
+          field: item.field,
+          sort: item.sort === "asc" ? "ask" : item.sort === "desc" ? "desc" : item.sort
+        }))
+      );
+    },
+    []
+  );
+  const option = {
+    ...!!setsortQuery && {
+      sortingMode: "server",
+      onSortModelChange: handleSortModelChange,
+      sortModel
+    },
+    ...!pagingmode && { paginationMode: "server" },
+    ...pagingmode == "client" && { paginationMode: "client" },
+    ...!pagingmode && {
+      onPaginationModelChange: setPaginationModel,
+      paginationModel
+    },
+    ...pagingmode == "client" && {
+      initialState: {
+        pagination: {
+          paginationModel: {
+            pageSize: rowInPage ? rowInPage : 5,
+            // Default page size (5)
+            page: paginationModel?.page || 0
+            // Default to page 0 if not provided
+          }
+        }
+      }
+    },
+    ...pagingmode == "client" && {
+      paginationModel
+      // Connect paginationModel to DataGrid
+    }
+  };
+  return /* @__PURE__ */ React23.createElement(ScrollableContainer, null, /* @__PURE__ */ React23.createElement(
+    DataGrid,
+    {
+      rows,
+      columns: columns.map((column) => ({ ...column })),
+      disableRowSelectionOnClick: true,
+      pagination: true,
+      sx: {
+        fontSize: fontSize ?? "0.875rem",
+        "& .MuiDataGrid-columnHeaders": {
+          backgroundColor: "rgba(0, 0, 0, 0.1)"
+        },
+        "& .MuiDataGrid-columnHeaderTitle": {
+          fontSize: fontSize ?? "1rem"
+        },
+        "& .MuiDataGrid-row:nth-of-type(even)": {
+          backgroundColor: evenRowBgColor
+        },
+        ...highlightedRowId && {
+          "& .MuiDataGrid-row": {
+            [`&[data-id="${highlightedRowId}"]`]: {
+              backgroundColor: "#c5edd0"
+            }
+          }
+        }
+      },
+      ...option,
+      onPaginationModelChange: setPaginationModel,
+      getRowId: rowId,
+      disableColumnResize: true,
+      autoHeight: true,
+      rowCount: totalRows,
+      pageSizeOptions: [5, 10, 25, 50, 75, 100],
+      slotProps: {
+        pagination: {
+          labelRowsPerPage: "\u062A\u0639\u062F\u0627\u062F \u062F\u0631 \u0647\u0631 \u0635\u0641\u062D\u0647"
+        }
+      },
+      disableColumnMenu: true,
+      disableColumnFilter: true,
+      loading,
+      localeText: {
+        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(
+            Skeleton2,
+            {
+              variant: "text",
+              width: 30,
+              style: { display: "inline-block" }
+            }
+          ), " ", /* @__PURE__ */ React23.createElement(
+            Skeleton2,
+            {
+              variant: "text",
+              width: 30,
+              style: { display: "inline-block" }
+            }
+          )) : `${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)
+      },
+      ...rest
+    }
+  ));
+};
+var table_default = Table;
+
+// src/text-field/number-type/index.tsx
+import TextField3 from "@mui/material/TextField";
+import { forwardRef } from "react";
+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";
+var FormInputNumber = ({
+  name,
+  control,
+  label,
+  endAdornment,
+  thousandSeparator,
+  startAdornment,
+  allowLeadingZeros = false,
+  allowNegative = false,
+  maxLength,
+  isLoading,
+  rules,
+  data,
+  borderColor,
+  decimalScale = 2,
+  ...rest
+}) => {
+  return /* @__PURE__ */ React24.createElement(
+    Controller8,
+    {
+      rules,
+      name,
+      control,
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React24.createElement(
+        TextField3,
+        {
+          disabled: isLoading,
+          helperText: error ? error.message : null,
+          size: "small",
+          error: !!error,
+          onChange,
+          value: data && !value ? data : value == null ? "" : value,
+          fullWidth: true,
+          sx: {
+            "& .MuiOutlinedInput-notchedOutline": {
+              borderColor: borderColor ? borderColor : ""
+            },
+            "& .MuiOutlinedInput-root": {
+              borderRadius: "12px",
+              "&:hover fieldset": {
+                borderColor: borderColor ?? "#085938"
+              },
+              "&.Mui-focused fieldset": {
+                borderColor: borderColor ?? "#085938"
+              }
+            },
+            "& .MuiInputLabel-root.Mui-focused": {
+              color: "#085938"
+            }
+          },
+          label,
+          inputRef: ref,
+          variant: "outlined",
+          InputLabelProps: { shrink: true },
+          InputProps: {
+            inputComponent: NumericFormatCustom,
+            inputProps: {
+              thousandSeparator,
+              allowLeadingZeros,
+              allowNegative,
+              maxLength,
+              decimalScale
+            },
+            endAdornment: isLoading ? /* @__PURE__ */ React24.createElement(InputAdornment2, { position: "end" }, /* @__PURE__ */ React24.createElement(CircularProgress3, { size: 20 })) : null,
+            startAdornment
+          },
+          ...rest
+        }
+      )
+    }
+  );
+};
+var NumericFormatCustom = forwardRef(
+  function NumericFormatCustom2(props, ref) {
+    const {
+      onChange,
+      thousandSeparator,
+      allowLeadingZeros,
+      allowNegative,
+      maxLength,
+      decimalScale,
+      ...other
+    } = props;
+    return /* @__PURE__ */ React24.createElement(
+      NumericFormat,
+      {
+        ...other,
+        getInputRef: ref,
+        onValueChange: (values) => {
+          onChange({
+            target: {
+              name: props.name,
+              value: values.value
+            }
+          });
+        },
+        maxLength,
+        allowLeadingZeros,
+        thousandSeparator,
+        valueIsNumericString: true,
+        allowNegative,
+        decimalScale,
+        fixedDecimalScale: false,
+        dir: "ltr"
+      }
+    );
+  }
+);
+var number_type_default = FormInputNumber;
+
+// src/text-field/text-type/index.tsx
+import CircularProgress4 from "@mui/material/CircularProgress";
+import InputAdornment3 from "@mui/material/InputAdornment";
+import TextField4 from "@mui/material/TextField";
+import React25 from "react";
+import { Controller as Controller9 } from "react-hook-form";
+var FormInputText = ({
+  name,
+  control,
+  label,
+  maxLength,
+  readOnly,
+  rules,
+  size = "small",
+  disabled = false,
+  multiline,
+  isLoading,
+  onBlurHandler,
+  rows,
+  ...rest
+}) => {
+  return /* @__PURE__ */ React25.createElement(
+    Controller9,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ React25.createElement(
+        TextField4,
+        {
+          disabled: disabled || isLoading,
+          helperText: error ? error.message : null,
+          multiline,
+          size,
+          rows: rows ? rows : void 0,
+          error: !!error,
+          onChange,
+          value,
+          fullWidth: true,
+          label,
+          variant: "outlined",
+          inputProps: {
+            ...rest.inputProps,
+            maxLength,
+            readOnly
+          },
+          InputProps: {
+            endAdornment: isLoading ? /* @__PURE__ */ React25.createElement(InputAdornment3, { position: "end" }, /* @__PURE__ */ React25.createElement(CircularProgress4, { size: 20 })) : null
+          },
+          InputLabelProps: { shrink: true },
+          inputRef: ref,
+          ...rest
+        }
+      )
+    }
+  );
+};
+var text_type_default = FormInputText;
+
+// src/upload-image/index.tsx
+import React26 from "react";
+import {
+  Controller as Controller10
+} from "react-hook-form";
+import { Box as Box17, Button as Button11, Stack as Stack5, Typography as Typography12 } from "@mui/material";
+import { GrUpload, GrGallery } from "react-icons/gr";
+import { MdOutlineCameraAlt } from "react-icons/md";
+import Image3 from "next/image";
+var UploadImage = ({
+  placeholder,
+  name,
+  selectedImage,
+  setSelectedImage,
+  control,
+  errors,
+  setValue,
+  height,
+  allowGallery = false,
+  imageFit = "cover"
+}) => {
+  const compressImage = (file, quality = 0.8, maxWidth = 800, maxHeight = 800) => {
+    return new Promise((resolve) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = (event) => {
+        const img = new window.Image();
+        img.src = event.target?.result;
+        img.onload = () => {
+          const canvas = document.createElement("canvas");
+          let width = img.width;
+          let height2 = img.height;
+          if (width > maxWidth) {
+            height2 *= maxWidth / width;
+            width = maxWidth;
+          }
+          if (height2 > maxHeight) {
+            width *= maxHeight / height2;
+            height2 = maxHeight;
+          }
+          canvas.width = width;
+          canvas.height = height2;
+          const ctx = canvas.getContext("2d");
+          if (ctx) {
+            ctx.drawImage(img, 0, 0, width, height2);
+            canvas.toBlob(
+              (blob) => {
+                if (blob) {
+                  const compressedFile = new File([blob], file.name, {
+                    type: "image/jpeg",
+                    lastModified: Date.now()
+                  });
+                  resolve(compressedFile);
+                } else {
+                  resolve(null);
+                }
+              },
+              "image/jpeg",
+              quality
+            );
+          } else {
+            resolve(null);
+          }
+        };
+      };
+    });
+  };
+  const handleImageChange = async (event, source) => {
+    const file = event.target.files?.[0];
+    if (file) {
+      console.log(`Original File Size: ${(file.size / 1024).toFixed(2)} KB`);
+      const compressedFile = await compressImage(file);
+      if (compressedFile) {
+        console.log(
+          `Compressed File Size: ${(compressedFile.size / 1024).toFixed(2)} KB`
+        );
+        const objectURL = URL.createObjectURL(compressedFile);
+        setSelectedImage(objectURL);
+        setValue(name, compressedFile);
+      }
+    }
+  };
+  return /* @__PURE__ */ React26.createElement(
+    Controller10,
+    {
+      name,
+      control,
+      render: ({ field }) => /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
+        "label",
+        {
+          htmlFor: "file-upload",
+          style: {
+            width: "100%",
+            height: height || "200px",
+            maxHeight: height ? "55vh" : "",
+            border: selectedImage ? "" : "2px dashed #ccc",
+            borderRadius: "10px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: "#aaa",
+            marginTop: "2rem",
+            cursor: allowGallery ? "default" : "pointer",
+            position: "relative",
+            overflow: "hidden"
+          }
+        },
+        selectedImage ? /* @__PURE__ */ React26.createElement(
+          Image3,
+          {
+            src: selectedImage,
+            alt: "Preview",
+            fill: true,
+            objectFit: imageFit
+          }
+        ) : /* @__PURE__ */ React26.createElement(
+          Stack5,
+          {
+            spacing: allowGallery ? 2 : 0,
+            sx: { pt: allowGallery ? 2 : 0 }
+          },
+          /* @__PURE__ */ React26.createElement(
+            Box17,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                gap: 1.5
+              }
+            },
+            /* @__PURE__ */ React26.createElement(Box17, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React26.createElement(GrUpload, null)),
+            placeholder
+          ),
+          allowGallery && /* @__PURE__ */ React26.createElement(Stack5, { spacing: 1.5 }, /* @__PURE__ */ React26.createElement(
+            Button11,
+            {
+              sx: { width: "9rem" },
+              variant: "outlined",
+              color: "info",
+              startIcon: /* @__PURE__ */ React26.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(
+            Button11,
+            {
+              sx: { width: "9rem" },
+              variant: "outlined",
+              color: "info",
+              startIcon: /* @__PURE__ */ React26.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(
+            "input",
+            {
+              id: "file-upload",
+              type: "file",
+              accept: "image/*",
+              capture: allowGallery ? void 0 : "environment",
+              onChange: (event) => {
+                handleImageChange(event, "camera");
+                field.onChange(event.target.files?.[0] || null);
+              },
+              style: { display: "none" }
+            }
+          )
+        )
+      ), /* @__PURE__ */ React26.createElement(
+        "input",
+        {
+          id: "gallery-upload",
+          type: "file",
+          accept: "image/*",
+          onChange: (event) => {
+            handleImageChange(event, "gallery");
+            field.onChange(event.target.files?.[0] || null);
+          },
+          style: { display: "none" }
+        }
+      ), /* @__PURE__ */ React26.createElement(
+        "input",
+        {
+          id: "camera-upload",
+          type: "file",
+          accept: "image/*",
+          capture: "environment",
+          onChange: (event) => {
+            handleImageChange(event, "camera");
+            field.onChange(event.target.files?.[0] || null);
+          },
+          style: { display: "none" }
+        }
+      ), selectedImage && /* @__PURE__ */ React26.createElement(
+        Box17,
+        {
+          sx: { display: "flex", justifyContent: "center", marginTop: 2 }
+        },
+        /* @__PURE__ */ React26.createElement(
+          Button11,
+          {
+            onClick: () => {
+              setSelectedImage(null);
+              setValue(name, null);
+              document.getElementById(
+                "gallery-upload"
+              ).value = "";
+              document.getElementById("camera-upload").value = "";
+            },
+            variant: "outlined",
+            color: "error",
+            sx: {
+              padding: "0.25rem 1rem",
+              fontSize: 14
+            }
+          },
+          "\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 || "")))
+    }
+  );
+};
+var upload_image_default = UploadImage;
+
+// src/accordion/index.tsx
+import { styled as styled4 } from "@mui/material/styles";
+import { IoIosArrowForward } from "react-icons/io";
+import MuiAccordion from "@mui/material/Accordion";
+import MuiAccordionSummary, {
+  accordionSummaryClasses
+} from "@mui/material/AccordionSummary";
+import MuiAccordionDetails from "@mui/material/AccordionDetails";
+import {
+  Typography as Typography13
+} from "@mui/material";
+import { useState as useState11 } from "react";
+function Page({
+  data
+}) {
+  const Accordion = styled4((props) => /* @__PURE__ */ React.createElement(MuiAccordion, { disableGutters: true, elevation: 0, square: true, ...props }))(({ theme }) => ({
+    border: `1px solid ${theme.palette.divider}`,
+    "&:not(:last-child)": {
+      borderBottom: 0
+    },
+    "&::before": {
+      display: "none"
+    }
+  }));
+  const AccordionSummary = styled4((props) => /* @__PURE__ */ React.createElement(MuiAccordionSummary, { expandIcon: /* @__PURE__ */ React.createElement(IoIosArrowForward, null), ...props }))(({ theme }) => ({
+    backgroundColor: "rgba(0, 0, 0, .03)",
+    flexDirection: "row-reverse",
+    [`& .${accordionSummaryClasses.expandIconWrapper}.${accordionSummaryClasses.expanded}`]: {
+      transform: "rotate(90deg)"
+    },
+    [`& .${accordionSummaryClasses.content}`]: {
+      marginLeft: theme.spacing(1)
+    },
+    ...theme.applyStyles("dark", {
+      backgroundColor: "rgba(255, 255, 255, .05)"
+    })
+  }));
+  const AccordionDetails = styled4(MuiAccordionDetails)(({ theme }) => ({
+    padding: theme.spacing(2),
+    borderTop: "1px solid rgba(0, 0, 0, .125)"
+  }));
+  const [expanded, setExpanded] = useState11("");
+  const handleChange = (panel) => (event, newExpanded) => {
+    setExpanded(newExpanded ? panel : false);
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, data.map((item, index) => {
+    const panelId = `panel${index}`;
+    return /* @__PURE__ */ React.createElement(
+      Accordion,
+      {
+        key: panelId,
+        expanded: expanded === panelId,
+        onChange: handleChange(panelId)
+      },
+      /* @__PURE__ */ React.createElement(
+        AccordionSummary,
+        {
+          "aria-controls": `${panelId}-content`,
+          id: `${panelId}-header`,
+          sx: {
+            "& .MuiAccordionSummary-expandIconWrapper": {
+              color: "inherit"
+            }
+          }
+        },
+        /* @__PURE__ */ React.createElement(Typography13, { component: "span" }, item.title)
+      ),
+      /* @__PURE__ */ React.createElement(AccordionDetails, null, item.body)
+    );
+  }));
+}
+export {
+  Page as Accordion,
+  AdvancedSearchButton,
+  ConfirmationDialog,
+  CustomCheckbox,
+  CustomTimePicker,
+  DateFilter,
+  DateFilterRange,
+  date_picker_default as DatePicker,
+  date_time_picker_default as DateTimePicker,
+  date_time_range_picker_default as DateTimeRangePicker,
+  number_type_default as FormInputNumber,
+  text_type_default as FormInputText,
+  HorizontalStepper,
+  LicensePlate,
+  Loading,
+  mobile_date_time_picker_default as MobileDateTimePicker,
+  ConfirmationDialog2 as Modal,
+  selector_default as NestedSelectort,
+  NoResult,
+  PaginationList,
+  RadioButton,
+  SearchLicensePlate,
+  MultipleSelectChip as Selector,
+  card_skeleton_default as SkeletonCard,
+  SonarSpinner,
+  switch_button_default as SwitchButton,
+  table_default as Table,
+  upload_image_default as UploadImage
+};
+//# sourceMappingURL=index.mjs.map