componentes-sinco 1.2.9 → 1.3.1

package/dist/index.cjs

@@ -137,217 +137,79 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/Components/Adjuntar/Adjuntar.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_material3 = require("@mui/material");
-var import_icons_material5 = require("@mui/icons-material");
+var import_react4 = __toESM(require("react"), 1);
+var import_material2 = require("@mui/material");
+var import_icons_material4 = require("@mui/icons-material");
 var Muicon = __toESM(require("@mui/icons-material"), 1);
 
-// src/Components/ToastNotification/SCToastNotification.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_material = require("@mui/material");
-var import_icons_material = require("@mui/icons-material");
-
-// src/Components/ToastNotification/useProgress.ts
-var import_react = require("react");
-var useProgress = (timeProgress, lote) => {
-  const [progress, setProgress] = (0, import_react.useState)(0);
-  (0, import_react.useEffect)(() => {
-    const interval = setInterval(() => {
-      setProgress((prev) => {
-        if (prev >= 100) {
-          clearInterval(interval);
-        }
-        if (lote) {
-          const nextProgress = prev + lote;
-          return nextProgress <= 100 ? nextProgress : 100;
-        } else {
-          return prev + 1;
-        }
-      });
-    }, timeProgress * 10);
-    return () => {
-      clearInterval(interval);
-    };
-  }, [timeProgress, lote]);
-  return {
-    progress
-  };
-};
-var ToastProgress = (timeProgress) => {
-  const [progress, setProgress] = (0, import_react.useState)(100);
-  (0, import_react.useEffect)(() => {
-    const interval = setInterval(() => {
-      setProgress((prev) => {
-        if (prev <= 0) {
-          clearInterval(interval);
-        }
-        return prev - 1;
-      });
-    }, timeProgress * 10);
-    return () => {
-      clearInterval(interval);
-    };
-  }, [timeProgress]);
-  return {
-    progressToast: progress
-  };
-};
-
-// src/Components/ToastNotification/SCToastNotification.tsx
-var SCToastNotification = (toast) => {
-  var _a;
-  const [stateOptions, setStateOptions] = (0, import_react2.useState)(true);
-  const [stateToast, setStateToast] = (0, import_react2.useState)(true);
-  const timeProgress = toast.time || 10;
-  const { progress } = useProgress(timeProgress);
-  const toastColorConfig = toast.type || "info";
-  const toastIconOption = {
-    success: /* @__PURE__ */ import_react2.default.createElement(import_icons_material.CheckCircleRounded, { color: "success" }),
-    error: /* @__PURE__ */ import_react2.default.createElement(import_icons_material.ErrorRounded, { color: "error" }),
-    warning: /* @__PURE__ */ import_react2.default.createElement(import_icons_material.WarningRounded, { color: "warning" }),
-    info: /* @__PURE__ */ import_react2.default.createElement(import_icons_material.InfoRounded, { color: "info" })
-  };
-  const acciones = [...toast.actions || [{ text: "Action", fn: () => {
-    alert("");
-  } }, { text: "Consultar", fn: () => {
-  } }]];
-  const ToastIconConfig = toastIconOption[toast.type];
-  const closeToast = () => {
-    setStateToast(false);
-  };
-  const toggleToastOptions = () => {
-    setStateOptions((prevShowOptions) => !prevShowOptions);
+// src/Components/SCSnackBar.tsx
+var import_react = __toESM(require("react"), 1);
+var import_Alert = __toESM(require("@mui/material/Alert"), 1);
+var import_es = require("dayjs/locale/es");
+var import_Snackbar = __toESM(require("@mui/material/Snackbar"), 1);
+var SCSnackBar = ({
+  type = "success",
+  close = true,
+  openState,
+  setOpenState,
+  mensaje,
+  duration = 3e3,
+  position = "Center"
+}) => {
+  const posicionVertical = position == "Center" ? "bottom" : position.split("-")[1] == "Up" ? "top" : "bottom";
+  const posicionHorizontal = position == "Center" ? "center" : position.split("-")[0] == "Left" ? "left" : "right";
+  const handleClose = (event2, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    setOpenState(false);
   };
-  (0, import_react2.useEffect)(() => {
-    progress >= 100 && setStateToast(false);
-  }, [progress]);
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, stateToast && /* @__PURE__ */ import_react2.default.createElement(
-    import_material.Stack,
-    {
-      position: "fixed",
-      zIndex: 1400,
-      right: 16,
-      top: 16,
-      width: 370,
-      sx: {
-        boxShadow: (theme) => theme.shadows[8]
-      }
-    },
-    /* @__PURE__ */ import_react2.default.createElement(
-      import_material.Box,
-      {
-        padding: 1.5,
-        gap: 1.5,
-        display: "flex",
-        alignItems: "center",
-        sx: {
-          backgroundColor: {
-            success: "success.50",
-            error: "error.50",
-            warning: "warning.50",
-            info: "info.50"
-          }[toastColorConfig]
-        }
-      },
-      /* @__PURE__ */ import_react2.default.createElement(
-        import_material.Stack,
-        {
-          p: 1,
-          gap: 1,
-          borderRadius: 50,
-          bgcolor: {
-            success: "success.100",
-            error: "error.100",
-            warning: "warning.100",
-            info: "info.100"
-          }[(_a = toast.type) != null ? _a : "info"]
-        },
-        /* @__PURE__ */ import_react2.default.createElement(import_material.Stack, null, ToastIconConfig)
-      ),
-      /* @__PURE__ */ import_react2.default.createElement(import_material.Divider, { orientation: "vertical", flexItem: true }),
-      /* @__PURE__ */ import_react2.default.createElement(import_material.Stack, { width: 285 }, /* @__PURE__ */ import_react2.default.createElement(
-        import_material.Stack,
-        {
-          justifyContent: "space-between",
-          flexDirection: "row",
-          alignItems: "center"
-        },
-        /* @__PURE__ */ import_react2.default.createElement(import_material.Typography, { variant: "subtitle2", color: "text.primary" }, toast.title),
-        /* @__PURE__ */ import_react2.default.createElement(
-          import_material.IconButton,
-          {
-            size: "small",
-            "data-testid": "close-icon",
-            onClick: closeToast
-          },
-          /* @__PURE__ */ import_react2.default.createElement(import_icons_material.Close, { fontSize: "small" })
-        )
-      ), /* @__PURE__ */ import_react2.default.createElement(import_material.Stack, { gap: 0.5 }, /* @__PURE__ */ import_react2.default.createElement(import_material.Typography, { color: "text.primary", variant: "body2" }, toast.subtitle), !stateOptions && toast.listITems && toast.listITems.length > 0 && /* @__PURE__ */ import_react2.default.createElement(import_material.Stack, null, toast.listITems.map((element, i) => /* @__PURE__ */ import_react2.default.createElement(import_material.Typography, { variant: "caption", key: i }, "\u2022 ", element)))), /* @__PURE__ */ import_react2.default.createElement(import_material.Stack, { justifyContent: "flex-end", flexDirection: "row", gap: 0.5 }, toast.actions && toast.actions.length > 0 && /* @__PURE__ */ import_react2.default.createElement(import_material.Stack, { flexDirection: "row", gap: 0.5 }, toast.actions.map((button, index) => /* @__PURE__ */ import_react2.default.createElement(
-        import_material.Button,
-        {
-          key: index,
-          color: toast.type === "info" ? "info" : toast.type === "success" ? "success" : toast.type === "error" ? "error" : "warning",
-          variant: "text",
-          onClick: button.fn,
-          disabled: button.disabled || false,
-          size: "small"
-        },
-        button.text.charAt(0).toUpperCase() + button.text.slice(1).toLowerCase()
-      ))), toast.seeMore && /* @__PURE__ */ import_react2.default.createElement(
-        import_material.Button,
-        {
-          onClick: toggleToastOptions,
-          size: "small",
-          variant: "text",
-          color: toastColorConfig
-        },
-        stateOptions ? "Ver m\xE1s" : "Ver menos",
-        stateOptions ? /* @__PURE__ */ import_react2.default.createElement(import_icons_material.KeyboardArrowDown, null) : /* @__PURE__ */ import_react2.default.createElement(import_icons_material.KeyboardArrowUp, null)
-      )))
-    ),
-    /* @__PURE__ */ import_react2.default.createElement(
-      import_material.LinearProgress,
-      {
-        sx: {
-          ".MuiLinearProgress-bar": {
-            transition: "0.1s linear !important",
-            transform: "scaleX(-1)"
-          }
-        },
-        color: toastColorConfig,
-        variant: "determinate",
-        value: 100 - progress
-      }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_Snackbar.default,
+    __spreadProps(__spreadValues({
+      anchorOrigin: { vertical: posicionVertical, horizontal: posicionHorizontal },
+      open: openState,
+      autoHideDuration: duration
+    }, close ? { onClose: handleClose } : {}), {
+      sx: { zIndex: 2e3 }
+    }),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Alert.default,
+      __spreadProps(__spreadValues({}, close ? { onClose: handleClose } : {}), {
+        severity: type,
+        sx: { backgroundColor: type == "success" ? "success.50" : type == "error" ? "#F9E8E8" : type == "warning" ? "#FFF0E0" : "#E6F3F8" }
+      }),
+      mensaje
     )
   ));
 };
 
 // src/Components/Modal/Helpers/Data.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_icons_material2 = require("@mui/icons-material");
+var import_react2 = __toESM(require("react"), 1);
+var import_icons_material = require("@mui/icons-material");
 var modalStateConfig = {
   info: {
     color: "info",
     defaultDescription: "Se [sincronizar\xE1n] los datos trabajados en modo offline y se [subir\xE1n] a los servidores.",
-    icon: /* @__PURE__ */ import_react3.default.createElement(import_icons_material2.Info, { color: "info", fontSize: "medium" })
+    icon: /* @__PURE__ */ import_react2.default.createElement(import_icons_material.Info, { color: "info", fontSize: "medium" })
   },
   delete: {
     color: "delete",
     defaultDescription: "[Elemento espec\xEDfico] [dejar\xE1 de existir en todos los lugares donde est\xE9 en uso]. Esta acci\xF3n es irreversible.",
-    icon: /* @__PURE__ */ import_react3.default.createElement(import_icons_material2.Info, { color: "error", fontSize: "medium" })
+    icon: /* @__PURE__ */ import_react2.default.createElement(import_icons_material.Info, { color: "error", fontSize: "medium" })
   },
   warning: {
     color: "warning",
     defaultDescription: "Se descartar\xE1 la [creaci\xF3n] y los cambios se perder\xE1n.",
-    icon: /* @__PURE__ */ import_react3.default.createElement(import_icons_material2.Warning, { color: "warning", fontSize: "medium" })
+    icon: /* @__PURE__ */ import_react2.default.createElement(import_icons_material.Warning, { color: "warning", fontSize: "medium" })
   }
 };
 
 // src/Components/Modal/Helpers/Utils.tsx
 var MuiIcons = __toESM(require("@mui/icons-material"), 1);
-var import_icons_material3 = require("@mui/icons-material");
+var import_icons_material2 = require("@mui/icons-material");
 var getIconComponent = (iconName) => {
-  return iconName && MuiIcons[iconName] ? MuiIcons[iconName] : import_icons_material3.FilterListOutlined;
+  return iconName && MuiIcons[iconName] ? MuiIcons[iconName] : import_icons_material2.FilterListOutlined;
 };
 var getModalColor = (state) => {
   var _a;
@@ -369,9 +231,9 @@ var getButtonColor = (state) => {
 };
 
 // src/Components/Modal/SCModal.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_material2 = require("@mui/material");
-var import_icons_material4 = require("@mui/icons-material");
+var import_react3 = __toESM(require("react"), 1);
+var import_material = require("@mui/material");
+var import_icons_material3 = require("@mui/icons-material");
 
 // src/generales/capitalize.tsx
 function capitalize(text) {
@@ -389,28 +251,28 @@ var SCModal = ({
   action
 }) => {
   var _a, _b, _c, _d, _e;
-  const [internalOpen, setInternalOpen] = (0, import_react4.useState)(open != null ? open : false);
+  const [internalOpen, setInternalOpen] = (0, import_react3.useState)(open != null ? open : false);
   const isControlled = Boolean(setOpen);
   const modalOpen = isControlled ? open != null ? open : false : internalOpen;
   const setModalOpen = isControlled ? setOpen : setInternalOpen;
-  const handleToggle = (0, import_react4.useCallback)(() => setModalOpen((prev) => !prev), [setModalOpen]);
-  const handleClose = (0, import_react4.useCallback)(() => setModalOpen(false), [setModalOpen]);
-  const Icon = (0, import_react4.useMemo)(() => getIconComponent(buttonModal == null ? void 0 : buttonModal.icon), [buttonModal == null ? void 0 : buttonModal.icon]);
+  const handleToggle = (0, import_react3.useCallback)(() => setModalOpen((prev) => !prev), [setModalOpen]);
+  const handleClose = (0, import_react3.useCallback)(() => setModalOpen(false), [setModalOpen]);
+  const Icon = (0, import_react3.useMemo)(() => getIconComponent(buttonModal == null ? void 0 : buttonModal.icon), [buttonModal == null ? void 0 : buttonModal.icon]);
   const { icon, defaultDescription } = modalStateConfig[state];
-  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, buttonModal && /* @__PURE__ */ import_react4.default.createElement(
-    import_material2.Button,
+  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, buttonModal && /* @__PURE__ */ import_react3.default.createElement(
+    import_material.Button,
     {
       "data-testid": "test-buttonModal",
       color: (_a = buttonModal == null ? void 0 : buttonModal.color) != null ? _a : "primary",
       onClick: handleToggle,
       variant: (_b = buttonModal == null ? void 0 : buttonModal.variant) != null ? _b : "text",
       size: (_c = buttonModal == null ? void 0 : buttonModal.size) != null ? _c : "small",
-      startIcon: (buttonModal == null ? void 0 : buttonModal.iconPosition) === "left" && /* @__PURE__ */ import_react4.default.createElement(Icon, null),
-      endIcon: (buttonModal == null ? void 0 : buttonModal.iconPosition) === "right" && /* @__PURE__ */ import_react4.default.createElement(Icon, null)
+      startIcon: (buttonModal == null ? void 0 : buttonModal.iconPosition) === "left" && /* @__PURE__ */ import_react3.default.createElement(Icon, null),
+      endIcon: (buttonModal == null ? void 0 : buttonModal.iconPosition) === "right" && /* @__PURE__ */ import_react3.default.createElement(Icon, null)
     },
     capitalize((_d = buttonModal == null ? void 0 : buttonModal.text) != null ? _d : "filtrar")
-  ), /* @__PURE__ */ import_react4.default.createElement(import_material2.Modal, { open: modalOpen, onClose: handleClose, sx: { boxShadow: 8 } }, /* @__PURE__ */ import_react4.default.createElement(
-    import_material2.Box,
+  ), /* @__PURE__ */ import_react3.default.createElement(import_material.Modal, { open: modalOpen, onClose: handleClose, sx: { boxShadow: 8 } }, /* @__PURE__ */ import_react3.default.createElement(
+    import_material.Box,
     {
       sx: {
         position: "absolute",
@@ -423,8 +285,8 @@ var SCModal = ({
         boxShadow: 24
       }
     },
-    /* @__PURE__ */ import_react4.default.createElement(import_material2.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ import_react4.default.createElement(import_material2.Stack, { direction: "row", alignItems: "center", p: 1, gap: 1.5 }, /* @__PURE__ */ import_react4.default.createElement(
-      import_material2.Box,
+    /* @__PURE__ */ import_react3.default.createElement(import_material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ import_react3.default.createElement(import_material.Stack, { direction: "row", alignItems: "center", p: 1, gap: 1.5 }, /* @__PURE__ */ import_react3.default.createElement(
+      import_material.Box,
       {
         display: "flex",
         justifyContent: "center",
@@ -435,10 +297,10 @@ var SCModal = ({
         bgcolor: getModalColor(state)
       },
       icon
-    ), /* @__PURE__ */ import_react4.default.createElement(import_material2.Typography, { variant: "h6", color: "text.primary" }, title)), /* @__PURE__ */ import_react4.default.createElement(import_material2.IconButton, { onClick: handleClose, "data-testid": "test-buttonClose" }, /* @__PURE__ */ import_react4.default.createElement(import_icons_material4.Close, { color: "action" }))),
-    /* @__PURE__ */ import_react4.default.createElement(import_material2.Stack, { py: 1, px: 3, gap: 1.5 }, /* @__PURE__ */ import_react4.default.createElement(import_material2.Typography, { variant: "body1" }, description || defaultDescription)),
-    action && /* @__PURE__ */ import_react4.default.createElement(
-      import_material2.Stack,
+    ), /* @__PURE__ */ import_react3.default.createElement(import_material.Typography, { variant: "h6", color: "text.primary" }, title)), /* @__PURE__ */ import_react3.default.createElement(import_material.IconButton, { onClick: handleClose, "data-testid": "test-buttonClose" }, /* @__PURE__ */ import_react3.default.createElement(import_icons_material3.Close, { color: "action" }))),
+    /* @__PURE__ */ import_react3.default.createElement(import_material.Stack, { py: 1, px: 3, gap: 1.5 }, /* @__PURE__ */ import_react3.default.createElement(import_material.Typography, { variant: "body1" }, description || defaultDescription)),
+    action && /* @__PURE__ */ import_react3.default.createElement(
+      import_material.Stack,
       {
         id: "Action",
         direction: "row",
@@ -448,8 +310,8 @@ var SCModal = ({
         bgcolor: "grey.50",
         sx: { borderRadius: 1 }
       },
-      /* @__PURE__ */ import_react4.default.createElement(
-        import_material2.Button,
+      /* @__PURE__ */ import_react3.default.createElement(
+        import_material.Button,
         {
           color: "inherit",
           variant: "text",
@@ -458,8 +320,8 @@ var SCModal = ({
         },
         capitalize("cancelar")
       ),
-      /* @__PURE__ */ import_react4.default.createElement(
-        import_material2.Button,
+      /* @__PURE__ */ import_react3.default.createElement(
+        import_material.Button,
         {
           "data-testid": "test-aceptar",
           color: getButtonColor(state),
@@ -489,12 +351,12 @@ var Attachment = ({
   iconFileItem,
   view = "button"
 }) => {
-  const [files, setFiles] = (0, import_react5.useState)([]);
-  const [fileToDelete, setFileToDelete] = (0, import_react5.useState)(null);
-  const [toast, setToast] = (0, import_react5.useState)(null);
-  const [openModal, setOpenModal] = (0, import_react5.useState)(false);
-  const [isDragFile, setIsDragFile] = (0, import_react5.useState)(false);
-  const inputRef = (0, import_react5.useRef)(null);
+  const [files, setFiles] = (0, import_react4.useState)([]);
+  const [fileToDelete, setFileToDelete] = (0, import_react4.useState)(null);
+  const [toast, setToast] = (0, import_react4.useState)({ open: false, mensaje: "", type: "success" });
+  const [openModal, setOpenModal] = (0, import_react4.useState)(false);
+  const [isDragFile, setIsDragFile] = (0, import_react4.useState)(false);
+  const inputRef = (0, import_react4.useRef)(null);
   let IconFileItem;
   if (iconFileItem) {
     if (Muicon[iconFileItem] == void 0) {
@@ -503,7 +365,7 @@ var Attachment = ({
       IconFileItem = Muicon[iconFileItem];
     }
   }
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (initialFiles && initialFiles.length > 0) {
       setFiles(initialFiles);
     }
@@ -538,13 +400,7 @@ var Attachment = ({
       );
       const sizeMB = file.size / (1024 * 1024);
       if (isDuplicateFile) {
-        setToast({
-          type: "error",
-          title: "Archivo duplicado",
-          listITems: [`El archivo "${file.name}" ya existe.`],
-          seeMore: true,
-          time: 5
-        });
+        setToast({ open: true, type: "error", mensaje: `Archivo duplicado: El archivo "${file.name}" ya existe.` });
         return;
       }
       if (sizeMB > maxSize) {
@@ -555,13 +411,7 @@ var Attachment = ({
           progress: 0,
           uploadError: true
         });
-        setToast({
-          type: "error",
-          title: "Carga fallida",
-          seeMore: true,
-          listITems: [`El archivo "${file.name}" supera el l\xEDmite de ${maxSize}MB.`],
-          time: 5
-        });
+        setToast({ open: true, type: "error", mensaje: `Carga fallida: El archivo "${file.name}" supera el l\xEDmite de ${maxSize}MB.` });
         return;
       }
       if (fileAccepted && !file.name.match(
@@ -570,13 +420,7 @@ var Attachment = ({
           "i"
         )
       )) {
-        setToast({
-          type: "error",
-          title: "Tipo de archivo no permitido",
-          listITems: [`El archivo "${file.name}" no es un tipo permitido.`],
-          seeMore: true,
-          time: 5
-        });
+        setToast({ open: true, type: "error", mensaje: `Tipo de archivo no permitido: El archivo "${file.name}" no es un tipo permitido.` });
         return;
       }
       nuevosArchivos.push({
@@ -611,7 +455,17 @@ var Attachment = ({
       return filteredFiles;
     });
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { spacing: 2, display: "flex", flexDirection: "column", gap: 1 }, toast && /* @__PURE__ */ import_react5.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(import_material2.Stack, { spacing: 2, display: "flex", flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react4.default.createElement(
+    SCSnackBar,
+    {
+      openState: toast.open,
+      setOpenState: (v) => setToast((prev) => __spreadProps(__spreadValues({}, prev), { open: v })),
+      mensaje: toast.mensaje,
+      type: toast.type,
+      duration: 5e3,
+      position: "Center"
+    }
+  ), /* @__PURE__ */ import_react4.default.createElement(
     "input",
     {
       type: "file",
@@ -620,8 +474,8 @@ var Attachment = ({
       ref: inputRef,
       onChange: handleUpload
     }
-  ), view === "button" && /* @__PURE__ */ import_react5.default.createElement(
-    import_material3.Stack,
+  ), view === "button" && /* @__PURE__ */ import_react4.default.createElement(
+    import_material2.Stack,
     {
       "data-testid": "ZonaAdjuntos",
       id: "ZonaAdjuntos",
@@ -650,8 +504,8 @@ var Attachment = ({
         }
       }, sx)
     },
-    onLoading ? /* @__PURE__ */ import_react5.default.createElement(
-      import_material3.Box,
+    onLoading ? /* @__PURE__ */ import_react4.default.createElement(
+      import_material2.Box,
       {
         display: "flex",
         alignItems: "center",
@@ -659,30 +513,30 @@ var Attachment = ({
         width: "100%",
         height: "450px"
       },
-      /* @__PURE__ */ import_react5.default.createElement(
-        import_material3.CircularProgress,
+      /* @__PURE__ */ import_react4.default.createElement(
+        import_material2.CircularProgress,
         {
           sx: { width: "60px", height: "60px" },
           variant: "indeterminate"
         }
       )
-    ) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(
-      import_material3.Box,
+    ) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(
+      import_material2.Box,
       {
         display: "flex",
         bgcolor: error ? "error.50" : "primary.50",
         borderRadius: "100%",
         p: 1
       },
-      /* @__PURE__ */ import_react5.default.createElement(
-        import_icons_material5.CloudUploadOutlined,
+      /* @__PURE__ */ import_react4.default.createElement(
+        import_icons_material4.CloudUploadOutlined,
         {
           color: error ? "error" : "primary",
           fontSize: "medium"
         }
       )
-    ), /* @__PURE__ */ import_react5.default.createElement(
-      import_material3.Stack,
+    ), /* @__PURE__ */ import_react4.default.createElement(
+      import_material2.Stack,
       {
         width: "100%",
         flexDirection: compact ? "row" : "column",
@@ -690,16 +544,16 @@ var Attachment = ({
         justifyContent: compact ? "space-between" : "center",
         gap: 1
       },
-      /* @__PURE__ */ import_react5.default.createElement(
-        import_material3.Stack,
+      /* @__PURE__ */ import_react4.default.createElement(
+        import_material2.Stack,
         {
           flexDirection: "column",
           alignItems: compact ? "start" : "center",
           gap: 0.5
         },
-        /* @__PURE__ */ import_react5.default.createElement(import_material3.Typography, { variant: "body2", color: "text.primary" }, "Arrastrar o adjuntar archivos"),
-        /* @__PURE__ */ import_react5.default.createElement(
-          import_material3.Typography,
+        /* @__PURE__ */ import_react4.default.createElement(import_material2.Typography, { variant: "body2", color: "text.primary" }, "Arrastrar o adjuntar archivos"),
+        /* @__PURE__ */ import_react4.default.createElement(
+          import_material2.Typography,
           {
             variant: "caption",
             color: error ? "error" : "text.secondary",
@@ -711,19 +565,19 @@ var Attachment = ({
           error ? `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Archivo no soportado` : `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Max. ${maxSize}MB`
         )
       ),
-      /* @__PURE__ */ import_react5.default.createElement(
-        import_material3.Button,
+      /* @__PURE__ */ import_react4.default.createElement(
+        import_material2.Button,
         {
           variant: "text",
           color: "primary",
           size: "small",
-          startIcon: /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.AttachFileOutlined, { color: "primary", fontSize: "small" })
+          startIcon: /* @__PURE__ */ import_react4.default.createElement(import_icons_material4.AttachFileOutlined, { color: "primary", fontSize: "small" })
         },
         "Adjuntar"
       )
     ))
-  ), files.length > 0 && /* @__PURE__ */ import_react5.default.createElement(
-    import_material3.Stack,
+  ), files.length > 0 && /* @__PURE__ */ import_react4.default.createElement(
+    import_material2.Stack,
     {
       "data-testid": "ContenedorArchivosAdjuntos",
       id: "ContenedorArchivosAdjuntos",
@@ -736,8 +590,8 @@ var Attachment = ({
       }),
       spacing: 1
     },
-    files.map((file) => /* @__PURE__ */ import_react5.default.createElement(
-      import_material3.Stack,
+    files.map((file) => /* @__PURE__ */ import_react4.default.createElement(
+      import_material2.Stack,
       {
         height: 46,
         key: file.name + (file.uploadError ? "_error" : ""),
@@ -754,14 +608,14 @@ var Attachment = ({
           }
         }
       },
-      /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ import_react5.default.createElement(import_material3.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react5.default.createElement(
-        import_icons_material5.UploadFileOutlined,
+      /* @__PURE__ */ import_react4.default.createElement(import_material2.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ import_react4.default.createElement(import_material2.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react4.default.createElement(
+        import_icons_material4.UploadFileOutlined,
         {
           color: file.uploadError ? "error" : "primary",
           fontSize: "small"
         }
-      ), /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { width: "100%" }, /* @__PURE__ */ import_react5.default.createElement(
-        import_material3.Typography,
+      ), /* @__PURE__ */ import_react4.default.createElement(import_material2.Stack, { width: "100%" }, /* @__PURE__ */ import_react4.default.createElement(
+        import_material2.Typography,
         {
           variant: "body2",
           color: "text.primary",
@@ -771,26 +625,26 @@ var Attachment = ({
           maxWidth: "310px"
         },
         file.name
-      ), /* @__PURE__ */ import_react5.default.createElement(
-        import_material3.Typography,
+      ), /* @__PURE__ */ import_react4.default.createElement(
+        import_material2.Typography,
         {
           variant: "caption",
           color: file.uploadError ? "error" : "text.secondary"
         },
         file.uploadError && file.size / (1024 * 1024) > maxSize ? "Archivo super\xF3 el l\xEDmite \u2022 Carga fallida" : file.uploadError ? "Archivo duplicado o inv\xE1lido \u2022 Carga fallida" : `${(file.size / (1024 * 1024)).toFixed(2)}MB \u2022 ${file.type}`
       ))),
-      /* @__PURE__ */ import_react5.default.createElement(import_material3.Tooltip, { title: "Descargar" }, /* @__PURE__ */ import_react5.default.createElement(
-        import_material3.IconButton,
+      /* @__PURE__ */ import_react4.default.createElement(import_material2.Tooltip, { title: "Descargar" }, /* @__PURE__ */ import_react4.default.createElement(
+        import_material2.IconButton,
         {
           size: "small",
           onClick: () => downloadAction == null ? void 0 : downloadAction(file.name),
           disabled: file.uploadError,
           "aria-label": `Descargar ${file.name}`
         },
-        /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.FileDownload, { fontSize: "small", color: "action" })
+        /* @__PURE__ */ import_react4.default.createElement(import_icons_material4.FileDownload, { fontSize: "small", color: "action" })
       )),
-      view === "button" && /* @__PURE__ */ import_react5.default.createElement(import_material3.Tooltip, { title: "Eliminar" }, /* @__PURE__ */ import_react5.default.createElement(
-        import_material3.IconButton,
+      view === "button" && /* @__PURE__ */ import_react4.default.createElement(import_material2.Tooltip, { title: "Eliminar" }, /* @__PURE__ */ import_react4.default.createElement(
+        import_material2.IconButton,
         {
           size: "small",
           onClick: () => {
@@ -799,10 +653,10 @@ var Attachment = ({
           },
           "aria-label": `Eliminar ${file.name}`
         },
-        /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.DeleteOutline, { fontSize: "small", color: "action" })
+        /* @__PURE__ */ import_react4.default.createElement(import_icons_material4.DeleteOutline, { fontSize: "small", color: "action" })
       ))
     ))
-  ), /* @__PURE__ */ import_react5.default.createElement(
+  ), /* @__PURE__ */ import_react4.default.createElement(
     SCModal,
     {
       state: "delete",
@@ -820,19 +674,9 @@ var Attachment = ({
                   yield deleteAction(fileToDelete.name);
                 }
                 deleteFiles(fileToDelete.name);
-                setToast({
-                  title: "Archivo eliminado",
-                  type: "success",
-                  listITems: [`El archivo "${fileToDelete.name}" fue eliminado exitosamente.`],
-                  time: 3
-                });
+                setToast({ open: true, type: "success", mensaje: `El archivo "${fileToDelete.name}" fue eliminado exitosamente.` });
               } catch (error2) {
-                setToast({
-                  title: "Error al eliminar archivo",
-                  type: "error",
-                  listITems: [`No se pudo eliminar el archivo "${fileToDelete.name}".`],
-                  time: 5
-                });
+                setToast({ open: true, type: "error", mensaje: `No se pudo eliminar el archivo "${fileToDelete.name}".` });
               } finally {
                 setFileToDelete(null);
                 setOpenModal(false);
@@ -846,18 +690,18 @@ var Attachment = ({
 };
 
 // src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
-var import_react22 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 var import_react_webcam = __toESM(require("react-webcam"), 1);
 
 // src/Components/Adjuntar/mobile/components/button.tsx
-var import_react6 = __toESM(require("react"), 1);
-var import_material4 = require("@mui/material");
+var import_react5 = __toESM(require("react"), 1);
+var import_material3 = require("@mui/material");
 
 // src/Components/Adjuntar/mobile/components/Utils.tsx
 var MuiIcons2 = __toESM(require("@mui/icons-material"), 1);
-var import_icons_material6 = require("@mui/icons-material");
+var import_icons_material5 = require("@mui/icons-material");
 var getAttachmentIcon = (iconName) => {
-  return iconName && MuiIcons2[iconName] ? MuiIcons2[iconName] : import_icons_material6.AttachFileOutlined;
+  return iconName && MuiIcons2[iconName] ? MuiIcons2[iconName] : import_icons_material5.AttachFileOutlined;
 };
 var getAttachmentColor = (state) => {
   const colors = {
@@ -876,42 +720,222 @@ var AttachmentButton = ({ buttonAttachment, open, setOpen }) => {
       setOpen(!open);
     }
   };
-  const Icon = (0, import_react6.useMemo)(
+  const Icon = (0, import_react5.useMemo)(
     () => getAttachmentIcon(buttonAttachment == null ? void 0 : buttonAttachment.icon),
     [buttonAttachment == null ? void 0 : buttonAttachment.icon]
   );
   if (!buttonAttachment) return null;
-  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, buttonAttachment && /* @__PURE__ */ import_react6.default.createElement(
-    import_material4.Button,
+  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, buttonAttachment && /* @__PURE__ */ import_react5.default.createElement(
+    import_material3.Button,
     {
       "data-testid": "test-buttonModal",
       color: (_a = buttonAttachment == null ? void 0 : buttonAttachment.color) != null ? _a : "primary",
       onClick: handleToggle,
       variant: (_b = buttonAttachment == null ? void 0 : buttonAttachment.variant) != null ? _b : "text",
       size: (_c = buttonAttachment == null ? void 0 : buttonAttachment.size) != null ? _c : "small",
-      startIcon: (buttonAttachment == null ? void 0 : buttonAttachment.iconPosition) === "left" && /* @__PURE__ */ import_react6.default.createElement(Icon, null),
-      endIcon: (buttonAttachment == null ? void 0 : buttonAttachment.iconPosition) === "right" && /* @__PURE__ */ import_react6.default.createElement(Icon, null)
+      startIcon: (buttonAttachment == null ? void 0 : buttonAttachment.iconPosition) === "left" && /* @__PURE__ */ import_react5.default.createElement(Icon, null),
+      endIcon: (buttonAttachment == null ? void 0 : buttonAttachment.iconPosition) === "right" && /* @__PURE__ */ import_react5.default.createElement(Icon, null)
     },
     capitalize((_d = buttonAttachment == null ? void 0 : buttonAttachment.text) != null ? _d : "Adjuntar")
   ));
 };
 
-// src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
-var import_material16 = require("@mui/material");
-var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"), 1);
-var import_system = require("@mui/system");
-var import_icons_material10 = require("@mui/icons-material");
-var import_PhotoCamera = __toESM(require("@mui/icons-material/PhotoCamera"), 1);
-var import_CancelOutlined = __toESM(require("@mui/icons-material/CancelOutlined"), 1);
-var import_ImageOutlined = __toESM(require("@mui/icons-material/ImageOutlined"), 1);
-var import_FileDownloadOutlined = __toESM(require("@mui/icons-material/FileDownloadOutlined"), 1);
-var Muicon6 = __toESM(require("@mui/icons-material"), 1);
-
-// src/Components/Drawer/SCDrawer.tsx
-var import_react21 = __toESM(require("react"), 1);
-var import_material15 = require("@mui/material");
-var import_Grid4 = __toESM(require("@mui/material/Grid"), 1);
-
+// src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
+var import_material16 = require("@mui/material");
+var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"), 1);
+var import_system = require("@mui/system");
+var import_icons_material10 = require("@mui/icons-material");
+var import_PhotoCamera = __toESM(require("@mui/icons-material/PhotoCamera"), 1);
+var import_CancelOutlined = __toESM(require("@mui/icons-material/CancelOutlined"), 1);
+var import_ImageOutlined = __toESM(require("@mui/icons-material/ImageOutlined"), 1);
+var import_FileDownloadOutlined = __toESM(require("@mui/icons-material/FileDownloadOutlined"), 1);
+var Muicon6 = __toESM(require("@mui/icons-material"), 1);
+
+// src/Components/Drawer/SCDrawer.tsx
+var import_react22 = __toESM(require("react"), 1);
+var import_material15 = require("@mui/material");
+var import_Grid4 = __toESM(require("@mui/material/Grid"), 1);
+
+// src/Components/ToastNotification/SCToastNotification.tsx
+var import_react7 = __toESM(require("react"), 1);
+var import_material4 = require("@mui/material");
+var import_icons_material6 = require("@mui/icons-material");
+
+// src/Components/ToastNotification/useProgress.ts
+var import_react6 = require("react");
+var useProgress = (timeProgress, lote) => {
+  const [progress, setProgress] = (0, import_react6.useState)(0);
+  (0, import_react6.useEffect)(() => {
+    const interval = setInterval(() => {
+      setProgress((prev) => {
+        if (prev >= 100) {
+          clearInterval(interval);
+        }
+        if (lote) {
+          const nextProgress = prev + lote;
+          return nextProgress <= 100 ? nextProgress : 100;
+        } else {
+          return prev + 1;
+        }
+      });
+    }, timeProgress * 10);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [timeProgress, lote]);
+  return {
+    progress
+  };
+};
+var ToastProgress = (timeProgress) => {
+  const [progress, setProgress] = (0, import_react6.useState)(100);
+  (0, import_react6.useEffect)(() => {
+    const interval = setInterval(() => {
+      setProgress((prev) => {
+        if (prev <= 0) {
+          clearInterval(interval);
+        }
+        return prev - 1;
+      });
+    }, timeProgress * 10);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [timeProgress]);
+  return {
+    progressToast: progress
+  };
+};
+
+// src/Components/ToastNotification/SCToastNotification.tsx
+var SCToastNotification = (toast) => {
+  var _a;
+  const [stateOptions, setStateOptions] = (0, import_react7.useState)(true);
+  const [stateToast, setStateToast] = (0, import_react7.useState)(true);
+  const timeProgress = toast.time || 10;
+  const { progress } = useProgress(timeProgress);
+  const toastColorConfig = toast.type || "info";
+  const toastIconOption = {
+    success: /* @__PURE__ */ import_react7.default.createElement(import_icons_material6.CheckCircleRounded, { color: "success" }),
+    error: /* @__PURE__ */ import_react7.default.createElement(import_icons_material6.ErrorRounded, { color: "error" }),
+    warning: /* @__PURE__ */ import_react7.default.createElement(import_icons_material6.WarningRounded, { color: "warning" }),
+    info: /* @__PURE__ */ import_react7.default.createElement(import_icons_material6.InfoRounded, { color: "info" })
+  };
+  const acciones = [...toast.actions || [{ text: "Action", fn: () => {
+    alert("");
+  } }, { text: "Consultar", fn: () => {
+  } }]];
+  const ToastIconConfig = toastIconOption[toast.type];
+  const closeToast = () => {
+    setStateToast(false);
+  };
+  const toggleToastOptions = () => {
+    setStateOptions((prevShowOptions) => !prevShowOptions);
+  };
+  (0, import_react7.useEffect)(() => {
+    progress >= 100 && setStateToast(false);
+  }, [progress]);
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, stateToast && /* @__PURE__ */ import_react7.default.createElement(
+    import_material4.Stack,
+    {
+      position: "fixed",
+      zIndex: 1400,
+      right: 16,
+      top: 16,
+      width: 370,
+      sx: {
+        boxShadow: (theme) => theme.shadows[8]
+      }
+    },
+    /* @__PURE__ */ import_react7.default.createElement(
+      import_material4.Box,
+      {
+        padding: 1.5,
+        gap: 1.5,
+        display: "flex",
+        alignItems: "center",
+        sx: {
+          backgroundColor: {
+            success: "success.50",
+            error: "error.50",
+            warning: "warning.50",
+            info: "info.50"
+          }[toastColorConfig]
+        }
+      },
+      /* @__PURE__ */ import_react7.default.createElement(
+        import_material4.Stack,
+        {
+          p: 1,
+          gap: 1,
+          borderRadius: 50,
+          bgcolor: {
+            success: "success.100",
+            error: "error.100",
+            warning: "warning.100",
+            info: "info.100"
+          }[(_a = toast.type) != null ? _a : "info"]
+        },
+        /* @__PURE__ */ import_react7.default.createElement(import_material4.Stack, null, ToastIconConfig)
+      ),
+      /* @__PURE__ */ import_react7.default.createElement(import_material4.Divider, { orientation: "vertical", flexItem: true }),
+      /* @__PURE__ */ import_react7.default.createElement(import_material4.Stack, { width: 285 }, /* @__PURE__ */ import_react7.default.createElement(
+        import_material4.Stack,
+        {
+          justifyContent: "space-between",
+          flexDirection: "row",
+          alignItems: "center"
+        },
+        /* @__PURE__ */ import_react7.default.createElement(import_material4.Typography, { variant: "subtitle2", color: "text.primary" }, toast.title),
+        /* @__PURE__ */ import_react7.default.createElement(
+          import_material4.IconButton,
+          {
+            size: "small",
+            "data-testid": "close-icon",
+            onClick: closeToast
+          },
+          /* @__PURE__ */ import_react7.default.createElement(import_icons_material6.Close, { fontSize: "small" })
+        )
+      ), /* @__PURE__ */ import_react7.default.createElement(import_material4.Stack, { gap: 0.5 }, /* @__PURE__ */ import_react7.default.createElement(import_material4.Typography, { color: "text.primary", variant: "body2" }, toast.subtitle), !stateOptions && toast.listITems && toast.listITems.length > 0 && /* @__PURE__ */ import_react7.default.createElement(import_material4.Stack, null, toast.listITems.map((element, i) => /* @__PURE__ */ import_react7.default.createElement(import_material4.Typography, { variant: "caption", key: i }, "\u2022 ", element)))), /* @__PURE__ */ import_react7.default.createElement(import_material4.Stack, { justifyContent: "flex-end", flexDirection: "row", gap: 0.5 }, toast.actions && toast.actions.length > 0 && /* @__PURE__ */ import_react7.default.createElement(import_material4.Stack, { flexDirection: "row", gap: 0.5 }, toast.actions.map((button, index) => /* @__PURE__ */ import_react7.default.createElement(
+        import_material4.Button,
+        {
+          key: index,
+          color: toast.type === "info" ? "info" : toast.type === "success" ? "success" : toast.type === "error" ? "error" : "warning",
+          variant: "text",
+          onClick: button.fn,
+          disabled: button.disabled || false,
+          size: "small"
+        },
+        button.text.charAt(0).toUpperCase() + button.text.slice(1).toLowerCase()
+      ))), toast.seeMore && /* @__PURE__ */ import_react7.default.createElement(
+        import_material4.Button,
+        {
+          onClick: toggleToastOptions,
+          size: "small",
+          variant: "text",
+          color: toastColorConfig
+        },
+        stateOptions ? "Ver m\xE1s" : "Ver menos",
+        stateOptions ? /* @__PURE__ */ import_react7.default.createElement(import_icons_material6.KeyboardArrowDown, null) : /* @__PURE__ */ import_react7.default.createElement(import_icons_material6.KeyboardArrowUp, null)
+      )))
+    ),
+    /* @__PURE__ */ import_react7.default.createElement(
+      import_material4.LinearProgress,
+      {
+        sx: {
+          ".MuiLinearProgress-bar": {
+            transition: "0.1s linear !important",
+            transform: "scaleX(-1)"
+          }
+        },
+        color: toastColorConfig,
+        variant: "determinate",
+        value: 100 - progress
+      }
+    )
+  ));
+};
+
 // src/Components/Drawer/Helpers/Utils.tsx
 var Muicon2 = __toESM(require("@mui/icons-material"), 1);
 var getIcon = (iconName) => {
@@ -951,7 +975,7 @@ var validateInputs = (arrayElements, onError, onSuccess, setChipFilters, setText
 };
 
 // src/Components/Drawer/Helpers/validateTypeElement.tsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react8 = __toESM(require("react"), 1);
 var COMPONENT_NAME_MAP = {
   SCtextField: "textField",
   SCtextArea: "textArea",
@@ -974,12 +998,12 @@ var isKnownComponent = (node) => {
 };
 var findInTree = (node) => {
   var _a;
-  if (!import_react7.default.isValidElement(node)) return null;
+  if (!import_react8.default.isValidElement(node)) return null;
   if (isKnownComponent(node)) return node;
   const children = (_a = node.props) == null ? void 0 : _a.children;
   if (!children) return null;
-  for (const child of import_react7.default.Children.toArray(children)) {
-    if (import_react7.default.isValidElement(child)) {
+  for (const child of import_react8.default.Children.toArray(children)) {
+    if (import_react8.default.isValidElement(child)) {
       const found = findInTree(child);
       if (found) return found;
     }
@@ -1002,11 +1026,11 @@ var validateTypeElements = (element) => {
   } else if (element.typeFormat === "multiselect") {
     validation = "multiselect";
     typeElement = element;
-  } else if (import_react7.default.isValidElement(element == null ? void 0 : element.component) && isKnownComponent(element.component)) {
+  } else if (import_react8.default.isValidElement(element == null ? void 0 : element.component) && isKnownComponent(element.component)) {
     const node = element.component;
     validation = resolveValidation(node);
     typeElement = node.props;
-  } else if (import_react7.default.isValidElement(element == null ? void 0 : element.component)) {
+  } else if (import_react8.default.isValidElement(element == null ? void 0 : element.component)) {
     const found = findInTree(element.component);
     if (found) {
       validation = resolveValidation(found);
@@ -1017,10 +1041,10 @@ var validateTypeElements = (element) => {
 };
 
 // src/Components/Drawer/hooks/useDrawerState.ts
-var import_react8 = require("react");
+var import_react9 = require("react");
 var useDrawerState = ({ open, setOpen }) => {
-  const [drawerOpen, setDrawerOpen] = (0, import_react8.useState)(open || false);
-  (0, import_react8.useEffect)(() => {
+  const [drawerOpen, setDrawerOpen] = (0, import_react9.useState)(open || false);
+  (0, import_react9.useEffect)(() => {
     if (open !== void 0) {
       setDrawerOpen(open);
     }
@@ -1049,11 +1073,11 @@ var useDrawerState = ({ open, setOpen }) => {
 };
 
 // src/Components/Drawer/hooks/useChipFilters.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 var useChipFilters = (arrayElements, chipFilters) => {
-  const [stateChipFilters, setChipFilters] = (0, import_react9.useState)(false);
-  const [textFilters, setTextFilters] = (0, import_react9.useState)([]);
-  (0, import_react9.useEffect)(() => {
+  const [stateChipFilters, setChipFilters] = (0, import_react10.useState)(false);
+  const [textFilters, setTextFilters] = (0, import_react10.useState)([]);
+  (0, import_react10.useEffect)(() => {
     if (chipFilters == null ? void 0 : chipFilters.length) {
       setTextFilters([]);
       processChipFilters();
@@ -1184,9 +1208,9 @@ var useChipFilters = (arrayElements, chipFilters) => {
 };
 
 // src/Components/Drawer/hooks/useToast.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 var useToast = () => {
-  const [toast, setToast] = (0, import_react10.useState)(null);
+  const [toast, setToast] = (0, import_react11.useState)(null);
   const setToastWithDelay = (toastContent) => {
     setToast(null);
     setTimeout(() => {
@@ -1246,7 +1270,7 @@ var deleteFilter = (element, shouldShowChips, setTextFilters) => {
 };
 
 // src/Components/Drawer/components/DrawerButton.tsx
-var import_react11 = __toESM(require("react"), 1);
+var import_react12 = __toESM(require("react"), 1);
 var import_material5 = require("@mui/material");
 var DrawerButton = ({
   buttonDrawer,
@@ -1255,7 +1279,7 @@ var DrawerButton = ({
   var _a, _b, _c;
   const ButtonIcon = getIcon(buttonDrawer == null ? void 0 : buttonDrawer.icon);
   if ((buttonDrawer == null ? void 0 : buttonDrawer.type) === "chip") {
-    return /* @__PURE__ */ import_react11.default.createElement(
+    return /* @__PURE__ */ import_react12.default.createElement(
       import_material5.Chip,
       __spreadProps(__spreadValues({
         onClick: onToggle,
@@ -1263,8 +1287,8 @@ var DrawerButton = ({
         color: buttonDrawer == null ? void 0 : buttonDrawer.color,
         variant: (buttonDrawer == null ? void 0 : buttonDrawer.variant) === "contained" ? "filled" : "outlined",
         label: (_a = buttonDrawer == null ? void 0 : buttonDrawer.text) != null ? _a : "",
-        icon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "left" && ButtonIcon ? /* @__PURE__ */ import_react11.default.createElement(ButtonIcon, { fontSize: "small" }) : void 0,
-        deleteIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react11.default.createElement(ButtonIcon, { fontSize: "small" }) : void 0
+        icon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "left" && ButtonIcon ? /* @__PURE__ */ import_react12.default.createElement(ButtonIcon, { fontSize: "small" }) : void 0,
+        deleteIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react12.default.createElement(ButtonIcon, { fontSize: "small" }) : void 0
       }, (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? { onDelete: () => {
       } } : {}), {
         sx: {
@@ -1276,7 +1300,7 @@ var DrawerButton = ({
       })
     );
   }
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     import_material5.Button,
     {
       "data-testid": "test-buttonDrawer",
@@ -1285,15 +1309,15 @@ var DrawerButton = ({
       onClick: onToggle,
       size: "small",
       variant: (_b = buttonDrawer == null ? void 0 : buttonDrawer.variant) != null ? _b : "text",
-      startIcon: ((buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "left" || !(buttonDrawer == null ? void 0 : buttonDrawer.iconPosition)) && ButtonIcon ? /* @__PURE__ */ import_react11.default.createElement(ButtonIcon, { fontSize: "small" }) : null,
-      endIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react11.default.createElement(ButtonIcon, { fontSize: "small" }) : null
+      startIcon: ((buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "left" || !(buttonDrawer == null ? void 0 : buttonDrawer.iconPosition)) && ButtonIcon ? /* @__PURE__ */ import_react12.default.createElement(ButtonIcon, { fontSize: "small" }) : null,
+      endIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react12.default.createElement(ButtonIcon, { fontSize: "small" }) : null
     },
     (_c = buttonDrawer == null ? void 0 : buttonDrawer.text) != null ? _c : ""
   );
 };
 
 // src/Components/Drawer/components/ChipFiltersDisplay.tsx
-var import_react12 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"), 1);
 var import_material6 = require("@mui/material");
 var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"), 1);
 var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"), 1);
@@ -1301,9 +1325,9 @@ var ChipFiltersDisplay = ({
   textFilters,
   onDeleteFilter
 }) => {
-  const scrollRef = (0, import_react12.useRef)(null);
-  const [hasOverflow, setHasOverflow] = (0, import_react12.useState)(false);
-  (0, import_react12.useEffect)(() => {
+  const scrollRef = (0, import_react13.useRef)(null);
+  const [hasOverflow, setHasOverflow] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     const el = scrollRef.current;
     if (!el) return;
     const checkOverflow = () => setHasOverflow(el.scrollWidth > el.clientWidth);
@@ -1317,7 +1341,7 @@ var ChipFiltersDisplay = ({
       scrollRef.current.scrollLeft += offset;
     }
   };
-  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, (textFilters == null ? void 0 : textFilters.length) > 0 && /* @__PURE__ */ import_react12.default.createElement(import_material6.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, hasOverflow && /* @__PURE__ */ import_react12.default.createElement(import_material6.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react12.default.createElement(import_ChevronLeft.default, { fontSize: "small", color: "action" })), /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, (textFilters == null ? void 0 : textFilters.length) > 0 && /* @__PURE__ */ import_react13.default.createElement(import_material6.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, hasOverflow && /* @__PURE__ */ import_react13.default.createElement(import_material6.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react13.default.createElement(import_ChevronLeft.default, { fontSize: "small", color: "action" })), /* @__PURE__ */ import_react13.default.createElement(
     import_material6.Box,
     {
       ref: scrollRef,
@@ -1329,7 +1353,7 @@ var ChipFiltersDisplay = ({
         "&::-webkit-scrollbar": { display: "none" }
       }
     },
-    textFilters == null ? void 0 : textFilters.map((chipData, index) => /* @__PURE__ */ import_react12.default.createElement(
+    textFilters == null ? void 0 : textFilters.map((chipData, index) => /* @__PURE__ */ import_react13.default.createElement(
       import_material6.Chip,
       __spreadProps(__spreadValues({
         key: index,
@@ -1344,15 +1368,15 @@ var ChipFiltersDisplay = ({
         }
       })
     ))
-  ), hasOverflow && /* @__PURE__ */ import_react12.default.createElement(import_material6.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react12.default.createElement(import_ChevronRight.default, { fontSize: "small", color: "action" }))));
+  ), hasOverflow && /* @__PURE__ */ import_react13.default.createElement(import_material6.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react13.default.createElement(import_ChevronRight.default, { fontSize: "small", color: "action" }))));
 };
 
 // src/Components/Drawer/components/DrawerContent.tsx
-var import_react18 = __toESM(require("react"), 1);
+var import_react19 = __toESM(require("react"), 1);
 var import_material12 = require("@mui/material");
 
 // src/Components/Textfield/SCTextField.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var import_material7 = require("@mui/material");
 var import_Grid = __toESM(require("@mui/material/Grid"), 1);
 var import_icons_material7 = require("@mui/icons-material");
@@ -1441,13 +1465,13 @@ var SCTextField = ({
   let IconInputStart;
   let IconInputEnd;
   let IconTitle;
-  const [showPassword, setShowPassword] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = (0, import_react13.useState)(null);
+  const [showPassword, setShowPassword] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = (0, import_react14.useState)(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  const [anchorInfoElement, setAnchorInfoElement] = (0, import_react13.useState)(null);
+  const [anchorInfoElement, setAnchorInfoElement] = (0, import_react14.useState)(null);
   const openInfoElement = Boolean(anchorInfoElement);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
@@ -1497,7 +1521,7 @@ var SCTextField = ({
   const handleCloseInfoElement = () => {
     setAnchorInfoElement(null);
   };
-  return /* @__PURE__ */ import_react13.default.createElement(import_material7.Box, { sx: { width } }, /* @__PURE__ */ import_react13.default.createElement(import_Grid.default, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ import_react13.default.createElement(import_material7.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ import_react13.default.createElement(import_material7.Typography, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(import_material7.Box, { sx: { width } }, /* @__PURE__ */ import_react14.default.createElement(import_Grid.default, { container: true, alignItems: "center", gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ import_react14.default.createElement(import_material7.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ import_react14.default.createElement(import_material7.Typography, { mx: 0.5, variant: "subtitle2", color: "text.secondary", sx: { marginBottom: "10px" } }, title) : "", infoTitle ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
     import_icons_material7.InfoOutlined,
     {
       color: "action",
@@ -1505,7 +1529,7 @@ var SCTextField = ({
       onMouseEnter: (event2) => handleOpenInfoTitle(event2),
       onMouseLeave: () => handleCloseInfoTitle()
     }
-  ), /* @__PURE__ */ import_react13.default.createElement(
+  ), /* @__PURE__ */ import_react14.default.createElement(
     import_material7.Popover,
     {
       sx: {
@@ -1527,14 +1551,14 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_material7.Typography, { p: 2 }, infoTitle.text)
-  )) : /* @__PURE__ */ import_react13.default.createElement(import_material7.Tooltip, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(import_material7.Typography, { p: 2 }, infoTitle.text)
+  )) : /* @__PURE__ */ import_react14.default.createElement(import_material7.Tooltip, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react14.default.createElement(
     import_icons_material7.InfoOutlined,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ import_react13.default.createElement(import_Grid.default, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ import_react13.default.createElement(
+  ))) : ""), /* @__PURE__ */ import_react14.default.createElement(import_Grid.default, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ import_react14.default.createElement(
     import_material7.FormControl,
     {
       color,
@@ -1549,7 +1573,7 @@ var SCTextField = ({
         }
       }
     },
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       import_material7.InputLabel,
       {
         "data-testid": "test-label",
@@ -1566,7 +1590,7 @@ var SCTextField = ({
       },
       label ? label : ""
     ),
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       InputComponent,
       {
         size: size ? size : "medium",
@@ -1582,8 +1606,8 @@ var SCTextField = ({
         type: !showPassword && format3 === "password" ? "password" : (format3 || "text").toUpperCase() === "INT" || (format3 || "text").toUpperCase() === "DECIMAL" ? "number" : "text",
         className: format3 === "password" && !showPassword ? "" : "",
         placeholder,
-        startAdornment: iconInputStart ? /* @__PURE__ */ import_react13.default.createElement(import_material7.InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ import_react13.default.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
-        endAdornment: /* @__PURE__ */ import_react13.default.createElement(import_material7.InputAdornment, { position: "end" }, format3 === "password" ? /* @__PURE__ */ import_react13.default.createElement(
+        startAdornment: iconInputStart ? /* @__PURE__ */ import_react14.default.createElement(import_material7.InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ import_react14.default.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
+        endAdornment: /* @__PURE__ */ import_react14.default.createElement(import_material7.InputAdornment, { position: "end" }, format3 === "password" ? /* @__PURE__ */ import_react14.default.createElement(
           import_material7.IconButton,
           {
             "aria-label": "toggle password visibility",
@@ -1591,8 +1615,8 @@ var SCTextField = ({
             onMouseDown: handleMouseDownPassword,
             edge: "end"
           },
-          showPassword ? /* @__PURE__ */ import_react13.default.createElement(import_icons_material7.VisibilityOff, null) : /* @__PURE__ */ import_react13.default.createElement(import_icons_material7.Visibility, null)
-        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
+          showPassword ? /* @__PURE__ */ import_react14.default.createElement(import_icons_material7.VisibilityOff, null) : /* @__PURE__ */ import_react14.default.createElement(import_icons_material7.Visibility, null)
+        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
           import_icons_material7.InfoOutlined,
           {
             "data-testid": "test-infoElement",
@@ -1603,7 +1627,7 @@ var SCTextField = ({
             onMouseEnter: (event2) => handleOpenInfoElement(event2),
             onMouseLeave: () => handleCloseInfoElement()
           }
-        ), /* @__PURE__ */ import_react13.default.createElement(
+        ), /* @__PURE__ */ import_react14.default.createElement(
           import_material7.Popover,
           {
             sx: {
@@ -1625,19 +1649,19 @@ var SCTextField = ({
             },
             disableRestoreFocus: true
           },
-          /* @__PURE__ */ import_react13.default.createElement(import_material7.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-        )) : /* @__PURE__ */ import_react13.default.createElement(import_material7.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react13.default.createElement(
+          /* @__PURE__ */ import_react14.default.createElement(import_material7.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+        )) : /* @__PURE__ */ import_react14.default.createElement(import_material7.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react14.default.createElement(
           import_icons_material7.InfoOutlined,
           {
             color: "action",
             fontSize: "small"
           }
-        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ import_react13.default.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
+        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ import_react14.default.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
         label: label ? label + (format3 === "password" && !showPassword ? "" : "") : "",
         autoComplete: format3 === "password" ? "new-password" : "off"
       }
     )
-  ), (iconInputEnd !== void 0 || format3 === "password") && infoElement ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
+  ), (iconInputEnd !== void 0 || format3 === "password") && infoElement ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
     import_icons_material7.InfoOutlined,
     {
       "data-testid": "test-infoElement",
@@ -1648,7 +1672,7 @@ var SCTextField = ({
       onMouseEnter: (event2) => handleOpenInfoElement(event2),
       onMouseLeave: handleCloseInfoElement
     }
-  ), /* @__PURE__ */ import_react13.default.createElement(
+  ), /* @__PURE__ */ import_react14.default.createElement(
     import_material7.Popover,
     {
       sx: { pointerEvents: "none" },
@@ -1665,8 +1689,8 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_material7.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-  )) : /* @__PURE__ */ import_react13.default.createElement(import_material7.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(import_material7.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+  )) : /* @__PURE__ */ import_react14.default.createElement(import_material7.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react14.default.createElement(
     import_icons_material7.InfoOutlined,
     {
       sx: { marginLeft: "4px" },
@@ -1686,7 +1710,7 @@ function getIcon2(name) {
 }
 
 // src/Components/TextArea/SCTextArea.tsx
-var import_react14 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"), 1);
 var import_material8 = require("@mui/material");
 var import_icons_material8 = require("@mui/icons-material");
 var SCTextArea = ({
@@ -1710,11 +1734,11 @@ var SCTextArea = ({
   state,
   onBlur
 }) => {
-  const [helperCount, setHelperCount] = (0, import_react14.useState)(0);
-  const [stateError, setStateError] = (0, import_react14.useState)(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = import_react14.default.useState(null);
+  const [helperCount, setHelperCount] = (0, import_react15.useState)(0);
+  const [stateError, setStateError] = (0, import_react15.useState)(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = import_react15.default.useState(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     setHelperCount(state == null ? void 0 : state.length);
   }, [state]);
   const IconTitle = getIcon2(iconTitle);
@@ -1736,7 +1760,7 @@ var SCTextArea = ({
   const handleCloseInfoTitle = () => {
     setAnchorInfoTitle(null);
   };
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(import_material8.Box, { sx: { width } }, /* @__PURE__ */ import_react14.default.createElement(import_material8.Grid, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ import_react14.default.createElement(import_material8.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ import_react14.default.createElement(import_material8.Typography, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_material8.Box, { sx: { width } }, /* @__PURE__ */ import_react15.default.createElement(import_material8.Grid, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ import_react15.default.createElement(import_material8.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ import_react15.default.createElement(import_material8.Typography, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
     import_icons_material8.InfoOutlined,
     {
       color: "action",
@@ -1744,7 +1768,7 @@ var SCTextArea = ({
       onMouseEnter: (event2) => handleOpenInfoTitle(event2),
       onMouseLeave: () => handleCloseInfoTitle()
     }
-  ), /* @__PURE__ */ import_react14.default.createElement(
+  ), /* @__PURE__ */ import_react15.default.createElement(
     import_material8.Popover,
     {
       sx: { pointerEvents: "none" },
@@ -1761,14 +1785,14 @@ var SCTextArea = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ import_react14.default.createElement(import_material8.Typography, { sx: { p: 2 } }, infoTitle.text)
-  )) : /* @__PURE__ */ import_react14.default.createElement(import_material8.Tooltip, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(import_material8.Typography, { sx: { p: 2 } }, infoTitle.text)
+  )) : /* @__PURE__ */ import_react15.default.createElement(import_material8.Tooltip, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react15.default.createElement(
     import_icons_material8.InfoOutlined,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ import_react14.default.createElement(import_material8.Stack, null, /* @__PURE__ */ import_react14.default.createElement(
+  ))) : ""), /* @__PURE__ */ import_react15.default.createElement(import_material8.Stack, null, /* @__PURE__ */ import_react15.default.createElement(
     import_material8.TextField,
     {
       required,
@@ -1793,7 +1817,7 @@ var SCTextArea = ({
         shrink: true
       }
     }
-  )), /* @__PURE__ */ import_react14.default.createElement(import_material8.Stack, null, /* @__PURE__ */ import_react14.default.createElement(
+  )), /* @__PURE__ */ import_react15.default.createElement(import_material8.Stack, null, /* @__PURE__ */ import_react15.default.createElement(
     import_material8.Typography,
     {
       variant: "caption",
@@ -1807,7 +1831,7 @@ var SCTextArea = ({
 };
 
 // src/Components/SCSelect.tsx
-var import_react15 = __toESM(require("react"), 1);
+var import_react16 = __toESM(require("react"), 1);
 var import_material9 = require("@mui/material");
 var import_Select = __toESM(require("@mui/material/Select"), 1);
 var Muicon4 = __toESM(require("@mui/icons-material"), 1);
@@ -1825,16 +1849,18 @@ function SCSelect({
   state
 }) {
   const labelContent = `<span style="color: red;">* </span>` + label;
-  const [prevData, setPrevData] = import_react15.default.useState(data);
-  const [error, setError] = import_react15.default.useState(false);
-  (0, import_react15.useEffect)(() => {
+  const [prevData, setPrevData] = import_react16.default.useState(data);
+  const [error, setError] = import_react16.default.useState(false);
+  const [placement, setPlacement] = import_react16.default.useState("bottom");
+  const containerRef = import_react16.default.useRef(null);
+  (0, import_react16.useEffect)(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
       }, 1e3);
     }
   }, [error]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     let dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (dataChangeValidation == false) {
       setState({ hiddenValue: "", textValue: "" });
@@ -1855,6 +1881,14 @@ function SCSelect({
     const isError = !currentValue && !!required;
     setError(Boolean(isError));
   };
+  const handleOpen = () => {
+    if (containerRef.current) {
+      const rect = containerRef.current.getBoundingClientRect();
+      const spaceBelow = window.innerHeight - rect.bottom;
+      const estimatedMenuHeight = Math.min(300, data.length * 36 + 16);
+      setPlacement(spaceBelow < estimatedMenuHeight ? "top" : "bottom");
+    }
+  };
   const handleChange = (event2) => {
     const selectedValue = event2.target.value;
     if (selectedValue) {
@@ -1868,7 +1902,7 @@ function SCSelect({
       }
     }
   };
-  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, data && /* @__PURE__ */ import_react15.default.createElement(import_material9.Box, { sx: { width } }, /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, data && /* @__PURE__ */ import_react16.default.createElement(import_material9.Box, { ref: containerRef, sx: { width } }, /* @__PURE__ */ import_react16.default.createElement(
     import_material9.FormControl,
     {
       fullWidth: true,
@@ -1876,20 +1910,21 @@ function SCSelect({
       variant,
       sx: { background: background ? background : "transparent" }
     },
-    /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react16.default.createElement(
       import_material9.InputLabel,
       {
         error
       },
-      required ? /* @__PURE__ */ import_react15.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
+      required ? /* @__PURE__ */ import_react16.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
     ),
-    /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react16.default.createElement(
       import_Select.default,
       {
         value: Array.isArray(state.hiddenValue) ? state.hiddenValue[0] || "" : state.hiddenValue != "-1" ? state.hiddenValue : "",
-        label: required ? /* @__PURE__ */ import_react15.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+        label: required ? /* @__PURE__ */ import_react16.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
         onChange: handleChange,
         onBlur: handleBlur,
+        onOpen: handleOpen,
         variant,
         disabled: disabled || false,
         error,
@@ -1897,7 +1932,6 @@ function SCSelect({
         MenuProps: {
           sx: {
             zIndex: 1400
-            // muy alto para que quede encima
           },
           PaperProps: {
             sx: {
@@ -1906,11 +1940,11 @@ function SCSelect({
             }
           },
           anchorOrigin: {
-            vertical: "bottom",
+            vertical: placement,
             horizontal: "left"
           },
           transformOrigin: {
-            vertical: "top",
+            vertical: placement === "bottom" ? "top" : "bottom",
             horizontal: "left"
           },
           disableAutoFocusItem: true,
@@ -1918,19 +1952,19 @@ function SCSelect({
         }
       },
       data.map((option, index) => {
-        return /* @__PURE__ */ import_react15.default.createElement(import_material9.MenuItem, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react15.default.createElement(import_material9.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react15.default.createElement(import_material9.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ import_react15.default.createElement(import_material9.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
+        return /* @__PURE__ */ import_react16.default.createElement(import_material9.MenuItem, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react16.default.createElement(import_material9.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react16.default.createElement(import_material9.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ import_react16.default.createElement(import_material9.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
       })
     )
   )));
 }
 
 // src/Components/SCAutocomplete.tsx
-var import_react16 = __toESM(require("react"), 1);
+var import_react17 = __toESM(require("react"), 1);
 var import_material10 = require("@mui/material");
 var import_icons_material9 = require("@mui/icons-material");
 var Muicon5 = __toESM(require("@mui/icons-material"), 1);
 var StopEvent = ({ children }) => {
-  return /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     import_material10.Box,
     {
       onMouseDown: (e) => {
@@ -1969,12 +2003,12 @@ function SCAutocomplete({
   const labelContent = `<span style="color: red;">* </span>` + label;
   let group = "";
   let isSelected = false;
-  const [selectedOptions, setSelectedOptions] = import_react16.default.useState([]);
-  const [prevData, setPrevData] = import_react16.default.useState(data);
-  const [originalData, setOriginalData] = import_react16.default.useState(data);
-  const [inputValue, setInputValue] = import_react16.default.useState("");
-  const [isUserTyping, setIsUserTyping] = import_react16.default.useState(false);
-  (0, import_react16.useEffect)(() => {
+  const [selectedOptions, setSelectedOptions] = import_react17.default.useState([]);
+  const [prevData, setPrevData] = import_react17.default.useState(data);
+  const [originalData, setOriginalData] = import_react17.default.useState(data);
+  const [inputValue, setInputValue] = import_react17.default.useState("");
+  const [isUserTyping, setIsUserTyping] = import_react17.default.useState(false);
+  (0, import_react17.useEffect)(() => {
     const dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (!dataChangeValidation && !isUserTyping) {
       setState({ hiddenValue: "-1", textValue: "" });
@@ -1985,7 +2019,7 @@ function SCAutocomplete({
     }
     setPrevData(data);
   }, [data, isUserTyping]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (typeFormat == "multiselect") {
       if (state.hiddenValue != "-1" && Array.isArray(state.hiddenValue)) {
         const newSelectedOptions = originalData.filter(
@@ -1995,7 +2029,7 @@ function SCAutocomplete({
       }
     }
   }, [state.hiddenValue, originalData, typeFormat]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (inputValue === "") {
       setIsUserTyping(false);
     }
@@ -2010,7 +2044,7 @@ function SCAutocomplete({
       textValue: newSelected.length > 0 ? newSelected.map((item) => getItemValue(item).text) : ""
     });
   };
-  const normalizedData = (0, import_react16.useMemo)(() => {
+  const normalizedData = (0, import_react17.useMemo)(() => {
     return data.map((option) => {
       if ((option == null ? void 0 : option.icon) && option.icon.type === void 0) {
         return __spreadProps(__spreadValues({}, option), {
@@ -2064,16 +2098,16 @@ function SCAutocomplete({
   const selectedValue = typeFormat === "multiselect" ? selectedOptions : originalData.find(
     (item) => getItemValue(item).value === state.hiddenValue
   ) || null;
-  const [open, setOpen] = import_react16.default.useState(false);
-  const componentClickActiveRef = import_react16.default.useRef(false);
-  const listboxScrollRef = import_react16.default.useRef(null);
-  const containerRef = import_react16.default.useRef(null);
-  const [chipLimit, setChipLimit] = import_react16.default.useState(2);
-  const outsideChipsMeasureRef = import_react16.default.useRef(null);
-  const [visibleChipCount, setVisibleChipCount] = import_react16.default.useState(Number.MAX_SAFE_INTEGER);
-  const [popoverAnchor, setPopoverAnchor] = import_react16.default.useState(null);
-  const popoverTimerRef = import_react16.default.useRef(null);
-  (0, import_react16.useEffect)(() => {
+  const [open, setOpen] = import_react17.default.useState(false);
+  const componentClickActiveRef = import_react17.default.useRef(false);
+  const listboxScrollRef = import_react17.default.useRef(null);
+  const containerRef = import_react17.default.useRef(null);
+  const [chipLimit, setChipLimit] = import_react17.default.useState(2);
+  const outsideChipsMeasureRef = import_react17.default.useRef(null);
+  const [visibleChipCount, setVisibleChipCount] = import_react17.default.useState(Number.MAX_SAFE_INTEGER);
+  const [popoverAnchor, setPopoverAnchor] = import_react17.default.useState(null);
+  const popoverTimerRef = import_react17.default.useRef(null);
+  (0, import_react17.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
     const observer = new ResizeObserver((entries) => {
@@ -2084,7 +2118,7 @@ function SCAutocomplete({
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!chipOutside || typeFormat !== "multiselect") return;
     const box = outsideChipsMeasureRef.current;
     if (!box) return;
@@ -2104,7 +2138,7 @@ function SCAutocomplete({
     observer.observe(box);
     return () => observer.disconnect();
   }, [selectedOptions, chipOutside, typeFormat]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const displayCount = Math.min(visibleChipCount, selectedOptions.length);
     if (selectedOptions.length - displayCount === 0) {
       setPopoverAnchor(null);
@@ -2128,13 +2162,13 @@ function SCAutocomplete({
     if (!(chipOutside == null ? void 0 : chipOutside.textSeccion)) return optionText.charAt(0).toUpperCase();
     return chipOutside.textSeccion.split(",").map((p) => optionText.charAt(Number(p.trim())).toUpperCase()).join("");
   };
-  const hayOnComponentClickGlobal = (0, import_react16.useMemo)(() => {
+  const hayOnComponentClickGlobal = (0, import_react17.useMemo)(() => {
     return data.some((opt) => {
       const item = getItemValue(opt);
       return Boolean(item.onComponentClick);
     });
   }, [data, getItemValue]);
-  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, data && /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { ref: containerRef, sx: { width } }, /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, data && /* @__PURE__ */ import_react17.default.createElement(import_material10.Box, { ref: containerRef, sx: { width } }, /* @__PURE__ */ import_react17.default.createElement(
     import_material10.Autocomplete,
     __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { disableCloseOnSelect: true } : {}), hayOnComponentClickGlobal ? { blurOnSelect: false } : {}), hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
       onClose: (event2, reason) => {
@@ -2167,9 +2201,9 @@ function SCAutocomplete({
       limitTags: chipLimit,
       renderTags: chipOutside ? () => null : (value, getTagProps) => {
         const limit = chipLimit;
-        return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, value.slice(0, limit).map((option, index) => {
+        return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, value.slice(0, limit).map((option, index) => {
           const _a = getTagProps({ index }), { key } = _a, chipProps = __objRest(_a, ["key"]);
-          return /* @__PURE__ */ import_react16.default.createElement(
+          return /* @__PURE__ */ import_react17.default.createElement(
             import_material10.Chip,
             __spreadProps(__spreadValues({
               key,
@@ -2181,7 +2215,7 @@ function SCAutocomplete({
               style: { maxWidth: 120, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
             })
           );
-        }), value.length > limit && /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center" } }, `+${value.length - limit}`));
+        }), value.length > limit && /* @__PURE__ */ import_react17.default.createElement(import_material10.Box, { sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center" } }, `+${value.length - limit}`));
       },
       renderOption: (props, option) => {
         const _a = props, { key } = _a, optionProps = __objRest(_a, ["key"]);
@@ -2200,7 +2234,7 @@ function SCAutocomplete({
           group = option[columnGroup];
         }
         const item = getItemValue(option);
-        return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ import_react16.default.createElement(import_material10.Typography, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ import_react16.default.createElement(
+        return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ import_react17.default.createElement(import_material10.Typography, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ import_react17.default.createElement(
           import_material10.MenuItem,
           __spreadProps(__spreadValues({}, optionProps), {
             component: "li",
@@ -2211,8 +2245,8 @@ function SCAutocomplete({
               opacity: isDisabled ? 0.5 : 1
             }
           }),
-          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react16.default.createElement(import_material10.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react16.default.createElement(import_material10.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
-          typeFormat == "multiselect" ? /* @__PURE__ */ import_react16.default.createElement(
+          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react17.default.createElement(import_material10.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react17.default.createElement(import_material10.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
+          typeFormat == "multiselect" ? /* @__PURE__ */ import_react17.default.createElement(
             import_material10.Checkbox,
             {
               checked: isSelected,
@@ -2221,8 +2255,8 @@ function SCAutocomplete({
               color: "primary"
             }
           ) : "",
-          /* @__PURE__ */ import_react16.default.createElement(import_material10.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }),
-          item.component != null ? /* @__PURE__ */ import_react16.default.createElement(StopEvent, null, /* @__PURE__ */ import_react16.default.createElement(
+          /* @__PURE__ */ import_react17.default.createElement(import_material10.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }),
+          item.component != null ? /* @__PURE__ */ import_react17.default.createElement(StopEvent, null, /* @__PURE__ */ import_react17.default.createElement(
             "span",
             {
               onMouseDown: (event2) => {
@@ -2253,7 +2287,7 @@ function SCAutocomplete({
           )) : null
         )));
       },
-      renderInput: (params) => /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+      renderInput: (params) => /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(
         import_material10.TextField,
         __spreadProps(__spreadValues({
           sx: {
@@ -2265,10 +2299,10 @@ function SCAutocomplete({
             }
           }
         }, params), {
-          label: required ? /* @__PURE__ */ import_react16.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+          label: required ? /* @__PURE__ */ import_react17.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
           placeholder: selectedOptions.length == 0 ? "B\xFAsqueda" : "",
           InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-            endAdornment: /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ import_react16.default.createElement(import_material10.IconButton, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ import_react16.default.createElement(import_icons_material9.Clear, { fontSize: "small" })) : "", /* @__PURE__ */ import_react16.default.createElement(import_material10.InputAdornment, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ import_react16.default.createElement(import_icons_material9.Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
+            endAdornment: /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ import_react17.default.createElement(import_material10.IconButton, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ import_react17.default.createElement(import_icons_material9.Clear, { fontSize: "small" })) : "", /* @__PURE__ */ import_react17.default.createElement(import_material10.InputAdornment, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ import_react17.default.createElement(import_icons_material9.Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
           })
         })
       )),
@@ -2280,8 +2314,8 @@ function SCAutocomplete({
           }
         },
         listbox: {
-          component: import_react16.default.forwardRef(function ListboxComponent(props, ref) {
-            return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+          component: import_react17.default.forwardRef(function ListboxComponent(props, ref) {
+            return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(
               import_material10.Box,
               __spreadProps(__spreadValues({
                 ref: (node) => {
@@ -2296,9 +2330,9 @@ function SCAutocomplete({
                   backgroundColor: "white"
                 }, props.sx)
               }),
-              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_material10.FormControlLabel, { control: /* @__PURE__ */ import_react16.default.createElement(import_material10.Checkbox, { checked: allSelected, indeterminate: selectedOptions.length > 0 && selectedOptions.length < data.length, onChange: handleCheckAll, color: "primary" }), label: "Todos los items", sx: { marginLeft: "0px !important", marginRight: "0px !important", padding: "7px 16px" } }), /* @__PURE__ */ import_react16.default.createElement(import_material10.Divider, null)) : "",
+              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_material10.FormControlLabel, { control: /* @__PURE__ */ import_react17.default.createElement(import_material10.Checkbox, { checked: allSelected, indeterminate: selectedOptions.length > 0 && selectedOptions.length < data.length, onChange: handleCheckAll, color: "primary" }), label: "Todos los items", sx: { marginLeft: "0px !important", marginRight: "0px !important", padding: "7px 16px" } }), /* @__PURE__ */ import_react17.default.createElement(import_material10.Divider, null)) : "",
               props.children,
-              deleteType == "button" || fnAplicar ? /* @__PURE__ */ import_react16.default.createElement(
+              deleteType == "button" || fnAplicar ? /* @__PURE__ */ import_react17.default.createElement(
                 import_material10.Grid,
                 {
                   container: true,
@@ -2313,7 +2347,7 @@ function SCAutocomplete({
                     justifyContent: "space-between"
                   }
                 },
-                deleteType == "button" ? /* @__PURE__ */ import_react16.default.createElement(
+                deleteType == "button" ? /* @__PURE__ */ import_react17.default.createElement(
                   import_material10.Button,
                   {
                     variant: "text",
@@ -2327,7 +2361,7 @@ function SCAutocomplete({
                   },
                   "Limpiar"
                 ) : "",
-                fnAplicar && /* @__PURE__ */ import_react16.default.createElement(
+                fnAplicar && /* @__PURE__ */ import_react17.default.createElement(
                   import_material10.Button,
                   {
                     variant: "contained",
@@ -2346,7 +2380,7 @@ function SCAutocomplete({
   ), chipOutside && typeFormat === "multiselect" && selectedOptions.length > 0 && (() => {
     const displayCount = Math.min(visibleChipCount, selectedOptions.length);
     const hiddenCount = selectedOptions.length - displayCount;
-    return /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { sx: { position: "relative", mt: 0.5 } }, /* @__PURE__ */ import_react16.default.createElement(
+    return /* @__PURE__ */ import_react17.default.createElement(import_material10.Box, { sx: { position: "relative", mt: 0.5 } }, /* @__PURE__ */ import_react17.default.createElement(
       import_material10.Box,
       {
         ref: outsideChipsMeasureRef,
@@ -2365,17 +2399,17 @@ function SCAutocomplete({
       },
       selectedOptions.map((option) => {
         const avatarText = resolveAvatarText(option);
-        return /* @__PURE__ */ import_react16.default.createElement("div", { key: getItemValue(option).value, "data-outside-chip": true, style: { display: "inline-flex" } }, /* @__PURE__ */ import_react16.default.createElement(
+        return /* @__PURE__ */ import_react17.default.createElement("div", { key: getItemValue(option).value, "data-outside-chip": true, style: { display: "inline-flex" } }, /* @__PURE__ */ import_react17.default.createElement(
           import_material10.Chip,
           __spreadValues({
             size: "medium",
             label: getItemValue(option).text
-          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react16.default.createElement(import_material10.Avatar, null, avatarText) } : {})
+          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react17.default.createElement(import_material10.Avatar, null, avatarText) } : {})
         ));
       })
-    ), /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5, maxHeight: 36, overflow: "hidden" } }, selectedOptions.slice(0, displayCount).map((option) => {
+    ), /* @__PURE__ */ import_react17.default.createElement(import_material10.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5, maxHeight: 36, overflow: "hidden" } }, selectedOptions.slice(0, displayCount).map((option) => {
       const avatarText = resolveAvatarText(option);
-      return /* @__PURE__ */ import_react16.default.createElement(
+      return /* @__PURE__ */ import_react17.default.createElement(
         import_material10.Chip,
         __spreadValues({
           key: getItemValue(option).value,
@@ -2384,9 +2418,9 @@ function SCAutocomplete({
           variant: "filled",
           label: getItemValue(option).text,
           onDelete: () => handleDeleteChip(option)
-        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react16.default.createElement(import_material10.Avatar, null, avatarText) } : {})
+        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react17.default.createElement(import_material10.Avatar, null, avatarText) } : {})
       );
-    }), hiddenCount > 0 && /* @__PURE__ */ import_react16.default.createElement(
+    }), hiddenCount > 0 && /* @__PURE__ */ import_react17.default.createElement(
       import_material10.Box,
       {
         onMouseEnter: handlePlusEnter,
@@ -2394,7 +2428,7 @@ function SCAutocomplete({
         sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center", cursor: "default" }
       },
       `+${hiddenCount}`
-    )), /* @__PURE__ */ import_react16.default.createElement(
+    )), /* @__PURE__ */ import_react17.default.createElement(
       import_material10.Popper,
       {
         open: Boolean(popoverAnchor),
@@ -2402,7 +2436,7 @@ function SCAutocomplete({
         placement: "bottom-start",
         sx: { zIndex: 1500 }
       },
-      /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(
         import_material10.Paper,
         {
           elevation: 3,
@@ -2412,7 +2446,7 @@ function SCAutocomplete({
         },
         selectedOptions.slice(displayCount).map((option) => {
           const avatarText = resolveAvatarText(option);
-          return /* @__PURE__ */ import_react16.default.createElement(
+          return /* @__PURE__ */ import_react17.default.createElement(
             import_material10.Chip,
             __spreadValues({
               key: getItemValue(option).value,
@@ -2421,7 +2455,7 @@ function SCAutocomplete({
               variant: "filled",
               label: getItemValue(option).text,
               onDelete: () => handleDeleteChip(option)
-            }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react16.default.createElement(import_material10.Avatar, { sx: { fontSize: avatarText.length > 1 ? "0.55rem" : "0.75rem" } }, avatarText) } : {})
+            }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react17.default.createElement(import_material10.Avatar, { sx: { fontSize: avatarText.length > 1 ? "0.55rem" : "0.75rem" } }, avatarText) } : {})
           );
         })
       )
@@ -2430,14 +2464,14 @@ function SCAutocomplete({
 }
 
 // src/Components/SCDateRange.tsx
-var import_react17 = __toESM(require("react"), 1);
+var import_react18 = __toESM(require("react"), 1);
 var import_material11 = require("@mui/material");
 var import_LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var import_AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
 var import_DateRangePicker = require("@mui/x-date-pickers-pro/DateRangePicker");
 var import_MultiInputDateRangeField = require("@mui/x-date-pickers-pro/MultiInputDateRangeField");
 var import_dayjs = __toESM(require("dayjs"), 1);
-var import_es = require("dayjs/locale/es");
+var import_es2 = require("dayjs/locale/es");
 var import_x_license = require("@mui/x-license");
 var import_InsertInvitationOutlined = __toESM(require("@mui/icons-material/InsertInvitationOutlined"), 1);
 var SCDateRange = ({
@@ -2455,7 +2489,7 @@ var SCDateRange = ({
   const isStartEmpty = required && !state[0];
   const isEndEmpty = required && !state[1];
   const hasError = isStartEmpty || isEndEmpty;
-  const [notification, setNotification] = import_react17.default.useState(false);
+  const [notification, setNotification] = import_react18.default.useState(false);
   const handleDateChange = (newValue) => {
     const minDateDayjs = (0, import_dayjs.default)("2013-01-01");
     const convertedValue = [
@@ -2499,7 +2533,7 @@ var SCDateRange = ({
       setState(convertedValue);
     }
   };
-  return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react17.default.createElement(import_material11.Box, { sx: { width: "100%" } }, /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react18.default.createElement(import_material11.Box, { sx: { width: "100%" } }, /* @__PURE__ */ import_react18.default.createElement(
     import_DateRangePicker.DateRangePicker,
     {
       value: state,
@@ -2523,7 +2557,7 @@ var SCDateRange = ({
             required,
             error: isStart ? isStartEmpty : isEndEmpty,
             InputProps: {
-              endAdornment: /* @__PURE__ */ import_react17.default.createElement(import_material11.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react17.default.createElement(
+              endAdornment: /* @__PURE__ */ import_react18.default.createElement(import_material11.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react18.default.createElement(
                 import_InsertInvitationOutlined.default,
                 {
                   color: hasError ? "error" : "action",
@@ -2559,11 +2593,11 @@ var DrawerContent = ({ arrayElements }) => {
     var _a, _b, _c, _d, _e, _f;
     const key = `Stack_${(_a = arrayElement.type) != null ? _a : ""} ${(_b = arrayElement.label) != null ? _b : ""}${index}`;
     if (arrayElement.component) {
-      return /* @__PURE__ */ import_react18.default.createElement(import_material12.Stack, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component);
+      return /* @__PURE__ */ import_react19.default.createElement(import_material12.Stack, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component);
     }
     switch (arrayElement.type) {
       case "textField":
-        return /* @__PURE__ */ import_react18.default.createElement(
+        return /* @__PURE__ */ import_react19.default.createElement(
           SCTextField,
           {
             title: arrayElement.title,
@@ -2591,7 +2625,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "textArea":
-        return /* @__PURE__ */ import_react18.default.createElement(
+        return /* @__PURE__ */ import_react19.default.createElement(
           SCTextArea,
           {
             title: arrayElement.title,
@@ -2612,7 +2646,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "autocomplete":
-        return /* @__PURE__ */ import_react18.default.createElement(
+        return /* @__PURE__ */ import_react19.default.createElement(
           SCAutocomplete,
           {
             label: arrayElement.label,
@@ -2632,7 +2666,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "select":
-        return /* @__PURE__ */ import_react18.default.createElement(
+        return /* @__PURE__ */ import_react19.default.createElement(
           SCSelect,
           {
             label: arrayElement.label,
@@ -2650,7 +2684,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "dateRange":
-        return /* @__PURE__ */ import_react18.default.createElement(
+        return /* @__PURE__ */ import_react19.default.createElement(
           SCDateRange,
           {
             labelDateInitial: arrayElement.labelDateInitial,
@@ -2666,9 +2700,9 @@ var DrawerContent = ({ arrayElements }) => {
         return null;
     }
   };
-  return /* @__PURE__ */ import_react18.default.createElement(import_material12.Stack, { alignItems: "flex-start", height: "100%", gap: "16px", flex: 1, overflow: "auto", padding: "16px" }, arrayElements == null ? void 0 : arrayElements.map((arrayElement, index) => {
+  return /* @__PURE__ */ import_react19.default.createElement(import_material12.Stack, { alignItems: "flex-start", height: "100%", gap: "16px", flex: 1, overflow: "auto", padding: "16px" }, arrayElements == null ? void 0 : arrayElements.map((arrayElement, index) => {
     var _a, _b;
-    return /* @__PURE__ */ import_react18.default.createElement(
+    return /* @__PURE__ */ import_react19.default.createElement(
       import_material12.Box,
       {
         key: `Stack_${(_a = arrayElement.type) != null ? _a : ""} ${(_b = arrayElement.label) != null ? _b : ""}${index}`,
@@ -2680,7 +2714,7 @@ var DrawerContent = ({ arrayElements }) => {
 };
 
 // src/Components/Drawer/components/DrawerActions.tsx
-var import_react19 = __toESM(require("react"), 1);
+var import_react20 = __toESM(require("react"), 1);
 var import_material13 = require("@mui/material");
 var import_Grid2 = __toESM(require("@mui/material/Grid"), 1);
 var DrawerActions = ({ actions, anchor }) => {
@@ -2690,7 +2724,7 @@ var DrawerActions = ({ actions, anchor }) => {
   if (!Array.isArray(actions) || actions.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(
     import_Grid2.default,
     {
       sx: { borderTop: 1, borderColor: "#1018403B", zIndex: 1500 },
@@ -2703,7 +2737,7 @@ var DrawerActions = ({ actions, anchor }) => {
       justifyContent: actions.length > 1 ? "space-between" : "flex-start",
       flexDirection: "row-reverse"
     },
-    actions.map((btn, index) => /* @__PURE__ */ import_react19.default.createElement(
+    actions.map((btn, index) => /* @__PURE__ */ import_react20.default.createElement(
       import_material13.Button,
       {
         key: index,
@@ -2720,7 +2754,7 @@ var DrawerActions = ({ actions, anchor }) => {
 };
 
 // src/Components/Drawer/components/DrawerHeader.tsx
-var import_react20 = __toESM(require("react"), 1);
+var import_react21 = __toESM(require("react"), 1);
 var import_material14 = require("@mui/material");
 var import_Grid3 = __toESM(require("@mui/material/Grid"), 1);
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
@@ -2731,7 +2765,7 @@ var DrawerHeader = ({
   filterSideCard,
   type = "Drawer"
 }) => {
-  return /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(
     import_Grid3.default,
     {
       container: true,
@@ -2746,8 +2780,8 @@ var DrawerHeader = ({
         alignContent: "center"
       }
     },
-    /* @__PURE__ */ import_react20.default.createElement(import_material14.Typography, { variant: filterSideCard ? "body2" : "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda aqui"),
-    filterSideCard ? /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, filterSideCard) : /* @__PURE__ */ import_react20.default.createElement(import_material14.IconButton, { onClick: onClose }, /* @__PURE__ */ import_react20.default.createElement(import_Close.default, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
+    /* @__PURE__ */ import_react21.default.createElement(import_material14.Typography, { variant: filterSideCard ? "body2" : "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda aqui"),
+    filterSideCard ? /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, filterSideCard) : /* @__PURE__ */ import_react21.default.createElement(import_material14.IconButton, { onClick: onClose }, /* @__PURE__ */ import_react21.default.createElement(import_Close.default, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
   );
 };
 
@@ -2809,7 +2843,7 @@ function SCDrawer({
     ];
   };
   const drawerActions = getActions();
-  return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, toast && /* @__PURE__ */ import_react21.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, toast && /* @__PURE__ */ import_react22.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react22.default.createElement(
     import_Grid4.default,
     {
       container: true,
@@ -2818,21 +2852,21 @@ function SCDrawer({
       alignItems: "center",
       sx: { width: "100%" }
     },
-    shouldShowChips && /* @__PURE__ */ import_react21.default.createElement(
+    shouldShowChips && /* @__PURE__ */ import_react22.default.createElement(
       ChipFiltersDisplay,
       {
         textFilters,
         onDeleteFilter: handleDeleteFilter
       }
     ),
-    buttonDrawer && /* @__PURE__ */ import_react21.default.createElement(
+    buttonDrawer && /* @__PURE__ */ import_react22.default.createElement(
       DrawerButton,
       {
         buttonDrawer,
         onToggle: toggleDrawer(true)
       }
     )
-  ), type != "Swipeable" ? /* @__PURE__ */ import_react21.default.createElement(
+  ), type != "Swipeable" ? /* @__PURE__ */ import_react22.default.createElement(
     import_material15.Drawer,
     {
       open: drawerOpen,
@@ -2870,7 +2904,7 @@ function SCDrawer({
         }
       }
     },
-    /* @__PURE__ */ import_react21.default.createElement(import_material15.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react21.default.createElement(
+    /* @__PURE__ */ import_react22.default.createElement(import_material15.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react22.default.createElement(
       DrawerHeader,
       {
         title,
@@ -2879,8 +2913,8 @@ function SCDrawer({
         filterSideCard,
         type
       }
-    ), /* @__PURE__ */ import_react21.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react21.default.createElement(DrawerActions, { actions: drawerActions, anchor }))
-  ) : /* @__PURE__ */ import_react21.default.createElement(
+    ), /* @__PURE__ */ import_react22.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react22.default.createElement(DrawerActions, { actions: drawerActions, anchor }))
+  ) : /* @__PURE__ */ import_react22.default.createElement(
     import_material15.SwipeableDrawer,
     {
       open: drawerOpen,
@@ -2908,7 +2942,7 @@ function SCDrawer({
         }
       }
     },
-    /* @__PURE__ */ import_react21.default.createElement(
+    /* @__PURE__ */ import_react22.default.createElement(
       import_material15.Box,
       {
         sx: {
@@ -2922,7 +2956,7 @@ function SCDrawer({
         }
       }
     ),
-    /* @__PURE__ */ import_react21.default.createElement(import_material15.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react21.default.createElement(
+    /* @__PURE__ */ import_react22.default.createElement(import_material15.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react22.default.createElement(
       DrawerHeader,
       {
         title,
@@ -2930,7 +2964,7 @@ function SCDrawer({
         onClose: handleDrawerClose,
         type
       }
-    ), /* @__PURE__ */ import_react21.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react21.default.createElement(
+    ), /* @__PURE__ */ import_react22.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react22.default.createElement(
       import_Grid4.default,
       {
         sx: { zIndex: 1500 },
@@ -2943,7 +2977,7 @@ function SCDrawer({
         justifyContent: Array.isArray(drawerActions) && drawerActions.length > 1 ? "space-between" : "flex-end",
         flexDirection: "row-reverse"
       },
-      Array.isArray(drawerActions) && drawerActions.map((btn, index) => /* @__PURE__ */ import_react21.default.createElement(
+      Array.isArray(drawerActions) && drawerActions.map((btn, index) => /* @__PURE__ */ import_react22.default.createElement(
         import_material15.Button,
         {
           key: index,
@@ -2975,14 +3009,14 @@ var AttachmentMobile = ({
   iconFileItem,
   onFileClick
 }) => {
-  const webcamRef = (0, import_react22.useRef)(null);
-  const [abrirCamara, setAbrirCamara] = (0, import_react22.useState)(false);
-  const [capturedImage, setCapturedImage] = (0, import_react22.useState)(null);
-  const [files, setFiles] = (0, import_react22.useState)([]);
-  const [fileToDelete, setFileToDelete] = (0, import_react22.useState)(null);
-  const [openDrawerDelete, setOpenDrawerDelete] = (0, import_react22.useState)(false);
-  const [toast, setToast] = (0, import_react22.useState)(null);
-  const [open, setOpen] = import_react22.default.useState(false);
+  const webcamRef = (0, import_react23.useRef)(null);
+  const [abrirCamara, setAbrirCamara] = (0, import_react23.useState)(false);
+  const [capturedImage, setCapturedImage] = (0, import_react23.useState)(null);
+  const [files, setFiles] = (0, import_react23.useState)([]);
+  const [fileToDelete, setFileToDelete] = (0, import_react23.useState)(null);
+  const [openDrawerDelete, setOpenDrawerDelete] = (0, import_react23.useState)(false);
+  const [toast, setToast] = (0, import_react23.useState)({ open: false, mensaje: "", type: "success" });
+  const [open, setOpen] = import_react23.default.useState(false);
   const toggleAttachment = (newOpen) => () => {
     setOpen(newOpen);
   };
@@ -3002,7 +3036,7 @@ var AttachmentMobile = ({
     setAbrirCamara(true);
   };
   let capturedImage2 = null;
-  const capture = (0, import_react22.useCallback)((e) => {
+  const capture = (0, import_react23.useCallback)((e) => {
     if (webcamRef.current) {
       const imageSrc = webcamRef.current.getScreenshot();
       setCapturedImage(imageSrc);
@@ -3013,7 +3047,7 @@ var AttachmentMobile = ({
       handleUpload(e);
     }
   }, [webcamRef, setCapturedImage]);
-  const inputRef = (0, import_react22.useRef)(null);
+  const inputRef = (0, import_react23.useRef)(null);
   const handleUpload = (event2) => {
     var _a;
     let newFiles = event2.target.files;
@@ -3044,13 +3078,7 @@ var AttachmentMobile = ({
       );
       const sizeMB = file.size / (1024 * 1024);
       if (isDuplicateFile) {
-        setToast({
-          type: "error",
-          title: "Archivo duplicado",
-          listITems: [`El archivo "${file.name}" ya existe.`],
-          seeMore: true,
-          time: 5
-        });
+        setToast({ open: true, type: "error", mensaje: `Archivo duplicado: El archivo "${file.name}" ya existe.` });
         return;
       }
       if (sizeMB > maxSize) {
@@ -3061,13 +3089,7 @@ var AttachmentMobile = ({
           progress: 0,
           uploadError: true
         });
-        setToast({
-          type: "error",
-          title: "Carga fallida",
-          seeMore: true,
-          listITems: [`El archivo "${file.name}" supera el l\xEDmite de ${maxSize}MB.`],
-          time: 5
-        });
+        setToast({ open: true, type: "error", mensaje: `Carga fallida: El archivo "${file.name}" supera el l\xEDmite de ${maxSize}MB.` });
         return;
       }
       if (fileAccepted && !file.name.match(
@@ -3076,13 +3098,7 @@ var AttachmentMobile = ({
           "i"
         )
       )) {
-        setToast({
-          type: "error",
-          title: "Tipo de archivo no permitido",
-          listITems: [`El archivo "${file.name}" no es un tipo permitido.`],
-          seeMore: true,
-          time: 5
-        });
+        setToast({ open: true, type: "error", mensaje: `Tipo de archivo no permitido: El archivo "${file.name}" no es un tipo permitido.` });
         return;
       }
       nuevosArchivos.push({
@@ -3122,21 +3138,9 @@ var AttachmentMobile = ({
         const remainingValidFiles = updatedFiles.filter((f) => !f.uploadError).map((f) => new File([], f.name, { type: f.type }));
         onChange(remainingValidFiles);
       }
-      setToast({
-        type: "success",
-        title: "Archivo eliminado",
-        listITems: [`El archivo "${fileToRemove.name}" ha sido eliminado exitosamente.`],
-        seeMore: true,
-        time: 3
-      });
+      setToast({ open: true, type: "success", mensaje: `El archivo "${fileToRemove.name}" ha sido eliminado exitosamente.` });
     } catch (error) {
-      setToast({
-        type: "error",
-        title: "Error al eliminar",
-        listITems: [`No se pudo eliminar el archivo "${fileToRemove.name}".`],
-        seeMore: true,
-        time: 5
-      });
+      setToast({ open: true, type: "error", mensaje: `No se pudo eliminar el archivo "${fileToRemove.name}".` });
     }
   });
   const deleteFiles = (fileName) => {
@@ -3149,29 +3153,39 @@ var AttachmentMobile = ({
     });
   };
   const AttachtmentActions = [
-    { icon: /* @__PURE__ */ import_react22.default.createElement(import_ImageOutlined.default, { type: "file", color: "primary" }), color: "primary", label: "Galer\xEDa", onClick: () => {
+    { icon: /* @__PURE__ */ import_react23.default.createElement(import_ImageOutlined.default, { type: "file", color: "primary" }), color: "primary", label: "Galer\xEDa", onClick: () => {
       var _a;
       return (_a = inputRef.current) == null ? void 0 : _a.click();
     } },
-    { icon: /* @__PURE__ */ import_react22.default.createElement(import_icons_material10.PhotoCameraOutlined, { type: "file", color: "success" }), color: "success", label: "C\xE1mara", onClick: () => openCam() },
-    { icon: /* @__PURE__ */ import_react22.default.createElement(import_icons_material10.FolderOpenOutlined, { type: "file", color: "warning" }), color: "warning", label: "Archivos", onClick: () => {
+    { icon: /* @__PURE__ */ import_react23.default.createElement(import_icons_material10.PhotoCameraOutlined, { type: "file", color: "success" }), color: "success", label: "C\xE1mara", onClick: () => openCam() },
+    { icon: /* @__PURE__ */ import_react23.default.createElement(import_icons_material10.FolderOpenOutlined, { type: "file", color: "warning" }), color: "warning", label: "Archivos", onClick: () => {
       var _a;
       return (_a = inputRef.current) == null ? void 0 : _a.click();
     } }
   ];
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (initialFiles && initialFiles.length > 0) {
       setFiles(initialFiles);
     }
   }, []);
-  return /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", gap: 1 }, view == "button" ? /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react23.default.createElement(
+    SCSnackBar,
+    {
+      openState: toast.open,
+      setOpenState: (v) => setToast((prev) => __spreadProps(__spreadValues({}, prev), { open: v })),
+      mensaje: toast.mensaje,
+      type: toast.type,
+      duration: 5e3,
+      position: "Center"
+    }
+  ), view == "button" ? /* @__PURE__ */ import_react23.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ import_react23.default.createElement(
     AttachmentButton,
     {
       buttonAttachment,
       open,
       setOpen
     }
-  )) : "", /* @__PURE__ */ import_react22.default.createElement(import_CssBaseline.default, null), /* @__PURE__ */ import_react22.default.createElement(
+  )) : "", /* @__PURE__ */ import_react23.default.createElement(import_CssBaseline.default, null), /* @__PURE__ */ import_react23.default.createElement(
     import_material16.SwipeableDrawer,
     {
       slotProps: {
@@ -3196,8 +3210,7 @@ var AttachmentMobile = ({
       onClose: toggleAttachment(false),
       onOpen: toggleAttachment(true)
     },
-    toast && /* @__PURE__ */ import_react22.default.createElement(SCToastNotification, __spreadValues({}, toast)),
-    /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", alignItems: "center", p: 2, gap: 2 }, /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", gap: 1, p: 1 }, /* @__PURE__ */ import_react22.default.createElement(import_material16.Typography, { variant: "h6", color: "text.primary" }, "Agrega adjuntos"), /* @__PURE__ */ import_react22.default.createElement(import_material16.IconButton, { size: "medium", onClick: toggleAttachment(false) }, /* @__PURE__ */ import_react22.default.createElement(import_icons_material10.CloseOutlined, { color: "action" }))), /* @__PURE__ */ import_react22.default.createElement(
+    /* @__PURE__ */ import_react23.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", alignItems: "center", p: 2, gap: 2 }, /* @__PURE__ */ import_react23.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", gap: 1, p: 1 }, /* @__PURE__ */ import_react23.default.createElement(import_material16.Typography, { variant: "h6", color: "text.primary" }, "Agrega adjuntos"), /* @__PURE__ */ import_react23.default.createElement(import_material16.IconButton, { size: "medium", onClick: toggleAttachment(false) }, /* @__PURE__ */ import_react23.default.createElement(import_icons_material10.CloseOutlined, { color: "action" }))), /* @__PURE__ */ import_react23.default.createElement(
       "input",
       {
         type: "file",
@@ -3206,7 +3219,7 @@ var AttachmentMobile = ({
         ref: inputRef,
         onChange: handleUpload
       }
-    ), /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", justifyContent: "space-around", alignItems: "center", width: "100%", gap: 2, sx: { padding: "0px 0px 52px 0px !important" } }, AttachtmentActions.map((option, index) => /* @__PURE__ */ import_react22.default.createElement(
+    ), /* @__PURE__ */ import_react23.default.createElement(import_system.Box, { display: "flex", justifyContent: "space-around", alignItems: "center", width: "100%", gap: 2, sx: { padding: "0px 0px 52px 0px !important" } }, AttachtmentActions.map((option, index) => /* @__PURE__ */ import_react23.default.createElement(
       import_system.Box,
       {
         display: "flex",
@@ -3226,7 +3239,7 @@ var AttachmentMobile = ({
           cursor: "pointer"
         }
       },
-      /* @__PURE__ */ import_react22.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement(
         import_material16.IconButton,
         {
           sx: {
@@ -3236,9 +3249,9 @@ var AttachmentMobile = ({
         },
         option.icon
       ),
-      /* @__PURE__ */ import_react22.default.createElement(import_material16.Typography, { variant: "body2", color: "text.secondary" }, option.label)
+      /* @__PURE__ */ import_react23.default.createElement(import_material16.Typography, { variant: "body2", color: "text.secondary" }, option.label)
     ))))
-  ), abrirCamara && /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(import_CancelOutlined.default, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 1700, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)` } }), /* @__PURE__ */ import_react22.default.createElement(import_material16.Stack, { className: "camras" }, /* @__PURE__ */ import_react22.default.createElement(
+  ), abrirCamara && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(import_CancelOutlined.default, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 1700, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)` } }), /* @__PURE__ */ import_react23.default.createElement(import_material16.Stack, { className: "camras" }, /* @__PURE__ */ import_react23.default.createElement(
     import_react_webcam.default,
     {
       audio: false,
@@ -3262,7 +3275,7 @@ var AttachmentMobile = ({
         // Encima de todo
       }
     }
-  ), /* @__PURE__ */ import_react22.default.createElement(
+  ), /* @__PURE__ */ import_react23.default.createElement(
     import_PhotoCamera.default,
     {
       onClick: capture,
@@ -3280,7 +3293,7 @@ var AttachmentMobile = ({
       },
       fontSize: "medium"
     }
-  ))), files.length > 0 && /* @__PURE__ */ import_react22.default.createElement(
+  ))), files.length > 0 && /* @__PURE__ */ import_react23.default.createElement(
     import_material16.Stack,
     {
       "data-testid": "ContenedorArchivosAdjuntos",
@@ -3293,7 +3306,7 @@ var AttachmentMobile = ({
       }),
       spacing: 1
     },
-    files.map((file) => /* @__PURE__ */ import_react22.default.createElement(
+    files.map((file) => /* @__PURE__ */ import_react23.default.createElement(
       import_material16.Stack,
       {
         height: 46,
@@ -3311,7 +3324,7 @@ var AttachmentMobile = ({
           }
         }
       },
-      /* @__PURE__ */ import_react22.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement(
         import_material16.Stack,
         {
           direction: "row",
@@ -3321,14 +3334,14 @@ var AttachmentMobile = ({
           onClick: () => onFileClick == null ? void 0 : onFileClick(file),
           sx: { cursor: onFileClick ? "pointer" : "default" }
         },
-        iconFileItem ? /* @__PURE__ */ import_react22.default.createElement(import_material16.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react22.default.createElement(
+        iconFileItem ? /* @__PURE__ */ import_react23.default.createElement(import_material16.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react23.default.createElement(
           import_icons_material10.UploadFileOutlined,
           {
             color: file.uploadError ? "error" : "primary",
             fontSize: "small"
           }
         ),
-        /* @__PURE__ */ import_react22.default.createElement(import_material16.Stack, { width: "100%" }, /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react23.default.createElement(import_material16.Stack, { width: "100%" }, /* @__PURE__ */ import_react23.default.createElement(
           import_material16.Typography,
           {
             variant: "body2",
@@ -3339,7 +3352,7 @@ var AttachmentMobile = ({
             maxWidth: "310px"
           },
           file.name
-        ), /* @__PURE__ */ import_react22.default.createElement(
+        ), /* @__PURE__ */ import_react23.default.createElement(
           import_material16.Typography,
           {
             variant: "caption",
@@ -3348,7 +3361,7 @@ var AttachmentMobile = ({
           file.uploadError && file.size / (1024 * 1024) > maxSize ? "Archivo super\xF3 el l\xEDmite \u2022 Carga fallida" : file.uploadError ? "Archivo duplicado o inv\xE1lido \u2022 Carga fallida" : `${(file.size / (1024 * 1024)).toFixed(2)}MB \u2022 ${file.type}`
         ))
       ),
-      view == "file" ? /* @__PURE__ */ import_react22.default.createElement(import_material16.Tooltip, { title: "Descargar" }, /* @__PURE__ */ import_react22.default.createElement(
+      view == "file" ? /* @__PURE__ */ import_react23.default.createElement(import_material16.Tooltip, { title: "Descargar" }, /* @__PURE__ */ import_react23.default.createElement(
         import_material16.IconButton,
         {
           size: "small",
@@ -3356,9 +3369,9 @@ var AttachmentMobile = ({
           disabled: file.uploadError,
           "aria-label": `Descargar ${file.name}`
         },
-        /* @__PURE__ */ import_react22.default.createElement(import_FileDownloadOutlined.default, { fontSize: "small", color: "action" })
+        /* @__PURE__ */ import_react23.default.createElement(import_FileDownloadOutlined.default, { fontSize: "small", color: "action" })
       )) : "",
-      view == "button" ? /* @__PURE__ */ import_react22.default.createElement(import_material16.Tooltip, { title: "Eliminar" }, /* @__PURE__ */ import_react22.default.createElement(
+      view == "button" ? /* @__PURE__ */ import_react23.default.createElement(import_material16.Tooltip, { title: "Eliminar" }, /* @__PURE__ */ import_react23.default.createElement(
         import_material16.IconButton,
         {
           size: "small",
@@ -3368,10 +3381,10 @@ var AttachmentMobile = ({
           },
           "aria-label": `Eliminar ${file.name}`
         },
-        /* @__PURE__ */ import_react22.default.createElement(import_icons_material10.DeleteOutline, { fontSize: "small", color: "action" })
+        /* @__PURE__ */ import_react23.default.createElement(import_icons_material10.DeleteOutline, { fontSize: "small", color: "action" })
       )) : ""
     ))
-  ), openDrawerDelete && /* @__PURE__ */ import_react22.default.createElement(
+  ), openDrawerDelete && /* @__PURE__ */ import_react23.default.createElement(
     SCDrawer,
     {
       open: openDrawerDelete,
@@ -3381,7 +3394,7 @@ var AttachmentMobile = ({
       heightDrawer: 150,
       arrayElements: [
         {
-          component: /* @__PURE__ */ import_react22.default.createElement(import_material16.Typography, null, "Esta seguro de eliminar el adjunto ", /* @__PURE__ */ import_react22.default.createElement("strong", null, '"', fileToDelete == null ? void 0 : fileToDelete.name, '"'), " ")
+          component: /* @__PURE__ */ import_react23.default.createElement(import_material16.Typography, null, "Esta seguro de eliminar el adjunto ", /* @__PURE__ */ import_react23.default.createElement("strong", null, '"', fileToDelete == null ? void 0 : fileToDelete.name, '"'), " ")
         }
       ],
       actions: [
@@ -3394,19 +3407,9 @@ var AttachmentMobile = ({
                   yield deleteAction(fileToDelete.name);
                 }
                 deleteFiles(fileToDelete.name);
-                setToast({
-                  title: "Archivo eliminado",
-                  type: "success",
-                  listITems: [`El archivo "${fileToDelete.name}" fue eliminado exitosamente.`],
-                  time: 3
-                });
+                setToast({ open: true, type: "success", mensaje: `El archivo "${fileToDelete.name}" fue eliminado exitosamente.` });
               } catch (error) {
-                setToast({
-                  title: "Error al eliminar archivo",
-                  type: "error",
-                  listITems: [`No se pudo eliminar el archivo "${fileToDelete.name}".`],
-                  time: 5
-                });
+                setToast({ open: true, type: "error", mensaje: `No se pudo eliminar el archivo "${fileToDelete.name}".` });
               } finally {
                 setFileToDelete(null);
                 setOpenDrawerDelete(false);
@@ -3421,16 +3424,16 @@ var AttachmentMobile = ({
 };
 
 // src/Components/Calendario/Calendar.tsx
-var import_react36 = __toESM(require("react"), 1);
+var import_react37 = __toESM(require("react"), 1);
 var import_material24 = require("@mui/material");
 
 // src/Components/Calendario/CalendarToolbar.tsx
-var import_react23 = __toESM(require("react"), 1);
+var import_react24 = __toESM(require("react"), 1);
 var import_icons_material11 = require("@mui/icons-material");
 var import_material17 = require("@mui/material");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_updateLocale = __toESM(require("dayjs/plugin/updateLocale"), 1);
-var import_es2 = require("dayjs/locale/es");
+var import_es3 = require("dayjs/locale/es");
 import_dayjs2.default.locale("es");
 import_dayjs2.default.extend(import_updateLocale.default);
 import_dayjs2.default.updateLocale("en", {
@@ -3444,7 +3447,7 @@ var CalendarToolbar = ({
   onNavigate,
   children
 }) => {
-  const [anchorEl, setAnchorEl] = (0, import_react23.useState)(null);
+  const [anchorEl, setAnchorEl] = (0, import_react24.useState)(null);
   const open = Boolean(anchorEl);
   const handleMenuOpen = (event2) => {
     setAnchorEl(event2.currentTarget);
@@ -3467,17 +3470,17 @@ var CalendarToolbar = ({
     }
     return labelDate.format(" DD MMMM YYYY");
   };
-  return /* @__PURE__ */ import_react23.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 1.5, sx: { paddingBottom: "16px" } }, /* @__PURE__ */ import_react23.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 1.5 }, /* @__PURE__ */ import_react23.default.createElement(import_material17.Box, null, /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react24.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 1.5, sx: { paddingBottom: "16px" } }, /* @__PURE__ */ import_react24.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 1.5 }, /* @__PURE__ */ import_react24.default.createElement(import_material17.Box, null, /* @__PURE__ */ import_react24.default.createElement(
     import_material17.Chip,
     {
       size: "medium",
       label: "Hoy",
-      icon: /* @__PURE__ */ import_react23.default.createElement(import_icons_material11.EventOutlined, { fontSize: "small" }),
+      icon: /* @__PURE__ */ import_react24.default.createElement(import_icons_material11.EventOutlined, { fontSize: "small" }),
       color: "primary",
       onClick: () => onNavigate("TODAY"),
       variant: "standard"
     }
-  )), /* @__PURE__ */ import_react23.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react23.default.createElement(import_material17.IconButton, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ import_react23.default.createElement(import_icons_material11.ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ import_react23.default.createElement(import_material17.IconButton, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ import_react23.default.createElement(import_icons_material11.ChevronRight, { fontSize: "small" })), /* @__PURE__ */ import_react23.default.createElement(import_material17.Typography, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ import_react23.default.createElement(import_material17.IconButton, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ import_react23.default.createElement(import_icons_material11.KeyboardArrowDown, { fontSize: "small" })), /* @__PURE__ */ import_react23.default.createElement(
+  )), /* @__PURE__ */ import_react24.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react24.default.createElement(import_material17.IconButton, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ import_react24.default.createElement(import_icons_material11.ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ import_react24.default.createElement(import_material17.IconButton, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ import_react24.default.createElement(import_icons_material11.ChevronRight, { fontSize: "small" })), /* @__PURE__ */ import_react24.default.createElement(import_material17.Typography, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ import_react24.default.createElement(import_material17.IconButton, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ import_react24.default.createElement(import_icons_material11.KeyboardArrowDown, { fontSize: "small" })), /* @__PURE__ */ import_react24.default.createElement(
     import_material17.Menu,
     {
       anchorEl,
@@ -3486,14 +3489,14 @@ var CalendarToolbar = ({
       anchorOrigin: { vertical: "bottom", horizontal: "center" },
       transformOrigin: { vertical: "top", horizontal: "center" }
     },
-    /* @__PURE__ */ import_react23.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
-    /* @__PURE__ */ import_react23.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
-    /* @__PURE__ */ import_react23.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
-  ))), children ? /* @__PURE__ */ import_react23.default.createElement(import_material17.Box, null, children) : /* @__PURE__ */ import_react23.default.createElement(import_material17.Box, { width: "24px" }), " ");
+    /* @__PURE__ */ import_react24.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
+    /* @__PURE__ */ import_react24.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
+    /* @__PURE__ */ import_react24.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
+  ))), children ? /* @__PURE__ */ import_react24.default.createElement(import_material17.Box, null, children) : /* @__PURE__ */ import_react24.default.createElement(import_material17.Box, { width: "24px" }), " ");
 };
 
 // src/Components/Calendario/Views/MonthView.tsx
-var import_react32 = __toESM(require("react"), 1);
+var import_react33 = __toESM(require("react"), 1);
 var import_material21 = require("@mui/material");
 var import_Add = __toESM(require("@mui/icons-material/Add"), 1);
 var import_dayjs5 = __toESM(require("dayjs"), 1);
@@ -3526,10 +3529,10 @@ var stateColors = {
 };
 
 // src/Components/Calendario/Event.tsx
-var import_react24 = __toESM(require("react"), 1);
+var import_react25 = __toESM(require("react"), 1);
 var import_material18 = require("@mui/material");
 var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
-  const [anchorEl, setAnchorEl] = import_react24.default.useState(null);
+  const [anchorEl, setAnchorEl] = import_react25.default.useState(null);
   const handlePopoverOpen = (event3) => {
     setAnchorEl(event3.currentTarget);
   };
@@ -3537,7 +3540,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
     setAnchorEl(null);
   };
   const open = Boolean(anchorEl);
-  return /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(
     import_material18.Stack,
     {
       direction: "row",
@@ -3558,7 +3561,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         cursor: onClick ? "pointer" : "default"
       }, sx)
     },
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       import_material18.Divider,
       {
         orientation: "vertical",
@@ -3570,7 +3573,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         }
       }
     ),
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       import_material18.Box,
       {
         px: 1,
@@ -3580,7 +3583,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         display: "flex",
         alignItems: "center"
       },
-      /* @__PURE__ */ import_react24.default.createElement(
+      /* @__PURE__ */ import_react25.default.createElement(
         import_material18.Typography,
         {
           color: "text.primary",
@@ -3596,7 +3599,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         },
         event2.title.charAt(0).toUpperCase() + event2.title.slice(1).toLowerCase()
       ),
-      /* @__PURE__ */ import_react24.default.createElement(
+      /* @__PURE__ */ import_react25.default.createElement(
         import_material18.Popover,
         {
           id: "mouse-over-popover",
@@ -3621,60 +3624,60 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
 };
 
 // src/Components/EmptyState/EmptyState.tsx
-var import_react29 = __toESM(require("react"), 1);
+var import_react30 = __toESM(require("react"), 1);
 var import_material19 = require("@mui/material");
 
-// src/assets/ImgEmptyState/create.tsx
-var import_react25 = __toESM(require("react"), 1);
-var Create = () => {
-  return /* @__PURE__ */ import_react25.default.createElement("svg", { width: "45", height: "41", viewBox: "0 0 45 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react25.default.createElement("g", { "clip-path": "url(#clip0_1283_39624)" }, /* @__PURE__ */ import_react25.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M44.4956 13.1869C44.4386 13.8714 43.8367 14.3801 43.1514 14.3231L39.9978 14.0608C39.3124 14.0038 38.8032 13.4027 38.8602 12.7182C38.9173 12.0336 39.5191 11.525 40.2044 11.582L43.3581 11.8443C44.0434 11.9013 44.5527 12.5024 44.4956 13.1869Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react25.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.0393 1.01388C41.4429 1.57002 41.3187 2.34766 40.7619 2.75078L38.099 4.6787C37.5423 5.08182 36.7637 4.95777 36.3601 4.40163C35.9565 3.84548 36.0807 3.06785 36.6375 2.66473L39.3004 0.736804C39.8572 0.333685 40.6357 0.457736 41.0393 1.01388Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react25.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M36.6656 21.2361C36.1755 21.7179 36.1692 22.5054 36.6515 22.9949L38.9584 25.3363C39.4408 25.8258 40.2291 25.8321 40.7193 25.3503C41.2094 24.8685 41.2157 24.0811 40.7333 23.5915L38.4264 21.2502C37.9441 20.7606 37.1557 20.7543 36.6656 21.2361Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react25.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.504365 13.1869C0.561439 13.8714 1.16326 14.3801 1.84856 14.323L5.00224 14.0607C5.68755 14.0037 6.19683 13.4026 6.13976 12.7181C6.08268 12.0336 5.48087 11.5249 4.79556 11.5819L1.64188 11.8442C0.956574 11.9012 0.447291 12.5023 0.504365 13.1869Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react25.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.95913 1.01431C3.55554 1.57046 3.67974 2.34809 4.23653 2.75121L6.8994 4.67914C7.45619 5.08225 8.23473 4.9582 8.63832 4.40206C9.04191 3.84592 8.91771 3.06828 8.36092 2.66516L5.69805 0.737237C5.14126 0.334118 4.36272 0.458169 3.95913 1.01431Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react25.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.33389 21.236C8.82403 21.7178 8.83033 22.5053 8.34796 22.9949L6.04107 25.3362C5.5587 25.8257 4.77034 25.832 4.28021 25.3502C3.79008 24.8684 3.78378 24.081 4.26614 23.5914L6.57304 21.2501C7.0554 20.7605 7.84376 20.7542 8.33389 21.236Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react25.default.createElement("path", { d: "M19.1448 37.3573H25.5804L25.1621 38.889C25.0636 39.2498 24.7356 39.5 24.3613 39.5H20.3638C19.9895 39.5 19.6615 39.2498 19.563 38.889L19.1448 37.3573Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react25.default.createElement("path", { d: "M17.6534 35.3665C17.5381 34.8487 17.9326 34.3575 18.4637 34.3575H26.3983C26.9294 34.3575 27.3239 34.8487 27.2087 35.3665L26.9829 36.3814C26.8563 36.9504 26.351 37.3553 25.7674 37.3553H19.0946C18.511 37.3553 18.0057 36.9504 17.8791 36.3814L17.6534 35.3665Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react25.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.85423 13.9906C8.85423 6.60807 14.935 0.652473 22.3998 0.652473C29.8646 0.652473 35.9455 6.60807 35.9455 13.9906C35.9455 17.6153 34.4759 20.9015 32.0983 23.3022C31.9627 23.4392 31.8257 23.5745 31.6935 23.7052L31.6917 23.707C30.7961 24.5922 30.1385 25.2699 29.8494 26.1116C29.7242 26.4761 29.6012 27.1915 29.4988 28.0885C29.4002 28.9527 29.3306 29.8872 29.2854 30.6281C29.2099 31.864 28.1896 32.8547 26.9266 32.8547H17.8731C16.6101 32.8547 15.5898 31.864 15.5143 30.6281C15.469 29.8872 15.3995 28.9527 15.3009 28.0885C15.1985 27.1915 15.0755 26.4761 14.9503 26.1116C14.6612 25.2699 14.0036 24.5922 13.108 23.707L13.106 23.7051C12.9739 23.5744 12.837 23.4391 12.7014 23.3022C10.3238 20.9015 8.85423 17.6153 8.85423 13.9906ZM22.3998 2.85676C16.1214 2.85676 11.0611 7.85765 11.0611 13.9906C11.0611 17.0068 12.2813 19.7437 14.2703 21.752C14.3969 21.8798 14.526 22.0075 14.6602 22.1401C14.6831 22.1627 14.7062 22.1855 14.7294 22.2085C15.5402 23.0091 16.5655 24.0215 17.0377 25.3961C17.2505 26.0156 17.3925 26.9534 17.4936 27.8388C17.5983 28.757 17.6707 29.7342 17.7171 30.4939C17.723 30.59 17.8001 30.6504 17.8731 30.6504H26.9266C26.9996 30.6504 27.0767 30.59 27.0826 30.4939C27.129 29.7342 27.2013 28.757 27.3061 27.8388C27.4072 26.9534 27.5492 26.0156 27.762 25.3961C28.2342 24.0215 29.2594 23.0091 30.0702 22.2085C30.0935 22.1855 30.1166 22.1627 30.1395 22.1401C30.2737 22.0075 30.4028 21.8798 30.5294 21.752C32.5184 19.7437 33.7386 17.0068 33.7386 13.9906C33.7386 7.85765 28.6783 2.85676 22.3998 2.85676Z", fill: "#B9BDC1" })), /* @__PURE__ */ import_react25.default.createElement("defs", null, /* @__PURE__ */ import_react25.default.createElement("clipPath", { id: "clip0_1283_39624" }, /* @__PURE__ */ import_react25.default.createElement("rect", { width: "44", height: "40", fill: "white", transform: "translate(0.5 0.5)" }))));
-};
-
 // src/assets/ImgEmptyState/empty.tsx
 var import_react26 = __toESM(require("react"), 1);
 var Empty = () => {
-  return /* @__PURE__ */ import_react26.default.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react26.default.createElement("g", { "clip-path": "url(#clip0_1283_39626)" }, /* @__PURE__ */ import_react26.default.createElement("path", { d: "M36.1351 20.9955C25.1396 25.3151 16.1875 30.5689 11.8186 30.9221L14.7134 35.4696L36.1351 20.9955Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react26.default.createElement("path", { d: "M37.4531 24.9937C39.7468 28.137 42.9751 35.0522 37.4531 35.3441C34.9101 35.4058 31.3306 32.981 37.4531 24.9937Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react26.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M25.6074 1.30001C25.1055 0.501016 24.051 0.26003 23.2522 0.761943L19.6474 3.02673C17.5114 2.68138 14.5326 2.642 12.1799 3.71891C10.8937 4.30766 9.75284 5.25155 9.09396 6.68863C8.65845 7.63849 8.46029 8.74589 8.52317 10.0159L1.2996 14.5543C0.500747 15.0562 0.260156 16.1108 0.762045 16.9098L12.7907 36.0589C13.2926 36.8579 14.3471 37.0989 15.1459 36.597L37.0985 22.8046C37.8973 22.3027 38.1379 21.2481 37.636 20.4491L25.6074 1.30001ZM2.79326 16.1347L8.88857 12.3051C8.91842 12.3953 8.95405 12.4868 8.99634 12.5777C9.70948 14.1097 11.2554 15.9861 13.7088 16.7327C16.2084 17.4934 19.3887 17.0049 23.1824 14.2981L23.3709 14.1636L22.1324 12.4273L21.9439 12.5618C18.5121 15.0104 16.0132 15.2048 14.3292 14.6924C12.5992 14.1659 11.458 12.8132 10.9295 11.6778C10.9197 11.6569 10.9072 11.6225 10.8968 11.5772C10.8595 11.4156 10.8267 11.2584 10.7981 11.1054L24.0275 2.79363L35.6048 21.2243L14.3706 34.5653L2.79326 16.1347ZM13.0675 5.65821C14.0932 5.18871 15.3429 4.98089 16.5902 4.94754L10.716 8.63821C10.7826 8.23367 10.8925 7.88269 11.0323 7.57786C11.4327 6.70447 12.1364 6.08441 13.0675 5.65821Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react26.default.createElement("path", { d: "M24.3482 14.3207C24.0493 15.6305 22.7454 16.4497 21.4358 16.1505C20.1262 15.8513 19.3069 14.547 19.6058 13.2372C19.9047 11.9274 21.2086 11.1082 22.5182 11.4074C23.8278 11.7066 24.6471 13.011 24.3482 14.3207Z", fill: "#CED1D4" })), /* @__PURE__ */ import_react26.default.createElement("defs", null, /* @__PURE__ */ import_react26.default.createElement("clipPath", { id: "clip0_1283_39626" }, /* @__PURE__ */ import_react26.default.createElement("rect", { width: "40", height: "40", fill: "white", transform: "translate(0.5 0.5)" }))));
+  return /* @__PURE__ */ import_react26.default.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react26.default.createElement("g", { "clip-path": "url(#clip0_1283_39626)" }, /* @__PURE__ */ import_react26.default.createElement("path", { d: "M36.1351 20.9955C25.1396 25.3151 16.1875 30.5689 11.8186 30.9221L14.7134 35.4696L36.1351 20.9955Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react26.default.createElement("path", { d: "M37.4531 24.9937C39.7468 28.137 42.9751 35.0522 37.4531 35.3441C34.9101 35.4058 31.3306 32.981 37.4531 24.9937Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react26.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M25.6074 1.30001C25.1055 0.501016 24.051 0.26003 23.2522 0.761943L19.6474 3.02673C17.5114 2.68138 14.5326 2.642 12.1799 3.71891C10.8937 4.30766 9.75284 5.25155 9.09396 6.68863C8.65845 7.63849 8.46029 8.74589 8.52317 10.0159L1.2996 14.5543C0.500747 15.0562 0.260156 16.1108 0.762045 16.9098L12.7907 36.0589C13.2926 36.8579 14.3471 37.0989 15.1459 36.597L37.0985 22.8046C37.8973 22.3027 38.1379 21.2481 37.636 20.4491L25.6074 1.30001ZM2.79326 16.1347L8.88857 12.3051C8.91842 12.3953 8.95405 12.4868 8.99634 12.5777C9.70948 14.1097 11.2554 15.9861 13.7088 16.7327C16.2084 17.4934 19.3887 17.0049 23.1824 14.2981L23.3709 14.1636L22.1324 12.4273L21.9439 12.5618C18.5121 15.0104 16.0132 15.2048 14.3292 14.6924C12.5992 14.1659 11.458 12.8132 10.9295 11.6778C10.9197 11.6569 10.9072 11.6225 10.8968 11.5772C10.8595 11.4156 10.8267 11.2584 10.7981 11.1054L24.0275 2.79363L35.6048 21.2243L14.3706 34.5653L2.79326 16.1347ZM13.0675 5.65821C14.0932 5.18871 15.3429 4.98089 16.5902 4.94754L10.716 8.63821C10.7826 8.23367 10.8925 7.88269 11.0323 7.57786C11.4327 6.70447 12.1364 6.08441 13.0675 5.65821Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react26.default.createElement("path", { d: "M24.3482 14.3207C24.0493 15.6305 22.7454 16.4497 21.4358 16.1505C20.1262 15.8513 19.3069 14.547 19.6058 13.2372C19.9047 11.9274 21.2086 11.1082 22.5182 11.4074C23.8278 11.7066 24.6471 13.011 24.3482 14.3207Z", fill: "#CED1D4" })), /* @__PURE__ */ import_react26.default.createElement("defs", null, /* @__PURE__ */ import_react26.default.createElement("clipPath", { id: "clip0_1283_39626" }, /* @__PURE__ */ import_react26.default.createElement("rect", { width: "40", height: "40", fill: "white", transform: "translate(0.5 0.5)" }))));
 };
 
 // src/assets/ImgEmptyState/error.tsx
 var import_react27 = __toESM(require("react"), 1);
 var Error2 = () => {
-  return /* @__PURE__ */ import_react27.default.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react27.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.8035 3.2925C17.0304 3.2925 16.358 3.82772 16.1913 4.58349L14.0944 13.8188C13.8625 14.8535 14.6474 15.8412 15.7066 15.8412H25.4175C26.4764 15.8412 27.2677 14.8538 27.0297 13.8185L24.9328 4.58323C24.7608 3.82996 24.0975 3.29514 23.3264 3.2925H17.8035ZM15.9436 13.9945L17.9555 5.13336L23.1745 5.12121L25.1863 13.9945H15.9436Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react27.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5449 28.1551C10.7717 28.1551 10.0993 28.6904 9.93264 29.4462L8.54048 35.6049C8.46109 35.7863 8.54048 35.6049 8.46109 35.7863H5.42145C4.91308 35.7863 4.50096 36.1984 4.50096 36.7068C4.50096 37.2152 4.91308 37.6273 5.42145 37.6273H35.5795C36.0879 37.6273 36.5 37.2152 36.5 36.7068C36.5 36.1984 36.0879 35.7863 35.5795 35.7863H32.595C32.5443 35.6284 32.5801 35.745 32.5443 35.5928L31.1121 29.4342C30.9394 28.6844 30.2672 28.1551 29.5 28.1551H11.5449ZM10.3781 35.7863L11.6854 29.9961H29.3426L30.6891 35.7863H10.3781Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react27.default.createElement("path", { d: "M13.7368 17.4381H28.0252C28.2486 17.4381 28.4434 17.5928 28.495 17.8162L30.271 25.9114C30.334 26.2094 30.1106 26.4901 29.8012 26.4901H11.6743C11.3649 26.4901 11.1358 26.1979 11.2102 25.8943L13.2727 17.799C13.3243 17.587 13.519 17.4381 13.7368 17.4381Z", fill: "#CED1D4" }));
+  return /* @__PURE__ */ import_react27.default.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react27.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.8035 3.2925C17.0304 3.2925 16.358 3.82772 16.1913 4.58349L14.0944 13.8188C13.8625 14.8535 14.6474 15.8412 15.7066 15.8412H25.4175C26.4764 15.8412 27.2677 14.8538 27.0297 13.8185L24.9328 4.58323C24.7608 3.82996 24.0975 3.29514 23.3264 3.2925H17.8035ZM15.9436 13.9945L17.9555 5.13336L23.1745 5.12121L25.1863 13.9945H15.9436Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react27.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5449 28.1551C10.7717 28.1551 10.0993 28.6904 9.93264 29.4462L8.54048 35.6049C8.46109 35.7863 8.54048 35.6049 8.46109 35.7863H5.42145C4.91308 35.7863 4.50096 36.1984 4.50096 36.7068C4.50096 37.2152 4.91308 37.6273 5.42145 37.6273H35.5795C36.0879 37.6273 36.5 37.2152 36.5 36.7068C36.5 36.1984 36.0879 35.7863 35.5795 35.7863H32.595C32.5443 35.6284 32.5801 35.745 32.5443 35.5928L31.1121 29.4342C30.9394 28.6844 30.2672 28.1551 29.5 28.1551H11.5449ZM10.3781 35.7863L11.6854 29.9961H29.3426L30.6891 35.7863H10.3781Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react27.default.createElement("path", { d: "M13.7368 17.4381H28.0252C28.2486 17.4381 28.4434 17.5928 28.495 17.8162L30.271 25.9114C30.334 26.2094 30.1106 26.4901 29.8012 26.4901H11.6743C11.3649 26.4901 11.1358 26.1979 11.2102 25.8943L13.2727 17.799C13.3243 17.587 13.519 17.4381 13.7368 17.4381Z", fill: "#CED1D4" }));
 };
 
 // src/assets/ImgEmptyState/search.tsx
 var import_react28 = __toESM(require("react"), 1);
 var Search2 = () => {
-  return /* @__PURE__ */ import_react28.default.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react28.default.createElement("g", { "clip-path": "url(#clip0_1283_39628)" }, /* @__PURE__ */ import_react28.default.createElement("path", { d: "M29.421 4.71198C28.943 2.92749 30.0021 1.09315 31.7865 0.61487C33.5709 0.136592 35.405 1.19549 35.883 2.97998L40.3853 19.7878C40.8633 21.5723 39.8042 23.4066 38.0198 23.8849C36.2354 24.3632 34.4013 23.3043 33.9233 21.5198L29.421 4.71198Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react28.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.607749 18.613C0.158895 16.9369 1.15336 15.2141 2.82895 14.7649C4.50454 14.3157 6.22674 15.3102 6.67559 16.9862L8.06043 22.1573C8.50928 23.8333 7.51482 25.5561 5.83923 26.0054C4.16364 26.4546 2.44144 25.46 1.99259 23.784L0.607749 18.613ZM3.41576 16.9561C2.95002 17.0809 2.67359 17.5598 2.79836 18.0257L4.18319 23.1967C4.30796 23.6626 4.78667 23.939 5.25242 23.8142C5.71816 23.6893 5.99459 23.2104 5.86982 22.7445L4.48499 17.5735C4.36022 17.1076 3.88151 16.8312 3.41576 16.9561Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react28.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.0672 23.7222C17.6115 24.3518 16.9814 24.8602 16.2239 25.1659L23.5692 38.9314C23.929 39.6056 23.6742 40.4438 23.0003 40.8037C22.3263 41.1635 21.4883 40.9087 21.1286 40.2346L14.2002 27.2506L6.15159 39.7788C5.73857 40.4217 4.88273 40.6079 4.24003 40.1948C3.59732 39.7816 3.41113 38.9255 3.82416 38.2826L12.4422 24.8681C11.8201 24.4937 11.2926 23.9601 10.9267 23.3057L6.9728 23.4848C6.43282 23.5092 5.94855 23.1546 5.80865 22.6324L4.48764 17.7008C4.34775 17.1786 4.5899 16.6293 5.06976 16.3804L11.2775 13.1606L11.2169 12.934C11.0764 12.4095 11.3213 11.8581 11.8046 11.6107L26.5904 4.04383C26.8999 3.88542 27.2644 3.87542 27.5822 4.01662C27.8999 4.15781 28.1369 4.43508 28.2269 4.77102L32.7303 21.5831C32.8203 21.9191 32.7537 22.2777 32.5491 22.5589C32.3445 22.8401 32.0238 23.0137 31.6766 23.0314L18.0672 23.7222ZM17.9643 23.1894C18.1495 22.8739 18.2903 22.5322 18.3806 22.1748C18.4139 22.0434 18.4403 21.9098 18.4596 21.7746C18.4048 22.1588 18.2927 22.5298 18.1297 22.876C18.0793 22.983 18.0241 23.0876 17.9643 23.1894ZM18.8739 21.375L30.1375 20.8032L26.3713 6.7432L13.6819 13.2372L14.6854 16.9834C16.5391 17.0063 18.2272 18.2517 18.7306 20.1311C18.8421 20.5473 18.8877 20.9656 18.8739 21.375ZM12.4612 17.5793C11.2373 18.3061 10.4581 19.6082 10.3898 21.0243L7.79324 21.142L6.95134 17.999L11.8877 15.4386L12.4612 17.5793ZM15.1332 23.1064C16.1692 22.8287 16.784 21.7635 16.5064 20.7272C16.2288 19.6909 15.164 19.0759 14.128 19.3536C13.092 19.6313 12.4772 20.6965 12.7547 21.7328C12.9527 22.4718 13.5511 22.9972 14.2553 23.1365C14.2923 23.1351 14.3294 23.1351 14.3667 23.1366C14.4569 23.1402 14.5456 23.1526 14.6318 23.1732C14.797 23.173 14.9652 23.1515 15.1332 23.1064Z", fill: "#B9BDC1" })), /* @__PURE__ */ import_react28.default.createElement("defs", null, /* @__PURE__ */ import_react28.default.createElement("clipPath", { id: "clip0_1283_39628" }, /* @__PURE__ */ import_react28.default.createElement("rect", { width: "40", height: "40", fill: "white", transform: "translate(0.5 0.5)" }))));
+  return /* @__PURE__ */ import_react28.default.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react28.default.createElement("g", { "clip-path": "url(#clip0_1283_39628)" }, /* @__PURE__ */ import_react28.default.createElement("path", { d: "M29.421 4.71198C28.943 2.92749 30.0021 1.09315 31.7865 0.61487C33.5709 0.136592 35.405 1.19549 35.883 2.97998L40.3853 19.7878C40.8633 21.5723 39.8042 23.4066 38.0198 23.8849C36.2354 24.3632 34.4013 23.3043 33.9233 21.5198L29.421 4.71198Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react28.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.607749 18.613C0.158895 16.9369 1.15336 15.2141 2.82895 14.7649C4.50454 14.3157 6.22674 15.3102 6.67559 16.9862L8.06043 22.1573C8.50928 23.8333 7.51482 25.5561 5.83923 26.0054C4.16364 26.4546 2.44144 25.46 1.99259 23.784L0.607749 18.613ZM3.41576 16.9561C2.95002 17.0809 2.67359 17.5598 2.79836 18.0257L4.18319 23.1967C4.30796 23.6626 4.78667 23.939 5.25242 23.8142C5.71816 23.6893 5.99459 23.2104 5.86982 22.7445L4.48499 17.5735C4.36022 17.1076 3.88151 16.8312 3.41576 16.9561Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react28.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.0672 23.7222C17.6115 24.3518 16.9814 24.8602 16.2239 25.1659L23.5692 38.9314C23.929 39.6056 23.6742 40.4438 23.0003 40.8037C22.3263 41.1635 21.4883 40.9087 21.1286 40.2346L14.2002 27.2506L6.15159 39.7788C5.73857 40.4217 4.88273 40.6079 4.24003 40.1948C3.59732 39.7816 3.41113 38.9255 3.82416 38.2826L12.4422 24.8681C11.8201 24.4937 11.2926 23.9601 10.9267 23.3057L6.9728 23.4848C6.43282 23.5092 5.94855 23.1546 5.80865 22.6324L4.48764 17.7008C4.34775 17.1786 4.5899 16.6293 5.06976 16.3804L11.2775 13.1606L11.2169 12.934C11.0764 12.4095 11.3213 11.8581 11.8046 11.6107L26.5904 4.04383C26.8999 3.88542 27.2644 3.87542 27.5822 4.01662C27.8999 4.15781 28.1369 4.43508 28.2269 4.77102L32.7303 21.5831C32.8203 21.9191 32.7537 22.2777 32.5491 22.5589C32.3445 22.8401 32.0238 23.0137 31.6766 23.0314L18.0672 23.7222ZM17.9643 23.1894C18.1495 22.8739 18.2903 22.5322 18.3806 22.1748C18.4139 22.0434 18.4403 21.9098 18.4596 21.7746C18.4048 22.1588 18.2927 22.5298 18.1297 22.876C18.0793 22.983 18.0241 23.0876 17.9643 23.1894ZM18.8739 21.375L30.1375 20.8032L26.3713 6.7432L13.6819 13.2372L14.6854 16.9834C16.5391 17.0063 18.2272 18.2517 18.7306 20.1311C18.8421 20.5473 18.8877 20.9656 18.8739 21.375ZM12.4612 17.5793C11.2373 18.3061 10.4581 19.6082 10.3898 21.0243L7.79324 21.142L6.95134 17.999L11.8877 15.4386L12.4612 17.5793ZM15.1332 23.1064C16.1692 22.8287 16.784 21.7635 16.5064 20.7272C16.2288 19.6909 15.164 19.0759 14.128 19.3536C13.092 19.6313 12.4772 20.6965 12.7547 21.7328C12.9527 22.4718 13.5511 22.9972 14.2553 23.1365C14.2923 23.1351 14.3294 23.1351 14.3667 23.1366C14.4569 23.1402 14.5456 23.1526 14.6318 23.1732C14.797 23.173 14.9652 23.1515 15.1332 23.1064Z", fill: "#B9BDC1" })), /* @__PURE__ */ import_react28.default.createElement("defs", null, /* @__PURE__ */ import_react28.default.createElement("clipPath", { id: "clip0_1283_39628" }, /* @__PURE__ */ import_react28.default.createElement("rect", { width: "40", height: "40", fill: "white", transform: "translate(0.5 0.5)" }))));
+};
+
+// src/assets/ImgEmptyState/Crear.tsx
+var import_react29 = __toESM(require("react"), 1);
+var Crear = () => {
+  return /* @__PURE__ */ import_react29.default.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 71 60", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react29.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M32.8651 7.72749C33.3297 8.73403 32.8905 9.92668 31.8839 10.3913C29.95 11.2842 28.3291 12.4017 27.1797 13.9815C26.0474 15.5377 25.2507 17.7105 25.2505 20.9384C25.2504 22.047 24.3517 22.9457 23.243 22.9456C22.1344 22.9456 21.2358 22.0468 21.2358 20.9382C21.2361 17.0048 22.2237 13.9694 23.9334 11.6196C25.626 9.29313 27.9046 7.80661 30.2012 6.74635C31.2078 6.28169 32.4004 6.72096 32.8651 7.72749Z", fill: "#D9D9D9" }), /* @__PURE__ */ import_react29.default.createElement("path", { d: "Mnan nanL31.6838 57.8016C31.5923 57.3702 31.9213 56.9641 32.3623 56.9641H37.7342C38.1752 56.9641 38.5042 57.3702 38.4127 57.8016Lnan nanL38.4127 57.8016C38.1408 59.0834 37.0092 60.0002 35.6988 60.0002H34.3977C33.0874 60.0002 31.9557 59.0834 31.6838 57.8016Lnan nanZ", fill: "#B9BDC1" }), /* @__PURE__ */ import_react29.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M32.618 59.3541C32.5278 59.2787 32.4424 59.1976 32.3623 59.1112C32.0307 58.7535 31.7908 58.3058 31.6838 57.8016C31.5923 57.3702 31.9213 56.9641 32.3623 56.9641H37.7342C38.1752 56.9641 38.5042 57.3702 38.4127 57.8016C38.3058 58.3058 38.0658 58.7535 37.7342 59.1112C37.6542 59.1976 37.5687 59.2787 37.4785 59.3541C37.471 59.3604 37.4634 59.3667 37.4558 59.3729C36.9735 59.7676 36.3588 60.0002 35.6988 60.0002H34.3977C33.7377 60.0002 33.123 59.7676 32.6407 59.3729C32.6331 59.3667 32.6255 59.3604 32.618 59.3541Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react29.default.createElement("path", { d: "M28.0335 53.3519C27.8107 52.349 28.5738 51.3977 29.6011 51.3977H40.7778C41.8051 51.3977 42.5683 52.349 42.3454 53.3519L42.1868 54.0656C41.9419 55.1677 40.9644 55.9518 39.8354 55.9518H30.5435C29.4145 55.9518 28.437 55.1677 28.1921 54.0656L28.0335 53.3519Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react29.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.5254 20.5958C14.5254 9.19174 23.9064 0 35.4124 0C46.9185 0 56.2995 9.19174 56.2995 20.5958C56.2995 26.1942 54.0319 31.2695 50.3655 34.9759L48.9384 33.5642L50.3655 34.9759C50.1585 35.1851 49.9497 35.3917 49.7494 35.5899L49.7461 35.5932C48.3758 36.9492 47.4403 37.9255 47.0313 39.1176C46.8693 39.5896 46.697 40.5317 46.547 41.7784C46.4035 42.9721 46.2975 44.286 46.2239 45.402C46.0712 47.7172 44.1613 49.5864 41.7826 49.5864H29.0423C26.6636 49.5864 24.7537 47.7172 24.6009 45.402C24.5273 44.286 24.4214 42.9721 24.2778 41.7784C24.1278 40.5317 23.9555 39.5896 23.7936 39.1176C23.3845 37.9255 22.4491 36.9492 21.0788 35.5932L21.075 35.5895C20.8748 35.3914 20.6662 35.185 20.4593 34.9759C16.793 31.2695 14.5254 26.1942 14.5254 20.5958ZM35.4124 4.01465C26.0645 4.01465 18.54 11.4676 18.54 20.5958C18.54 25.086 20.3539 29.1607 23.3135 32.1525L21.9353 33.5158L23.3135 32.1525C23.504 32.3451 23.6987 32.5378 23.9026 32.7396L22.4907 34.1664L23.9026 32.7396C23.9418 32.7783 23.9815 32.8175 24.0215 32.8571C25.243 34.0642 26.8485 35.6508 27.5909 37.8146C27.9057 38.732 28.1145 40.0581 28.2637 41.299C28.4194 42.5929 28.5309 43.9862 28.6069 45.1377C28.6243 45.4015 28.8364 45.5717 29.0423 45.5717H41.7826C41.9885 45.5717 42.2006 45.4015 42.218 45.1377C42.2939 43.9862 42.4055 42.593 42.5611 41.299C42.7104 40.0581 42.9191 38.732 43.2339 37.8146C43.9764 35.6508 45.5819 34.0642 46.8033 32.8571C46.8434 32.8175 46.883 32.7783 46.9222 32.7396C47.1261 32.5378 47.3208 32.3451 47.5114 32.1525C50.4709 29.1607 52.2848 25.086 52.2848 20.5958C52.2848 11.4676 44.7603 4.01465 35.4124 4.01465Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react29.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M70.3394 21.106C70.2846 19.9987 69.3427 19.1455 68.2354 19.2002L63.4393 19.4373C62.332 19.492 61.4788 20.434 61.5335 21.5412C61.5883 22.6485 62.5302 23.5018 63.6375 23.447L68.4336 23.2099C69.5409 23.1552 70.3941 22.2132 70.3394 21.106Z", fill: "#D9D9D9" }), /* @__PURE__ */ import_react29.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.4519 39.4881C65.1324 38.6129 64.9746 37.3518 64.0994 36.6713L60.1598 33.608C59.2846 32.9275 58.0234 33.0853 57.3429 33.9605C56.6624 34.8356 56.8202 36.0968 57.6954 36.7773L61.6351 39.8406C62.5103 40.5211 63.7714 40.3633 64.4519 39.4881Z", fill: "#D9D9D9" }), /* @__PURE__ */ import_react29.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M58.6747 8.57034C57.9112 7.76654 57.9439 6.49599 58.7477 5.73249L62.366 2.29558C63.1698 1.53208 64.4404 1.56476 65.2039 2.36856C65.9673 3.17236 65.9347 4.44291 65.1309 5.20641L61.5125 8.64332C60.7087 9.40682 59.4382 9.37415 58.6747 8.57034Z", fill: "#D9D9D9" }), /* @__PURE__ */ import_react29.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.0991034 21.1063C0.153837 19.9991 1.09582 19.1458 2.20309 19.2006L6.99918 19.4376C8.10644 19.4924 8.95969 20.4343 8.90495 21.5416C8.85022 22.6489 7.90823 23.5021 6.80097 23.4474L2.00488 23.2103C0.897615 23.1556 0.0443701 22.2136 0.0991034 21.1063Z", fill: "#D9D9D9" }), /* @__PURE__ */ import_react29.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.98659 39.4881C5.30608 38.6129 5.4639 37.3518 6.33908 36.6713L10.2787 33.608C11.1539 32.9275 12.415 33.0853 13.0955 33.9605C13.776 34.8356 13.6182 36.0968 12.7431 36.7773L8.80341 39.8406C7.92822 40.5211 6.66709 40.3633 5.98659 39.4881Z", fill: "#D9D9D9" }), /* @__PURE__ */ import_react29.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7638 8.57071C12.5273 7.76691 12.4946 6.49636 11.6908 5.73286L8.07248 2.29595C7.26867 1.53245 5.99813 1.56512 5.23463 2.36893C4.47113 3.17273 4.5038 4.44328 5.3076 5.20678L8.92593 8.64368C9.72974 9.40718 11.0003 9.37451 11.7638 8.57071Z", fill: "#D9D9D9" }));
 };
 
 // src/Components/EmptyState/EmptyState.tsx
 var EmptyStateImageUrls = {
-  create: /* @__PURE__ */ import_react29.default.createElement(Create, null),
-  error: /* @__PURE__ */ import_react29.default.createElement(Error2, null),
-  noResult: /* @__PURE__ */ import_react29.default.createElement(Empty, null),
-  search: /* @__PURE__ */ import_react29.default.createElement(Search2, null)
+  Crear: /* @__PURE__ */ import_react30.default.createElement(Crear, null),
+  Error: /* @__PURE__ */ import_react30.default.createElement(Error2, null),
+  Vacio: /* @__PURE__ */ import_react30.default.createElement(Empty, null),
+  Buscar: /* @__PURE__ */ import_react30.default.createElement(Search2, null)
 };
 var DefaultIcon = ({
-  state = "create",
-  size = "large"
+  state = "Crear",
+  size = "Normal"
 }) => {
   const Icon = EmptyStateImageUrls[state];
-  const iconSize = size === "small" ? { width: "40px", height: "40px" } : { width: "60px", height: "60px" };
-  return /* @__PURE__ */ import_react29.default.createElement("div", null, Icon);
+  const iconSize = size === "Small" ? { width: "40px", height: "40px" } : { width: "60px", height: "60px" };
+  return /* @__PURE__ */ import_react30.default.createElement("div", null, Icon);
 };
 var EmptyState = ({
-  state = "create",
-  size = "large",
+  state = "Crear",
+  size = "Normal",
   title,
   subtitle,
   actions,
   containerHeight = "100vh",
-  icon = /* @__PURE__ */ import_react29.default.createElement(DefaultIcon, { state, size })
+  icon = /* @__PURE__ */ import_react30.default.createElement(DefaultIcon, { state, size })
 }) => {
-  const titleVariant = size === "small" ? "subtitle2" : "h6";
-  const subtitleVariant = size === "small" ? "caption" : "body1";
-  return /* @__PURE__ */ import_react29.default.createElement(
+  const titleVariant = size === "Small" ? "subtitle2" : "h6";
+  const subtitleVariant = size === "Small" ? "caption" : "body1";
+  return /* @__PURE__ */ import_react30.default.createElement(
     import_material19.Stack,
     {
       alignItems: "center",
@@ -3683,8 +3686,8 @@ var EmptyState = ({
       height: containerHeight,
       "data-testid": "empty-state-container"
     },
-    icon && /* @__PURE__ */ import_react29.default.createElement(import_material19.Stack, null, icon),
-    /* @__PURE__ */ import_react29.default.createElement(import_material19.Stack, { gap: 0.5 }, /* @__PURE__ */ import_react29.default.createElement(import_material19.Typography, { color: "text.primary", variant: titleVariant, textAlign: "center" }, title), subtitle && /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react30.default.createElement(import_material19.Stack, { sx: { width: size === "Small" ? "40px" : "60px", height: size === "Small" ? "40px" : "60px" } }, icon && /* @__PURE__ */ import_react30.default.createElement(import_material19.Stack, null, icon)),
+    /* @__PURE__ */ import_react30.default.createElement(import_material19.Stack, { gap: 0.5 }, /* @__PURE__ */ import_react30.default.createElement(import_material19.Typography, { color: "text.primary", variant: titleVariant, textAlign: "center" }, title), subtitle && /* @__PURE__ */ import_react30.default.createElement(
       import_material19.Typography,
       {
         variant: subtitleVariant,
@@ -3693,7 +3696,7 @@ var EmptyState = ({
         style: { whiteSpace: "pre-line" }
       },
       subtitle
-    ), actions && (actions == null ? void 0 : actions.length) > 0 && /* @__PURE__ */ import_react29.default.createElement(
+    ), actions && (actions == null ? void 0 : actions.length) > 0 && /* @__PURE__ */ import_react30.default.createElement(
       import_material19.Stack,
       {
         direction: "row",
@@ -3703,15 +3706,15 @@ var EmptyState = ({
       },
       actions.map((action, index) => {
         var _a, _b, _c, _d;
-        return /* @__PURE__ */ import_react29.default.createElement(
+        return /* @__PURE__ */ import_react30.default.createElement(
           import_material19.Button,
           {
             key: index,
             color: (_a = action.color) != null ? _a : "primary",
-            variant: (_b = action.variant) != null ? _b : "text",
+            variant: index == actions.length - 1 ? "outlined" : (_b = action.variant) != null ? _b : "text",
             size: (_c = action.size) != null ? _c : "small",
-            startIcon: action.icon && action.iconPosition === "left" ? /* @__PURE__ */ import_react29.default.createElement("img", { src: action.icon, alt: "icon" }) : void 0,
-            endIcon: action.icon && action.iconPosition === "right" ? /* @__PURE__ */ import_react29.default.createElement("img", { src: action.icon, alt: "icon" }) : void 0,
+            startIcon: action.icon && action.iconPosition === "left" ? /* @__PURE__ */ import_react30.default.createElement("img", { src: action.icon, alt: "icon" }) : void 0,
+            endIcon: action.icon && action.iconPosition === "right" ? /* @__PURE__ */ import_react30.default.createElement("img", { src: action.icon, alt: "icon" }) : void 0,
             onClick: action.onClick
           },
           capitalize((_d = action.text) != null ? _d : "action")
@@ -3722,13 +3725,13 @@ var EmptyState = ({
 };
 
 // src/assets/LogoCalendario.tsx
-var import_react30 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"), 1);
 var LogoCalendario = () => {
-  return /* @__PURE__ */ import_react30.default.createElement("svg", { width: "60", height: "61", viewBox: "0 0 60 61", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react30.default.createElement("g", { "clip-path": "url(#clip0_5353_24891)" }, /* @__PURE__ */ import_react30.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.7361 11.1589C39.7792 11.1589 39.0106 11.9722 39.0106 12.9661V15.4375H20.0309V12.9661C20.0309 11.964 19.2545 11.1589 18.3055 11.1589C17.3487 11.1589 16.5801 11.9722 16.5801 12.9661V15.4375H12.8819C12.0652 15.4375 11.4038 16.0918 11.4038 16.8998V20.6551C11.4038 21.463 12.0652 22.1174 12.8819 22.1174H46.8383C47.655 22.1174 48.3165 21.463 48.3165 20.6551V16.8998C48.3165 16.0918 47.655 15.4375 46.8383 15.4375H42.4615V12.9661C42.4615 11.964 41.6851 11.1589 40.7361 11.1589ZM19.4827 19.2049C19.6528 19.1343 19.7361 19.006 19.7724 18.8352C19.6916 18.9714 19.594 19.0957 19.4827 19.2049Z", fill: "#00BCD4" }), /* @__PURE__ */ import_react30.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.2037 25.8653C13.7579 25.8653 13.425 26.2168 13.425 26.6093V47.3669C13.425 47.7595 13.7579 48.1109 14.2037 48.1109H46.0004C46.4782 48.1109 46.8656 47.7236 46.8656 47.2458V26.6093C46.8656 26.2168 46.5327 25.8653 46.087 25.8653H14.2037ZM11.6948 26.6093C11.6948 25.2255 12.8384 24.135 14.2037 24.135H46.087C47.4522 24.135 48.5959 25.2255 48.5959 26.6093V47.2458C48.5959 48.6792 47.4339 49.8412 46.0004 49.8412H14.2037C12.8384 49.8412 11.6948 48.7508 11.6948 47.3669V26.6093Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M19.481 30.9138C19.481 30.5164 20.1155 30.1903 20.9058 30.1903C21.6894 30.1903 22.3305 30.5131 22.3305 30.9138V32.8862C22.3305 33.2836 21.6894 33.6097 20.9058 33.6097C20.1222 33.6097 19.481 33.2869 19.481 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M30.0242 30.1903C29.2339 30.1903 28.5995 30.5164 28.5995 30.9138V32.8862C28.5995 33.2869 29.2406 33.6097 30.0242 33.6097C30.8079 33.6097 31.449 33.2836 31.449 32.8862V30.9138C31.449 30.5131 30.8079 30.1903 30.0242 30.1903Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M37.7179 30.9138C37.7179 30.5164 38.3524 30.1903 39.1427 30.1903C39.608 30.1903 40.022 30.3038 40.2825 30.4797C40.3515 30.5276 40.4116 30.5788 40.4561 30.6344C40.5274 30.7201 40.5675 30.8147 40.5675 30.9138V32.8862C40.5675 33.2836 39.9263 33.6097 39.1427 33.6097C38.3591 33.6097 37.7179 33.2869 37.7179 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M20.9058 39.8787C20.1155 39.8787 19.481 40.2048 19.481 40.6022V42.5746C19.481 42.687 19.5322 42.7927 19.6213 42.8874C19.7036 42.9731 19.8172 43.0499 19.9552 43.1122C20.2068 43.228 20.5407 43.2981 20.9058 43.2981C21.6894 43.2981 22.3305 42.972 22.3305 42.5746V40.6022C22.3305 40.2015 21.6894 39.8787 20.9058 39.8787Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M29.524 39.9477C29.7087 39.9032 29.9158 39.8787 30.1339 39.8787C30.9176 39.8787 31.5587 40.2015 31.5587 40.6022V42.5746C31.5587 42.972 30.9176 43.2981 30.1339 43.2981C29.3503 43.2981 28.7092 42.9753 28.7092 42.5746V40.6022C28.7092 40.315 29.0409 40.0646 29.524 39.9477Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M38.5141 39.9482C38.6989 39.9037 38.9059 39.8792 39.1241 39.8792C39.9077 39.8792 40.5488 40.202 40.5488 40.6027V42.5751C40.5488 42.9725 39.9077 43.2986 39.1241 43.2986C38.3405 43.2986 37.6993 42.9758 37.6993 42.5751V40.6027C37.6993 40.3155 38.031 40.0651 38.5141 39.9482Z", fill: "#6392BD" })), /* @__PURE__ */ import_react30.default.createElement("defs", null, /* @__PURE__ */ import_react30.default.createElement("clipPath", { id: "clip0_5353_24891" }, /* @__PURE__ */ import_react30.default.createElement("rect", { width: "60", height: "60", fill: "white", transform: "translate(0 0.5)" }))));
+  return /* @__PURE__ */ import_react31.default.createElement("svg", { width: "60", height: "61", viewBox: "0 0 60 61", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react31.default.createElement("g", { "clip-path": "url(#clip0_5353_24891)" }, /* @__PURE__ */ import_react31.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.7361 11.1589C39.7792 11.1589 39.0106 11.9722 39.0106 12.9661V15.4375H20.0309V12.9661C20.0309 11.964 19.2545 11.1589 18.3055 11.1589C17.3487 11.1589 16.5801 11.9722 16.5801 12.9661V15.4375H12.8819C12.0652 15.4375 11.4038 16.0918 11.4038 16.8998V20.6551C11.4038 21.463 12.0652 22.1174 12.8819 22.1174H46.8383C47.655 22.1174 48.3165 21.463 48.3165 20.6551V16.8998C48.3165 16.0918 47.655 15.4375 46.8383 15.4375H42.4615V12.9661C42.4615 11.964 41.6851 11.1589 40.7361 11.1589ZM19.4827 19.2049C19.6528 19.1343 19.7361 19.006 19.7724 18.8352C19.6916 18.9714 19.594 19.0957 19.4827 19.2049Z", fill: "#00BCD4" }), /* @__PURE__ */ import_react31.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.2037 25.8653C13.7579 25.8653 13.425 26.2168 13.425 26.6093V47.3669C13.425 47.7595 13.7579 48.1109 14.2037 48.1109H46.0004C46.4782 48.1109 46.8656 47.7236 46.8656 47.2458V26.6093C46.8656 26.2168 46.5327 25.8653 46.087 25.8653H14.2037ZM11.6948 26.6093C11.6948 25.2255 12.8384 24.135 14.2037 24.135H46.087C47.4522 24.135 48.5959 25.2255 48.5959 26.6093V47.2458C48.5959 48.6792 47.4339 49.8412 46.0004 49.8412H14.2037C12.8384 49.8412 11.6948 48.7508 11.6948 47.3669V26.6093Z", fill: "#6392BD" }), /* @__PURE__ */ import_react31.default.createElement("path", { d: "M19.481 30.9138C19.481 30.5164 20.1155 30.1903 20.9058 30.1903C21.6894 30.1903 22.3305 30.5131 22.3305 30.9138V32.8862C22.3305 33.2836 21.6894 33.6097 20.9058 33.6097C20.1222 33.6097 19.481 33.2869 19.481 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ import_react31.default.createElement("path", { d: "M30.0242 30.1903C29.2339 30.1903 28.5995 30.5164 28.5995 30.9138V32.8862C28.5995 33.2869 29.2406 33.6097 30.0242 33.6097C30.8079 33.6097 31.449 33.2836 31.449 32.8862V30.9138C31.449 30.5131 30.8079 30.1903 30.0242 30.1903Z", fill: "#6392BD" }), /* @__PURE__ */ import_react31.default.createElement("path", { d: "M37.7179 30.9138C37.7179 30.5164 38.3524 30.1903 39.1427 30.1903C39.608 30.1903 40.022 30.3038 40.2825 30.4797C40.3515 30.5276 40.4116 30.5788 40.4561 30.6344C40.5274 30.7201 40.5675 30.8147 40.5675 30.9138V32.8862C40.5675 33.2836 39.9263 33.6097 39.1427 33.6097C38.3591 33.6097 37.7179 33.2869 37.7179 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ import_react31.default.createElement("path", { d: "M20.9058 39.8787C20.1155 39.8787 19.481 40.2048 19.481 40.6022V42.5746C19.481 42.687 19.5322 42.7927 19.6213 42.8874C19.7036 42.9731 19.8172 43.0499 19.9552 43.1122C20.2068 43.228 20.5407 43.2981 20.9058 43.2981C21.6894 43.2981 22.3305 42.972 22.3305 42.5746V40.6022C22.3305 40.2015 21.6894 39.8787 20.9058 39.8787Z", fill: "#6392BD" }), /* @__PURE__ */ import_react31.default.createElement("path", { d: "M29.524 39.9477C29.7087 39.9032 29.9158 39.8787 30.1339 39.8787C30.9176 39.8787 31.5587 40.2015 31.5587 40.6022V42.5746C31.5587 42.972 30.9176 43.2981 30.1339 43.2981C29.3503 43.2981 28.7092 42.9753 28.7092 42.5746V40.6022C28.7092 40.315 29.0409 40.0646 29.524 39.9477Z", fill: "#6392BD" }), /* @__PURE__ */ import_react31.default.createElement("path", { d: "M38.5141 39.9482C38.6989 39.9037 38.9059 39.8792 39.1241 39.8792C39.9077 39.8792 40.5488 40.202 40.5488 40.6027V42.5751C40.5488 42.9725 39.9077 43.2986 39.1241 43.2986C38.3405 43.2986 37.6993 42.9758 37.6993 42.5751V40.6027C37.6993 40.3155 38.031 40.0651 38.5141 39.9482Z", fill: "#6392BD" })), /* @__PURE__ */ import_react31.default.createElement("defs", null, /* @__PURE__ */ import_react31.default.createElement("clipPath", { id: "clip0_5353_24891" }, /* @__PURE__ */ import_react31.default.createElement("rect", { width: "60", height: "60", fill: "white", transform: "translate(0 0.5)" }))));
 };
 
 // src/Components/Calendario/components/DayEventsList.tsx
-var import_react31 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"), 1);
 var import_material20 = require("@mui/material");
 var DayEventsList = ({
   events,
@@ -3737,7 +3740,7 @@ var DayEventsList = ({
   onEventHover
 }) => {
   const [first, ...rest] = events;
-  return /* @__PURE__ */ import_react31.default.createElement(import_material20.Box, { display: "flex", width: "100%", flexDirection: "column", height: "100%", pr: 1.5 }, /* @__PURE__ */ import_react31.default.createElement(import_material20.Typography, { width: "100%", color: "text.secondary" }, "Proximo evento"), first && /* @__PURE__ */ import_react31.default.createElement(import_material20.Box, { p: 1, pb: 1, width: "100%" }, /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "flex", width: "100%", flexDirection: "column", height: "100%", pr: 1.5 }, /* @__PURE__ */ import_react32.default.createElement(import_material20.Typography, { width: "100%", color: "text.secondary" }, "Proximo evento"), first && /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { p: 1, pb: 1, width: "100%" }, /* @__PURE__ */ import_react32.default.createElement(
     CalendarEventCard,
     {
       event: first,
@@ -3753,7 +3756,7 @@ var DayEventsList = ({
         }
       }
     }
-  )), /* @__PURE__ */ import_react31.default.createElement(import_material20.Divider, { flexItem: true, sx: { width: "100%" } }), /* @__PURE__ */ import_react31.default.createElement(import_material20.Typography, { width: "100%", py: 1, color: "text.secondary" }, "Eventos restantes"), /* @__PURE__ */ import_react31.default.createElement(
+  )), /* @__PURE__ */ import_react32.default.createElement(import_material20.Divider, { flexItem: true, sx: { width: "100%" } }), /* @__PURE__ */ import_react32.default.createElement(import_material20.Typography, { width: "100%", py: 1, color: "text.secondary" }, "Eventos restantes"), /* @__PURE__ */ import_react32.default.createElement(
     import_material20.Box,
     {
       width: "100%",
@@ -3766,7 +3769,7 @@ var DayEventsList = ({
       flexDirection: "column",
       gap: 1.5
     },
-    rest.map((event2) => /* @__PURE__ */ import_react31.default.createElement(
+    rest.map((event2) => /* @__PURE__ */ import_react32.default.createElement(
       CalendarEventCard,
       {
         key: `${event2.id}-${day.toString()}`,
@@ -3850,21 +3853,21 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
   const noEvents = events.length === 0;
   const days = getMonthDays(currentDate);
   const weekDays = Array.from({ length: 7 }, (_, i) => (0, import_dayjs5.default)().day(i));
-  const [openDrawer, setOpenDrawer] = import_react32.default.useState(false);
-  const [selectedDay, setSelectedDay] = import_react32.default.useState(null);
-  const [selectedEvents, setSelectedEvents] = import_react32.default.useState([]);
-  return /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react32.default.createElement(import_material21.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : seeDays == false ? /* @__PURE__ */ import_react32.default.createElement(
+  const [openDrawer, setOpenDrawer] = import_react33.default.useState(false);
+  const [selectedDay, setSelectedDay] = import_react33.default.useState(null);
+  const [selectedEvents, setSelectedEvents] = import_react33.default.useState([]);
+  return /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react33.default.createElement(import_material21.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : seeDays == false ? /* @__PURE__ */ import_react33.default.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 130px)",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
-      icon: /* @__PURE__ */ import_react32.default.createElement(LogoCalendario, null)
+      icon: /* @__PURE__ */ import_react33.default.createElement(LogoCalendario, null)
     }
-  ) : seeDays == true ? /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5 }, days.map((day) => {
+  ) : seeDays == true ? /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5 }, days.map((day) => {
     const dayEvents = filterEventsForDay(events, day);
     const isCurrentMonth = day.month() === currentDate.month();
-    return /* @__PURE__ */ import_react32.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(
       import_material21.Paper,
       {
         key: day.toString(),
@@ -3881,7 +3884,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           overflow: "hidden"
         }
       },
-      /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { p: 1, flexShrink: 0 }, /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "flex-start" }, /* @__PURE__ */ import_react32.default.createElement(
+      /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { p: 1, flexShrink: 0 }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "flex-start" }, /* @__PURE__ */ import_react33.default.createElement(
         import_material21.Box,
         {
           sx: {
@@ -3894,7 +3897,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ import_react32.default.createElement(
+        /* @__PURE__ */ import_react33.default.createElement(
           import_material21.Typography,
           {
             variant: "body2",
@@ -3902,7 +3905,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           },
           day.date()
         )
-      ), dayEvents.length > CALENDAR_CONSTANTS.MAX_VISIBLE_EVENTS && /* @__PURE__ */ import_react32.default.createElement(import_material21.Tooltip, { title: "M\xE1s eventos" }, /* @__PURE__ */ import_react32.default.createElement(
+      ), dayEvents.length > CALENDAR_CONSTANTS.MAX_VISIBLE_EVENTS && /* @__PURE__ */ import_react33.default.createElement(import_material21.Tooltip, { title: "M\xE1s eventos" }, /* @__PURE__ */ import_react33.default.createElement(
         import_material21.IconButton,
         {
           color: "primary",
@@ -3914,9 +3917,9 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
             setSelectedEvents(dayEvents);
           }
         },
-        /* @__PURE__ */ import_react32.default.createElement(import_Add.default, { fontSize: "small" })
+        /* @__PURE__ */ import_react33.default.createElement(import_Add.default, { fontSize: "small" })
       )))),
-      /* @__PURE__ */ import_react32.default.createElement(import_material21.Box, { display: "flex", flexDirection: "column", gap: 0.5, p: 1, pt: 0, overflow: "hidden" }, dayEvents.slice(0, CALENDAR_CONSTANTS.MAX_VISIBLE_EVENTS).map((event2) => /* @__PURE__ */ import_react32.default.createElement(
+      /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", flexDirection: "column", gap: 0.5, p: 1, pt: 0, overflow: "hidden" }, dayEvents.slice(0, CALENDAR_CONSTANTS.MAX_VISIBLE_EVENTS).map((event2) => /* @__PURE__ */ import_react33.default.createElement(
         CalendarEventCard,
         {
           key: `${event2.id}-${day.toString()}`,
@@ -3926,7 +3929,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           onHover: onEventHover
         }
       ))),
-      dayEvents.length > CALENDAR_CONSTANTS.MAX_VISIBLE_EVENTS && /* @__PURE__ */ import_react32.default.createElement(
+      dayEvents.length > CALENDAR_CONSTANTS.MAX_VISIBLE_EVENTS && /* @__PURE__ */ import_react33.default.createElement(
         import_material21.Stack,
         {
           justifyItems: "center",
@@ -3935,7 +3938,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           onClick: (e) => e.stopPropagation(),
           sx: { "& .MuiButtonBase-root": { width: "100%" } }
         },
-        /* @__PURE__ */ import_react32.default.createElement(
+        /* @__PURE__ */ import_react33.default.createElement(
           import_material21.Button,
           {
             size: "small",
@@ -3952,7 +3955,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
         )
       )
     );
-  })) : null)), selectedDay && /* @__PURE__ */ import_react32.default.createElement(
+  })) : null)), selectedDay && /* @__PURE__ */ import_react33.default.createElement(
     SCDrawer,
     {
       width: CALENDAR_CONSTANTS.DRAWER_WIDTH,
@@ -3965,7 +3968,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
       anchor: "right",
       actions: false,
       arrayElements: [{
-        component: /* @__PURE__ */ import_react32.default.createElement(
+        component: /* @__PURE__ */ import_react33.default.createElement(
           DayEventsList,
           {
             events: selectedEvents,
@@ -3980,7 +3983,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
 };
 
 // src/Components/Calendario/Views/WeekView.tsx
-var import_react33 = __toESM(require("react"), 1);
+var import_react34 = __toESM(require("react"), 1);
 var import_material22 = require("@mui/material");
 var import_dayjs6 = __toESM(require("dayjs"), 1);
 var import_localeData2 = __toESM(require("dayjs/plugin/localeData"), 1);
@@ -4016,9 +4019,9 @@ var WeekView = ({
     }
     return "none";
   };
-  return /* @__PURE__ */ import_react33.default.createElement(import_material22.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react33.default.createElement(import_material22.Box, { display: "flex", bgcolor: "transparent" }, /* @__PURE__ */ import_react33.default.createElement(import_material22.Box, { width: 45, bgcolor: "transparent" }), days.map((day) => {
+  return /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", bgcolor: "transparent" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { width: 45, bgcolor: "transparent" }), days.map((day) => {
     const isToday2 = day.format("YYYY-MM-DD") === todayString;
-    return /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react34.default.createElement(
       import_material22.Box,
       {
         key: day.toString(),
@@ -4035,20 +4038,20 @@ var WeekView = ({
         borderBottom: isToday2 ? 2 : 0,
         borderColor: isToday2 ? "primary.main" : "transparent"
       },
-      /* @__PURE__ */ import_react33.default.createElement(import_material22.Typography, { variant: "h6", color: "text.primary" }, day.format("D")),
-      /* @__PURE__ */ import_react33.default.createElement(import_material22.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
+      /* @__PURE__ */ import_react34.default.createElement(import_material22.Typography, { variant: "h6", color: "text.primary" }, day.format("D")),
+      /* @__PURE__ */ import_react34.default.createElement(import_material22.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
     );
-  })), isLoading ? /* @__PURE__ */ import_react33.default.createElement(import_material22.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react33.default.createElement(import_material22.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && seeDays == false ? /* @__PURE__ */ import_react33.default.createElement(
+  })), isLoading ? /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && seeDays == false ? /* @__PURE__ */ import_react34.default.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 130px)",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
-      icon: /* @__PURE__ */ import_react33.default.createElement(LogoCalendario, null)
+      icon: /* @__PURE__ */ import_react34.default.createElement(LogoCalendario, null)
     }
   ) : (
     // Grid de horas y eventos
-    /* @__PURE__ */ import_react33.default.createElement(import_material22.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react33.default.createElement(import_material22.Box, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ import_react33.default.createElement(
+    /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ import_react34.default.createElement(
       import_material22.Box,
       {
         key: h,
@@ -4057,7 +4060,7 @@ var WeekView = ({
         pr: 1,
         borderColor: "divider"
       },
-      /* @__PURE__ */ import_react33.default.createElement(import_material22.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs6.default)().hour(h).format("h A"))
+      /* @__PURE__ */ import_react34.default.createElement(import_material22.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs6.default)().hour(h).format("h A"))
     ))), days.map((day) => {
       const dayEvents = events.filter(
         (event2) => day.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
@@ -4066,7 +4069,7 @@ var WeekView = ({
         const endsInRange = event2.end.hour() >= startHour && event2.end.hour() <= endHour;
         return startsInRange || endsInRange;
       }).sort((a, b) => a.start.valueOf() - b.start.valueOf());
-      return /* @__PURE__ */ import_react33.default.createElement(
+      return /* @__PURE__ */ import_react34.default.createElement(
         import_material22.Box,
         {
           key: day.toString(),
@@ -4079,7 +4082,7 @@ var WeekView = ({
         },
         hours.map((hourIdx) => {
           const borderType = getCellBorderType2(hourIdx, dayEvents);
-          return /* @__PURE__ */ import_react33.default.createElement(
+          return /* @__PURE__ */ import_react34.default.createElement(
             import_material22.Box,
             {
               sx: { "&:hover": { bgcolor: "primary.50" } },
@@ -4096,7 +4099,7 @@ var WeekView = ({
           const eventEnd = day.isSame(event2.end, "day") ? event2.end : day.endOf("day").hour(endHour).minute(59);
           const startMinutes = (eventStart.hour() - startHour) * 60 + eventStart.minute();
           const durationMinutes = eventEnd.diff(eventStart, "minute");
-          return /* @__PURE__ */ import_react33.default.createElement(
+          return /* @__PURE__ */ import_react34.default.createElement(
             CalendarEventCard,
             {
               key: `${event2.id}-${day.toString()}`,
@@ -4121,7 +4124,7 @@ var WeekView = ({
 };
 
 // src/Components/Calendario/Views/DayView.tsx
-var import_react34 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 var import_material23 = require("@mui/material");
 var import_dayjs7 = __toESM(require("dayjs"), 1);
 var DayView = ({
@@ -4137,15 +4140,15 @@ var DayView = ({
   const hours = Array.from({ length: endHour - startHour + 1 }, (_, i) => startHour + i);
   const dayEvents = filterEventsForDay(events, currentDate);
   const noEvents = events.length === 0;
-  return /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.paper", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Typography, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ import_react34.default.createElement(import_material23.Typography, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react34.default.createElement(import_material23.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : seeDays == false ? /* @__PURE__ */ import_react34.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.paper", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Typography, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ import_react35.default.createElement(import_material23.Typography, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react35.default.createElement(import_material23.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : seeDays == false ? /* @__PURE__ */ import_react35.default.createElement(
     EmptyState,
     {
       containerHeight: "calc(100vh - 140px)",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
-      icon: /* @__PURE__ */ import_react34.default.createElement(LogoCalendario, null)
+      icon: /* @__PURE__ */ import_react35.default.createElement(LogoCalendario, null)
     }
-  ) : /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.paper" }, hours.map((h) => /* @__PURE__ */ import_react34.default.createElement(
+  ) : /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.paper" }, hours.map((h) => /* @__PURE__ */ import_react35.default.createElement(
     import_material23.Box,
     {
       key: h,
@@ -4156,10 +4159,10 @@ var DayView = ({
       borderRight: "1px solid",
       borderColor: "divider"
     },
-    /* @__PURE__ */ import_react34.default.createElement(import_material23.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs7.default)().hour(h).format("h A"))
-  ))), /* @__PURE__ */ import_react34.default.createElement(import_material23.Box, { flex: 1, position: "relative" }, hours.map((hourIdx) => {
+    /* @__PURE__ */ import_react35.default.createElement(import_material23.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs7.default)().hour(h).format("h A"))
+  ))), /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { flex: 1, position: "relative" }, hours.map((hourIdx) => {
     const borderType = getCellBorderType(hourIdx, dayEvents);
-    return /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react35.default.createElement(
       import_material23.Box,
       {
         sx: { "&:hover": { bgcolor: "primary.50" } },
@@ -4177,7 +4180,7 @@ var DayView = ({
       startHour,
       endHour
     );
-    return /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react35.default.createElement(
       CalendarEventCard,
       {
         key: `${event2.id}-${currentDate.toString()}`,
@@ -4198,10 +4201,10 @@ var DayView = ({
 };
 
 // src/Components/Calendario/hooks/useCalendarNavigation.ts
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_dayjs8 = __toESM(require("dayjs"), 1);
 var useCalendarNavigation = (initialDate, onDateChange) => {
-  const [currentDate, setCurrentDate] = (0, import_react35.useState)(initialDate || (0, import_dayjs8.default)());
+  const [currentDate, setCurrentDate] = (0, import_react36.useState)(initialDate || (0, import_dayjs8.default)());
   const getNavigationUnit = (view) => {
     switch (view) {
       case "day":
@@ -4255,9 +4258,9 @@ var Calendar = ({
   endHour = CALENDAR_CONSTANTS.DEFAULT_END_HOUR,
   seeDays = false
 }) => {
-  const [view, setView] = (0, import_react36.useState)(initialView);
+  const [view, setView] = (0, import_react37.useState)(initialView);
   const { currentDate, navigateDate } = useCalendarNavigation((0, import_dayjs9.default)(), onDateChange);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     onDateChange == null ? void 0 : onDateChange(currentDate);
   }, [currentDate, onDateChange]);
   const handleViewChange = (newView) => {
@@ -4267,7 +4270,7 @@ var Calendar = ({
   const handleNavigate = (action) => {
     navigateDate(action, view);
   };
-  return /* @__PURE__ */ import_react36.default.createElement(import_material24.Box, { bgcolor: "background.paper" }, /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react37.default.createElement(import_material24.Box, { bgcolor: "background.paper" }, /* @__PURE__ */ import_react37.default.createElement(
     CalendarToolbar,
     {
       labelDate: currentDate,
@@ -4276,7 +4279,7 @@ var Calendar = ({
       onNavigate: handleNavigate
     },
     toolbar
-  ), isLoading ? /* @__PURE__ */ import_react36.default.createElement(
+  ), isLoading ? /* @__PURE__ */ import_react37.default.createElement(
     import_material24.Box,
     {
       display: "flex",
@@ -4284,7 +4287,7 @@ var Calendar = ({
       alignItems: "center",
       height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT
     },
-    /* @__PURE__ */ import_react36.default.createElement(
+    /* @__PURE__ */ import_react37.default.createElement(
       import_material24.CircularProgress,
       {
         variant: "indeterminate",
@@ -4294,7 +4297,7 @@ var Calendar = ({
         }
       }
     )
-  ) : /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, view === "month" && /* @__PURE__ */ import_react36.default.createElement(
+  ) : /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, view === "month" && /* @__PURE__ */ import_react37.default.createElement(
     MonthView,
     {
       events,
@@ -4305,7 +4308,7 @@ var Calendar = ({
       onEventHover,
       seeDays
     }
-  ), view === "week" && /* @__PURE__ */ import_react36.default.createElement(
+  ), view === "week" && /* @__PURE__ */ import_react37.default.createElement(
     WeekView,
     {
       events,
@@ -4318,7 +4321,7 @@ var Calendar = ({
       endHour,
       seeDays
     }
-  ), view === "day" && /* @__PURE__ */ import_react36.default.createElement(
+  ), view === "day" && /* @__PURE__ */ import_react37.default.createElement(
     DayView,
     {
       events,
@@ -4333,36 +4336,37 @@ var Calendar = ({
 };
 
 // src/Components/FooterAction/FooterAction.tsx
-var import_react37 = __toESM(require("react"), 1);
+var import_react38 = __toESM(require("react"), 1);
 var import_material25 = require("@mui/material");
 var FooterAction = ({
   leftContent,
   rightContent,
   label,
-  variant
+  variant,
+  width
 }) => {
-  return /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement(
     import_material25.AppBar,
     {
       color: "inherit",
-      sx: { position: variant == "float" ? "relative" : "fixed", left: 0, right: "auto", width: "100%", top: "auto", bottom: 0 }
+      sx: { position: variant == "float" ? "relative" : "fixed", left: variant == "float" ? "auto" : "50%", transform: variant == "float" ? "none" : "translateX(-50%)", margin: variant == "float" ? "0 auto" : void 0, right: "auto", width: width != null ? width : "100%", top: "auto", bottom: 0 }
     },
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       import_material25.Toolbar,
       {
         id: "footer-toolbar",
         sx: { gap: 1.5, minHeight: "50px !important" }
       },
       leftContent,
-      /* @__PURE__ */ import_react37.default.createElement(import_material25.Box, { flexGrow: 1 }),
-      label && /* @__PURE__ */ import_react37.default.createElement(import_material25.Typography, { variant: "body2", color: "text.secondary" }, label),
+      /* @__PURE__ */ import_react38.default.createElement(import_material25.Box, { flexGrow: 1 }),
+      label && /* @__PURE__ */ import_react38.default.createElement(import_material25.Typography, { variant: "body2", color: "text.secondary" }, label),
       rightContent
     )
   );
 };
 
 // src/Components/Menu/Menu.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"), 1);
 var import_material26 = require("@mui/material");
 var BasicMenu = ({
   open,
@@ -4373,15 +4377,15 @@ var BasicMenu = ({
   options
 }) => {
   var _a, _b, _c, _d;
-  const [internalAnchorEl, setInternalAnchorEl] = (0, import_react38.useState)(null);
-  const [internalOpen, setInternalOpen] = (0, import_react38.useState)(open != null ? open : false);
+  const [internalAnchorEl, setInternalAnchorEl] = (0, import_react39.useState)(null);
+  const [internalOpen, setInternalOpen] = (0, import_react39.useState)(open != null ? open : false);
   const isControlled = Boolean(onClose);
   const menuOpen = isControlled ? open != null ? open : false : internalOpen;
   const setMenuOpen = isControlled ? () => {
   } : setInternalOpen;
   const menuAnchorEl = anchorEl != null ? anchorEl : internalAnchorEl;
   const actualOpen = Boolean(menuAnchorEl) && menuOpen;
-  const handleButtonClick = (0, import_react38.useCallback)((event2) => {
+  const handleButtonClick = (0, import_react39.useCallback)((event2) => {
     if (handleClick) {
       handleClick(event2);
     } else {
@@ -4391,7 +4395,7 @@ var BasicMenu = ({
       }
     }
   }, [handleClick, setMenuOpen, isControlled]);
-  const handleMenuClose = (0, import_react38.useCallback)(() => {
+  const handleMenuClose = (0, import_react39.useCallback)(() => {
     if (onClose) {
       onClose();
     } else {
@@ -4399,7 +4403,7 @@ var BasicMenu = ({
       setMenuOpen(false);
     }
   }, [onClose, setMenuOpen]);
-  return /* @__PURE__ */ import_react38.default.createElement("div", null, /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement("div", null, /* @__PURE__ */ import_react39.default.createElement(
     import_material26.Button,
     {
       id: "basic-button",
@@ -4412,7 +4416,7 @@ var BasicMenu = ({
       size: (_c = button == null ? void 0 : button.size) != null ? _c : "small"
     },
     capitalize((_d = button == null ? void 0 : button.text) != null ? _d : "Menu")
-  ), /* @__PURE__ */ import_react38.default.createElement(
+  ), /* @__PURE__ */ import_react39.default.createElement(
     import_material26.Menu,
     {
       id: "basic-menu",
@@ -4430,32 +4434,32 @@ var BasicMenu = ({
 };
 
 // src/Components/MultiSelect/MultiSelect.tsx
-var import_react41 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"), 1);
 var import_material27 = require("@mui/material");
 var import_icons_material13 = require("@mui/icons-material");
 
 // src/Components/MultiSelect/helpers/useHandlers.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 function useMultiSelectHandlers() {
-  const [anchorEl, setAnchorEl] = (0, import_react39.useState)(null);
-  const [open, setOpen] = (0, import_react39.useState)(false);
-  const [selectedItems, setSelectedItems] = (0, import_react39.useState)([]);
-  const [filterValue, setFilterValue] = (0, import_react39.useState)("");
-  const handleOpen = (0, import_react39.useCallback)((e) => {
+  const [anchorEl, setAnchorEl] = (0, import_react40.useState)(null);
+  const [open, setOpen] = (0, import_react40.useState)(false);
+  const [selectedItems, setSelectedItems] = (0, import_react40.useState)([]);
+  const [filterValue, setFilterValue] = (0, import_react40.useState)("");
+  const handleOpen = (0, import_react40.useCallback)((e) => {
     setAnchorEl(e.currentTarget);
     setOpen(true);
   }, []);
-  const handleClose = (0, import_react39.useCallback)(() => {
+  const handleClose = (0, import_react40.useCallback)(() => {
     setAnchorEl(null);
     setOpen(false);
   }, []);
-  const handleFilterChange = (0, import_react39.useCallback)(
+  const handleFilterChange = (0, import_react40.useCallback)(
     (e) => {
       setFilterValue(e.target.value);
     },
     []
   );
-  const handleCheckboxToggle = (0, import_react39.useCallback)((item) => {
+  const handleCheckboxToggle = (0, import_react40.useCallback)((item) => {
     setSelectedItems(
       (prev) => prev.includes(item) ? prev.filter((i) => i !== item) : [...prev, item]
     );
@@ -4482,15 +4486,15 @@ function getIconMultiSelect(name) {
 }
 
 // src/Components/MultiSelect/helpers/useFilteredItems.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 function useFilteredItems(items, filterValue, getItemLabel, selectedItems) {
-  const filteredItems = (0, import_react40.useMemo)(
+  const filteredItems = (0, import_react41.useMemo)(
     () => items.filter(
       (item) => getItemLabel(item).toLowerCase().includes(filterValue.toLowerCase())
     ),
     [items, filterValue, getItemLabel]
   );
-  const sortedItems = (0, import_react40.useMemo)(() => {
+  const sortedItems = (0, import_react41.useMemo)(() => {
     return [
       ...filteredItems.filter((item) => selectedItems.includes(item)),
       ...filteredItems.filter((item) => !selectedItems.includes(item))
@@ -4525,16 +4529,16 @@ function MultiSelect({
     handleCheckboxToggle,
     setOpen
   } = useMultiSelectHandlers();
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (open !== void 0) {
       setOpen(open);
     }
   }, [open, setOpen]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setSelectedItems([]);
   }, [items, setSelectedItems]);
   const { filteredItems, sortedItems } = useFilteredItems(items, filterValue, getItemLabel, selectedItems);
-  const Icon = (0, import_react41.useMemo)(() => {
+  const Icon = (0, import_react42.useMemo)(() => {
     var _a2;
     return getIconMultiSelect((_a2 = button == null ? void 0 : button.icon) != null ? _a2 : "FilterListOutlined");
   }, [button == null ? void 0 : button.icon]);
@@ -4548,7 +4552,7 @@ function MultiSelect({
     { text: "Aplicar", fn: () => {
     } }
   ];
-  return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(
+  return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(
     import_material27.Button,
     {
       "test-id": "multiselect-button",
@@ -4556,11 +4560,11 @@ function MultiSelect({
       onClick: handleOpen,
       variant: (_b = button == null ? void 0 : button.variant) != null ? _b : "text",
       size: "small",
-      startIcon: (button == null ? void 0 : button.iconPosition) === "left" || !(button == null ? void 0 : button.iconPosition) ? /* @__PURE__ */ import_react41.default.createElement(Icon, null) : null,
-      endIcon: (button == null ? void 0 : button.iconPosition) === "right" ? /* @__PURE__ */ import_react41.default.createElement(Icon, null) : null
+      startIcon: (button == null ? void 0 : button.iconPosition) === "left" || !(button == null ? void 0 : button.iconPosition) ? /* @__PURE__ */ import_react42.default.createElement(Icon, null) : null,
+      endIcon: (button == null ? void 0 : button.iconPosition) === "right" ? /* @__PURE__ */ import_react42.default.createElement(Icon, null) : null
     },
     capitalize((_c = button == null ? void 0 : button.text) != null ? _c : "")
-  ), /* @__PURE__ */ import_react41.default.createElement(
+  ), /* @__PURE__ */ import_react42.default.createElement(
     import_material27.Popover,
     {
       elevation: 8,
@@ -4569,7 +4573,7 @@ function MultiSelect({
       open: openMultiselect,
       onClose: () => setOpen(false)
     },
-    /* @__PURE__ */ import_react41.default.createElement(import_material27.Stack, { minWidth: "320px", "data-testid": "multiselect-container", bgcolor: "white", boxShadow: 3, borderRadius: 1 }, /* @__PURE__ */ import_react41.default.createElement(import_material27.Stack, { py: 1, px: 2 }, topPanel != null ? topPanel : /* @__PURE__ */ import_react41.default.createElement(import_material27.FormControl, { fullWidth: true, size: "small" }, /* @__PURE__ */ import_react41.default.createElement(
+    /* @__PURE__ */ import_react42.default.createElement(import_material27.Stack, { minWidth: "320px", "data-testid": "multiselect-container", bgcolor: "white", boxShadow: 3, borderRadius: 1 }, /* @__PURE__ */ import_react42.default.createElement(import_material27.Stack, { py: 1, px: 2 }, topPanel != null ? topPanel : /* @__PURE__ */ import_react42.default.createElement(import_material27.FormControl, { fullWidth: true, size: "small" }, /* @__PURE__ */ import_react42.default.createElement(
       import_material27.TextField,
       {
         sx: { background: background ? background : "transparent" },
@@ -4582,18 +4586,18 @@ function MultiSelect({
         onChange: handleFilterChange,
         slotProps: {
           input: {
-            endAdornment: /* @__PURE__ */ import_react41.default.createElement(import_material27.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react41.default.createElement(import_icons_material13.SearchOutlined, { fontSize: "small" }))
+            endAdornment: /* @__PURE__ */ import_react42.default.createElement(import_material27.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react42.default.createElement(import_icons_material13.SearchOutlined, { fontSize: "small" }))
           }
         }
       }
-    ))), /* @__PURE__ */ import_react41.default.createElement(import_material27.Stack, { maxHeight: "300px", overflow: "auto" }, selectAll && /* @__PURE__ */ import_react41.default.createElement(import_material27.MenuItem, { dense, onClick: handleSelectAll }, /* @__PURE__ */ import_react41.default.createElement(import_material27.ListItemIcon, null, /* @__PURE__ */ import_react41.default.createElement(import_material27.Checkbox, { checked: allSelected, color: "primary" })), "Todos los items"), sortedItems.length > 0 ? sortedItems.map((item) => /* @__PURE__ */ import_react41.default.createElement(
+    ))), /* @__PURE__ */ import_react42.default.createElement(import_material27.Stack, { maxHeight: "300px", overflow: "auto" }, selectAll && /* @__PURE__ */ import_react42.default.createElement(import_material27.MenuItem, { dense, onClick: handleSelectAll }, /* @__PURE__ */ import_react42.default.createElement(import_material27.ListItemIcon, null, /* @__PURE__ */ import_react42.default.createElement(import_material27.Checkbox, { checked: allSelected, color: "primary" })), "Todos los items"), sortedItems.length > 0 ? sortedItems.map((item) => /* @__PURE__ */ import_react42.default.createElement(
       import_material27.MenuItem,
       {
         key: getItemLabel(item),
         dense,
         onClick: () => handleCheckboxToggle(item)
       },
-      /* @__PURE__ */ import_react41.default.createElement(import_material27.ListItemIcon, null, /* @__PURE__ */ import_react41.default.createElement(
+      /* @__PURE__ */ import_react42.default.createElement(import_material27.ListItemIcon, null, /* @__PURE__ */ import_react42.default.createElement(
         import_material27.Checkbox,
         {
           checked: selectedItems.includes(item),
@@ -4601,9 +4605,9 @@ function MultiSelect({
         }
       )),
       getItemLabel(item)
-    )) : /* @__PURE__ */ import_react41.default.createElement(import_material27.MenuItem, { disabled: true }, "No se encontraron resultados")), /* @__PURE__ */ import_react41.default.createElement(import_material27.Stack, { direction: "row", gap: 1, p: 1, justifyContent: "space-between", bgcolor: "grey.50" }, resolvedActions.map((button2, index) => {
+    )) : /* @__PURE__ */ import_react42.default.createElement(import_material27.MenuItem, { disabled: true }, "No se encontraron resultados")), /* @__PURE__ */ import_react42.default.createElement(import_material27.Stack, { direction: "row", gap: 1, p: 1, justifyContent: "space-between", bgcolor: "grey.50" }, resolvedActions.map((button2, index) => {
       var _a2;
-      return /* @__PURE__ */ import_react41.default.createElement(
+      return /* @__PURE__ */ import_react42.default.createElement(
         import_material27.Button,
         {
           key: index,
@@ -4619,7 +4623,7 @@ function MultiSelect({
 }
 
 // src/Components/PageHeader/PageHeader.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 var import_material28 = require("@mui/material");
 var PageHeader = ({
   title,
@@ -4629,7 +4633,7 @@ var PageHeader = ({
   fixed,
   shadow = true
 }) => {
-  return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(
     import_material28.Stack,
     {
       "data-testid": "main-container",
@@ -4641,12 +4645,12 @@ var PageHeader = ({
       zIndex: 10,
       sx: { boxShadow: shadow ? (theme) => theme.shadows[1] : "none" }
     },
-    /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.secondary" }, subtitle))), actions && /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
-  ), fixed && /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { sx: { height: 48 } }));
+    /* @__PURE__ */ import_react43.default.createElement(import_material28.Stack, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ import_react43.default.createElement(import_material28.Stack, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ import_react43.default.createElement(import_material28.Stack, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ import_react43.default.createElement(import_material28.Typography, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ import_react43.default.createElement(import_material28.Typography, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.secondary" }, subtitle))), actions && /* @__PURE__ */ import_react43.default.createElement(import_material28.Stack, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
+  ), fixed && /* @__PURE__ */ import_react43.default.createElement(import_material28.Stack, { sx: { height: 48 } }));
 };
 
 // src/Components/SCAccordion.tsx
-var import_react43 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"), 1);
 var import_material29 = require("@mui/material");
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
 var SCAccordion = ({
@@ -4654,18 +4658,18 @@ var SCAccordion = ({
   actions,
   children
 }) => {
-  const [open, setOpen] = (0, import_react43.useState)(false);
-  return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_material29.Accordion, null, /* @__PURE__ */ import_react43.default.createElement(
+  const [open, setOpen] = (0, import_react44.useState)(false);
+  return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, /* @__PURE__ */ import_react44.default.createElement(import_material29.Accordion, null, /* @__PURE__ */ import_react44.default.createElement(
     import_material29.AccordionSummary,
     {
-      expandIcon: /* @__PURE__ */ import_react43.default.createElement(import_ExpandMore.default, { fontSize: "small", color: "action" })
+      expandIcon: /* @__PURE__ */ import_react44.default.createElement(import_ExpandMore.default, { fontSize: "small", color: "action" })
     },
-    /* @__PURE__ */ import_react43.default.createElement(import_material29.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" } }, typeof title === "string" ? /* @__PURE__ */ import_react43.default.createElement(import_material29.Typography, { noWrap: true, variant: "body1", color: "text.primary" }, title) : title, actions)
-  ), /* @__PURE__ */ import_react43.default.createElement(import_material29.AccordionDetails, { sx: { padding: "12px" } }, children)));
+    /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" } }, typeof title === "string" ? /* @__PURE__ */ import_react44.default.createElement(import_material29.Typography, { noWrap: true, variant: "body1", color: "text.primary" }, title) : title, actions)
+  ), /* @__PURE__ */ import_react44.default.createElement(import_material29.AccordionDetails, { sx: { padding: "12px" } }, children)));
 };
 
 // src/Components/SCActivityCalendar.tsx
-var import_react45 = __toESM(require("react"), 1);
+var import_react46 = __toESM(require("react"), 1);
 var import_material31 = require("@mui/material");
 var import_Grid6 = __toESM(require("@mui/material/Grid"), 1);
 var import_AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
@@ -4675,14 +4679,14 @@ var import_locale = require("date-fns/locale");
 var import_date_fns = require("date-fns");
 
 // src/Components/SCListContent.tsx
-var import_react44 = __toESM(require("react"), 1);
+var import_react45 = __toESM(require("react"), 1);
 var import_material30 = require("@mui/material");
 var import_Grid5 = __toESM(require("@mui/material/Grid"), 1);
 var import_Avatar = __toESM(require("@mui/material/Avatar"), 1);
 var Muicon7 = __toESM(require("@mui/icons-material"), 1);
 var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" }) => {
-  const [selectedIndex, setSelectedIndex] = import_react44.default.useState("1");
-  const [value, setValue] = import_react44.default.useState("1");
+  const [selectedIndex, setSelectedIndex] = import_react45.default.useState("1");
+  const [value, setValue] = import_react45.default.useState("1");
   options.map(function(option, index, array) {
     if (option == null ? void 0 : option.iconLeft) {
       if ((option == null ? void 0 : option.iconLeft.type) == void 0) {
@@ -4701,26 +4705,26 @@ var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" })
       }
     }
   });
-  return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, /* @__PURE__ */ import_react44.default.createElement(import_material30.List, { sx: { width: "100%", bgcolor: "background.paper", padding: "0px !important" } }, options.map((option, index) => {
+  return /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, /* @__PURE__ */ import_react45.default.createElement(import_material30.List, { sx: { width: "100%", bgcolor: "background.paper", padding: "0px !important" } }, options.map((option, index) => {
     var _a, _b;
-    return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, { key: index }, /* @__PURE__ */ import_react44.default.createElement(
+    return /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, { key: index }, /* @__PURE__ */ import_react45.default.createElement(
       import_material30.ListItemButton,
       {
         disabled: option.disable,
         onClick: option.fn,
         sx: { gap: 1, padding: iconLeftType == "Icon" ? "8px 8px" : "8px 8px 8px 0px" }
       },
-      option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */ import_react44.default.createElement(import_material30.ListItemIcon, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ import_react44.default.createElement(import_material30.SvgIcon, { fontSize: "small", sx: { color: option.iconLeftColor || "action" }, component: option.iconLeft })) : /* @__PURE__ */ import_react44.default.createElement(import_Avatar.default, { sx: { width: 25, height: 25, fontSize: "11px", bgcolor: option.iconLeftColor ? `${option.iconLeftColor}.main` : "default" } }, ((_a = option.iconLeft) == null ? void 0 : _a.type) != void 0 ? /* @__PURE__ */ import_react44.default.createElement(import_material30.SvgIcon, { fontSize: "small", component: option.iconLeft }) : option.iconLeft) : "",
-      /* @__PURE__ */ import_react44.default.createElement(
+      option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */ import_react45.default.createElement(import_material30.ListItemIcon, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ import_react45.default.createElement(import_material30.SvgIcon, { fontSize: "small", sx: { color: option.iconLeftColor || "action" }, component: option.iconLeft })) : /* @__PURE__ */ import_react45.default.createElement(import_Avatar.default, { sx: { width: 25, height: 25, fontSize: "11px", bgcolor: option.iconLeftColor ? `${option.iconLeftColor}.main` : "default" } }, ((_a = option.iconLeft) == null ? void 0 : _a.type) != void 0 ? /* @__PURE__ */ import_react45.default.createElement(import_material30.SvgIcon, { fontSize: "small", component: option.iconLeft }) : option.iconLeft) : "",
+      /* @__PURE__ */ import_react45.default.createElement(
         import_material30.ListItemText,
         {
           sx: { color: option.colorDisabled == true ? "text.disabled" : "default" },
           primary: option.title,
-          secondary: /* @__PURE__ */ import_react44.default.createElement(import_Grid5.default, { gap: 0.5 }, /* @__PURE__ */ import_react44.default.createElement(import_Grid5.default, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.subtitle), /* @__PURE__ */ import_react44.default.createElement(import_Grid5.default, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.description))
+          secondary: /* @__PURE__ */ import_react45.default.createElement(import_Grid5.default, { gap: 0.5 }, /* @__PURE__ */ import_react45.default.createElement(import_Grid5.default, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.subtitle), /* @__PURE__ */ import_react45.default.createElement(import_Grid5.default, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.description))
         }
       ),
-      option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ import_react44.default.createElement(import_material30.ListItemIcon, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ import_react44.default.createElement(import_material30.SvgIcon, { fontSize: "small", sx: { color: option.iconRightColor || "action" }, component: option.iconRight })) : /* @__PURE__ */ import_react44.default.createElement(import_Avatar.default, { variant: "circular", sx: { width: 20, height: 20 } }, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ import_react44.default.createElement(import_material30.SvgIcon, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
-    ), option.divider == true ? /* @__PURE__ */ import_react44.default.createElement(import_material30.Divider, null) : "");
+      option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ import_react45.default.createElement(import_material30.ListItemIcon, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ import_react45.default.createElement(import_material30.SvgIcon, { fontSize: "small", sx: { color: option.iconRightColor || "action" }, component: option.iconRight })) : /* @__PURE__ */ import_react45.default.createElement(import_Avatar.default, { variant: "circular", sx: { width: 20, height: 20 } }, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ import_react45.default.createElement(import_material30.SvgIcon, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
+    ), option.divider == true ? /* @__PURE__ */ import_react45.default.createElement(import_material30.Divider, null) : "");
   })));
 };
 
@@ -4746,22 +4750,22 @@ var SCActivityCalendar = ({
   configRangeHour
 }) => {
   let convertFecha;
-  const [fecha, setFecha] = (0, import_react45.useState)(/* @__PURE__ */ new Date());
-  const [fechaSeleccionada, setFechaSeleccionada] = (0, import_react45.useState)();
-  const [stateVal, setstateVal] = import_react45.default.useState(/* @__PURE__ */ new Date());
-  const [openCalendar, setOpenCalendar] = import_react45.default.useState(false);
-  const [anchorPopoverFiltro, setAnchorPopoverFiltro] = (0, import_react45.useState)(null);
-  const [datosEventos, setDatosEventos] = import_react45.default.useState(events);
+  const [fecha, setFecha] = (0, import_react46.useState)(/* @__PURE__ */ new Date());
+  const [fechaSeleccionada, setFechaSeleccionada] = (0, import_react46.useState)();
+  const [stateVal, setstateVal] = import_react46.default.useState(/* @__PURE__ */ new Date());
+  const [openCalendar, setOpenCalendar] = import_react46.default.useState(false);
+  const [anchorPopoverFiltro, setAnchorPopoverFiltro] = (0, import_react46.useState)(null);
+  const [datosEventos, setDatosEventos] = import_react46.default.useState(events);
   const openPopoverFiltro = Boolean(anchorPopoverFiltro);
   const hoy = /* @__PURE__ */ new Date();
   const inicioSemana = (0, import_date_fns.startOfWeek)(fecha, { weekStartsOn: 0 });
   const diasSemana = Array.from({ length: 7 }, (_, i) => (0, import_date_fns.addDays)(inicioSemana, i));
-  import_react45.default.useEffect(() => {
+  import_react46.default.useEffect(() => {
     if (fecha != null) {
       handleConvertFecha(fecha);
     }
   }, [fecha]);
-  import_react45.default.useEffect(() => {
+  import_react46.default.useEffect(() => {
     if (events != null) {
       setDatosEventos(events);
     }
@@ -4801,7 +4805,7 @@ var SCActivityCalendar = ({
       setDatosEventos(resultado);
     }
   };
-  return /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, /* @__PURE__ */ import_react45.default.createElement(import_LocalizationProvider2.LocalizationProvider, { dateAdapter: import_AdapterDateFns.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: { width: "100%", padding: "0px", background: "transparent" } }, /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 16px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns.format)(dia, "EEEE", { locale: import_locale.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react45.default.createElement(
+  return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(import_LocalizationProvider2.LocalizationProvider, { dateAdapter: import_AdapterDateFns.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react46.default.createElement(import_material31.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react46.default.createElement(import_material31.Box, { sx: { width: "100%", padding: "0px", background: "transparent" } }, /* @__PURE__ */ import_react46.default.createElement(import_Grid6.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 16px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react46.default.createElement(import_Grid6.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react46.default.createElement(import_material31.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns.format)(dia, "EEEE", { locale: import_locale.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react46.default.createElement(
     import_material31.Box,
     {
       onClick: () => setFecha(dia),
@@ -4814,8 +4818,8 @@ var SCActivityCalendar = ({
         position: "relative"
       }
     },
-    /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns.format)(dia, "d"))
-  )))), /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react45.default.createElement(import_KeyboardDoubleArrowDown.default, { color: "action" }))))) : /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react45.default.createElement(
+    /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns.format)(dia, "d"))
+  )))), /* @__PURE__ */ import_react46.default.createElement(import_Grid6.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react46.default.createElement(import_material31.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react46.default.createElement(import_KeyboardDoubleArrowDown.default, { color: "action" }))))) : /* @__PURE__ */ import_react46.default.createElement(import_material31.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react46.default.createElement(
     import_StaticDatePicker.StaticDatePicker,
     {
       orientation: "landscape",
@@ -4840,7 +4844,7 @@ var SCActivityCalendar = ({
       },
       onChange: (newValue) => setFecha(newValue)
     }
-  ), /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react45.default.createElement(import_KeyboardDoubleArrowUp.default, { color: "action" }))))), /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "444px" } }, /* @__PURE__ */ import_react45.default.createElement(import_FilterList.default, { color: "action" })), /* @__PURE__ */ import_react45.default.createElement(
+  ), /* @__PURE__ */ import_react46.default.createElement(import_Grid6.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react46.default.createElement(import_material31.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react46.default.createElement(import_KeyboardDoubleArrowUp.default, { color: "action" }))))), /* @__PURE__ */ import_react46.default.createElement(import_material31.IconButton, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "444px" } }, /* @__PURE__ */ import_react46.default.createElement(import_FilterList.default, { color: "action" })), /* @__PURE__ */ import_react46.default.createElement(
     import_material31.Popover,
     {
       open: openPopoverFiltro,
@@ -4851,7 +4855,7 @@ var SCActivityCalendar = ({
         horizontal: "right"
       }
     },
-    /* @__PURE__ */ import_react45.default.createElement(
+    /* @__PURE__ */ import_react46.default.createElement(
       import_material31.Menu,
       {
         id: "basic-menu",
@@ -4864,24 +4868,24 @@ var SCActivityCalendar = ({
           }
         }
       },
-      /* @__PURE__ */ import_react45.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "Todo") }, /* @__PURE__ */ import_react45.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react45.default.createElement(import_CalendarMonthOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver todo")),
-      /* @__PURE__ */ import_react45.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "Finalizada") }, /* @__PURE__ */ import_react45.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react45.default.createElement(import_CheckCircleOutlineOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver finalizadas")),
-      /* @__PURE__ */ import_react45.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "Aplazada") }, /* @__PURE__ */ import_react45.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react45.default.createElement(import_EventBusyOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver aplazadas")),
-      /* @__PURE__ */ import_react45.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "En progreso") }, /* @__PURE__ */ import_react45.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react45.default.createElement(import_PendingOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver en progreso"))
+      /* @__PURE__ */ import_react46.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "Todo") }, /* @__PURE__ */ import_react46.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react46.default.createElement(import_CalendarMonthOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver todo")),
+      /* @__PURE__ */ import_react46.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "Finalizada") }, /* @__PURE__ */ import_react46.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react46.default.createElement(import_CheckCircleOutlineOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver finalizadas")),
+      /* @__PURE__ */ import_react46.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "Aplazada") }, /* @__PURE__ */ import_react46.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react46.default.createElement(import_EventBusyOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver aplazadas")),
+      /* @__PURE__ */ import_react46.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "En progreso") }, /* @__PURE__ */ import_react46.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react46.default.createElement(import_PendingOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver en progreso"))
     )
-  ), /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 316px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ import_react45.default.createElement(
+  ), /* @__PURE__ */ import_react46.default.createElement(import_material31.Box, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 316px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ import_react46.default.createElement(
     import_material31.Box,
     {
       key: dayIndex
     },
-    /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "subtitle1", sx: { color: (0, import_date_fns.isSameDay)(day, fecha) ? "info.dark" : "text.secondary" } }, day.toLocaleDateString("es-ES", {
+    /* @__PURE__ */ import_react46.default.createElement(import_Grid6.default, { container: true }, /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "subtitle1", sx: { color: (0, import_date_fns.isSameDay)(day, fecha) ? "info.dark" : "text.secondary" } }, day.toLocaleDateString("es-ES", {
       day: "numeric"
     }), " de ", day.toLocaleDateString("es-ES", {
       month: "short"
     }), ", ", day.toLocaleDateString("es-ES", {
       weekday: "long"
     }))),
-    /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: {
+    /* @__PURE__ */ import_react46.default.createElement(import_material31.Box, { sx: {
       display: "flex",
       flexDirection: "column"
     } }, (() => {
@@ -4890,16 +4894,16 @@ var SCActivityCalendar = ({
         (event2) => (/* @__PURE__ */ new Date(event2.date + "T00:00:00")).toDateString() === day.toDateString()
       );
       if (eventosDelDia.length > 0) {
-        return eventosDelDia.map((event2, idx) => /* @__PURE__ */ import_react45.default.createElement(
+        return eventosDelDia.map((event2, idx) => /* @__PURE__ */ import_react46.default.createElement(
           SCListContent,
           {
             key: idx,
             options: [{
               title: event2.activityDescription,
-              subtitle: /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, configRangeHour && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getMinutes() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body2" }, "Todo el dia"), /* @__PURE__ */ import_react45.default.createElement(import_LightModeOutlined.default, { fontSize: "small" })) : /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ import_react45.default.createElement(import_ArrowForward.default, { fontSize: "small" }), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
+              subtitle: /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, configRangeHour && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getMinutes() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "body2" }, "Todo el dia"), /* @__PURE__ */ import_react46.default.createElement(import_LightModeOutlined.default, { fontSize: "small" })) : /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ import_react46.default.createElement(import_ArrowForward.default, { fontSize: "small" }), /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
               iconLeftColor: event2.state === "Finalizada" ? "#C7E49D" : "action",
               iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
-              description: /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Badge, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body2" }, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body1" }, event2.equipmentDescription)),
+              description: /* @__PURE__ */ import_react46.default.createElement(import_Grid6.default, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ import_react46.default.createElement(import_Grid6.default, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ import_react46.default.createElement(import_material31.Badge, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "body2" }, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ import_react46.default.createElement(import_material31.Typography, { variant: "body1" }, event2.equipmentDescription)),
               divider: eventosDelDia.length === idx + 1 ? false : true,
               colorDisabled: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
               fn: fn ? () => fn(event2) : void 0
@@ -4907,7 +4911,7 @@ var SCActivityCalendar = ({
           }
         ));
       } else {
-        return /* @__PURE__ */ import_react45.default.createElement(
+        return /* @__PURE__ */ import_react46.default.createElement(
           SCListContent,
           {
             options: [{
@@ -4923,7 +4927,7 @@ var SCActivityCalendar = ({
 };
 
 // src/Components/SCAlert.tsx
-var import_react46 = __toESM(require("react"), 1);
+var import_react47 = __toESM(require("react"), 1);
 var import_material32 = require("@mui/material");
 var SCAlert = ({
   title,
@@ -4938,7 +4942,7 @@ var SCAlert = ({
   const handleClose = (event2) => {
     setOpenState(false);
   };
-  return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, openState && /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, openState && /* @__PURE__ */ import_react47.default.createElement(
     import_material32.Alert,
     __spreadProps(__spreadValues({
       severity,
@@ -4953,16 +4957,16 @@ var SCAlert = ({
         }
       })
     }),
-    /* @__PURE__ */ import_react46.default.createElement(import_material32.AlertTitle, null, title),
-    subtitle ? /* @__PURE__ */ import_react46.default.createElement(import_material32.Typography, { variant: "body3" }, subtitle) : null
+    /* @__PURE__ */ import_react47.default.createElement(import_material32.AlertTitle, null, title),
+    subtitle ? /* @__PURE__ */ import_react47.default.createElement(import_material32.Typography, { variant: "body3" }, subtitle) : null
   ));
 };
 
 // src/Components/SCAppBar.tsx
-var import_react47 = __toESM(require("react"), 1);
+var import_react48 = __toESM(require("react"), 1);
 var import_material33 = require("@mui/material");
 var import_Grid7 = __toESM(require("@mui/material/Grid"), 1);
-var import_es3 = require("dayjs/locale/es");
+var import_es4 = require("dayjs/locale/es");
 var import_Menu = __toESM(require("@mui/icons-material/Menu"), 1);
 var import_ArrowBack = __toESM(require("@mui/icons-material/ArrowBack"), 1);
 var import_icons_material14 = require("@mui/icons-material");
@@ -4975,8 +4979,8 @@ var SCAppBar = ({
   visibleConexion = true,
   visibleMenu = true
 }) => {
-  const [isOnline, setIsOnline] = (0, import_react47.useState)(window.navigator.onLine);
-  const [anchorEl, setAnchorEl] = (0, import_react47.useState)(null);
+  const [isOnline, setIsOnline] = (0, import_react48.useState)(window.navigator.onLine);
+  const [anchorEl, setAnchorEl] = (0, import_react48.useState)(null);
   const openMenu = Boolean(anchorEl);
   const handleMenuClick = (event2) => {
     setAnchorEl(event2.currentTarget);
@@ -4984,7 +4988,7 @@ var SCAppBar = ({
   const handleMenuClose = () => {
     setAnchorEl(null);
   };
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     const handleOnline = () => {
       setIsOnline(true);
     };
@@ -4998,7 +5002,7 @@ var SCAppBar = ({
       window.removeEventListener("offline", handleOffline);
     };
   }, []);
-  return /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement(import_Grid7.default, { sx: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ import_react47.default.createElement(import_Grid7.default, { size: 12, sx: { display: "flex", flexDirection: "row", alignItems: "center", background, padding: "0px 16px", justifyContent: "space-between" } }, visibleVolver && /* @__PURE__ */ import_react47.default.createElement(import_material33.IconButton, { size: "medium", onClick: fnVolver }, /* @__PURE__ */ import_react47.default.createElement(import_ArrowBack.default, { color: "action" })), /* @__PURE__ */ import_react47.default.createElement(import_Grid7.default, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, visibleConexion && /* @__PURE__ */ import_react47.default.createElement(import_Grid7.default, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, isOnline ? /* @__PURE__ */ import_react47.default.createElement(import_icons_material14.Wifi, { color: "action", sx: { marginRight: "8px" } }) : /* @__PURE__ */ import_react47.default.createElement(import_icons_material14.WifiOff, { color: "action", sx: { marginRight: "8px" } }), /* @__PURE__ */ import_react47.default.createElement(
+  return /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(import_Grid7.default, { sx: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ import_react48.default.createElement(import_Grid7.default, { size: 12, sx: { display: "flex", flexDirection: "row", alignItems: "center", background, padding: "0px 16px", justifyContent: "space-between" } }, visibleVolver && /* @__PURE__ */ import_react48.default.createElement(import_material33.IconButton, { size: "medium", onClick: fnVolver }, /* @__PURE__ */ import_react48.default.createElement(import_ArrowBack.default, { color: "action" })), /* @__PURE__ */ import_react48.default.createElement(import_Grid7.default, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, visibleConexion && /* @__PURE__ */ import_react48.default.createElement(import_Grid7.default, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, isOnline ? /* @__PURE__ */ import_react48.default.createElement(import_icons_material14.Wifi, { color: "action", sx: { marginRight: "8px" } }) : /* @__PURE__ */ import_react48.default.createElement(import_icons_material14.WifiOff, { color: "action", sx: { marginRight: "8px" } }), /* @__PURE__ */ import_react48.default.createElement(
     import_material33.Badge,
     {
       anchorOrigin: {
@@ -5013,7 +5017,7 @@ var SCAppBar = ({
       },
       color: isOnline ? "success" : "error"
     }
-  ), /* @__PURE__ */ import_react47.default.createElement(import_material33.Typography, { variant: "caption", color: "text.secondary" }, isOnline ? "Online" : "Offline")), visibleMenu && /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement(import_material33.IconButton, { size: "medium", onClick: handleMenuClick }, /* @__PURE__ */ import_react47.default.createElement(import_Menu.default, { color: "action" })), /* @__PURE__ */ import_react47.default.createElement(
+  ), /* @__PURE__ */ import_react48.default.createElement(import_material33.Typography, { variant: "caption", color: "text.secondary" }, isOnline ? "Online" : "Offline")), visibleMenu && /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(import_material33.IconButton, { size: "medium", onClick: handleMenuClick }, /* @__PURE__ */ import_react48.default.createElement(import_Menu.default, { color: "action" })), /* @__PURE__ */ import_react48.default.createElement(
     import_material33.Menu,
     {
       anchorEl,
@@ -5029,12 +5033,12 @@ var SCAppBar = ({
       },
       sx: { zIndex: "2000" }
     },
-    options.map((option, index) => /* @__PURE__ */ import_react47.default.createElement(import_material33.MenuItem, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ import_react47.default.createElement(import_material33.Typography, { variant: "body2" }, option.name)))
-  )))), /* @__PURE__ */ import_react47.default.createElement(import_material33.Box, { sx: { padding: "8px 16px 0px 16px" } }, contenidoExtra)));
+    options.map((option, index) => /* @__PURE__ */ import_react48.default.createElement(import_material33.MenuItem, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ import_react48.default.createElement(import_material33.Typography, { variant: "body2" }, option.name)))
+  )))), /* @__PURE__ */ import_react48.default.createElement(import_material33.Box, { sx: { padding: "8px 16px 0px 16px" } }, contenidoExtra)));
 };
 
 // src/Components/SCCalendarSwipeable.tsx
-var import_react48 = __toESM(require("react"), 1);
+var import_react49 = __toESM(require("react"), 1);
 var import_material34 = require("@mui/material");
 var import_Grid8 = __toESM(require("@mui/material/Grid"), 1);
 var import_AdapterDateFns2 = require("@mui/x-date-pickers/AdapterDateFns");
@@ -5053,14 +5057,14 @@ var SCCalendarSwipeable = ({
   state
 }) => {
   let convertFecha;
-  const [fecha, setFecha] = (0, import_react48.useState)(/* @__PURE__ */ new Date());
-  const [fechaSeleccionada, setFechaSeleccionada] = (0, import_react48.useState)();
-  const [stateVal, setstateVal] = import_react48.default.useState(/* @__PURE__ */ new Date());
-  const [openCalendar, setOpenCalendar] = import_react48.default.useState(false);
+  const [fecha, setFecha] = (0, import_react49.useState)(/* @__PURE__ */ new Date());
+  const [fechaSeleccionada, setFechaSeleccionada] = (0, import_react49.useState)();
+  const [stateVal, setstateVal] = import_react49.default.useState(/* @__PURE__ */ new Date());
+  const [openCalendar, setOpenCalendar] = import_react49.default.useState(false);
   const hoy = /* @__PURE__ */ new Date();
   const inicioSemana = (0, import_date_fns2.startOfWeek)(fecha, { weekStartsOn: 0 });
   const diasSemana = Array.from({ length: 7 }, (_, i) => (0, import_date_fns2.addDays)(inicioSemana, i));
-  import_react48.default.useEffect(() => {
+  import_react49.default.useEffect(() => {
     if (fecha != null) {
       handleConvertFecha(fecha);
     }
@@ -5084,7 +5088,7 @@ var SCCalendarSwipeable = ({
       // 0 = domingo, 1 = lunes
     })
   });
-  return /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(import_LocalizationProvider3.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react48.default.createElement(import_material34.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react48.default.createElement(import_material34.Box, { sx: { width: "100%", padding: "0px 16px", background: "transparent" } }, /* @__PURE__ */ import_react48.default.createElement(import_Grid8.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react48.default.createElement(import_Grid8.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react48.default.createElement(import_material34.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react48.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns2.format)(dia, "EEEE", { locale: import_locale2.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react48.default.createElement(
+  return /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement(import_LocalizationProvider3.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react49.default.createElement(import_material34.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react49.default.createElement(import_material34.Box, { sx: { width: "100%", padding: "0px 16px", background: "transparent" } }, /* @__PURE__ */ import_react49.default.createElement(import_Grid8.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react49.default.createElement(import_Grid8.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react49.default.createElement(import_material34.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react49.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns2.format)(dia, "EEEE", { locale: import_locale2.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react49.default.createElement(
     import_material34.Box,
     {
       onClick: () => setFecha(dia),
@@ -5100,8 +5104,8 @@ var SCCalendarSwipeable = ({
         //height: '36px',
       }
     },
-    /* @__PURE__ */ import_react48.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns2.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns2.format)(dia, "d"))
-  )))), /* @__PURE__ */ import_react48.default.createElement(import_Grid8.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react48.default.createElement(import_material34.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react48.default.createElement(import_KeyboardDoubleArrowDown2.default, null))))) : /* @__PURE__ */ import_react48.default.createElement(import_material34.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react48.default.createElement(
+    /* @__PURE__ */ import_react49.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns2.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns2.format)(dia, "d"))
+  )))), /* @__PURE__ */ import_react49.default.createElement(import_Grid8.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react49.default.createElement(import_material34.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react49.default.createElement(import_KeyboardDoubleArrowDown2.default, null))))) : /* @__PURE__ */ import_react49.default.createElement(import_material34.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react49.default.createElement(
     import_StaticDatePicker2.StaticDatePicker,
     {
       orientation: "landscape",
@@ -5126,11 +5130,11 @@ var SCCalendarSwipeable = ({
       },
       onChange: (newValue) => setFecha(newValue)
     }
-  ), /* @__PURE__ */ import_react48.default.createElement(import_Grid8.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react48.default.createElement(import_material34.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react48.default.createElement(import_KeyboardDoubleArrowUp2.default, null))))));
+  ), /* @__PURE__ */ import_react49.default.createElement(import_Grid8.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react49.default.createElement(import_material34.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react49.default.createElement(import_KeyboardDoubleArrowUp2.default, null))))));
 };
 
 // src/Components/SCCard.tsx
-var import_react49 = __toESM(require("react"), 1);
+var import_react50 = __toESM(require("react"), 1);
 var import_material35 = require("@mui/material");
 var import_IconButton = __toESM(require("@mui/material/IconButton"), 1);
 var import_Card = __toESM(require("@mui/material/Card"), 1);
@@ -5144,7 +5148,7 @@ var Muicon8 = __toESM(require("@mui/icons-material"), 1);
 var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerHeader, content, actions, dividerActions, contentExpand }) => {
   let iconTitleValidation = "";
   let IconTitle;
-  const [expanded, setExpanded] = import_react49.default.useState(false);
+  const [expanded, setExpanded] = import_react50.default.useState(false);
   if (iconTitle) {
     if (typeof iconTitle === "string" && /\.(png|jpg|jpeg|gif|svg|webp)$/i.test(iconTitle)) {
       iconTitleValidation = "image";
@@ -5160,11 +5164,11 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerH
   const handleExpandClick = () => {
     setExpanded(!expanded);
   };
-  return /* @__PURE__ */ import_react49.default.createElement(import_Card.default, { sx: { width: width || "auto" } }, title && /* @__PURE__ */ import_react49.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement(import_Card.default, { sx: { width: width || "auto" } }, title && /* @__PURE__ */ import_react50.default.createElement(
     import_CardHeader.default,
     {
-      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ import_react49.default.createElement(import_material35.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react49.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react49.default.createElement(import_material35.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
-      action: actionsTitle == "expand" ? /* @__PURE__ */ import_react49.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ import_react49.default.createElement(import_ExpandMore2.default, { fontSize: "small" })) : actionsTitle,
+      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ import_react50.default.createElement(import_material35.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react50.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react50.default.createElement(import_material35.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
+      action: actionsTitle == "expand" ? /* @__PURE__ */ import_react50.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ import_react50.default.createElement(import_ExpandMore2.default, { fontSize: "small" })) : actionsTitle,
       title,
       subheader: subtitle,
       sx: {
@@ -5183,18 +5187,18 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerH
         }
       }
     }
-  ), dividerHeader && title && /* @__PURE__ */ import_react49.default.createElement(import_material35.Divider, { variant: "fullWidth" }), image && /* @__PURE__ */ import_react49.default.createElement(
+  ), dividerHeader && title && /* @__PURE__ */ import_react50.default.createElement(import_material35.Divider, { variant: "fullWidth" }), image && /* @__PURE__ */ import_react50.default.createElement(
     import_CardMedia.default,
     {
       component: "img",
       height: "194",
       image
     }
-  ), content && /* @__PURE__ */ import_react49.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, content), dividerActions && /* @__PURE__ */ import_react49.default.createElement(import_material35.Divider, { variant: "fullWidth" }), actions && /* @__PURE__ */ import_react49.default.createElement(import_CardActions.default, null, actions), contentExpand && /* @__PURE__ */ import_react49.default.createElement(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react49.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, contentExpand)));
+  ), content && /* @__PURE__ */ import_react50.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, content), dividerActions && /* @__PURE__ */ import_react50.default.createElement(import_material35.Divider, { variant: "fullWidth" }), actions && /* @__PURE__ */ import_react50.default.createElement(import_CardActions.default, null, actions), contentExpand && /* @__PURE__ */ import_react50.default.createElement(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react50.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, contentExpand)));
 };
 
 // src/Components/SCDataGrid.tsx
-var import_react50 = __toESM(require("react"), 1);
+var import_react51 = __toESM(require("react"), 1);
 var import_x_data_grid_pro = require("@mui/x-data-grid-pro");
 var import_x_license2 = require("@mui/x-license");
 var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"), 1);
@@ -5285,7 +5289,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
           label = label;
         }
       }
-      return /* @__PURE__ */ import_react50.default.createElement(
+      return /* @__PURE__ */ import_react51.default.createElement(
         "div",
         {
           style: {
@@ -5303,7 +5307,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
             fontWeight: params.rowNode.type == "group" ? "400" : "300"
           }
         },
-        params.rowNode.type === "group" && /* @__PURE__ */ import_react50.default.createElement(
+        params.rowNode.type === "group" && /* @__PURE__ */ import_react51.default.createElement(
           "span",
           {
             style: {
@@ -5316,7 +5320,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
               params.api.setRowChildrenExpansion(params.id, !params.rowNode.childrenExpanded);
             }
           },
-          params.rowNode.childrenExpanded ? /* @__PURE__ */ import_react50.default.createElement(import_KeyboardArrowUp.default, { fontSize: "small", color: "action" }) : /* @__PURE__ */ import_react50.default.createElement(import_KeyboardArrowDown.default, { fontSize: "small", color: "action" })
+          params.rowNode.childrenExpanded ? /* @__PURE__ */ import_react51.default.createElement(import_KeyboardArrowUp.default, { fontSize: "small", color: "action" }) : /* @__PURE__ */ import_react51.default.createElement(import_KeyboardArrowDown.default, { fontSize: "small", color: "action" })
         ),
         label
       );
@@ -5358,18 +5362,18 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
   let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ? 31 : 32;
   let rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length.toString()) : data.length < 10 ? parseInt(data.length.toString()) : 10;
   let validationGroupingColDef = groupingColDefs || {};
-  const [groupDataLenght, setGroupDataLengh] = (0, import_react50.useState)(0);
-  const [pageSize, setPageSize] = (0, import_react50.useState)(rows);
-  const [arrayRows, setArrayRows] = (0, import_react50.useState)([]);
-  const [selectionModel, setSelectionModel] = (0, import_react50.useState)([]);
-  (0, import_react50.useEffect)(() => {
+  const [groupDataLenght, setGroupDataLengh] = (0, import_react51.useState)(0);
+  const [pageSize, setPageSize] = (0, import_react51.useState)(rows);
+  const [arrayRows, setArrayRows] = (0, import_react51.useState)([]);
+  const [selectionModel, setSelectionModel] = (0, import_react51.useState)([]);
+  (0, import_react51.useEffect)(() => {
     var _a;
     if (setSelectedRow) {
       setSelectedRow(arrayRows[selectedIndex]);
       setSelectionModel(((_a = arrayRows[selectedIndex]) == null ? void 0 : _a.id) ? [arrayRows[selectedIndex].id] : []);
     }
   }, [selectedIndex]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if ((data == null ? void 0 : data.length) > 0) {
       dataConvertRows(data, void 0);
     }
@@ -5458,12 +5462,12 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
   if (Object.keys(columnVisibilityModel).length > 0) {
     initialState.columns = { columnVisibilityModel };
   }
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (apiRef.current && Object.keys(columnVisibilityModel).length > 0) {
       apiRef.current.setColumnVisibilityModel(columnVisibilityModel);
     }
   }, [columnVisibilityModel, apiRef]);
-  return /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, data && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("div", { style: { width: width || "100%", maxHeight: maxHeight ? `${maxHeight}px` : "none" } }, /* @__PURE__ */ import_react50.default.createElement(
+  return /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, data && /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement("div", { style: { width: width || "100%", maxHeight: maxHeight ? `${maxHeight}px` : "none" } }, /* @__PURE__ */ import_react51.default.createElement(
     import_x_data_grid_pro.DataGridPro,
     __spreadProps(__spreadValues(__spreadProps(__spreadValues({
       getRowId,
@@ -5627,22 +5631,22 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
     })
   ))));
 }
-var SCDataGrid = import_react50.default.memo(SCDataGridInitial, (prevProps, nextProps) => {
+var SCDataGrid = import_react51.default.memo(SCDataGridInitial, (prevProps, nextProps) => {
   const isEqual = prevProps.rowsTable === nextProps.rowsTable && prevProps.checkboxSelection === nextProps.checkboxSelection && prevProps.width === nextProps.width && prevProps.maxHeight === nextProps.maxHeight;
   return isEqual;
 });
 
 // src/Components/SCDatePicker.tsx
-var import_react51 = __toESM(require("react"), 1);
+var import_react52 = __toESM(require("react"), 1);
 var import_DatePicker = require("@mui/x-date-pickers/DatePicker");
-var import_es4 = require("dayjs/locale/es");
-var import_dayjs10 = __toESM(require("dayjs"), 1);
 var import_es5 = require("dayjs/locale/es");
+var import_dayjs10 = __toESM(require("dayjs"), 1);
+var import_es6 = require("dayjs/locale/es");
 var import_LocalizationProvider4 = require("@mui/x-date-pickers/LocalizationProvider");
 var import_AdapterDayjs2 = require("@mui/x-date-pickers/AdapterDayjs");
 var import_InsertInvitationOutlined2 = __toESM(require("@mui/icons-material/InsertInvitationOutlined"), 1);
 var SCDatePicker = ({ label, required, disabled, background, state, setState, width, minDate, maxDate }) => {
-  return /* @__PURE__ */ import_react51.default.createElement(import_LocalizationProvider4.LocalizationProvider, { dateAdapter: import_AdapterDayjs2.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react51.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(import_LocalizationProvider4.LocalizationProvider, { dateAdapter: import_AdapterDayjs2.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react52.default.createElement(
     import_DatePicker.DatePicker,
     {
       disabled,
@@ -5698,7 +5702,7 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
 };
 
 // src/Components/SCDialog.tsx
-var import_react52 = __toESM(require("react"), 1);
+var import_react53 = __toESM(require("react"), 1);
 var import_material36 = require("@mui/material");
 var import_Grid9 = __toESM(require("@mui/material/Grid"), 1);
 var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"), 1);
@@ -5710,8 +5714,8 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   let iconTitleValidation = "";
   let IconTitle;
   let ButtonIcon;
-  const [open, setOpen] = (0, import_react52.useState)(show);
-  (0, import_react52.useEffect)(() => {
+  const [open, setOpen] = (0, import_react53.useState)(show);
+  (0, import_react53.useEffect)(() => {
     if (show) {
       handleOpen();
     } else {
@@ -5763,8 +5767,8 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
     }
   };
   const dialogActions = actions == false ? false : actions != void 0 ? actions : [{ text: "Cerrar", fn: handleClose }];
-  content = content != null ? content : { component: /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, null, " Aqui va el contenido ") };
-  return /* @__PURE__ */ import_react52.default.createElement("div", null, buttonDialog ? /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ import_react52.default.createElement(import_material36.Tooltip, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react52.default.createElement(import_material36.Button, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ import_react52.default.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ import_react52.default.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ import_react52.default.createElement(import_material36.IconButton, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ import_react52.default.createElement(import_material36.Modal, { open: open || false, onClose: handleClose }, /* @__PURE__ */ import_react52.default.createElement(
+  content = content != null ? content : { component: /* @__PURE__ */ import_react53.default.createElement(import_material36.Box, null, " Aqui va el contenido ") };
+  return /* @__PURE__ */ import_react53.default.createElement("div", null, buttonDialog ? /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ import_react53.default.createElement(import_material36.Tooltip, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react53.default.createElement(import_material36.Button, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ import_react53.default.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ import_react53.default.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ import_react53.default.createElement(import_material36.IconButton, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ import_react53.default.createElement(import_material36.SvgIcon, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ import_react53.default.createElement(import_material36.Modal, { open: open || false, onClose: handleClose }, /* @__PURE__ */ import_react53.default.createElement(
     import_material36.Dialog,
     {
       fullScreen: typeView === "mobile" ? true : false,
@@ -5779,8 +5783,8 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       }
     },
-    title && /* @__PURE__ */ import_react52.default.createElement(import_material36.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, typeView == "web" ? /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react52.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { sx: { width: "98%" } }, /* @__PURE__ */ import_react52.default.createElement(import_material36.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), subtitle ? subtitle : "")) : /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }), disableClose != true ? /* @__PURE__ */ import_react52.default.createElement(import_material36.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react52.default.createElement(import_Close2.default, { color: "action" })) : ""), typeView == "mobile" ? /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { sx: { display: "flex", flexDirection: "column", padding: "12px 0px 4px 0px" }, gap: 1.5 }, /* @__PURE__ */ import_react52.default.createElement(import_material36.Typography, { color: "text.primary", variant: "h5" }, title ? title : ""), subtitle ? subtitle : "") : ""),
-    /* @__PURE__ */ import_react52.default.createElement(
+    title && /* @__PURE__ */ import_react53.default.createElement(import_material36.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react53.default.createElement(import_Grid9.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, typeView == "web" ? /* @__PURE__ */ import_react53.default.createElement(import_Grid9.default, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react53.default.createElement(import_material36.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react53.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react53.default.createElement(import_material36.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react53.default.createElement(import_Grid9.default, { sx: { width: "98%" } }, /* @__PURE__ */ import_react53.default.createElement(import_material36.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), subtitle ? subtitle : "")) : /* @__PURE__ */ import_react53.default.createElement(import_Grid9.default, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }), disableClose != true ? /* @__PURE__ */ import_react53.default.createElement(import_material36.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react53.default.createElement(import_Close2.default, { color: "action" })) : ""), typeView == "mobile" ? /* @__PURE__ */ import_react53.default.createElement(import_Grid9.default, { sx: { display: "flex", flexDirection: "column", padding: "12px 0px 4px 0px" }, gap: 1.5 }, /* @__PURE__ */ import_react53.default.createElement(import_material36.Typography, { color: "text.primary", variant: "h5" }, title ? title : ""), subtitle ? subtitle : "") : ""),
+    /* @__PURE__ */ import_react53.default.createElement(
       import_material36.DialogContent,
       {
         "data-testid": "dialog-content",
@@ -5809,7 +5813,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           })
         }
       },
-      content.url ? /* @__PURE__ */ import_react52.default.createElement(
+      content.url ? /* @__PURE__ */ import_react53.default.createElement(
         "iframe",
         {
           style: { border: "none", minWidth: "100%", minHeight: "100%" },
@@ -5819,7 +5823,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       ) : content.component
     ),
-    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ import_react52.default.createElement(import_material36.DialogActions, { sx: { zIndex: 1200, gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement(
+    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ import_react53.default.createElement(import_material36.DialogActions, { sx: { zIndex: 1200, gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement(
       import_material36.Button,
       {
         variant: "text",
@@ -5827,11 +5831,11 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         size: "small",
         onClick: dialogActions[0].fn,
         disabled: dialogActions[0].disabled || false,
-        startIcon: dialogActions[0].icon ? /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: dialogActions[0].icon }) : void 0
+        startIcon: dialogActions[0].icon ? /* @__PURE__ */ import_react53.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: dialogActions[0].icon }) : void 0
       },
       dialogActions[0].text
-    ), /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
-      return /* @__PURE__ */ import_react52.default.createElement(
+    ), /* @__PURE__ */ import_react53.default.createElement(import_material36.Box, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
+      return /* @__PURE__ */ import_react53.default.createElement(
         import_material36.Button,
         {
           key: index + 1,
@@ -5840,12 +5844,12 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           size: "small",
           onClick: boton.fn,
           disabled: boton.disabled || false,
-          startIcon: boton.icon ? /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
+          startIcon: boton.icon ? /* @__PURE__ */ import_react53.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
         },
         boton.text
       );
     }))) : dialogActions.map((boton, index) => {
-      return /* @__PURE__ */ import_react52.default.createElement(
+      return /* @__PURE__ */ import_react53.default.createElement(
         import_material36.Button,
         {
           key: index,
@@ -5854,19 +5858,19 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           size: "small",
           onClick: boton.fn,
           disabled: boton.disabled || false,
-          startIcon: boton.icon ? /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
+          startIcon: boton.icon ? /* @__PURE__ */ import_react53.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
         },
         boton.text
       );
-    })) : /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, { sx: { width: "100%", display: "flex", flexDirection: "row", justifyContent: "center" } }, /* @__PURE__ */ import_react52.default.createElement(import_ToggleButtonGroup.default, { size: "large", fullWidth: true }, dialogActions.map((boton, index) => {
+    })) : /* @__PURE__ */ import_react53.default.createElement(import_material36.Box, { sx: { width: "100%", display: "flex", flexDirection: "row", justifyContent: "center" } }, /* @__PURE__ */ import_react53.default.createElement(import_ToggleButtonGroup.default, { size: "large", fullWidth: true }, dialogActions.map((boton, index) => {
       var _a;
-      return /* @__PURE__ */ import_react52.default.createElement(import_ToggleButton.default, { sx: { color: "primary.main" }, disabled: boton.disabled || false, fullWidth: boton.text ? true : false, size: "medium", value: "text", onClick: boton.fn }, (_a = boton.text) != null ? _a : /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }));
+      return /* @__PURE__ */ import_react53.default.createElement(import_ToggleButton.default, { sx: { color: "primary.main" }, disabled: boton.disabled || false, fullWidth: boton.text ? true : false, size: "medium", value: "text", onClick: boton.fn }, (_a = boton.text) != null ? _a : /* @__PURE__ */ import_react53.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }));
     })))) : "" : ""
   )));
 };
 
 // src/Components/SCDownloadExcelTable.tsx
-var import_react53 = __toESM(require("react"), 1);
+var import_react54 = __toESM(require("react"), 1);
 var import_material37 = require("@mui/material");
 var import_FileDownloadOutlined2 = __toESM(require("@mui/icons-material/FileDownloadOutlined"), 1);
 var XLSX = __toESM(require("xlsx"), 1);
@@ -5899,11 +5903,11 @@ var SCDownloadExcelTable = ({
     XLSX.utils.book_append_sheet(workbook, worksheet, "Hoja1");
     XLSX.writeFile(workbook, `${fileName}.xlsx`);
   };
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     import_material37.Button,
     {
       onClick: descargaExcel,
-      startIcon: /* @__PURE__ */ import_react53.default.createElement(import_FileDownloadOutlined2.default, null),
+      startIcon: /* @__PURE__ */ import_react54.default.createElement(import_FileDownloadOutlined2.default, null),
       size: (downloadButton == null ? void 0 : downloadButton.size) || "small",
       color: (downloadButton == null ? void 0 : downloadButton.color) || "primary",
       variant: (downloadButton == null ? void 0 : downloadButton.variant) || "text",
@@ -5914,12 +5918,12 @@ var SCDownloadExcelTable = ({
 };
 
 // src/Components/SCMenu.tsx
-var import_react55 = __toESM(require("react"), 1);
+var import_react56 = __toESM(require("react"), 1);
 var import_material38 = require("@mui/material");
 var import_Grid10 = __toESM(require("@mui/material/Grid"), 1);
 
 // src/Components/Hooks/useWindowDimensions.ts
-var import_react54 = require("react");
+var import_react55 = require("react");
 function getWindowDimensions() {
   const { innerWidth: width, innerHeight: height } = window;
   return {
@@ -5928,8 +5932,8 @@ function getWindowDimensions() {
   };
 }
 function useWindowDimensions() {
-  const [windowDimensions, setWindowDimensions] = (0, import_react54.useState)(getWindowDimensions());
-  (0, import_react54.useEffect)(() => {
+  const [windowDimensions, setWindowDimensions] = (0, import_react55.useState)(getWindowDimensions());
+  (0, import_react55.useEffect)(() => {
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
     }
@@ -5947,12 +5951,12 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
   const pageSize = widthPage ? parseInt(widthPage) : width - menuSize;
   const widthContainer = menuSize + pageSize;
   let heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
-  const [selectedIndex, setSelectedIndex] = import_react55.default.useState("1");
-  const [value, setValue] = import_react55.default.useState("1");
-  import_react55.default.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = import_react56.default.useState("1");
+  const [value, setValue] = import_react56.default.useState("1");
+  import_react56.default.useEffect(() => {
     heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
   }, [height]);
-  import_react55.default.useEffect(() => {
+  import_react56.default.useEffect(() => {
     if (defaultOption) {
       handleClickMenusItem(event, void 0);
     }
@@ -5982,7 +5986,7 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       setValue(String(index + 1));
     }
   };
-  return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(import_Grid10.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react55.default.createElement(import_material38.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react55.default.createElement(import_material38.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(import_Grid10.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react56.default.createElement(import_material38.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react56.default.createElement(import_material38.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(
     import_material38.MenuItem,
     {
       disabled: disable == true ? true : false,
@@ -5990,51 +5994,9 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       selected: String(index + 1) === selectedIndex,
       onClick: (event2) => handleClickMenusItem(event2, index)
     },
-    option.iconLeft ? /* @__PURE__ */ import_react55.default.createElement(import_material38.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react55.default.createElement(import_material38.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
-    /* @__PURE__ */ import_react55.default.createElement(import_Grid10.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react55.default.createElement(import_material38.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react55.default.createElement(import_material38.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react55.default.createElement(import_material38.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
-  ), option.divider == true ? /* @__PURE__ */ import_react55.default.createElement(import_material38.Divider, null) : "")))), /* @__PURE__ */ import_react55.default.createElement(import_Grid10.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react55.default.createElement(import_material38.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react55.default.createElement(import_material38.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
-};
-
-// src/Components/SCSnackBar.tsx
-var import_react56 = __toESM(require("react"), 1);
-var import_Alert = __toESM(require("@mui/material/Alert"), 1);
-var import_es6 = require("dayjs/locale/es");
-var import_Snackbar = __toESM(require("@mui/material/Snackbar"), 1);
-var SCSnackBar = ({
-  type = "success",
-  close = true,
-  openState,
-  setOpenState,
-  mensaje,
-  duration = 3e3,
-  position = "Center"
-}) => {
-  const posicionVertical = position == "Center" ? "bottom" : position.split("-")[1] == "Up" ? "top" : "bottom";
-  const posicionHorizontal = position == "Center" ? "center" : position.split("-")[0] == "Left" ? "left" : "right";
-  const handleClose = (event2, reason) => {
-    if (reason === "clickaway") {
-      return;
-    }
-    setOpenState(false);
-  };
-  return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(
-    import_Snackbar.default,
-    __spreadProps(__spreadValues({
-      anchorOrigin: { vertical: posicionVertical, horizontal: posicionHorizontal },
-      open: openState,
-      autoHideDuration: duration
-    }, close ? { onClose: handleClose } : {}), {
-      sx: { zIndex: 2e3 }
-    }),
-    /* @__PURE__ */ import_react56.default.createElement(
-      import_Alert.default,
-      __spreadProps(__spreadValues({}, close ? { onClose: handleClose } : {}), {
-        severity: type,
-        sx: { backgroundColor: type == "success" ? "success.50" : type == "error" ? "#F9E8E8" : type == "warning" ? "#FFF0E0" : "#E6F3F8" }
-      }),
-      mensaje
-    )
-  ));
+    option.iconLeft ? /* @__PURE__ */ import_react56.default.createElement(import_material38.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react56.default.createElement(import_material38.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
+    /* @__PURE__ */ import_react56.default.createElement(import_Grid10.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react56.default.createElement(import_material38.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react56.default.createElement(import_material38.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react56.default.createElement(import_material38.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
+  ), option.divider == true ? /* @__PURE__ */ import_react56.default.createElement(import_material38.Divider, null) : "")))), /* @__PURE__ */ import_react56.default.createElement(import_Grid10.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react56.default.createElement(import_material38.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react56.default.createElement(import_material38.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
 };
 
 // src/Components/SCTabs.tsx